{"version":3,"sources":["Components/Config/Base.js","Components/Common/AddBusinessPop.js","Components/Common/AddDepartmentpop.js","Components/Common/AddDesignationModel.js","Components/Common/AddLocationModel.js","Components/Common/AddHolidaysPop.js","Components/Common/AddManagerPop.js","Components/Common/AddOfficeDocumentModel.js","Components/Common/AnnouncementPopup.js","Components/Common/Chat.js","Components/Common/CommonSuccess.js","Components/Common/DashPie.js","Components/Common/EditAdminEduModel.js","Components/Common/EditAdminFamilyModel.js","Components/Common/EditAnnouncementpop.js","Components/Common/EditBusinessPop.js","Components/Common/EditDepartPop.js","Components/Common/EditEmergencyModel.js","Components/Common/EditFamilyModel.js","Components/Common/EditSkillModel.js","Components/Common/Export.js","Components/Common/SuccessPopup1.js","Components/Common/SearchPopup.js","Components/Assets/images/msg.png","Components/Common/LastChatpop.js","Components/Assets/images/msgbg.png","Components/Common/EntityList.js","Components/Common/DragDrop.js","Components/Assets/images/videoplay.png","Components/Common/Picturepop.js","Components/Assets/images/document.png","Components/Assets/images/profile.png","Components/Assets/images/online-dot.png","Components/Assets/images/offline-dot.png","Components/Assets/images/double-check.webp","Components/Assets/images/single-check.png","Components/Common/GroupPop.js","Components/Assets/images/online.png","Components/Assets/images/offlineimg.png","Components/Assets/images/public.png","Components/Assets/images/Verified.png","Components/Assets/images/lockpng.png","Components/Assets/images/userpng.png","Components/Common/OneonOneDragDrop.js","Components/Common/OneonOnePicturepop.js","Components/Common/UserPicturepop.js","Components/Common/UserFilepop.js","Components/Common/LastGroup.js","Components/Common/LoadingPage.js","Components/Assets/images/OATlogo.png","Components/Common/LogoCompo.js","Components/Common/LogoutConfirmPop.js","Components/Common/OTPmsgpop.js","Components/Common/Online.js","Components/Common/Pie.js","Components/Common/RegMsgPop.js","Components/Common/PopMsg.js","Components/Common/AsAdminModel.js","Components/Common/Sidebar.js","Components/Common/SuccessPopup.js","Components/Common/Tempfile.js","Components/Screen/AddOrganization.js","Components/Screen/Admin/AddEducation.js","Components/Screen/Admin/AddSkills.js","Components/Common/SuccesAnnouncement.js","Components/Screen/Admin/AdminAnnouncement.js","Components/Screen/Admin/AdminBusiness.js","Components/Common/EditDesignationModel.js","Components/Assets/Files/Designationxl.xlsx","Components/Screen/Admin/AdminDesignation.js","Components/Screen/Admin/AdminHome.js","Components/Common/EditAdminLocationModel.js","Components/Assets/Files/OfficeLocationxl.xlsx","Components/Screen/Admin/AdminLocation.js","Components/Common/EditDocumentModel.js","Components/Assets/Files/CompanyDocExl.xlsx","Components/Screen/Admin/AdminOfficeDocument.js","Components/Common/Planet.js","Components/Screen/Admin/AdminOtp.js","Components/Common/EditSkillModelAdmin.js","Components/Screen/Admin/AdminProfile.js","Components/Screen/Admin/AllAnnouncement.js","Components/Screen/Admin/BusiUnitDash.js","Components/Screen/Admin/CompanyDocument.js","Components/Screen/Piechart.js","Components/Screen/Admin/CompanyDocumentDash.js","Components/Assets/Files/DepartmentExl.xlsx","Components/Screen/Admin/Department.js","Components/Screen/Admin/DepartmentDash.js","Components/Screen/Admin/DesignationDash.js","Components/Screen/Admin/EditAdSkil.js","Components/Screen/Admin/EditOrganization.js","Components/Screen/Admin/EditPG.js","Components/Screen/Admin/EditPHD.js","Components/Screen/Admin/EditSkill.js","Components/Screen/Admin/EditTeam.js","Components/Screen/Admin/EditUserEducation.js","Components/Screen/Admin/EduDash.js","Components/Assets/Files/Educationxl.xlsx","Components/Screen/Admin/Education.js","Components/Screen/Admin/EducationGrid.js","Components/Screen/Admin/ManagerDash.js","Components/Common/EditManagerPop.js","Components/Assets/Files/Managersexl.xlsx","Components/Screen/Admin/Managers.js","Components/Common/AddSkillPop.js","Components/Common/EditSkillPop.js","Components/Assets/Files/Skillexl.xlsx","Components/Screen/Admin/MasterSkills.js","Components/Screen/Admin/OfficeLocationDash.js","Components/Screen/Admin/OfficialHolidayDash.js","Components/Common/EditHolidayPop.js","Components/Assets/Files/HolidayTemplate.xlsx","Components/Screen/Admin/OfficialHolidays.js","Components/Screen/Admin/SkillCard.js","Components/Screen/Admin/SkillGrid.js","Components/Screen/Admin/SkillMaster.js","Components/Assets/Files/TeamExl.xlsx","Components/Assets/images/Avatar.png","Components/Screen/Admin/Team.js","Components/Screen/Admin/TeamDash.js","Components/Screen/Admin/Teamadd.js","Components/Screen/ChangePwd.js","Components/Screen/Contact.js","Components/Screen/DashBoard.js","Components/Screen/Dummyfntn.js","Components/Screen/Forgot.js","Components/Assets/images/Awessome.webp","Components/Screen/InviteDashboard.js","images/LaptopGirl.webp","Components/Screen/LandingPage.js","Components/Common/Invalid.js","Components/Screen/Login_form.js","Components/Screen/NewPassword.js","Components/Screen/OTP.js","Components/Screen/Organization.js","Components/Common/PanConfirmPop.js","Components/Common/GstPop.js","Components/Common/OrgActiveConifrmPop.js","Components/Screen/OrganizationDetail.js","Components/Screen/Sign-Up.js","Components/Screen/SuperAdmin/ActiveReson.js","Components/Screen/SuperAdmin/Announcement.js","Components/Screen/SuperAdmin/EditMasterPG.js","Components/Screen/SuperAdmin/EditMasterPHD.js","Components/Screen/SuperAdmin/EditMasterUG.js","Components/Screen/SuperAdmin/EditSuperEducation.js","Components/Screen/SuperAdmin/EditSuperSkill.js","Components/Screen/SuperAdmin/GridEducation.js","Components/Screen/SuperAdmin/Gridskil.js","Components/Screen/SuperAdmin/Masterpage.js","Components/Screen/SuperAdmin/Messages.js","Components/Screen/SuperAdmin/Notifications.js","Components/Screen/SuperAdmin/RejectOrg.js","Components/Screen/SuperAdmin/SuperEducation.js","Components/Screen/User/LoginUser.js","Components/Common/EditUserEduModel.js","Components/Assets/images/whatsapp.jpg","Components/Assets/images/twitter.png","Components/Assets/images/linkedin.png","Components/Assets/images/facebook.jpg","Components/Assets/images/skype.png","Components/Assets/images/pencil.png","Components/Screen/User/Profile.js","Components/Screen/User/TestDrop.js","Components/Screen/User/UserAnnouncement.js","Components/Screen/User/UserCompanyDocument.js","Components/Screen/User/UserDashboard.js","Components/Screen/User/UserHoliday.js","Components/Screen/User/UserRequest.js","Components/Screen/User/UserReset.js","Components/Common/GroupTitlePopup.js","Components/Assets/images/addmemgroup.png","Components/Screen/User/EntityList.js","Components/Assets/images/deleteIconA.png","Components/Common/UserChatPicpop.js","Components/Common/UserChatDocpop.js","Components/Screen/User/Userchating.js","Components/Screen/dummy.js","Components/Screen/SuperAdmin/AddLifestylePop.js","Components/Assets/Files/LifeStyleExl.xlsx","Components/Screen/SuperAdmin/Lifestyle.js","Components/Assets/Files/PersonalityExl.xlsx","Components/Screen/SuperAdmin/AddPersonalityPop.js","Components/Screen/SuperAdmin/Personality.js","Components/Screen/SuperAdmin/AddIntrestPop.js","Components/Assets/Files/IntrestExl.xlsx","Components/Screen/SuperAdmin/Intrest.js","Components/Screen/SuperAdmin/AddActivityPop.js","Components/Assets/Files/ActivityExl.xlsx","Components/Screen/SuperAdmin/Activities.js","Components/Common/AdminSkillPop.js","Components/Common/Aspuserlistchat.js","Components/Common/ChatGrupPop.js","Components/Common/ChatPicturepop.js","Components/Common/ChatDocPop.js","Components/Common/Chatbox.js","Components/Common/SPEditAnnouncement.js","Components/Screen/Admin/AdminAnnouncmentpop.js","Components/Screen/Admin/AdminNotification.js","Components/Screen/Admin/AnnouncementPreview.js","Components/Common/CategoryPop.js","Components/Common/EditCategory.js","Components/Assets/Files/CategoryExl.xlsx","Components/Screen/Admin/CategoryMaster.js","Components/Common/AddCoursePop.js","Components/Common/EditCoursePop.js","Components/Assets/Files/CourseNameExl.xlsx","Components/Screen/Admin/CourseName.js","Components/Assets/Files/DegreeExl.xlsx","Components/Common/AddDegreepop.js","Components/Common/EditDegreepop.js","Components/Screen/Admin/MasterDegree.js","Components/Assets/Files/DegreeLevelExl.xlsx","Components/Common/AddDegreeLevelpop.js","Components/Common/EditDegreeLevelpop.js","Components/Screen/Admin/MasterDegreeLevel.js","Components/Common/AddSpecialization.js","Components/Common/EditSpecialization.js","Components/Assets/Files/SpecializationExl.xlsx","Components/Screen/Admin/Specialization.js","Components/Screen/Admin/Teamdetail.js","Components/Screen/SuperAdmin/SASpecialization.js","Components/Screen/SuperAdmin/AnnouncementPreviewSP.js","Components/Screen/SuperAdmin/Contactmsg.js","Components/Screen/SuperAdmin/SACategory.js","Components/Screen/SuperAdmin/SACourse.js","Components/Screen/SuperAdmin/SADegree.js","Components/Screen/SuperAdmin/SADegreeLevel.js","Components/Screen/SuperAdmin/SADepartment.js","Components/Screen/SuperAdmin/SADesignation.js","Components/Screen/User/UserAnnouncementpopup.js","Components/Screen/User/UserMessageNotification.js","Components/Screen/User/UserNotifications.js","Components/Common/AddTrainingAddTrainee.js","Components/Common/TrainingAddTrainerpop.js","Components/Common/TrainingClassPopup.js","Components/Common/AddLearning.js","Components/Common/AddTrainerpop.js","Components/Common/AddTrainingPopDesign.js","Components/Common/AddTrainingAddTrainer.js","Components/Common/AddTrainingAddDesignation.js","Components/Common/AddTrainingpop.js","Components/Common/Chatconfirm.js","Components/Common/TrainingEditTrainerPop.js","Components/Common/TrainingEditTraineesPop.js","Components/Common/EditSchedule.js","Components/Common/EditTrainerpop.js","Components/Common/EditTrainingpop.js","Components/Common/UsertoUserPopup.js","Components/Screen/User/EntityListUser.js","Components/Common/UserChatPopUp.js","Components/Screen/Admin/AdminMessageNotification.js","Components/Screen/Admin/AssignTraining.js","Components/Common/FilterPop.js","Components/Assets/Files/LearningExl.xlsx","Components/Screen/Admin/LearningSchedule.js","Components/Screen/Admin/TrainerList.js","Components/Screen/Admin/TrainingCard.js","Components/Assets/Files/Training.xlsx","Components/Screen/Admin/TrainingSchedule.js","Components/Screen/SuperAdmin/Train.js","Components/Common/Filterpopstatustopic.js","Components/Screen/Admin/AddTrainer.js","Components/Screen/Admin/TrainerDetails.js","Components/Screen/Admin/TrainerSchedule.js","Components/Assets/Files/TrainerExl.xlsx","Components/Screen/Admin/UserActiveTraining.js","Components/Screen/Admin/UserAssignTraining.js","Components/Screen/Admin/UserTrainingDocument.js","Components/Common/AddTraineeExistingPop.js","Components/Common/AddTraineePop.js","Components/Common/Settings.js","Components/Screen/Admin/TrainingsLandingPage.js","Components/Screen/SuperAdmin/AllAnnouncementSA.js","Components/Screen/User/Attendees.js","Components/Screen/User/EditActiveTrainer.js","Components/Screen/User/MeetingLink.js","Components/Screen/User/TrainerActiveTraining.js","Components/Common/AssignedTraineePop.js","Components/Screen/User/TrainerAssign.js","Components/Screen/User/TrainerAssignTraining.js","Components/Screen/User/TrainerTrainingDocuments.js","Components/Assets/images/3.png","Components/Screen/User/TrainingsDocuments.js","Components/Common/EditMessagepop.js","Components/Screen/Admin/ContactMessages.js","Components/Screen/Admin/MessagePrev.js","Components/Common/Teamgriddetails.js","Components/Screen/User/UserTeam.js","Components/Common/ProfileGridDetails.js","Components/Screen/Admin/AdminProfileGrid.js","App.js","index.js"],"names":["BASE_URLs","Image_URLs","AddBusinessPop","props","_handleKeyDown","e","key","handleSubmit","state","formErrors","ButtonDisabled","bind","formIsValid","document","getElementById","value","this","setState","url","user","JSON","parse","localStorage","getItem","fetch","method","headers","Authorization","Accept","then","response","json","data","Business","GetBusiness","event","preventDefault","Validation","FormData","append","body","res","resp","status","toast","success","message","position","autoClose","hideProgressBar","closeOnClick","pauseOnHover","draggable","progress","undefined","style","display","setTimeout","click","error","w","window","innerWidth","newestOnTop","rtl","pauseOnFocusLoss","className","id","padding","autoComplete","onSubmit","float","backgroundColor","color","border","onClick","close","maxLength","onKeyDown","name","type","onChange","handleChange","onKeyPress","handleKeyPress1","textAlign","disabled","height","width","marginTop","Component","AddDepartmentpop","a","DepartmentName","isButtonDisabled","role","Role","toString","options","result","GetDepartment","handleKeyPress","RelationshipDrop","Department","target","charAt","toUpperCase","slice","getElementsByName","otherdepartment","encType","AutoCaps","Name","AddDesignationModel","handleKeyDown","DesignationName","OtherDesignationName","GetDesignation","AddLocationModel","handlechange","Address","Branch","LocationType","trim","length","isChrome","navigator","userAgent","indexOf","marginLeft","AddHolidaysPop","GetManager","getMinDate","today","Date","year","getFullYear","formattedMonth","getMonth","padStart","Reason","Location","SelectLocation","toLowerCase","prevState","LocationModel","SkillModel","GetLocation","LocationDrop","Manager","onFocus","onInputCapture","map","location","index","branch","paddingLeft","AddManagerPop","MN","AddDepartment","Manager_Name","EntityNameValidate","ManagerNAme","Departmentdrop","countries","label","GetManagerName","Team","zIndex","placeholder","SelectDepartment","department","AddOfficeDocumentModel","GetOfficeDocument","OfficeDocumentTitle","OfficeDocumentFile","Category","OtherCategory","OfficeDocument","Doc","OfficeDocumentTitleerr","OfficeDocumentFileErr","Categoryerr","OtherCategoryerr","HandleUg","multiple","AnnouncementPopup","SetReminderOn","history","push","SetReminderOff","SetReminderOffA","closefunction","Announcement","Organization","getCookie","uname","SeeMore","image","video","$","ready","is","slideDown","html","slideUp","crole","corg","GetAnnouncement","cName","decodeURIComponent","cookie","split","forEach","val","substring","title","FinishedTask","pendingTask","User","cursor","truncateTitle","hide","slideToggle","Chat","handleChat","sn","SenderId","Username","Id","chatbox","ChatId","Message","el","scrollTop","scrollHeight","onKeyUp","Chatlist","filter","item","skillName","includes","AddChat","accessToken","overflow","chatside","paddingBottom","time","firstName","src","alt","lastName","background","top","opacity","borderRadius","right","CommonSuccess","fontSize","to","ApexChart","series","chart","stacked","toolbar","show","zoom","enabled","responsive","breakpoint","legend","offsetX","offsetY","plotOptions","bar","horizontal","xaxis","categories","fill","React","EditDesignationModel","handlevalueChange","flag","EducationCourseName","handleEducationChange","Qualification","St_date","Coursename","End_date","Coursetype","unisty_name","OthersQualification","getTime","handleDateChange","date","moment","format","handleChangeD","handleFocus","calElement","HandleQualification","EducationDrop","maxDateS","getDate","isChrome1","test","isFirefox","DisFire","DisFireStart","startDate","CourseStartDate","endDate","CourseEndDate","UserEducationDropdownList","clg_name","stream","Created_Date","defaultValue","QualificationType","hidden","qualificationType","list","coursename","Stream","showMonthYearPicker","dateFormat","maxDate","selected","minDate","max","toJSON","min","UniversityName","CollegeName","fontWeight","EditAdminFamilyModel","FamlySubmit","FamilyValidation","Firstname","Lastname","Contact","Relationship","emergencyContact","checked","mobPattern","RelationshipDropList","Email","MiddleName","created_Date","FirstName","LastName","relationship","defaultChecked","EditPreAnnouncement","useState","Title","Description","innerHTML","BusinessUnit","alignItems","justifyContent","values","userid","category","EditBusinessPop","setFormErrors","errors","EditFamilyModel","EmergencySubmit","EmeContact","replace","Value","EditSkillModel","SkillEditsubmit","SkillValidation","handleSkillChange","uploadcertificate","Experience","skillcoursename","skillCoursestartdate","skillCourseEnddate","SkillCertificate","skillCertificate","HandleSkillCertificate","UploadCertificate","SkillDetails","SKillAdminCategoryDrop","SKillAdminNameDrop","SkillName","GetUserSkillDrop","GetUserSkillName","SkillDescription","expDate","exp","day","month","DateFormat","Skillname","onBlur","trainer","certificates","select","handleSkillCertificate","startdate","enddate","certificate","Export","exportTableToExcel","tableID","downloadLink","filename","dataType","createElement","appendChild","msSaveOrOpenBlob","blob","Blob","href","download","Addskills","Notification","skillsgun","GetAddSkill","skill","skillDescription","tyle","onclick","SuccessPopup1","handleDocumentChange","selectedDocument","files","document_Path","selectedDocumentName","handleTextChange","handleFileChange","picture_Path","reset","GetmsgPop","userName","GetReceivemsgPop","alert","myEmoji","showEmoji","handleEmojiClick","emojiObject","emoji","handleButton1Click","isButton1Visible","EntityListOpen","Entity","myRef","createRef","AddSkillModels","Allmessage","Popmsg","ReceivepopMsg","createDateTime","active","chosenEmoji","setShowEmoji","msg","Array","isArray","Messages","console","UserName","ok","Error","catch","GetMessages","GetAllMessage","timerID","setInterval","scrollIntoView","clearInterval","current","AddSkillModel","isButton2Visible","isBackArrowVisible","messages","sort","b","textShadow","overflowY","overflowX","isSender","overflowWrap","scrolling","pointerEvents","ReactTimeAgo","locale","timeStyle","ref","URL","createObjectURL","email","onEmojiClick","accept","htmlFor","SearchPopup","myFunction","AllAnnouncement","showResults","fn","al","uid","rmsg","em","mb","checkboxes","i","setAttribute","EditSkillValues","allmessage","usermsgId","receivemsg","displayName","isButtonVisible","initialState","AdminEmail","left","backentity","formclicking","whiteSpace","LastChatpop","handleButtonClick1","SearchModel","SearchValues","Announcements","OATSearch","Alluser","company_Name","fetchLastMessage","lastMessage","fetchNotificationCount","notificationCount","count","Noticount","noticount","markMessageAsSeen","senderId","stringify","showing","profile","childVisible","GetLastChat","UserOrg","counts","join","EntityList","LastChatModel","handleButtonClick2","cid","cn","userId","company_Id","adminName","username","thumb","marginBottom","marginRight","boxSizing","DragDrop","setMessage","setFiles","inputDisabled","setInputDisabled","windowWidth","setWindowWidth","prevMessage","useEffect","handleResize","addEventListener","removeEventListener","useDropzone","noClick","noKeyboard","onDrop","acceptedFiles","getRootProps","getInputProps","open","fileList","Set","file","path","ids","filteredResponse","updatedFiles","splice","handleFileDelete","handleClose","charCode","formData","GroupName","GroupId","AllMembers","Profile","axios","post","prevShowEmoji","thumbsContainer","thumbss","thumbInner","minWidth","img","Picturepop","size","Swal","fire","text","icon","Object","assign","preview","thumbs","onLoad","revokeObjectURL","handleRemoveImage","GroupPop","formatDateAA2","dateString","toLocaleString","fetchClosedDate","get","checkClosedDate","changeImage","hover","restoreImage","handleOptionChange1","selectedOption","handleOptionChange","LeaveDiscussion","GrpId","Gname","GroupMember","mergedUsers","ImgPath","Leavedisc","GetMemberAccess","groupId","GetNonAccess","AllMember","EditInput","InputDisabled","updatedGroupTitle","GroupTitle","HideTextBox","deleteEvery","deletemsg","deletesender","DateTimeSec","datetimesec","HideTextBoxEdit","documentPopup","isdocumentpopOpen","Documentpopup","memberPopup","ismemberpopOpen","Memberpopup","SeenMessages","seenMessage","seenGroupId","Datetime","deletedate","FilterSeenMsgMembers","Seen","SingleMember","from","SeenMsgMembers","initialScroll","scrollOptions","behavior","scrollTo","picturePopup","ispicturepopOpen","Picturepopup","UpdateGroupName","grpname","GrpnameEdit","SubmitEditMessage","stss","SearchClick","headerElement","Search","Allmessage1","MessageFilter","startsWith","group_id","config","isAtTop","documentElement","handleClickOutside","containerRef","contains","isVisible","showMenu","MsgOption","ProfileEditPop","handleFilter","letter","Addmembers","AllAddmembers","attachMenu","Addpopup","deleteMenu","EditMessage","profileEditpopup","Deleteuser","Enddisc","MuteDisc","UnMuteDisc","hideprofileEditpopup","EImage","hidedisplaypop","Infopopup","hideEditpop","Editpopup","hidegrpnameEditpop","hidedocumentpop","hidememberpop","hidepicturepop","hideMuteDisc","hideUnMuteDisc","hideenddiscpop","endDiscussion","showConfirmButton","timer","customClass","EndStatus","Status","MuteDiscussion","GetGroupUsers","UnMuteDiscussion","MuteStatus","setItem","statusdata","sts","end_Status","end_Status_ChangeDate","stss1","statusstr","statusstr1","num","statusA","numA","member","Memberslist","status_ChangeDate","GetAllMessageEdit","DUHideTextBox","hideDeletepop","DeleteUserGroup","duserid","Both","Uname","GetAllMembers","DeleteMessage","groupName","DeleteMessageChat","deleteId","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","isConfirmed","isDismissed","EditChatMessage","DeleteMessageEveryone","PicturePath","deletepic","DocumentPath","deletedoc","selectedOptions","Group_Name","Group_id","GetAddmembers","filteraddmember","GetAddmemberspop","hideForwardpop","forwardpopup","selectedGroupIds","GetForwardMembers","hideAddpop","openpop","hiddenpop","ishiddenpopupOpen","SubmitAddMessage","selectedUserName","GetTeamMembers","createdby","AddGroupMember","selectedUserIds","dataA","selectedUsers","isPopupOpen","handleSelect","private","GroupPrivate","content","confirmButton","GId","Privacy","privacy","reloadbutton","GroupPublic","Checkclose","documentName","dn","DName","documentname","documentNameL","fileUploadAction","inputReference","UpdateGrpImg","fileUploadInputChange","selectedFile","File","fileUploadState","SampleImage","UpdateGroupProfile","OldImageChat","ImagePath","OldImage","GroupProfileEditMessage","resetEditImage","deleteProfile","DefaultProfile","ForwardChatMsg","selectedGroupName","Picture_Path","Document_Path","selectedOptionsFwd","forwardopenpop","ForwardMembers","AllForwardMembers","handleSelectFwd","openPopup","closePopup","formatDateAA","inputDate","currentDate","oneWeekAgo","isToday","isYesterday","isBeforeYesterday","timeOnly","toLocaleTimeString","hour","minute","hour12","formattedTime","formatDateAA1","formattedDate","toLocaleDateString","weekday","FilterOption","option","searchText","toggleMinimize","Minimized","maintabAElement","user_id","handleUserRemove","handleGroupRemove","group_Name","selectedGroup","handleUserSelect","userToAdd","find","handleUserSelectionChange","selectedUsersA","userNameToAdd","handleGroupSelectionChange","selectedGroupsA","Addmemberfilter","interval","MemberAccess","AllMemberAccess","NonAccess","AllNonAccess","forwardfilter","changeDName","EditDName","restoreDName","updateSeenside","Seenside","emojiWidth","Menu","toggleMenu","displaypopup","displayeditpop","grpnameedit","enddisc","Deletepop","Addpop","Documentpop","Memberpop","Groupname","members","d","x","curlength","prevLength","msgdata","arr","object","validUrls","filterurl","fetchData","Member","Members","Membersstr","Group","GroupMembers","refreshInterval","Promise","resolve","GetGroupId","call","alphabet","letters","prevProps","sd","cd","pp","dp","dts","Deleteuserid","Deleteusername","isMemberpopupOpen","groupdetail","group","createdBy","created_by","GPrivacy","profile_Pic","groupCreateDate","groupCreatedName","created_Name","createdDate","createdName","maxWidth","documentdate","newSrc","EMail","UserId","menuStyles","boxShadow","LeaveDisucpop","attachStyles","deleteStyles","MessageOption","bottom","infopopup","editpopup","grpnameeditpop","profileeditpop","documentpop","picturepop","endDisucpop","MuteDisucpop","UnMuteDisucpop","deletepop","seenStyles","searchpop","Accessed","access","Accessed_to","accessed_to","regexp","onMouseOver","onMouseOut","muted","muteStatus","visibility","lineHeight","fontFamily","listStyle","gap","for","viewbox","xmlns","version","in","stddeviation","mode","in2","listStyleType","profile_Picture","result1","rowNum","margin","verticalAlign","dateTimeSec","editStatus","particularUserProfile","forwarded","textDecoration","rel","readOnly","File1","onMouseLeave","displayStatus","doubletick","singletick","publicchat","borderBottom","activeStatus","onlinedot","animation","offlinedot","leaving","group_Member","group_Id","closed_Name","closed_Date","CanceEdit","OneonOneDragDrop","storedValue","emailA","transform","maxHeight","OneonOnePicturepop","prevFiles","LastGroup","dot","Chatpop","updateCheckedState","pageHeaderElement","querySelector","classList","remove","pageHeaderElement1","pageHeaderElements2","getElementsByClassName","element","toggleMinimizeA","chatPopRef","add","querySelectorAll","StateCheck","ICcountTabinterval","activeTab","Filterpop","oneonone","tabA","OneononeUser","fetchclosedCount","fetchindividualCount","fetchgroupCount","fetchpublicCount","OneonOne","getUserData","handleTabChange","tabId","UserEmail","publicCount","publicCounts","closefuncdisc","tabB","tabC","tabE","tabD","tt6","tabG","Alluser1","AlluserFilter","Alluser2","Deleteduser","Deleted","Alluser3","Alluser4","Groupuser","Alluser5","OneonOneCount","Alluser6","MuteMessage","MutedDisc","setFocus","searchForDiscRef","focus","groupCount","notificationClosed","totalCountLeft","NotiClosedcount","fetchPrivacyandCreatedby","checkPrivacyandCreated","fetchPrivacyandCreatedbyPublic","checkPrivacyandCreatedPublic","fetchCreatedName","CheckCreatedName","totalCount","individualCount","handlehide","EditSkillModels","cb","pr","ActiveMemberFilter","EntityMembers","AllEntityMembers","LetterDiscussionFilter","RoleA","receiver","DiscussionFilter","AllMutedDisc","formRef","entries","ParticularId","delparticularId","SysDateTimeWithSeconds","Time","MsgMenu","MailId","GetReceivemsgPopUser","handleKeyPressUser","ActiveMemberUserFilter","EntityMemberUsers","AllEntityMemberUsers","AdminName","AdminNameA","markMessageAsSeenUser","particularId","markMessageAsSeenAdmin","connectToHub","connection","signalR","withUrl","withAutomaticReconnect","build","start","on","scrollToBottom","chatContainer","bottomElement","block","handleScroll","scrolledByUser","navigate","handleSubmitUser","pic","UserProfilePic","GetForwardmembers","ICcountinterval","hideChatpop","Hidechatheader","check","EditOneonOneMessage","DeleteMessageOne","ForwardIChatMsg","Forwardpic","Forwarddoc","timerProgressBar","ICDeleteMessageEveryone","User1","NonUsers","NonUsers1","SideBarOpen","chatBoxRef","firstInputRef","oneononeOptions","userOrgOptions","all","oneononeResponse","userOrgResponse","userOrgNonUserResponse","userOrgLeftResponse","oneononeData","userOrgData","userOrgNonUserData","userOrgLeftData","sortedMergedData","oneonOneData","trendList","hubConnection","configureLogging","Information","tt","tt2","tt3","tt4","tt5","tt7","searchtabs","getUserDataAsync","fetchPromises","fetchDataWithDelay","onload","blur","TeamUsers","GetAdminDetails","tab1Radio","mail","UserMail","namee","USERNAME","stop","OneonOneAdmin","ReceivepopMsgUser","Imsg","Ipic","Idoc","Isd","Icd","Ist","Forwardmembers","AllForwardmembers","ICMuteDisc","Popmsguserside","ReceivepopMsgUserSide","ReceivepopMsgUsersideA","seenCreateDateTime","currentObject","MailIds","MessageMenu","UserOrgLeft","UserOrg1","UserOrgTrend","Mute","Messageresult","particularProfile_Picture","senderProfile_Picture","userpng","seen","backgroundImage","lockpng","publicpng","remover_Name","userActiveStatus","logout","onScroll","sysDateTimeWithSeconds","DisplayMenu","frwdStatus","autocomplete","CancelEdit","UserFilepop","UserPicturepop","onlineimg","offlineimg","LoadingPage","LogoCompo","logo","LogoutConfirmPop","dd","sessionStorage","clear","allCookies","toUTCString","Logout","Online","tabHasFocus","array","finalString","Pie","radialBar","startAngle","endAngle","hollow","imageOffsetX","imageOffsetY","dropShadow","track","strokeWidth","dataLabels","formatter","parseInt","gradient","shade","shadeIntensity","gradientToColors","inverseColors","opacityFrom","opacityTo","stops","stroke","lineCap","labels","RegMsgPop","PopMsg","AsAdminModel","slideOpen","heightChecked","initHeight","SideBar","logoutpopfunctn","logoutpop","LogOut","Notifycount","GetNotify","totalNotificationCount","Messagecount","Notification_Id","removeItem","NotificationCountUser","notificationUser","ProfileModel","GetNotification","Ulogo","Trainer","comlogo","Unreadcount","Unreadcountuser","UnreadAdNoticount","sidebar","Unreadcountannounce","UnreadcountMsg","UserTeam","Anncount","GetUserInfo","getNumberLength","Teams","mdiv","offsetHeight","column1","organization","url2","NotifyCount","Tasks","org","UpdateLocalStorage","GetAnnCount","GetAnnouncementNotificationuser","profilelist","GetOrgLogo","GetSPNotification","GetSPNotificationMsg","GetSPNotificationuser","SkillDetailList","anncount","unreadcount","Math","floor","log10","abs","teamId","UserTeams","toggle","toggleclick","pathname","com_logo","wordWrap","SAprofile","PureComponent","Tempfile","FileReader","handleImage","Images","SelectedImages","Imagesname","toFixed","deleteimg","sub","mysub","ls","bytes","decimals","k","dm","sizes","log","parseFloat","pow","change","css","AddOrganization","HandleImage","Preview","handleGSTFormat","input","regex","personname","mobile","adrs1","city","country","Zip","website","PANno","GSTno","Pan","GST","zipf","reg","isSelected","match","uploadFile","previewpan","reader","onloadend","gstpic","previewgst","panpic","SuccessModel","savstatus","handleredirect","fileUploadAction1","inputReference1","inputRef","Company_Name","aliasname","Com_logo","lanline","SEmail","imagePreviewUrl","imagePreviewUrlPAN","imagePreviewUrlGST","OrgEmail","SaveOrg","imagedisplayPAN","imagedisplayGST","loading","handleImageChange","handlePanImageChange","handleGstImageChange","handleReset","scroll","All","pan","goBack","readAsDataURL","lastIndexOf","gst","handleFormValidation","reload","GetOrgEmail","GetSavedOrganization","mobileErr","lanlineErr","personnameErr","EmailErr","adrs1Err","countryErr","stateErr","cityErr","ZipErr","ClogoErr","GSTnoErr","PANnoErr","GSTErr","PanErr","websiteErr","SEmailErr","flexDirection","entityName","sEmail","onFocusCapture","zip","paNno","HandlePanFormat","gsTno","panVerified","reason","onChangeCapture","gstVerified","SkillMaster","Degree","CourseName","Specialization","handleSubmit1","isSubmitting","edus","UG","PG","University","InActive","Active","edusdrop","confirm","header","GetEdudrop","UGErr","SpecializationErr","Degreetype","PopMessage","categ","Getcategory","SkillNameErr","SkillDescriptionErr","CategoryErr","HandlePg","Su","concatenatedFileNames","roles","filePath","imagedisplay","onImageChange","handleChangeA","MessageErr","roleerr","ImageErr","TitleErr","VdoErr","XLSX","require","DashBoard","Busi","businessUnit","handleBusinessFilter","FilterData","clearSelection","EditModel","EditBusinessValues","showDelete","showDeleteCount","SelectedNames","selectAllChecked","handlecheckbox","selectedRows","currentSelectedNames","uniqueManagerIds","row","updatedSelectedNames","existingRow","updatedSelectedRows","has","showSelectAll","NewState","Multidelete","DeleteButton","handleSelectAllChange","selectableRowSelected","some","selectedRow","filterValue","delay","clearSelected","selectedNames","table_elt","workbook","utils","table_to_book","writeFile","Mobile","Designation","RoleName","sa","customStyles","headCells","flex","idHeader","columns","selector","grow","sortable","cell","exportXlsx","selectableRows","onSelectedRowsChange","pagination","clearSelectedRows","noDataComponent","DesignationtNameErr","DesigntionName","cancel","showExcel","Desi","designation","handleDesignFilter","EditDesigntionValues","handleUpload","extension","substr","read","sheetName","SheetNames","sheet","Sheets","parsedData","sheet_to_json","initialData","onerror","readAsBinaryString","emptyFile","rows","cols","Designationxl","keys","allNotify","EditAdminLocationModel","address","addresstype","Loc","locationType","handleDesignationFilter","EditLocationValues","wordBreak","Officelocationxl","tableClassName","tableHeaderRowclassName","EditDocumentModel","officeDocumentTitle","officeDocument","AdminOfficeDocument","popupclose","isOpen","DocModel","fs","ofc","EditDocumentValues","handleDocFilter","handleImageClick","Document","pop","GetDocument","imageUrl","marign","getFileType","Url","controls","fileImg","CompanyDocExl","DocNameTrim","DocName","Planet","AdminOtp","otp","setOtp","successModel","setSuccessModel","counter","setCounter","setLoading","prevCounter","isValid","handleSuccessModel","prevModel","onLine","OTP","myDecipher","decipher","enteredOtp","set","v","myCipher","cipher","salt","applySaltToChar","code","c","charCodeAt","reduce","encoded","hex","String","fromCharCode","textToChars","byteHex","n","Number","otpErr","formatDate","GetSkillDrop","GetSkillName","userprofile","handleEdit","editMode","hobbiesEdit","BioEdits","bioEdits","SkillEdit","skillEdits","tab3Selected","contactEd","AddressEd","addressEd","FamilyEdits","tab4Selected","socialEdit","bankEdit","tab9Selected","eduEdit","tab2Selected","lifeStyleEdit","tab6Selected","personalityEdit","tab5Selected","interestEdit","tab7Selected","activitiesEdit","tab8Selected","reformatDate","parts","resetImage","EduSubmit","isButtonDisabledA","EducationDetailList","openedu","clickCount","handleTextareaClick","isReadOnly","handleTextarea","formreset","skillformreset","checkbox1Checked","checkbox2Checked","Personalityformreset","LifeStyleformreset","Interestsformreset","Activitiesformreset","familyformreset","handleContactchange","officialEmail","PhoneNumber","PersonalEmail","AlternatePhoneNo","HomeNumber","handleChange1","EmergencyContact","Skillsubmit","handleSkillValidation","isButtonDisabledB","openskill","showing1","EditBankDetails","BankValidation","BankdetailList","EditEducationDetails","EducationValidation","DepentsformValidation","openfam","showing2","FamilyDetailList","EmergencyDetailList","handleprofilechange","FirstNameinfo","LastNameinfo","Genderinfo","MaritalStatusinfo","DOBinfo","myDate","handlePermanentAddress","PermanentAddress_Country","PermanentAddress_State","isSelected1","handleAddresschange","CurrentAddress","CurrentAddress_Country","CurrentAddress_State","CurrentAddress_City","CurrentAddress_Pincode","PermanentAddress","PermanentAddress_City","PermanentAddress_Pincode","HouseType","StayingSince","OthersHouseType","handlebankchange","Branchname","IFSC","confirmAcNo","AcNo","AcType","PhoneNo","submit","ProfileValidation","imageCoverPreviewUrl","ContactEdit","ContactValidation","AddressEdit","AddressValidation","HandleHouse","houseType","handleSocailchange","Whatsapp","SocialEdit","SocailValidation","HobbiesEdit","FamModel","mn","ln","cdate","FamilyEditId","EditFamValues","EmergencyModel","EmergencyEditId","EditECValues","Skilldescrp","SkillEditId","PersonalityModel","personalityName","EditPersonalityValues","GetAdminPersonality","DelAdminFamily","uId","CreatedDate","DelAdminEducation","DelAdminSkill","SName","UId","UserEduModel","handleInfoClick","openpersonality","openlifeStyle","openinterests","openactivities","showing3","showing4","showing5","showing6","handleInfoClick1","handleInfoClick2","handleInfoClick3","handleInfoClick4","handleInfoClick5","handleInfoClick6","handleInfoClick7","handleInfoClick8","handleCheckboxChange","checkboxNumber","handleIconClick","fileInputRef","handlePersonalityChange","selectedSkills","validatePersonality","PersonalityError","handleLifeStyleChange","selectedSkills1","validateLifeStyle","LifeStyleError","handleInterestsChange","selectedSkills2","validateInterest","InterestsError","handleActivitiesChange","selectedSkills3","validateActivities","ActivitiesError","handleBioChange","BioEdit","validateBio","Personalitysubmit","token","GetPersonality","LifeStyleSubmit","GetAdminLifeStyle","lifestyleName","GetLifeStyle","InterestsSubmit","GetAdminInterests","interestsName","GetInterests","ActivitiesSubmit","GetAdminActivities","activitiesName","GetActivities","DelAdminPersonality","DelAdminLifeStyle","DelAdminInterests","DelAdminActivities","removeAttribute","HName","gender","DOB","maritalstatus","MobileNo","twitter","skype","imgCoverPreviewUrl","Institution","Graduation_Year","Bloodgroup","Profile_Pic","EducationDetail","FamilyDetails","EmergencyDetails","Bankdetail","PersonalityEditId","HouseTypeDrop","UserEduEditId","bank","calculateMaxDate","initialValues","bio","bioError","Personality","PersonalityDetails","LifeStyleDetails","InterestsDetails","ActivitiesDetails","PersonalityAdmin","LifeStyleAdmin","InterestsAdmin","ActivitiesAdmin","handleCoverImageChange","handleEducatValidation","toISOString","Pvalue","Cvalue","ProfileClick","HobbiesClick","SkillClick","BioClick","ContactsClicks","AddressClick","FamilyClick","SocialClick","BankClick","EducationClick","LifeStyleClick","PersonalityClick","InterestClick","ActivitiesClick","checkbox","focusin","photofilename","imagesrc","process","REACT_APP_PHOTOPATH","GetUserProfile","HouseTypeDropdownList","User_Id","TwitterErr","FacebookErr","SkypeErr","linkedInErr","contactphnerr","officialEmailerr","PersonalEmailerr","WhatsappErr","AlternatePhoneNoerr","HomeErr","CurrentCitySince","Bloodgroupinfo","Profilepicinfo","ExperienceErr","FirstNameErr","LastNameErr","ContactErr","RelationshipErr","Bankname","Branchaddress","AcName","skillcoursenameErr","skillCoursestartdateErr","skillCourseEnddateErr","skillCertificateErr","ischrome1","PL","options1","LS","options2","IT","interestName","options3","AD","activityName","percentageP","percentageC","percentageA","ProgressBar","animated","now","percentage","class","FamilyDetail","middleName","dob","maritalStatus","bloodGroup","paddingTop","trimStart","onClickCapture","homeNumber","phoneNumber","alternatePhoneNo","Getvalue","currentAddress","permanentAddress","currentAddress_City","permanentAddress_City","currentAddress_State","permanentAddress_State","currentAddress_Country","permanentAddress_Country","currentAddress_Pincode","permanentAddress_Pincode","stayingSince","housetype","form1","form","formElements","elements","getAttribute","linkedIn","whatsappNumber","faceBook","hobbies","acNo","ifsc","acType","branchname","phoneNo","branchaddress","acName","onCopy","onPaste","bankname","courseName","courseType","formatted","courseStartDate","courseEndDate","collegeName","universityName","user_Id","hanhandleSkillChangedleChange","experience","experiencedate","skillCoursename","skillStartdate","skillEnddate","isMulti","closeMenuOnSelect","Act","activities","PersonalityAdmin1","lifeStyle","interest","interests","handleChangeemail","contact","announcement","setAnnouncement","aAnnouncement","setaAnnouncement","allAnnouncement","setAllAnnouncement","announcementFilter","setAnnouncementFilter","setdelay","setisOpen","setShowResults","filterPop","setFilterPop","setLetters","setFilterData","clickedContents","setClickedContents","bothOnClick","updatedClickedContents","handleContentClick","getAnnouncement","SeenUpdate","filteredAnnouncement","DepartmentDash","maxdate","mindate","Degreevalue","checkAll","Piechart","Pending","DepartModel","Depart","every","DepartmentExl","DesignationDash","Getpending","handleClick","EditSubmit","skills","skillname","SkillnameErr","handleOrganizationChange","City","backFunctionality","hasUnsavedChanges","backOptions","handleStateChange","Details","EntStatus","Personname","GetStatusOne","Company_NameErr","Profilepicerr","GetPG","specialization","GetPHD","params","GetSkill","CheckboxChanges","TrainerSts1","checkBox1","checkBox2","TrainerSts2","showLoader","isLoading","Getdetail","handleCheckBox1Change","handleCheckBox2Change","TeamSts","BoxSts","TeamId","DisplayName","Report_Manager","Join_Date","handleTerminate","handleDeactive","handleActive","ManagerModel","departmentEditValue","GetMangerNameDrop","SelectManager","dept","Designationdrop","ManagerDrop","Loading","ManagerNamedrop","LocationState","selectExperience","yes","no","primary_Ofc","TerminateDateErr","DisplayNameErr","TeamIdErr","MobileErr","rolesErr","departmentErr","designationErr","ReportErr","DeactivesErr","PrimaryErr","TerminateErr","JoinErr","maxlength","DepthandleChange","report_Manager","manager_Name","joining_Date","terminateReason","decativeReason","alignContent","termninateDate","ug","GetUserEducation","ugErr","specsErr","changeHandler","fileObj","ExcelRenderer","err","MasterUGFilter","LetterUGFilter","MasterPGFilter","EduPG","LetterPGFilter","MasterPHDFilter","PHD","EduPhd","LetterPHDFilter","GetMasterUG","GetMasterPG","GetMasterPHD","currentSheet","Addedus","Univ","UGbtn","PGbtn","PHDbtn","PHDdrop","UGdrop","PGdrop","Filterpop1","Filterpop2","drop","RemoveDuplicate","newArray","uniqueObject","tr","td","getElementsByTagName","textContent","innerText","Total","desc","page","UGfilename","PGfilename","PHDfilename","borderColor","edu","table","buttonText","Educationxl","colSpan","EditUG","checkAllPG","EditPG","checkAllPHD","EditPHD","GetAdminPHD","GetAdminPG","GetAdminUG","filename1","filename2","myFunction1","myFunction2","Edit1","ManagerDash","EditManagerPop","ManagerName","Exp","ManagerNameerr","ExpErr","Man","department_Name","handleManagerFilter","ff","EditManagerValues","managerId","Managerexl","keyField","AddSkillPop","Skillfilt","EditSkillPop","keyup","search","each","closest","expr","createPseudo","arg","elem","MasterSkills","SkillfiltA","deleteSkill","DeleteEMPSkill","onClose","Sort","catedrop","number","postPerPage","Sheet1","A1","s","font","bold","GetSkillname","Skillexl1","OfficialHolidayDash","xmlnsXlink","WebkitTapHighlightColor","y","textAnchor","dy","fillOpacity","cx","cy","r","EditHolidayModel","selectedLocation","Holiday","Holi","GetHolidays","combinedLocations","locationtype","uniqueLocations","holiday","AllMemberlist","LetterHoliSearch","loctype","holiday_Id","excelSerialDateToJSDate","serial","utc_days","date_info","fractional_day","total_seconds","seconds","hours","minutes","dateParts","isNaN","isDate","Holidays","HolidayTemplate","rowIndex","cellIndex","Edit","handleClickPage","pageNumber","currentPage","handleClickLink","shouldClickButton3","handleItemsPerPageChange","itemsPerPage","TopId","sortedData","DownId","DownName","localeCompare","TopName","TopStatus","invite","DownStatus","showInvite","dispinvite","reSubmit","onesubmit","handleLetterFilter","inviteCount","hasCommonValue","conditionalRowStyles","XlTeam","Id_delete","ExistEmail","xlmty","loader","cancelOption","ShowInvite","aspnetId","parentElement","firstnamefilterdata","teamIdA","teamIdB","GetUserLogo","j","countinvite","UserLogo","AllUserLogo","textTransform","Allteamdetailsdata","team","toDateString","indexOfLastItem","indexOfFirstItem","currentItems","renderItems","clickedElement","clickedElement1","containsEmailAddress","openteamgrid","totalPages","ceil","pageNumbers","Templateexcel","Mname","SelectDesignation","DesignationModel","JoiningDate","ManagerErr","LocationErr","JoiningDateErr","minLength","which","SignUp","togglePassword","Eye","togglePassword1","Eye1","togglePassword2","Eye2","OPwd","NPwd","CPwd","OPwdErr","NPwdErr","CPwdErr","CSubject","CMsg","CName","CEmail","CSubjectErr","CMsgErr","notify_Id","firstIndex","lastIndex","GetSavedDeactive","prePage","nextPage","changeCPage","GetTask","records","npage","numbers","concat","default","f","description","Dummyfntn","Forgot","setEmail","setButtonDisabled","emailErr","InviteDashboard","Inviteusers","GetInviteUsers","OATLogo","LandingPage","LaptopGirl","Signin","PasswordL","setPasswordL","setEye","setIsSubmitting","loadCaptchaEnginge","capcha","action","passwordErr","capchaErr","capchaValue","validateCaptcha","Password","entUsers","adminId","remind","finally","Npwd","Mail","rml","NpwdErr","Otpmail","Reset","Counter","status0","status0Filt","status1","status1Filt","status2","status2Filt","status4","status4Filt","renewel","statuscount1","statuscount2","statuscount3","statuscount4","data1","Reasons","GetStatusTwo","GetPending","GetRejectPending","detailspending","detailData1","detailData","deleteOrg","renewaldate","detailedit","detaileditres","RejReasons","PanConfirmpop","CheckPAN","companyId","CheckGST","OrgActiveConfirmPop","PutStatusToOne","GstModel","ActivateModel","RejectOrg","endsWith","aDate","dDate","ActiveOrg","getUnique","property","Map","entityname","password","cpassword","RegData","CryptoJS","dataArray","EntityName","jsonString","encryptedData","AES","encrypt","fromEntries","LinkStatus","decrypt","decryptedData","enc","Utf8","usernameErr","entitynameErr","cpasswordErr","OtherReason","otherReason","GetReason","ReasonsErr","HandleReason","detail","CourseNameErr","GetUG","handleSubmitEdit1","handleSubmitEdit","GetEducation","pg","university","GetEdu","Filter","handleSkillfilter","Skillexl","contact_Id","Contactcount","GetContactmsg","filterfunction","ContactMessages","AllContactMessages","Notify","NoRequest","Request","ContactMessagesCount","MsgNotify","GetallNotify","cSubject","cMsg","AllNotify","EduPHD","PGErr","componentDidMount","emailSuffix","passingemail","UserLogin","calculateAge","birthDate","age","monthDifference","fetchPersonalInfoDetails","personalInfoDetails","DelUserEducation","DelUserFamily","DelUserSkill","isChecked","handlecontactChange","GetUserPersonality","GetUserLifeStyle","GetUserInterests","GetUserActivities","DelUserPersonality","DelUserLifeStyle","DelUserInterests","DelUserActivities","errorMessage","details","teamSts","emailDetailsForInfo","PersonalityUser","LifeStyleUser","InterestsUser","ActivitiesUser","numberStr","removeClass","addClass","attr","TestDrop","Indexvalue","finalValues","forward","btnfilt","previous","Next","rowcount","btnc","final","BtnIndexvalue","loop","btncnt","AddAnnounce","titleStartsWithLetter","categoryStartsWithLetter","Announce","SaAnnouncement","notification","GetUserAnnouncement","bothonclick","UserCompanyDocument","AllOfficeDocument","ID","viewBox","UserHoliday","formatDate1","handleHolidayFilter","AllHoliday","optional","GetHoliday","UserRequest","Type","DescriptionErr","TypeErr","GroupTitlePopup","UserChatPicpop","promises","UserChatDocpop","Userchating","handleDiscussionChange","discussionValue","discussionNameValue","itemId","checkedItems","hideBox2","EntityModel","handleButton2Click","isButton3Visible","isBackArrowVisibleA","isBackArrowVisibleB","isBox1Open","isBox2Open","LastGroupopen","handleButton3Click","showFirstHeader","isBox3Open","handleButton4Click","isBox4Open","ClearUsers","handleBackArrowClick","CheckboxClear","handleBackArrowClick2","shouldFirstHeader","displayForm","handleBackArrowClick3","AddGroupModel","myFunctionAll","OATUser","OATAlluser","LettermyFunctionAll","myFunctionEntity","EntityUser","EntityUserlist","EntityFilter","EditSkillModelEntity","EditSkillValuesEntity","Lastgrpchatmodel","handletitle","handleSubmitTitle","String_User","BASE_URL","String_UserA","SubmitStartMessage","istitlepopOpen","SubmitStartAddMessage","Successpopclose","toggleTitlePopupOpen","toggleTitlePopup","publicbtn","privatebtn","Formdisplay","HideFormdisplay","getDetails","UPic","handleSubmitA","requestData","FrdMemberAccess","FrdAllMemberAccess","Forwardmemberfilter","FrdNonAccess","AllFrdNonAccess","firstname","shouldResetHeader","fetchAllMembers","checkShouldClickButton3","intervalFunction","myTimeout","items","selectedItems","groupid","DataLength","users","chatpop","GetEntityUser","Link","fName","delImg","accentColor","dummy","AddLifestylePop","categoryA","OtherCategoryA","CategoryName","lifestyle","GetLifestyle","NameErr","uniqueCategories","Handlecategory","LifeStyle","AddlifestyleModel","Addlifestyle","handlelifestylefilter","Excel","AddPersonality","handlePersonalityfilter","AddPersonalityModel","AddIntrest","GetInterest","Intrested","Intrest","AddIntrestModel","GetIntrest","handleIntrestfilter","AddActivity","Activity","GetActivity","Activities","AddActivityModel","handleActivityfilter","AdminSkillPop","Aspuserlistchat","GroupSearch","AllAnnouncementList","OATGroupSearch","AlluserList","$this","$ul","parent","ChatGrupPop","ChatPicturepop","ChatDocPop","Chatbox","AccessOpen","Access","checkBox3","checkBox4","EntityShowPop","toggleStates","selectedEntities","entityNames","entity","entityId","EName","EId","indexToRemove","findIndex","SelectedEntitiesA","EntityShow","AllEntityShow","TeamSearch","LetterTeamSearch","AccessSetting","HandleAllowAccessExternal1","allowAcc1","allowAcc2","HandleAllowAccessExternal2","HandleAllowAccessExternal3","HandleAllowAccessExternal4","EntityShowOff","handleClose1","externalAcc","EntityUsers","AllAccess","checking","Team1","members_Id","results","EMaiL","accesspopstyle","refreshing","AllowAllEntity","accessed_From","GetAccessMembers","GetAccessMembersOff","toggleButton","accessed_For","GetAccessMembersDenied","SPEditAnnouncement","Desc","DescErr","AdminAnnouncmentpop","AdminNotification","displaypop","NotificationId","GetSeenCount","Addtrainerpop","isAddTrainerOpen","MessageNoty","GetAdNotification","NoticountDesc","GetAdDesc","AccessNotification","GetEntityNotification","clickNoticount","clickNoticountforTrainerforNo","clickNoticountforTrainer","requestId","RequestId","CategoryModel","AllNoRequest","AllRequest","handleShowTabsClick","showTabs","handleShowTabsClick1","Notifigreencount","Notificount","SeenCount","filteredData","isRequest","notification_Id","requestStatus","emtId","AnnouncementPreview","Announcementfilter","catg","AnnouncementSeen","popupopen","Activestate","GetEntityActive","EditAnnouncementpop","GetSAdminAnnouncement","CategoryPop","CategoryMaster","ChangePage","EditCategoryModel","EditCategoryValues","Addcategory","CategoryExl","AddCoursePop","GetCourseName","CourseModel","EditCourseValues","Course","CourseNameExl","AddDegreepop","DegreeName","GetDegree","Degreefilt","DegreeErr","EditDegreePop","MasterDegree","degree","AddDegreeModel","EditDegreeModel","EditDegreeValues","DegreeExl","AddDegreeLevelpop","EditDegreeLevelPop","DegreeLevel","MasterDegreeLevel","degreeLevel","GetDegreelevel","handleSubmitxl","DegreeExl1","AddSpecialization","Addspec","GetSpecialization","EditSpecialization","SpecModel","Spec","SpecializationExl","Teamdetail","checkAndNavigate","EmployeeInfoDetails","emaildetailsforInfo","Switchtabs","personalprofilelist","personalfamilylist","personalEducationlist","personalskilllist","EmployeeFunctionlity","PersonalFunctionlity","tabsfunctionlity","SASpecialization","handleSpecilizationFilter","AddSpecializationModel","EditSpecializationModel","spec","EditSpecializationValues","AnnouncementPreviewSP","rol","AnnouncementView","GetParticulerAnnouncement","Contact_Id","SACategory","handleCategoryfilter","CategoryPopModel","SACourse","handleCourseFilter","AddCoursePopModel","EditCourseModel","EditCourse","SADegree","AddDegree","handleDegreeFilter","SADegreeLevel","GetDegreeLevel","handleDegreeLevelFilter","AddDegreeLevelModel","AddDegreeLevel","AddDepartmentpopModel","designationName","EditDesignationValues","AddDesignation","UserAnnouncementpopup","markMessageAsRead","updatedMessages","UserNotifications","refresh","AddTrainingAddTrainee","closeThePopup","third","FinalSubmit","Trainers","setTrainers","setTrain","Selectall","setSelectall","obj","GetTrainee","myResolve","myReject","handleSelectAll","AddTrainingAddTrainer","selectedTrainingTopicId","GetTrainer","trainerName","trainer_UserId","assigned_date","TrainingClassPopup","selectedOtherOption","filteredArray","selectedTrainee","selectedDepartment","selectedDescription","selectedTrainingItem","selectedDate","selectedTime","duration","LearningDataWithHour","valid","newArr","scheduleTime","totalMinutes","newHours","newMinutes","resultTime","starttime","Endtime","validsts","user_time","time1","time2","StartHours","Startminutes","UserHours","Userminutes","EndHours","finishHour","togglePopupclose","toggleAddTrainerPopup","secondPopupVisible","toggle_thirdPopupVisible","thirdPopupVisible","handleFirstPopupOK","selectedDateTime","handleDateTimeChange","newValue","handleSelectedDateAndTime","dayjs","firstPopupVisible","TrainingState","trainingitem","training_Id","currentDateTime","popupdesignation","LocalizationProvider","dateAdapter","AdapterDayjs","DemoContainer","components","StaticDateTimePicker","onCancel","onAccept","minDateTime","maxDateTime","AddLearning","GetTrainers","reqData","resData","getValueone","trainerlist","trainerlist1","GetMembers","memberDrop","traineelist","selectpanadhu","selectValue","GetTraining","handleddChange","Train","deptFilter","desigFilter","Topic","topicFilter","TopicDropDownFiltered","valueFilter","handleddChange1","Dept","handleddChange2","Desig","handleChangeItem","TrainingItem","selectedItem","Getdescrp","handleStartDateChange","selectedStrtdate","addDays1","addDays2","addDays3","addDays4","setDate","onRemove","handleMultiselectChangetwo","handleMultiselectChange","handleMultiselectTrainee","handleMultiselectChangeone","filteredArray1","filteredArrayone","GetTrainernames","trainerlhandleChangeist","handleChangenew","togglePopup","Training","Training_Props","isPopupVisible","seperateDept","trainerDrop","handleChangesss","handleChangesssone","fieldName","uniqueData","uniqueValues","self","removeDuplicatesByField","GetDepartments","GetTrainingData","getValues","getValuesOptions","apiValues","previousValue","names","assignedTrainer","assignedTrainerId","trainerId","actionDetails","removedValue","plainArray","selectedNames1","filecount","trainercount","designationcount","trainingID","AddTrainerpop","TrainingName","ReferenceDocument","AddTrainingpopDesign","rolevalue","handleDesignationChange","selectedDesignation","Jobdrop","DeptSelected","JobRole","AllRoles","GetAllRole","JobDrop","AddTrainingAddDesignation","setDesignation","AddTrainingpop","handleButtonsClick","handleDropdownChange","handleDesignationdropdownChange","selectedDuration","handleInputChange","trainingItem","handleInputChange1","selectedTrainer","selectedTrainerID","ee","filteredDesignation","selectedValue","isAllSelected","handleValue","newState","handleTrainerChange","selectedID","trainerName1","trainerUserID","resDataValue","TrainerDept","TrainerUserID","filteredDesignation1","TrainDesignation","handleDeleteClicks","openAddTrainerPopup","openAddDesignationPopup","isAddDesignationOpen","DeleteTrainer","changes","DeleteDesignation","AllDept","borderTop","borderLeft","borderRight","DeleteMutipleFiles","DeleteMutipleTrainers","Chatconfirm","TrainingEditTrainerPop","LearnId","TrainingEditTraineesPop","EditSchedule","EditDeleteTrainer","EditDeleteTrainee","SelectedTraineeEdit","checkChange","selectedCheckboxValues","checkChangeTrainees","handleTrainersCheckbox","selectedCheckboxValues2","selectedCheckboxValues3","openAddTraineePopup","deptarr","Trainees","SavedTrainees","SavedTrainee","TraineePopupVisible","TrainerPopupVisible","LearnerList","selectedLabel","selectedLabels","trainees","deleteStatus","wholedept","rr","dep","dpart","Trainee","handleSelectChange","handleSelectChangeTrainee","SelectedTrainee","SelectedTrainer","trainer_Id","GetSavedTrainee","DeleteMutipleTrainees","TraineeId","Learning","Selectedvalue","addItem","selectedValues","selectNames","trainingDescription","checkAllTrainers","EditTrainerpop","EditTrainingpop","TrainerPopCheckBoxValue","GetTrainersNameFromAssignedTable","Open","GetTrainersName","PrinCheckBoxValue","handleButtonClick","showInput","AddSelectedFiles","errorData","selectedFiles","selectAll","updatedSelectedFiles","handleDeleteClick","openThePopup","openThePopups","opens","closeThePopups","DesignationPopCheckBoxValue","handlingenable","handlingdisable","AssignedTraineePopModel","responseData","GetFileDocs","Ids","DeleteMutipleDesignation","DesignationCheckBoxValue","GetAddedDesignation","selectedFiless","remainingValues","AddMoreDocuments","checkChangeDesignation","handleDesignationCheckbox","checkChangePopDesignation","checkChangePopTrainers","checkChangeTrainers","fetchDesigData","desigantion","desigantionId","trainingId","FileDocs","imageName","TrainersName","TrainingsName","showTick","selectedCheckboxValues1","AddedDesignation","AddedDesignationNames","file_id","file_name","trainingTopicId","checkAllDesignation","desigId","live","unit","suffix","EntityListUser","EditSkillModelA","UserList","AllUserList","AdminList","AllAdminList","GetUserList","GetAdminList","TeamUser","UserChatPopUp","GetUserside","GetMessageAll","GetSendAll","filterDisplayName","Usermessage","Userside","Receive","Send","User_Name","Display","GetUsermsg","GetUserChatPop","GetDisplayName","Dates","addDays5","selectTrainerName","PropsDept","ContentType","handledepartment","Trainername","objectArray","GetTrainername","FilterPop","FilteredData","TogglePop","Alpha","TapFilterValue","setTapFilterValue","TapFiltering","LearningSchedule","readFile","readedData","GetLearning","Learn","schedulingDuration","InviteTraining","TapFilter","TapFilterIndex","Filterpopstatus","uniq","Entityname","LearningExl","onSheetUpdate","CurrentSheet","activeSheetClassName","reactExcelClassName","invitesStatus","DetailEdit","TrainingSchedule","TrainingCard","sortAlphabetically","FilteredDesignation","categoryMaster","ref_Doc","AssignModel","handleCheckAll","PopupFilteredValue","updatedSelectedCheckboxes","selectedIds","selectedCheckboxes","finalSelectedIds","uniqueSet","resultArray","Detail","TrainingId","desigName","traID","newID","popupFilter","PopupDropDownFiltered","toggleTab","toggleState","descripFilter","handleChange2","handleChange3","Trainingsss","allrolevalue","selectedroleValue","TrainingList","UpdatedFilteredDesignation","Filterpopstatus1","AllDepartments","PopupFilteredDesignation","newIDCheckAll","record","GetAllRoles","Trainings","TrainingXL","popValue","selectedJobRole","selectedfile","SetSelectedFile","Files","SetFiles","filesizes","FileUploadSubmit","preValue","DeleteFile","images","filetype","fileimage","datetime","lastModifiedDate","filesize","DeleteSelectFile","Filterpopstatustopic","AddTrainer","selectedList","handleChangedept","SelectedDepartment","FinaltrainerData","FinaltrainerData1","handleChangedesignation","trainerid1","topic","handleChangeDesign","handleTrainerNameChange","GetTrainingItems","optionList","ListOptions","Traineroption","trainerData","selectedTrainerName","trainerRole","selectedRole","trainerID","Filterpopstatusadd","design","fetchItems","departmentValue","optionVal","TrainerName","TrainerID","GetDate","DepartmentGrouped","DesignSearch","selected_id","fetchRole","handleChangeDate","newDateValue","trainerdate","emailundisableTxt","isBtnvisible","trainerIDData","fetchTrainerName","fetchTrainerDept","propsPassId","trainerid","changedateformat","trainersince","fetchItemsbyId","TrainerSchedule","DeleteTopicButton","changeState","storingUserID","handleSelectedRows","TrainerId","TopicId","TrainerUserId","DepartGrouped","deptValue","GroupedbyName","TopicMerged","trainingTopics","TraingItem","Duration","GetAllDepartment","checkedAll","UserActiveTraining","showArrow","getSelectedItems","isObject","onSelect","UserAssignTraining","UserTrainingDocument","AddTraineeExistingPop","setAllusers1","allusers1","AddTraineePop","setAllVentures","allVentures","setSelectedOptions","isSearchable","isClearable","MultiVentureId","MultiVentureName","TrainingsLandingPage","Attendees","getAttendies","TrainingID","AttendeesUserId","checkboxId","selectedUserID","checkboxValues","AllCheckboxValue","EditActiveTrainer","inputValue","postReasonToAdmin","authorizationToken","showToastMessage","AddUserDetails","MeetingLink","TrainerConfirm","StartDate","AllTraineePopModel","Getloggeddet","roleofloggeduser","meetingLink","handleClick1","TrainerActiveTraining","trainer_Info","AssignedTraineePop","isOpenA","NotInterested","TrainerAssign1","TrainerAssignTraining","FileCount","TrainerCount","TrainerTrainingDocuments","setOptions","setData","setDepartment","setIsOpen","back","fileUrl","link","handledownload","TrainingsDocuments","EditMessagepop","AllMessages","MessageDetails","subject","GetMessagesDetails","createdDateTime","Teamgriddetails","setDetails","setProfile","setIsReadOnly","contactopen","setContactopen","selectedId","setSelectedId","setIsPopupOpen","isPopupOpen1","setIsPopupOpen1","isPopupOpen2","setIsPopupOpen2","isPopupOpen3","setIsPopupOpen3","isPopupOpen4","setIsPopupOpen4","isPopupOpen5","setIsPopupOpen5","isPopupOpen6","setIsPopupOpen6","isPopupOpen7","setIsPopupOpen7","isPopupOpen8","setIsPopupOpen8","isPopupOpen9","setIsPopupOpen9","isPopupOpen10","setIsPopupOpen10","isPopupOpen11","setIsPopupOpen11","setHouseTypeDrop","setRelationshipDrop","setSKillAdminNameDrop","setisSelected","setisSelected1","visibleCount","setVisibleCount","EducationvisibleCount","setEducationvisibleCount","setPersonalInfoDetails","educationDetail","setEducationDetail","educationDrop","setEducationDrop","educationCourseName","setEducationCourseName","skillDetails","setSkillDetails","lifeStyleDetails","setLifeStyleDetails","personalityDetails","setPersonalityDetails","interestDetails","setInterestDetails","activitiesDetails","setActivitiesDetails","setTeamDetails","familyDetails","setFamilyDetails","setTeamSts","selectedQualification","setSelectedQualification","setEmailDetailsForInfo","showAllSkills","setShowAllSkills","OfficialEmail","formValues","setFormValues","displayedSkills","useRef","toggleSkills","handleSeeMore","handleEducationSeeMore","togglePopup3","togglePopup4","togglePopup5","togglePopup6","togglePopup8","togglePopup9","togglePopup10","togglePopup11","OtherStyle","handleSeeLess","handleEducationSeeLess","fetchTeamDetails","fetchSkillDetails","fetchEducationDetail","fetchFamilyDetails","fetchLifeStyleDetails","fetchPersonalityDetails","fetchInterestDetails","fetchActivitiesDetails","maskNumber","fetchDetails","tableName","setterFunction","SocialValidation","EducationEdit","FamilyEdit","Familyhandlechange","messagecancel","personal","pencil","adminEmail","personality","socialmedia","facebook","whatsapp","linkedin","Skype","life","Editprofile","educate","int","act","family","DOBerr","CurrentAddress_Cityerr","StayingSincerr","PermanentAddress_Cityerr","Startdate","Enddate","ProfileGridDetails","AdminProfileGrid","App","component","Sidebar","exact","Login_form","EduDropDown","OrganizationDetail","EditOrganization","Notifications","Teamadd","AddSkills","Education","AddEducation","EditSkill","EduDash","Gridskil","GridEducation","SkillCard","LoginUser","TeamDash","DashPie","Masterpage","Settings","EditSuperSkill","EditSuperEducation","SuperEducation","SkillGrid","EditUserEducation","EditTeam","ChangePwd","UserDashboard","NewPassword","MessagePrev","EditEmergencyModel","EditAdminEduModel","UserReset","AdminHome","Managers","OfficialHolidays","AdminDesignation","AdminLocation","CompanyDocumentDash","OfficeLocationDash","EditDepartPop","EditHolidayPop","AdminBusiness","AdminProfile","CompanyDocument","AllAnnouncementSA","AdminAnnouncement","UserAnnouncement","EditMasterUG","EditMasterPG","EditMasterPHD","BusiUnitDash","SuccessPopup","OTPmsgpop","EditAdSkil","ActiveReson","Gridskill","Lifestyle","SADesignation","SADepartment","Contactmsg","TrainerList","AssignTraining","TrainerDetails","TrainerAssign","MyComponent","AdminMessageNotification","UserMessageNotification","JavascriptTimeAgo","en","ru","timeago","vi","ReactDOM","render"],"mappings":"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AAQiY,cAEVvN,MAAM,GACNhH,OAAO,SACPjD,MAAO,CACLiC,MACE,QACFD,OACE,SAfN,SA6BE,sBACErB,UAAU,MACVX,MAAO,CACLiC,MACE,QACFD,OACE,OACFwK,aACE,MACFqrB,UACE,wEACFxrB,WACE,UACF2G,WACE,UAdN,UAiBE,qBAAKrS,UAAU,WAAf,SACE,qBACEuL,IACEgvB,GAEFl7B,MAAO,CACLgC,OACE,OACFC,MACE,YAIR,qBAAKtB,UAAU,WAAf,SACGpB,EACEiY,cACAnT,OACD,GACA,qCACE,qBACErE,MAAO,CACLuM,QACE2iB,GACEC,GACA5vB,EAAQqB,GACN,EACA,EACNqB,MACE,QACFD,OACE,OACF+Y,aACE,aACF9T,OACE,MACF9F,OACE,kBACFkL,WACE,YACFnL,MACE,QACF8R,WACE,SACFxT,SACE,WACF8M,IAAK,QACL2Q,KAAM,SA3BV,SA8BE,mBACEjd,MAAO,CACL2M,SACE,QAHN,SAOI4tB,MAIN,oBACEv6B,MAAO,CACLkC,UACE,OACFJ,UACE,SACF6K,SACE,OACF4E,WACE,MACFrQ,MACE,WAEJk4B,YAAa,SACXt8B,GAEAA,EAAE+B,iBACF,EAAKmwB,aACHzvB,EAAQqB,KAGZu6B,aACE,EACG/L,cAvBP,UA2BIxsB,EA3BJ,YAiCF,mBACE5C,MAAO,CACLkC,UACE,OACFJ,UACE,SACF6K,SACE,OACF4E,WACE,OATN,SAaI3O,cAad,gCAIE,mBACEjC,UAAU,kBACVa,KAAK,SAFP,SAQI,KADDjC,EAAQA,QAEP,mCAEIA,EAAQA,UAGV,OAEN,uBACA,mBACEmX,KACEnX,EAAQqY,aAEVpW,KAAK,UACLy5B,UAAQ,EACRz9B,MACE+B,EAAQqY,aAEV3N,MAAM,GACNhH,OAAO,SACPjD,MAAO,CACLiC,MACE,QACFD,OACE,SAfN,SAkBE,8BACGzC,EAAQqY,aAAalM,SACpB,QAEA,qCACG,IACD,qBACES,IAAI,QACJlK,MAAM,KACND,OAAO,KACPkK,IACElD,GAEFiB,MAAM,sBACNjK,MAAO,CACLiC,MACE,aAEH,IACH,sBACEjC,MAAO,CACLkB,MACE,QAHN,wBAQQ,OAGV,qBACEiL,IAAI,UACJlK,MAAM,KACND,OAAO,KACPkK,IACE3M,EAAQqY,0BAgB7BkD,GAC0B,GAAzBvb,EAAQ67B,cACR,qBACElvB,IAAKmvB,GACLr7B,MAAO,CAEL0E,WAAY,OACZzC,MAAO,OACPjB,MAAO,SAETiJ,MAAM,SAEN6Q,EAAW,qBACb5O,IAAKovB,GACLt7B,MAAO,CAEL0E,WAAY,OACZzC,MAAO,OACPjB,MAAO,SAETiJ,MAAM,WACH,KAKL,uBAAM,uBACN,qBAAKtJ,UAAU,0BAAf,SAeE,uBACEX,MAAO,CACLkB,MAAO,QAFX,UAKE,mBAAGP,UAAU,kBALf,OAOG,EAAKqwB,aACJzxB,EAAQ0Z,uBAzuBT9S,MAivBRglB,GACS,IAAZyD,GACoB,IAApBrvB,EAAQqvB,SAmzBJzD,GACQ,IAAZyD,GACoB,IAApBrvB,EAAQqvB,SAER,GADArvB,EAAQg8B,YAGR,GADAh8B,EAAQg8B,WAER,qCACGh8B,EAAQ0Z,gBACY,IAAnB1Z,EAAQi7B,OACR,mCACE,uBACEx6B,MAAO,CACLkB,MAAO,OACPD,gBACE,YACFe,OAAQ,OACRnB,QACE,kBACF2L,aACE,OATN,iBAaG,EAAKqlB,cACJtyB,EAAQ0Z,qBAIZ,KAEF,MADD1Z,EAAQkC,KAEP,qCACE,iCACE,qBACEzB,MAAO,CACLiC,MAAO,MACPD,OACE,OACF/B,QACE,QACFY,QACE,YACFka,aACE,aACA9Z,gBACE,OACJuL,aACE,MACFG,SACE,OAhBN,SAmBGmO,EACC,oBACE9a,MAAO,CACLC,QACE,aACF6B,UACE,SACF44B,cACE,UAPN,gBAUM,IAEFn7B,EAAQA,QACR,OAGJ,mCACE,oBACES,MAAO,CACLC,QACE,aACF6B,UACE,SACF44B,cACE,UAPN,UAWIn7B,EAAQsd,YACR,IAEAtd,EAAQA,QACR,aAMF,OAGZ,sBACEoB,UAAS,kBAAama,EAClB,SACA,QAGJ9a,MAAO,CACLgC,OAAQ,OACR+Y,aACE,aACF7Y,UAAW,OAVf,UAcGgmB,GACC,EAAKjrB,MACFgvB,UACH1sB,EAAQqB,GACR,qBACEZ,MACEi4B,GAEF5c,IACE,EACGyM,aANP,SAWE,mCACGhN,EACC,qCACE,uBACE1Z,QACE,EACGunB,YAEL/nB,GAAG,YALL,UAOE,mBACED,UAAU,wBACV,cAAY,OACZX,MAAO,CACLgB,MACE,OACF0D,WACE,UAGN,mBACE1E,MAAO,CACLR,SACE,WACFkF,WACE,SALN,qBAWF,uBAAO,IACP,uBACA,uBACEtD,QACE,EACGykB,aAELjlB,GAAG,YALL,UAOE,mBACED,UAAU,YACV,cAAY,OACZX,MAAO,CACLgB,MACE,OACF0D,WACE,UAGN,mBACE1E,MAAO,CACLR,SACE,WACFkF,WACE,SALN,qBAWF,uBAAO,IACP,0BAEA,KAKJ,uBACEtD,QACE,EACGsnB,WAEL9nB,GAAG,YALL,UAOE,mBACED,UAAU,cACV,cAAY,OACZX,MAAO,CACLgB,MACE,OACF0D,WACE,UAGN,mBACE1E,MAAO,CACLR,SACE,WACFkF,WACE,SALN,uBAWF,uBACA,uBACA,uBACEtD,QACE,EACGsvB,eAEL9vB,GAAG,YALL,UAOE,mBACED,UAAU,cACV,cAAY,OACZX,MAAO,CACLgB,MACE,OACF0D,WACE,UAGN,mBACE1E,MAAO,CACLR,SACE,WACFkF,WACE,SALN,wBAWF,4BAGF,KACHymB,EACC,mBACExqB,UAAU,mBACVX,MAAO,CACLgB,MACE,QACFqJ,OACE,WAEJ,cAAY,OACZjJ,QAAS,kBACP,EAAK62B,cACH14B,EAAQqB,GACRrB,EAAQkoB,SACRloB,EAAQ8e,SACR9e,EAAQ0Z,eACR1Z,EAAQA,QACRA,EAAQqY,aACRrY,EAAQiY,cACRjY,EAAQo7B,gBAIZ,KACF7f,EAmDA,mCAEI,IADDvb,EAAQq7B,WAEP,oBACE56B,MAAO,CACLuR,WACE,MACFrQ,MACE,OACFyL,SACE,QAPN,oBAYE,OAjEN,qBACE3M,MAAO,CACLuR,WACE,OAHN,UAQE,oBACE5Q,UAAU,aACVX,MAAO,CACLkC,UACE,OAJN,UAOE,qBACEvB,UAAU,0BACVuL,IACE3M,EAAQs7B,sBAEV1uB,IAAI,MACJnM,MAAO,CAELiC,MACE,OACFD,OACE,UAlBR,OAqBIzC,EAAQsd,eAGZ,uBAEE,IADDtd,EAAQq7B,WAEP,sBACE56B,MAAO,CACLuR,WACE,MACFrQ,MACE,OACFyL,SACE,QAPN,oBAYE,QAsBN,IADDpN,EAAQu7B,UAEP,qBACE96B,MAAO,CACLuR,WACE,MACFrQ,MAAO,OACPyL,SACE,QANN,UASE,mBACEhM,UAAU,cACV,cAAY,SAXhB,uBAeE,KAEF,MADDpB,EAAQqY,cAGP,MADArY,EAAQiY,cAER,qCAOE,mBACE7W,UAAU,kBACVa,KAAK,SAFP,SAOO,GAFJ23B,GAAOzpB,KACNnQ,EAAQA,SAER,qCACG81B,EAAUpvB,KACT,SACEuF,GADF,OAGE,4BACGjM,EAAQA,SACPiM,EACA,mBACExL,MAAO,CACLkB,MACE,OACF65B,eACE,aAEJ93B,OAAO,SACP+3B,IAAI,sBACJtkB,KACElL,EAVJ,SAcIA,IAGF,UAGP,OAGL,8BAIE,4BAEIjM,EAAQA,cAKb,OAGP,mCAEI,MADDA,EAAQqY,cAGP,MADArY,EAAQiY,cAER,8BACE,gCACE,mBACE7W,UAAU,kBACVa,KAAK,SAFP,SAMI,KADDjC,EAAQA,QAEP,mCAEIA,EAAQA,UAGV,OAEN,uBACA,8BACE,qBACEqB,GAAG,UACHM,MAAM,UACNe,MAAM,KACND,OAAO,KACPkK,IACE3M,EAAQqY,iBAQd,8BACE,oBACElB,KACEnX,EAAQiY,cAEVhW,KAAK,UACLy5B,UAAQ,EACRz9B,MACE+B,EAAQiY,cAEVvN,MAAM,GACNhH,OAAO,SACPjD,MAAO,CACLiC,MACE,QACFD,OACE,SAfN,UAkBE,uBACEkK,IACE3M,EAAQiY,cAEV5W,GAAG,YACHqJ,MAAM,GACN+Q,UAAU,KACV/X,OAAO,SACPjD,MAAO,CACLiC,MACE,QACFD,OACE,QACFiZ,cACE,UAGN,4BAEI1b,EAAQiY,0BAQpB,mCAEI,MADDjY,EAAQqY,cAGP,MADArY,EAAQiY,cAER,gCACE,mBACE7W,UAAU,kBACVa,KAAK,SAFP,SAQI,KADDjC,EAAQA,QAEP,mCAEIA,EAAQA,UAGV,OAKN,uBACA,mBACEmX,KACEnX,EAAQiY,cAEVhW,KAAK,UACLy5B,UAAQ,EACRz9B,MACE+B,EAAQiY,cAEVvN,MAAM,GACNhH,OAAO,SACPjD,MAAO,CACLiC,MACE,QACFD,OACE,SAfN,SA6BE,sBACErB,UAAU,MACVX,MAAO,CACLiC,MACE,QACFD,OACE,OACFwK,aACE,MACFqrB,UACE,wEACFxrB,WACE,UACF2G,WACE,UAdN,UAiBE,qBAAKrS,UAAU,WAAf,SACE,qBACEuL,IACEgvB,GAEFl7B,MAAO,CACLgC,OACE,OACFC,MACE,YAIR,qBAAKtB,UAAU,WAAf,SACGpB,EACEiY,cACAnT,OACD,GACA,qCACE,qBACErE,MAAO,CACLuM,QACE2iB,GACEC,GACA5vB,EAAQqB,GACN,EACA,EACNqB,MACE,QACFD,OACE,OACF+Y,aACE,aACF9T,OACE,MACF9F,OACE,kBACFkL,WACE,YACFnL,MACE,QACF8R,WACE,SACFxT,SACE,WACF8M,IAAK,QACL2Q,KAAM,SA3BV,SA8BE,mBACEjd,MAAO,CACL2M,SACE,QAHN,SAOI4tB,MAIN,oBACEv6B,MAAO,CACLkC,UACE,OACFJ,UACE,SACF6K,SACE,OACF4E,WACE,MACFrQ,MACE,WAEJk4B,YAAa,SACXt8B,GAEAA,EAAE+B,iBACF,EAAKmwB,aACHzvB,EAAQqB,KAGZu6B,aACE,EACG/L,cAvBP,UA2BIxsB,EA3BJ,YAiCF,mBACE5C,MAAO,CACLkC,UACE,OACFJ,UACE,SACF6K,SACE,OACF4E,WACE,OATN,SAaI3O,cAad,gCAIE,mBACEjC,UAAU,kBACVa,KAAK,SAFP,SAQI,KADDjC,EAAQA,QAEP,mCAEIA,EAAQA,UAGV,OAEN,uBACA,mBACEmX,KACEnX,EAAQqY,aAEVpW,KAAK,UACLy5B,UAAQ,EACRz9B,MACE+B,EAAQqY,aAEV3N,MAAM,GACNhH,OAAO,SACPjD,MAAO,CACLiC,MACE,QACFD,OACE,SAfN,SAkBE,8BACE,qBACEmK,IAAI,UACJlK,MAAM,KACND,OAAO,KACPkK,IACE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+H,EAAa8V,QAEZ,qBACE7d,UAAU,0BACVuL,IAAK4V,GACL3V,IAAI,6BACJnM,MAAO,CACLgC,OAAQ,OACRC,MAAO,OACPpB,QACE,UACF6D,WACE,UAIN,qBACE/D,UAAU,0BACVuL,IACExD,EAAa8V,QAEfrS,IAAI,4BACJnM,MAAO,CACLgC,OAAQ,OACRC,MAAO,OACPpB,QACE,UACF6D,WACE,YAKV,qBACE/D,UAAU,aACVX,MAAO,CACL8B,UACE,WAJN,SAOE,sBAAKnB,UAAU,mBAAf,UACG,IAED,uBACES,QAAS,SAACtE,GACRA,EAAE+B,iBACF,EAAKmiC,gBACHt4B,EAAa+e,SACb/e,EAAagqB,WACbhqB,EAAaquB,WACbruB,EAAakmB,UAIjB5uB,MAAO,CACLkB,MAAO,QACPkc,WACE,SACF7L,WACE,OAhBN,UAoBI7I,EAAagqB,WACb,IACD8N,EAAuBv6B,KACtB,SAAC4uB,GACC,GACEA,EAAEnC,aACFhqB,EAAagqB,YACbmC,EAAEtC,UACF+V,EAEA,OACE,+BAEI,IADDzT,EAAEjG,QAED,mCACE,qBACE1iB,IACEg9B,GAEFlpC,MAAO,CACLiC,MACE,OACFoK,WACE,aAKR,mCACE,qBACEH,IACEi9B,GAEFnpC,MAAO,CACLiC,MACE,OACFoK,WACE,kBAzDtB,OAoEE,cAAC6O,GAAA,EAAD,CACEnM,KACErG,EAAauQ,eAEfkC,OAAO,QACPC,UAAU,eACVpb,MAAK,aACHkB,MAAM,OACNF,MACE,QACF2L,SACE,OACFzK,UACE,OACFud,YACE,QATC,WAWD,UAGL+gB,EAAuBv6B,KACtB,SAAC4uB,GACC,GACEA,EAAEnC,aACFhqB,EAAagqB,YACbmC,EAAEtC,UACF+V,EAEA,OACE,gCACGzT,EAAEjG,QAED,mCACE,uBACE5uB,MAAO,CACL2M,SACE,QAHN,eAMK,IAEDkoB,EAAEuC,aACF,IATJ,KAUK,IACF,EAAK/T,cACJwR,EAAExiB,4BA6BtB,uBACC3J,EAAa2V,UACZxgB,KAAKC,MACHC,aAAaohB,QAEf,sBACEnf,MAAO,CACLkB,MACE,QACFkc,WACE,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,KACJ,0BAGF,mCAEI,MADD1K,EAAQqY,cAGP,MADArY,EAAQiY,cAER,gCACE,mBACE7W,UAAU,kBACVa,KAAK,SAFP,SAMI,KADDjC,EAAQA,QAEP,mCAEIA,EAAQA,UAGV,OAEN,uBACA,mBACEmX,KACEnX,EAAQiY,cAEVhW,KAAK,UACLy5B,UAAQ,EACRz9B,MACE+B,EAAQiY,cAEVvN,MAAM,GACN+Q,UAAU,KACV/X,OAAO,SACPjD,MAAO,CACLiC,MACE,QACFD,OACE,SAhBN,SAmBE,sBACErB,UAAU,MACVX,MAAO,CACLiC,MACE,QACFD,OACE,OACFwK,aACE,MACFqrB,UACE,wEACFxrB,WACE,UACF2G,WACE,UAdN,UAiBE,qBAAKrS,UAAU,WAAf,SACE,qBACEuL,IACEgvB,GAEFl7B,MAAO,CACLgC,OACE,OACFC,MACE,YAIR,qBAAKtB,UAAU,WAAf,SACGpB,EACEiY,cACAnT,OACD,GACA,qCACE,qBACErE,MAAO,CACLuM,QACE2iB,GACEC,GACA5vB,EAAQqB,GACN,EACA,EACNqB,MACE,QACFD,OACE,OACF+Y,aACE,aACF9T,OACE,MACF9F,OACE,kBAEFkL,WACE,YACFnL,MACE,QACF8R,WACE,SACFxT,SACE,WACF8M,IAAK,QACL2Q,KAAM,SA5BV,SA+BE,mBACEjd,MAAO,CACL2M,SACE,QAHN,SAOI4tB,MAIN,oBACEv6B,MAAO,CACLkC,UACE,OACFJ,UACE,SACF6K,SACE,OACF4E,WACE,MACFrQ,MACE,WAEJk4B,YAAa,SACXt8B,GAEAA,EAAE+B,iBACF,EAAKmwB,aACHzvB,EAAQqB,KAGZu6B,aACE,EACG/L,cAvBP,UA2BIxsB,EA3BJ,YAiCF,mBACE5C,MAAO,CACLkC,UACE,OACFJ,UACE,SACF6K,SACE,OACF4E,WACE,MACFrQ,MACE,WAXN,SAcG0B,WAMVkY,GAEC,GADAvb,EAAQypC,KAER,qBACE98B,IACEmvB,GAEFr7B,MAAO,CAEL0E,WACE,OACFzC,MACE,OACFjB,MACE,SAEJiJ,MAAM,SAEN,KACH6Q,GAEC,GADAvb,EAAQypC,KAER,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BE,sBACErB,UAAU,MACVX,MAAO,CACLiC,MACE,QACFD,OACE,OACFwK,aACE,MACFqrB,UACE,wEACFxrB,WACE,UACF2G,WACE,UAdN,UAiBE,qBAAKrS,UAAU,WAAf,SACE,qBACEuL,IACEgvB,GAEFl7B,MAAO,CACLgC,OACE,OACFC,MACE,YAIR,qBAAKtB,UAAU,WAAf,SACGpB,EACEiY,cACAnT,OACD,GACA,qCACE,qBACErE,MAAO,CACLuM,QACE2iB,GACEC,GACA5vB,EAAQqB,GACN,EACA,EACNqB,MACE,QACFD,OACE,OACF+Y,aACE,aACF9T,OACE,MACF9F,OACE,kBAEFkL,WACE,YACFnL,MACE,QACF8R,WACE,SACFxT,SACE,WACF8M,IAAK,QACL2Q,KAAM,SA5BV,SA+BE,mBACEjd,MAAO,CACL2M,SACE,QAHN,SAOI4tB,MAIN,oBACEv6B,MAAO,CACLkC,UACE,OACFJ,UACE,SACF6K,SACE,OACF4E,WACE,MACFrQ,MACE,WAEJk4B,YAAa,SACXt8B,GAEAA,EAAE+B,iBACF,EAAKmwB,aACHzvB,EAAQqB,KAGZu6B,aACE,EACG/L,cAvBP,UA2BIxsB,EA3BJ,YAiCF,mBACE5C,MAAO,CACLkC,UACE,OACFJ,UACE,SACF6K,SACE,OACF4E,WACE,MACFrQ,MACE,WAXN,SAcG0B,WAMVkY,GAEC,GADAvb,EAAQypC,KAER,qBACE98B,IACEmvB,GAEFr7B,MAAO,CAEL0E,WACE,OACFzC,MACE,OACFjB,MACE,SAEJiJ,MAAM,SAEN,KACH6Q,GAEC,GADAvb,EAAQypC,KAER,qBACE98B,IACEovB,GAEFt7B,MAAO,CAEL0E,WACE,OACFzC,MACE,OACFjB,MACE,SAEJiJ,MAAM,WAEN,KACJ,0BAGF,gCACE,mBACEtJ,UAAU,kBACVa,KAAK,SAFP,SAMI,KADDjC,EAAQA,QAEP,mCAEIA,EAAQA,UAGV,OAEN,uBACA,mBACEmX,KACEnX,EAAQqY,aAEVpW,KAAK,UACLy5B,UAAQ,EACRz9B,MACE+B,EAAQqY,aAEV3N,MAAM,GACNhH,OAAO,SACPjD,MAAO,CACLiC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AG,YACHqJ,MAAM,GACN+Q,UAAU,KACV/X,OAAO,SACPjD,MAAO,CACLiC,MACE,QACFD,OACE,QACFiZ,cACE,eAKTH,GAEC,GADAvb,EAAQypC,KAER,qBACE98B,IACEmvB,GAEFr7B,MAAO,CAEL0E,WACE,OACFzC,MACE,OACFjB,MACE,SAEJiJ,MAAM,SAEN,KACH6Q,GAEC,GADAvb,EAAQypC,KAER,qBACE98B,IACEovB,GAEFt7B,MAAO,CAEL0E,WACE,OACFzC,MACE,OACFjB,MACE,SAEJiJ,MAAM,WAEN,KACJ,0BAGF,mCAEI,MADD1K,EAAQqY,cAGP,MADArY,EAAQiY,cAER,gCACE,mBACE7W,UAAU,kBACVa,KAAK,SAFP,SAQI,KADDjC,EAAQA,QAEP,mCAEIA,EAAQA,UAGV,OAEN,uBACA,mBACEmX,KACEnX,EAAQiY,cAEVhW,KAAK,UACLy5B,UAAQ,EACRz9B,MACE+B,EAAQiY,cAEVvN,MAAM,GACN+Q,UAAU,KACV/X,OAAO,SACPjD,MAAO,CACLiC,MACE,QACFD,OACE,SAhBN,SAmBE,sBACErB,UAAU,MACVX,MAAO,CACLiC,MACE,QACFD,OACE,OACFwK,aACE,MACFqrB,UACE,wEACFxrB,WACE,UACF2G,WACE,UAdN,UAiBE,qBAAKrS,UAAU,WAAf,SACE,qBACEuL,IACEgvB,GAEFl7B,MAAO,CACLgC,OACE,OACFC,MACE,YAIR,qBAAKtB,UAAU,WAAf,SACGpB,EACEiY,cACAnT,OACD,GACA,qCACE,qBACErE,MAAO,CACLuM,QACE2iB,GACEC,GACA5vB,EAAQqB,GACN,EACA,EACNqB,MACE,QACFD,OACE,OACF+Y,aACE,aACF9T,OACE,MACF9F,OACE,kBAEFkL,WACE,YACFnL,MACE,QACF8R,WACE,SACFxT,SACE,WACF8M,IAAK,QACL2Q,KAAM,SA5BV,SA+BE,mBACEjd,MAAO,CACL2M,SACE,QAHN,SAOI4tB,MAIN,oBACEv6B,MAAO,CACLkC,UACE,OACFJ,UACE,SACF6K,SACE,OACF4E,WACE,MACFrQ,MACE,WAEJk4B,YAAa,SACXt8B,GAEAA,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","file":"static/js/main.e5b2a022.chunk.js","sourcesContent":["//Live\r\nexport const BASE_URLs = \"https://apitest.oneawesometeam.com/api\";\r\nexport const Image_URLs = \"https://apitest.oneawesometeam.com/\";\r\n\r\n// Local\r\n// export const BASE_URLs = \"https://localhost:44369/api/\";\r\n// export const Image_URLs = \"https://localhost:44369/\";\r\n\r\n// Sub Domain\r\n// export const BASE_URLs = \"https://testingapi.oneawesometeam.com/api\";\r\n// export const Image_URLs = \"https://testingapi.oneawesometeam.com/\";","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\n\r\nexport default class AddBusinessPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      ButtonDisabled: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Business = document.getElementById(\"BusinessUnit\").value;\r\n\r\n    if (!Business) {\r\n      formIsValid = false;\r\n      formErrors[\"BusinessUnit\"] = \"Business Unit  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n  GetBusiness() {\r\n    let url = `${BASE_URLs}/Business/BusinessGet`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Business: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetBusiness();\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    var Business = document.getElementById(\"BusinessUnit\").value;\r\n    event.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"BusinessUnit\", Business);\r\n      fetch(`${BASE_URLs}/Business/AddBusiness`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept': 'application/json',\r\n          // 'Content-Type': 'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 4000,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n           \r\n            document.getElementById(\"Businesspop\").style.display = \"none\";\r\n\r\n            setTimeout(function () {\r\n              if (document.getElementById(\"close\")) {\r\n                document.getElementById(\"close\").click();\r\n              }\r\n            }, 4000);\r\n            this.GetBusiness();\r\n            // document.getElementById(\"popup\").style.display = \"none\"\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 4000,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n\r\n          setTimeout(() => {\r\n            this.setState({\r\n              ButtonDisabled: false,\r\n            })\r\n          }, 4500);\r\n         \r\n        });\r\n    }\r\n  }\r\n\r\n  // handleKeyPress = (event) => {\r\n  //   if (event.key === \"Enter\") {\r\n  //     event.preventDefault();\r\n  //   }\r\n  // };\r\n\r\n  // handleKeyPress1 = (event)=>{\r\n  //   if (event.charCode === 13) {\r\n  //   event.preventDefault();\r\n  //   if (this.Validation()) {\r\n  //     const data = new FormData();\r\n\r\n  //     fetch(`${BASE_URLs}/Business/AddBusiness\", {\r\n  //       method: 'POST',\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //         // 'Accept': 'application/json',\r\n  //         // 'Content-Type': 'application/json',\r\n  //         Authorization: `Bearer ${JSON.parse(localStorage.user)}`\r\n  //       },\r\n  //       body: data,\r\n  //     }).then(res => res.json()).then((resp) => {\r\n  //       if (resp.status === \"Success\") {\r\n  //         toast.success(resp.message, {\r\n  //           position: \"top-center\",\r\n  //           autoClose: 4000,\r\n  //           hideProgressBar: false,\r\n  //           closeOnClick: true,\r\n  //           pauseOnHover: true,\r\n  //           draggable: true,\r\n  //           progress: undefined,\r\n  //         });\r\n  //         setTimeout(function () { if(document.getElementById(\"close\")){document.getElementById(\"close\").click();} }, 2000);\r\n  //         this.GetBusiness();\r\n  //         document.getElementById(\"popup\").style.display = \"none\"\r\n  //       }\r\n  //       else {\r\n  //         toast.error(resp.message, {\r\n  //           position: \"top-center\",\r\n  //           autoClose: 4000,\r\n  //           hideProgressBar: false,\r\n  //           closeOnClick: true,\r\n  //           pauseOnHover: true,\r\n  //           draggable: true,\r\n  //           progress: undefined,\r\n  //         });\r\n  //       }\r\n  //     })\r\n\r\n  //   }\r\n  // }\r\n  // }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { Business } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\" id=\"popup\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Businesspop\"\r\n          >\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-lg-3\"></div>\r\n                <div className=\"col-lg-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    id=\"BusinessUnit\"\r\n                    name=\"BusinessUnit\"\r\n                    type=\"text\"\r\n                    onChange={this.handleChange}\r\n                    onKeyPress={this.handleKeyPress1}\r\n                  />\r\n                  {Business == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Add Business\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Business}\r\n                    </div>\r\n                  )}{\" \"}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n              </div>\r\n              <div className=\"row\">\r\n                <div className=\"col-lg-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    disabled={this.state.ButtonDisabled}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddDepartmentpop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      Department: [],\r\n      isButtonDisabled: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n  handleSubmit = async (e) => {\r\n    var DepartmentName = document.getElementById(\"DepartmentName\").value;\r\n\r\n    e.preventDefault();\r\n    //  const data = new FormData(e.target);\r\n    if (this.Validation()) {\r\n      this.setState({ isButtonDisabled: true });\r\n      // alert(DepartmentName)\r\n\r\n      const data = new FormData();\r\n\r\n      data.append(\"AddDepartment\", DepartmentName);\r\n\r\n      var role = JSON.parse(localStorage.Role);\r\n      const url =\r\n        role.toString() === \"Platform Admin\"\r\n          ? `${BASE_URLs}/SuperAdmin/SADepartment`\r\n          : `${BASE_URLs}/Department/AddDepartment`;\r\n\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({ isButtonDisabled: false });\r\n        document.getElementById(\"Addpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 2200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document.getElementById(\"Addpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 3000);\r\n      }\r\n    }\r\n    this.GetDepartment();\r\n  };\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var DepartmentName = document.getElementsByName(\"AddDepartment\");\r\n\r\n    // var dept = document.getElementById('DepartmentName').value\r\n    var otherdepartment = document.getElementById(\"departmenttext\").value;\r\n\r\n    if (!DepartmentName[0].value) {\r\n      formIsValid = false;\r\n      formErrors[\"DepartmentName\"] = \"Department Name  is required\";\r\n    }\r\n    // else if (DepartmentName.length < 3){\r\n    //   formIsValid = false;\r\n    //   formErrors[\"DepartmentName\"] = \"A Minimum of 3 characters are required\" ;\r\n    // }\r\n    else if (DepartmentName[0].value === \"Others\") {\r\n      if (!otherdepartment) {\r\n        formIsValid = false;\r\n        formErrors[\"otherdepartment\"] = \"Department Name is required\";\r\n      }\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var DepartmentName = document.getElementsByName(\"AddDepartment\");\r\n\r\n    var otherdepartment = document.getElementById(\"departmenttext\").value;\r\n\r\n    if (!DepartmentName[0].value) {\r\n      formIsValid = false;\r\n      formErrors[\"DepartmentName\"] = \"Department Name  is required\";\r\n    } else if (DepartmentName[0].value === \"Others\") {\r\n      if (!otherdepartment) {\r\n        formIsValid = false;\r\n        formErrors[\"otherdepartment\"] = \"Department Name is required\";\r\n      }\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/GetMasterDepartment`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Department: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetDepartment();\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { otherdepartment, DepartmentName } = this.state.formErrors;\r\n    const { Department } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Addpop\"\r\n          >\r\n            <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"DepartmentName\"\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    onKeyDown={this._handleKeyDown}\r\n                    name=\"AddDepartment\"\r\n                    type=\"text\"\r\n                  />\r\n\r\n                  {DepartmentName == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Add Department\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {DepartmentName}\r\n                    </div>\r\n                  )}\r\n                  <input\r\n                    type=\"hidden\"\r\n                    Name=\"otherdepartment\"\r\n                    className=\"form\"\r\n                    id=\"departmenttext\"\r\n                  />\r\n                  {!otherdepartment == null ? null : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {otherdepartment}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    onClick={this.handleSubmit}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                    disabled={this.state.isButtonDisabled}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddDesignationModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Business: [],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var DesignationName = document.getElementsByName(\"DesignationName\");\r\n    var OtherDesignationName = document.getElementById(\"designationtext\").value;\r\n    if (!DesignationName[0].value) {\r\n      formIsValid = false;\r\n      formErrors[\"DesignationName\"] = \"Designation Name  is required\";\r\n    } else if (DesignationName[0].value === \"Others\") {\r\n      if (!OtherDesignationName) {\r\n        formIsValid = false;\r\n        formErrors[\"OtherDesignationName\"] = \"Designation is required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n\r\n  GetDesignation() {\r\n    let url = `${BASE_URLs}/Designation/GetMasterDesignation`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Business: data,\r\n        });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetDesignation();\r\n  }\r\n  Handledesignation() {\r\n    var department = document.getElementsByName(\"DesignationName\");\r\n    if (department[0].value === \"Others\") {\r\n      document.getElementById(\"designationtext\").value = \"\";\r\n      document.getElementById(\"designationtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"designationtext\").value = \"None\";\r\n      document.getElementById(\"designationtext\").type = \"hidden\";\r\n    }\r\n  }\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.Validation()) {\r\n      var DesignationName = document.getElementById(\"DesignationName\").value;\r\n      const data = new FormData();\r\n      data.append(\"DesignationName\", DesignationName);\r\n      var role = JSON.parse(localStorage.Role);\r\n      const url =\r\n        role.toString() === \"Platform Admin\"\r\n          ? `${BASE_URLs}/SuperAdmin/SADesignation`\r\n          : `${BASE_URLs}/Designation/AddDesignation`;\r\n\r\n      fetch(url, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            document.getElementById(\"Addpop\").style.display = \"none\";\r\n            setTimeout(function () {\r\n              if (document.getElementById(\"close\")) {\r\n                document.getElementById(\"close\").click();\r\n              }\r\n            }, 4000);\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            document.getElementById(\"Addpop\").style.display = \"none\";\r\n            setTimeout(function () {\r\n              if (document.getElementById(\"close\")) {\r\n                document.getElementById(\"close\").click();\r\n              }\r\n            }, 4000);\r\n          }\r\n        });\r\n    }\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { DesignationName, OtherDesignationName } = this.state.formErrors;\r\n    const { Business } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Addpop\"\r\n          >\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n\r\n                <div className=\"col-sm-8\">\r\n                  {/* <Select\r\n       closeMenuOnSelect={false}\r\n      onInputChange={this.Handledesignation} \r\n      id=\"DesignationName\"\r\n      name=\"DesignationName\"\r\n      isMulti\r\n      options={Business.map(e => ({ label: e.designation, value: e.designation}))}   //Department.map(e => ({ label: e.department, value: e.department}))\r\n      //options={  ({ label: \"Others\", value:\"Others\"}) }   //Department.map(e => ({ label: e.department, value: e.department}))\r\n    /> */}\r\n                  <input\r\n                    type=\"text\"\r\n                    maxLength=\"50\"\r\n                    id=\"DesignationName\"\r\n                    className=\"form\"\r\n                    name=\"DesignationName\"\r\n                    onKeyPress={this.handleKeyPress}\r\n                    onKeyDown={this.handleKeyDown}\r\n                  />\r\n                  <input\r\n                    type=\"hidden\"\r\n                    Name=\"otherdesignation\"\r\n                    className=\"form\"\r\n                    id=\"designationtext\"\r\n                  />\r\n                  {DesignationName == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Add Designation{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {DesignationName}\r\n                    </div>\r\n                  )}\r\n                  {OtherDesignationName == null ? null : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {OtherDesignationName}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-sm-4\"></div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n\r\n                <br />\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddLocationModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      isChrome: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n\r\n    if (this.Validation()) {\r\n      const data = new FormData(event.target);\r\n\r\n      fetch(`${BASE_URLs}/AdminLocation/AddLocation`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept': 'application/json',\r\n          // 'Content-Type': 'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n\r\n            document.getElementById(\"AddForm\").style.display = \"none\";\r\n            setTimeout(function () {\r\n              document.getElementById(\"close\").click();\r\n            }, 4000);\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            setTimeout(function () {\r\n              document.getElementById(\"close\").click();\r\n            }, 2300);\r\n          }\r\n        });\r\n    }\r\n  }\r\n  handlechange = (e) => {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Address = document.getElementById(\"Address\").value;\r\n    var Branch = document.getElementById(\"Branch\").value;\r\n    var LocationType = document.getElementById(\"LocationType\").value;\r\n\r\n    if (!Address || Address.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Address\"] = \"Address  is required\";\r\n    } else if (!Branch || Branch.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Branch\"] = \"Branch  is required\";\r\n    } else if (Branch.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Branch\"] = \"Minimum 3 Characters Required\";\r\n    } else if (!LocationType || LocationType.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"LocationType\"] = \"Location is required\";\r\n    } else if (LocationType.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"LocationType\"] = \"Minimum 3 Characters Required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Address = document.getElementById(\"Address\").value;\r\n    var Branch = document.getElementById(\"Branch\").value;\r\n    var LocationType = document.getElementById(\"LocationType\").value;\r\n\r\n    if (!Address) {\r\n      formIsValid = false;\r\n      formErrors[\"Address\"] = \"Address  is required\";\r\n    }\r\n    if (!Branch) {\r\n      formIsValid = false;\r\n      formErrors[\"Branch\"] = \"Branch  is required\";\r\n    }\r\n    if (!LocationType) {\r\n      formIsValid = false;\r\n      formErrors[\"LocationType\"] = \"Location Type  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  componentDidMount() {\r\n    const isChrome = navigator.userAgent.indexOf(\"Chrome\") !== -1;\r\n    this.setState({ isChrome });\r\n  }\r\n\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { Address, LocationType, Branch } = this.state.formErrors;\r\n    const { isChrome } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal threeFieldPop\"\r\n                : \"popinnernormal threeFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"AddForm\"\r\n          >\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n\r\n            <br />\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-4\">\r\n                  <textarea\r\n                    className=\"form\"\r\n                    id=\"Address\"\r\n                    onChange={this.handlechange}\r\n                    name=\"Address\"\r\n                    style={{ height: \"36px\" }}\r\n                  />\r\n                  {Address == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Address\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{Address}</div>\r\n                  )}{\" \"}\r\n                  <span className=\"underline\" />{\" \"}\r\n                </div>\r\n                <div className=\"col-sm-4\">\r\n                  <input\r\n                    className=\"form\"\r\n                    onChange={this.handlechange}\r\n                    maxLength=\"50\"\r\n                    id=\"Branch\"\r\n                    name=\"Branch\"\r\n                    type=\"text\"\r\n                  />\r\n                  {Branch == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Branch\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{Branch}</div>\r\n                  )}{\" \"}\r\n                  <span className=\"underline\" />{\" \"}\r\n                </div>\r\n                <div className=\"col-sm-4\">\r\n                  <select\r\n                    className=\"effect-16\"\r\n                    onChange={this.handlechange}\r\n                    maxLength=\"50\"\r\n                    id=\"LocationType\"\r\n                    name=\"LocationType\"\r\n                    type=\"text\"\r\n                    style={{\r\n                      // Apply the marginLeft style only if the browser is Chrome\r\n                      ...(isChrome && { marginLeft: '-11px' })\r\n                    }}\r\n                  >\r\n                     <option value=\"\">Select</option>\r\n                     <option value=\"Primary Location\">Primary Location</option>\r\n                     <option value=\"Secondary Location\">Secondary Location</option>\r\n\r\n                   \r\n                                          </select>\r\n                  {LocationType == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Location\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {LocationType}\r\n                    </div>\r\n                  )}{\" \"}\r\n                </div>{\" \"}\r\n                <span className=\"underline\" />\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n            <br />\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport AddLocationModel from \"../Common/AddLocationModel\";\r\nexport default class AddHolidaysPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      LocationDrop: [],\r\n      LocationModel: false,\r\n      isChrome: false,\r\n      formErrors: {},\r\n      ButtonDisabled:false\r\n    };\r\n  }\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.Validation()) {\r\n      const data = new FormData(e.target);\r\n\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n\r\n      // console.log(\"check\", data);\r\n\r\n      const url = `${BASE_URLs}/Holiday/AddHoliday`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({\r\n          ButtonDisabled: true,\r\n        });\r\n        document.getElementById(\"addform\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 2000);\r\n        this.GetManager();\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 2000);\r\n        this.GetManager();\r\n      }\r\n    }\r\n  };\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Date = document.getElementById(\"Date\").value;\r\n    var Reason = document.getElementById(\"Reason\").value.trim();\r\n    var Location = document.getElementById(\"Location\").value.trim();\r\n\r\n    if (!Date || Date.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Date\"] = \"Date is required\";\r\n    }\r\n    if (!Reason || Reason.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Reason\"] = \"Occassion is required\";\r\n    } else if (Reason.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Reason\"] = \"A minimum 3 characters is required\";\r\n    }\r\n    if (!Location || Location.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Location\"] = \"Branch is required\";\r\n    } else if (Location.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Location\"] = \"A minimum 3 characters is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  getMinDate = () => {\r\n    const today = new Date();\r\n    const year = today.getFullYear();\r\n    const month = today.getMonth() + 1;\r\n\r\n    const formattedMonth = month.toString().padStart(2, \"0\");\r\n    const formattedDate = `${year}-${formattedMonth}-01`;\r\n\r\n    return formattedDate;\r\n  };\r\n\r\n  GetManager() {\r\n    let url = `${BASE_URLs}/Manager/ManagerGet`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Manager: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Date = document.getElementById(\"Date\").value;\r\n    var Reason = document.getElementById(\"Reason\").value.trim();\r\n    var Location = document.getElementById(\"Location\").value.trim();\r\n\r\n    if (!Date || Date.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Date\"] = \"Date is required\";\r\n    } else if (!Reason || Reason.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Reason\"] = \"Occassion is required\";\r\n    } else if (Reason.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Reason\"] = \"A minimum 3 characters is required\";\r\n    } else if (!Location || Location.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Location\"] = \"Branch  is required\";\r\n    } else if (Location.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Location\"] = \"A minimum 3 characters is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetManager();\r\n    this.GetLocation();\r\n    const isChrome = navigator.userAgent.indexOf(\"Chrome\") !== -1;\r\n    this.setState({ isChrome });\r\n  }\r\n  \r\n  GetLocation() {\r\n    let url = `${BASE_URLs}/AdminLocation/GetLocation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          LocationDrop: data,\r\n        });\r\n        // console.log(\"location\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n  SelectLocation = (e) => {\r\n    let dept = document.getElementById(\"Location\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        LocationModel: !prevState.LocationModel,\r\n      }));\r\n      document.getElementById(\"Location\").value = \"\";\r\n    }\r\n  };\r\n\r\n  LocationModel = () => {\r\n    this.setState((prevState) => ({\r\n      LocationModel: !prevState.LocationModel,\r\n      SkillModel: false\r\n    }));\r\n\r\n    this.GetLocation();\r\n  };\r\n\r\n  render() {\r\n    const { Date, Reason, Location } = this.state.formErrors;\r\n    const {LocationDrop} = this.state;\r\n    const { isChrome } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n\r\n        {this.state.LocationModel ? (\r\n          <AddLocationModel close={() => this.LocationModel()} />\r\n        ) : null}\r\n\r\n        <div className=\"pop\">\r\n          <div\r\n            className=\"popinnernormal\"\r\n            style={{ width: \"42%\", padding: \"1%\" }}\r\n            id=\"addform\"\r\n          >\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <br />\r\n            <br />\r\n            <form\r\n              autoComplete=\"off\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit}\r\n            >\r\n              <div className=\"row justify-content-center\">\r\n                <div className=\"col-lg-5\">\r\n                  <input\r\n                    className=\"form\"\r\n                    name=\"Date\"\r\n                    type=\"date\"\r\n                    id=\"Date\"\r\n                    onFocus={(e) => (e.target.type = \"date\")}\r\n                    onChange={this.handleChange}\r\n                    // min={this.getMinDate()}\r\n                  />\r\n                  {Date == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Date<span style={{ color: \"red\", float: \"left\" }}></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{Date}</div>\r\n                  )}\r\n                </div>\r\n\r\n                <div className=\"col-lg-5\">\r\n                  <input\r\n                    className=\"form\"\r\n                    name=\"Reason\"\r\n                    id=\"Reason\"\r\n                    type=\"text\"\r\n                    onChange={this.handleChange}\r\n                  />\r\n                  {Reason == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      {\" \"}\r\n                      Occassion\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{Reason}</div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              <div className=\"row justify-content-center\">\r\n                <div className=\"col-lg-5\">\r\n                  <select\r\n                    className=\"effect-16\"\r\n                    name=\"LocationType\"\r\n                    // defaultValue={\"Primary Location\"}\r\n                    id=\"Location\"\r\n                    type=\"text\"\r\n                    onInputCapture={this.SelectLocation}\r\n                    onChange={this.handleChange}\r\n                    style={{\r\n                      // Apply the marginLeft style only if the browser is Chrome\r\n                      ...(isChrome && { marginLeft: '-8px' })\r\n                    }}\r\n                  >\r\n                     <option value=\"\">Select</option>\r\n                     \r\n                     {LocationDrop.map((location, index) => (\r\n                     <option key={index} value={location.branch}>\r\n      {location.branch}\r\n    </option>\r\n  ))}\r\n                                          </select>\r\n                  {Location == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Branch\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Location}\r\n                    </div>\r\n                  )}{\" \"}\r\n                </div>\r\n\r\n                <div\r\n                  className=\"col-lg-5\"\r\n                  style={{\r\n                    marginTop: \"20px\",\r\n                    color: \"#495057\",\r\n                    display: \"flex\",\r\n                    paddingLeft: \"12px\",\r\n                  }}\r\n                >\r\n                  <div>&nbsp;Optional &nbsp;&nbsp;</div>\r\n                  <label className=\"switch\">\r\n                    <input type=\"checkbox\" name=\"Holiday\" />\r\n                    <span className=\"slider round\" />\r\n                  </label>\r\n                </div>\r\n              </div>\r\n\r\n              <br />\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    disabled={this.state.ButtonDisabled}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n            <br />\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Autocomplete from \"react-autocomplete\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddManagerPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      EntityNameValidate: [],\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      value: \"\",\r\n      ManagerNAme: [],\r\n      Departmentdrop: [],\r\n      ButtonDisabled: false,\r\n      countries: [\r\n        { label: \"United Kingdom\", value: \"UK\" },\r\n        { label: \"United States\", value: \"US\" },\r\n        { label: \"india\", value: \"US\" },\r\n        { label: \"pakistan\", value: \"US\" },\r\n        { label: \"srilanka\", value: \"US\" },\r\n      ],\r\n    };\r\n  }\r\n\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  Team() {\r\n    let url = `${BASE_URLs}/Team/GetTeam`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        //         data.map((d) =>{\r\n        // this.setState({\r\n        //   EntityNameValidate: d.firstName + ' ' + d.lastName,\r\n        // })\r\n        this.setState({\r\n          EntityNameValidate: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetManagerName() {\r\n    let url = `${BASE_URLs}/Manager/GetManagerAutocomplete`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          ManagerNAme: data,\r\n        });\r\n        // // console.log(data);\r\n      });\r\n  }\r\n  handleSubmit = async (e) => {\r\n    let MN = document.getElementById(\"Manager_Name\").value;\r\n    let AddDepartment = document.getElementById(\"DepartmentNA\").value;\r\n    e.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"Manager_Name\", MN);\r\n      data.append(\"AddDepartment\", AddDepartment);\r\n      // let formErrors = {};\r\n      // let formIsValid = true;\r\n      // let fullNameArray = this.state.EntityNameValidate.map(\r\n      //   (person) => person.firstName + \" \" + person.lastName\r\n      // );\r\n      const url = `${BASE_URLs}/Manager/AddManager`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document.getElementById(\"Addpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 4000);\r\n\r\n        this.GetManager();\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document.getElementById(\"Addpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 2000);\r\n      }\r\n    }\r\n    //  else {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Manager_Name\"] = \"Name should be from the entity\";\r\n    //   this.setState({ formErrors: formErrors });\r\n    // }\r\n  };\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Manager_Name = document.getElementById(\"Manager_Name\").value;\r\n    var Department = document.getElementById(\"DepartmentNA\").value;\r\n\r\n    if (!Manager_Name || Manager_Name.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Manager_Name\"] = \" Name is required\";\r\n    }\r\n    if (!Department || Department.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Department\"] = \"Department is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/DepartmentGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Departmentdrop: data,\r\n        });\r\n      });\r\n  }\r\n  GetManager() {\r\n    let url = `${BASE_URLs}/Manager/ManagerGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    //true\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Manager: data,\r\n        });\r\n      });\r\n    //fal\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    //const {Manager_Name,Department}= this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Manager_Name = document.getElementById(\"Manager_Name\").value;\r\n    var Department = document.getElementById(\"DepartmentNA\").value;\r\n\r\n    if (!Manager_Name || Manager_Name.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Manager_Name\"] = \" Name is required\";\r\n    } else if (!Department || Department.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Department\"] = \"Department is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetManagerName();\r\n    this.GetManager();\r\n    this.GetDepartment();\r\n    this.Team();\r\n  }\r\n  render() {\r\n    const { Manager_Name, Department } = this.state.formErrors;\r\n    const { Departmentdrop,ManagerNAme } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div className=\"popinnernormal\" style={{ padding: \"1%\"}} id=\"Addpop\">\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <br />\r\n\r\n            <form\r\n              autoComplete=\"off\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit}\r\n            >\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-6\" style={{ zIndex: \"1000\" ,display:\"block\"}}>\r\n                <select\r\n                    className=\"effect-16 selectleftalign\"\r\n                    id=\"Manager_Name\"\r\n                    name=\"Manager_Name\"\r\n                    // defaultValue={this.props.values.ManagerName}\r\n                    onChange={this.handleChange}\r\n                    type=\"text\"\r\n                    placeholder=\"Select\"\r\n                  >\r\n                    \r\n                    <option value=\"\"> Select</option>\r\n                  \r\n                   {ManagerNAme.map((name) => ( \r\n                  <option\r\n                      \r\n                      value={name.label}\r\n                    >\r\n                      {name.label}\r\n                    </option> \r\n                    ))} \r\n\r\n                  </select>\r\n                  {/* <Autocomplete\r\n                    className=\"form\"\r\n                    // style={{ textAlign: \"left\" }}\r\n                    items={this.state.ManagerNAme}\r\n                    shouldItemRender={(item, value) =>\r\n                      item.label.toLowerCase().indexOf(value.toLowerCase()) > -1\r\n                    }\r\n                    getItemValue={(item) => item.label}\r\n                    renderItem={(item, isHighlighted) => (\r\n                      // Styling to highlight selected item\r\n                      <div\r\n                        style={{\r\n                          background: isHighlighted ? \"#bcf5bc\" : \"white\",\r\n                        }}\r\n                        key={item.id}\r\n                      >\r\n                        {item.label}\r\n                      </div>\r\n                    )}\r\n                    value={this.state.value}\r\n                    onChange={(e) => {\r\n                      this.setState({ value: e.target.value });\r\n                      this.handleChange();\r\n                    }}\r\n                    onKeyDown={this._handleKeyDown}\r\n                    // To set the state variable to value\r\n                    // selected from dropdown\r\n                    onSelect={(val) => this.setState({ value: val })}\r\n                    // Added style in Autocomplete component\r\n                    inputProps={{\r\n                      style: {\r\n                        display: \"flex\",\r\n                      },\r\n                      className: \"form\",\r\n                      name: \"Manager_Name\",\r\n                      id: \"Manager_Name\",\r\n                      type: \"text\",\r\n                    }}\r\n                  /> */}\r\n                  {!Manager_Name ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      {\" \"}\r\n                      Name<span\r\n                        style={{ color: \"red\", float: \"left\" }}\r\n                      ></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Manager_Name}\r\n                    </div>\r\n                  )}{\" \"}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-sm-6\">\r\n                  <select\r\n                    className=\"effect-16\"\r\n                    type=\"text\"\r\n                    onInputCapture={this.SelectDepartment}\r\n                    name=\"AddDepartment\"\r\n                    id=\"DepartmentNA\"\r\n                    onChange={this.handleChange}\r\n                    onKeyDown={this._handleKeyDown}\r\n                  >\r\n                    <option value=\"\">Select</option>\r\n                    {Departmentdrop.map((Departmentdrop) => (\r\n                      <option value={Departmentdrop.department}>\r\n                        {Departmentdrop.department}{\" \"}\r\n                      </option>\r\n                    ))}\r\n                    <option value=\"None\">None</option>\r\n                  </select>\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"otherdepartment\"\r\n                    className=\"form\"\r\n                    id=\"departmenttext\"\r\n                  />\r\n                  {!Department ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      {\" \"}\r\n                      Department{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Department}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddOfficeDocumentModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      ButtonDisabled:false\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n    GetOfficeDocument() {\r\n    let url = `${BASE_URLs}/AdminOfficeDocuments/GetCompanyDocument`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          OfficeDocument: data,\r\n          Doc: data,\r\n        });\r\n        // console.log(\"CD\", data);\r\n      });\r\n  }\r\n\r\n\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    if (this.Validation()) {\r\n      const data = new FormData(e.target);\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const url = `${BASE_URLs}/AdminOfficeDocuments/AddOfficeDocument`;\r\n\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({\r\n          ButtonDisabled: true,\r\n        });\r\n        document.getElementById(\"AddPopup\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n\r\n        this.GetOfficeDocument();\r\n        // this.props.close;\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n  componentDidMount() {\r\n    this.GetOfficeDocument();\r\n  }\r\n  \r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    // var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    var OfficeDocumentTitle = document.getElementById(\r\n      \"OfficeDocumentTitle\"\r\n    ).value;\r\n    var OfficeDocumentFile =\r\n      document.getElementById(\"OfficeDocumentFile\").value;\r\n    var Category = document.getElementById(\"CategoryA\").value;\r\n    var OtherCategory = document.getElementById(\"ugtext\").value;\r\n    if (!Category || Category.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Categoryerr\"] = \"Category is required\";\r\n    } else if (Category === \"others\") {\r\n      if (!OtherCategory || OtherCategory.trim() == \"\") {\r\n        formIsValid = false;\r\n        formErrors[\"OtherCategoryerr\"] = \"Category is required\";\r\n      }\r\n    }\r\n    if (!OfficeDocumentTitle || OfficeDocumentTitle.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"OfficeDocumentTitleerr\"] = \"Document Title is required\";\r\n    } else if (!OfficeDocumentFile || OfficeDocumentFile.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"OfficeDocumentFileErr\"] = \"Document File is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  HandleUg() {\r\n    var UG = document.getElementById(\"CategoryA\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"ugtext\").value = \"\";\r\n      document.getElementById(\"ugtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"ugtext\").value = \"None\";\r\n      document.getElementById(\"ugtext\").type = \"hidden\";\r\n    }\r\n  }\r\n  handlechange = (e) => {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    // var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    var OfficeDocumentTitle = document.getElementById(\r\n      \"OfficeDocumentTitle\"\r\n    ).value;\r\n    var OfficeDocumentFile =\r\n      document.getElementById(\"OfficeDocumentFile\").value;\r\n    var Category = document.getElementById(\"CategoryA\").value;\r\n    var OtherCategory = document.getElementById(\"ugtext\").value;\r\n    if (!Category || Category.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"Categoryerr\"] = \"Category is required\";\r\n    } else if (!OfficeDocumentTitle || OfficeDocumentTitle.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"OfficeDocumentTitleerr\"] = \"Document Title is required\";\r\n    } else if (!OfficeDocumentFile || OfficeDocumentFile.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"OfficeDocumentFileErr\"] = \"Document File is required\";\r\n    } else if (Category === \"others\") {\r\n      if (!OtherCategory || OtherCategory.trim() == \"\") {\r\n        formIsValid = false;\r\n        formErrors[\"OtherCategoryerr\"] = \"Category is required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const {\r\n      OfficeDocumentTitleerr,\r\n      OfficeDocumentFileErr,\r\n      Categoryerr,\r\n      OtherCategoryerr,\r\n    } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal threeFieldPop\"\r\n                : \"popinnernormal threeFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"AddPopup\"\r\n          >\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <br />\r\n            <br />\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-lg-4\">\r\n                  <select\r\n                    className=\"form\"\r\n                    id=\"CategoryA\"\r\n                    name=\"Category\"\r\n                    onInputCapture={this.HandleUg}\r\n                    onChange={this.handlechange}\r\n                    placeholder=\"Location Type\"\r\n                    style={{ color: \"#868b8f\" }}\r\n                  >\r\n                    <option value=\"\">Select Category</option>\r\n                    <option value=\"HR\">HR</option>\r\n                    <option value=\"others\">Others</option>\r\n                  </select>{\" \"}\r\n                  {Categoryerr == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Category\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Categoryerr}\r\n                    </div>\r\n                  )}\r\n                  <input\r\n                    type=\"hidden\"\r\n                    className=\"form\"\r\n                    id=\"ugtext\"\r\n                    name=\"OtherCategory\"\r\n                  />{\" \"}\r\n                  {OtherCategoryerr == null ? null : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {OtherCategoryerr}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n\r\n                <div className=\"col-lg-4\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"OfficeDocumentTitle\"\r\n                    onChange={this.handlechange}\r\n                    name=\"OfficeDocumentTitle\"\r\n                    type=\"text\"\r\n                  />\r\n                  {OfficeDocumentTitleerr == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Document Title{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {OfficeDocumentTitleerr}\r\n                    </div>\r\n                  )}{\" \"}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n\r\n                <div className=\"col-lg-4\">\r\n                  <input\r\n                    className=\"form\"\r\n                    id=\"OfficeDocumentFile\"\r\n                    onKeyPress={this.handleKeyPress}\r\n                    onChange={this.handlechange}\r\n                    name=\"OfficeDocumentFile\"\r\n                    multiple\r\n                    onFocus={(e) => (e.target.type = \"file\")}\r\n                    type=\"text\"\r\n                  />\r\n                  {OfficeDocumentFileErr == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Document File{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {OfficeDocumentFileErr}\r\n                    </div>\r\n                  )}{\" \"}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    disabled={this.state.ButtonDisabled}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AnnouncementPopup extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Announcement: [],\r\n      Organization: this.getCookie(\r\n        \"\" + JSON.parse(localStorage.uname) + \"organization\"\r\n      ),\r\n      role: this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\"),\r\n\r\n      //  SeeMore:true\r\n    };\r\n  }\r\n  role = JSON.parse(localStorage.Role).toString();\r\n  SetReminderOn = async (e) => {\r\n    e.preventDefault();\r\n\r\n    const url = `${BASE_URLs}/Announcement/SetReminderOn`;\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    const response = await fetch(url, options);\r\n    await response.json();\r\n\r\n    // this.role === \"User\"\r\n    //   ? this.props.history.push(\"/UserDashboard\")\r\n    //   : // /AdminHome.js\r\n    //   JSON.parse(localStorage.org) === 3 && this.role === \"Admin\"\r\n    //   ? this.props.history.push(\"/AdminHome\")\r\n    //   :\r\n       this.props.history.push(\"/DashBoard\");\r\n  };\r\n\r\n  SetReminderOff = async (e) => {\r\n    e.preventDefault();\r\n\r\n    const url = `${BASE_URLs}/Announcement/SetReminderOff`;\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    const response = await fetch(url, options);\r\n    await response.json();\r\n\r\n    // this.role === \"User\"\r\n    //   ? this.props.history.push(\"/UserDashboard\")\r\n    //   : // /AdminHome.js\r\n    //   JSON.parse(localStorage.org) === 2 && this.role === \"Admin\"\r\n    //   ? this.props.history.push(\"/AdminHome\")\r\n    //   :\r\n       this.props.history.push(\"/AllAnnouncement\");\r\n  };\r\n\r\n  SetReminderOffA = async (e) => {\r\n    e.preventDefault();\r\n    const url = `${BASE_URLs}/Announcement/SetReminderOff`;\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    const response = await fetch(url, options);\r\n    await response.json();\r\n\r\n    // this.role === \"User\"\r\n    //   ? this.props.history.push(\"/UserDashboard\")\r\n    //   : // /AdminHome.js\r\n    //   JSON.parse(localStorage.org) === 2 && this.role === \"Admin\"\r\n    //   ? this.props.history.push(\"/AdminHome\")\r\n    //   :\r\n       this.props.history.push(\"/AllAnnouncement\");\r\n  };\r\n\r\n  closefunction = () => {\r\n    // this.role === \"User\"\r\n    //   ? this.props.history.push(\"/UserDashboard\")\r\n    //   : this.role === \"Admin\"\r\n    //   ?\r\n       this.props.history.push(\"/DashBoard\")\r\n      // : this.props.history.push(\"/AllAnnouncement\");\r\n  };\r\n  GetAnnouncement() {\r\n    let url = `${BASE_URLs}/Announcement/GetSAdminAnnouncementpop`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Announcement: data,\r\n        });\r\n        if (this.state.Announcement.length === 0) {\r\n          this.role === \"User\"\r\n            ? this.props.history.push(\"/UserDashboard\")\r\n            : this.props.history.push(\"/DashBoard\");\r\n        }\r\n\r\n        if (!(this.state.Announcement.length === 0)) {\r\n          this.setState({\r\n            SeeMore:\r\n              this.state.Announcement[0].image === \"-\" &&\r\n              this.state.Announcement[0].video === \"-\",\r\n          });\r\n        }\r\n\r\n        // console.log(\"More\", data);\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    $(document).ready(function () {\r\n      $(\"#seemore\").click(function () {\r\n        if ($(\"#feed\").is(\":hidden\")) {\r\n          $(\"#feed\").slideDown(\"slow\");\r\n          $(\"#seemore\").html(\"Close\");\r\n        } else {\r\n          $(\"#feed\").slideUp(\"slow\");\r\n          $(\"#seemore\").html(\"See more\");\r\n        }\r\n      });\r\n    });\r\n\r\n    var crole = this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\");\r\n    var corg = this.getCookie(\r\n      \"\" + JSON.parse(localStorage.uname) + \"organization\"\r\n    );\r\n    this.setState({\r\n      role: crole,\r\n      Organization: corg,\r\n    });\r\n    this.GetAnnouncement();\r\n  }\r\n  getCookie(cName) {\r\n    const name = cName + \"=\";\r\n    const cDecoded = decodeURIComponent(document.cookie); //to be careful\r\n    const cArr = cDecoded.split(\"; \");\r\n    let res;\r\n    cArr.forEach((val) => {\r\n      if (val.indexOf(name) === 0) res = val.substring(name.length);\r\n    });\r\n    return res;\r\n  }\r\n  truncateTitle(title, maxLength) {\r\n    if (title.length > maxLength) {\r\n      return title.substring(0, maxLength) + \"...\";\r\n    }\r\n    return title;\r\n  }\r\n  render() {\r\n    const { Announcement, Organization } = this.state;\r\n    const { FinishedTask, pendingTask } = this.state;\r\n    const { User } = this.state;\r\n    var username = JSON.parse(localStorage.uname);\r\n    return (\r\n      <div className=\"Annpop\">\r\n      \r\n        <div className=\"Annpopinnernormalpop\" id=\"Annpopinnernormalpop\">\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-12\">\r\n              <span style={{ float: \"right\" }}>\r\n                {\" \"}\r\n                <i\r\n                  className=\"fa fa-times\"\r\n                  aria-hidden=\"true\"\r\n                  style={{ color: \"gray\", cursor: \"pointer\" }}\r\n                  onClick={this.closefunction}\r\n                ></i>\r\n              </span>\r\n              <h1 className=\"Annpopinnertitle\">Announcement</h1>\r\n            </div>\r\n            <div className=\"col-lg-12\">\r\n              {Announcement.map((Announcement) => (\r\n                <center>\r\n                  {\" \"}\r\n                  <b>\r\n                    <p>Subject:&nbsp;{this.truncateTitle(Announcement.title, 20)}</p>\r\n                  </b>\r\n                </center>\r\n              ))}\r\n            </div>\r\n          </div>\r\n          <br />\r\n          <div className=\"row\">\r\n            {this.state.Organization === \"1\" ? (\r\n              <>\r\n                <div className=\"col-lg-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    onClick={this.SetReminderOn}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"153px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Remind me Later\r\n                  </button>\r\n                  &nbsp; &nbsp; &nbsp;\r\n                  <button\r\n                    type=\"submit\"\r\n                    onClick={this.SetReminderOff}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"153px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    View\r\n                  </button>\r\n                </div>\r\n              </>\r\n            ) : (\r\n              <>\r\n                <div className=\"col-lg-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    onClick={this.SetReminderOn}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"153px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Remind me Later\r\n                  </button>\r\n                  &nbsp; &nbsp; &nbsp;\r\n                  <button\r\n                    type=\"submit\"\r\n                    onClick={this.SetReminderOffA}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"153px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    View\r\n                  </button>\r\n                </div>\r\n              </>\r\n            )}\r\n          </div>\r\n          <br />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport $ from \"jquery\";\r\n\r\n$(document).ready(function () {\r\n  $(\"#chat_container\").hide();\r\n  $(\"chatbutton\").click(function () {\r\n    $(\"p\").slideToggle();\r\n  });\r\n});\r\n\r\nexport default class Chat extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      chatbox: false,\r\n\r\n      Team: [],\r\n      Message: [],\r\n      Id: \"\",\r\n      ChatId: \"\",\r\n    };\r\n    this.handleChat = this.handleChat.bind(this);\r\n    this.AddChat = this.AddChat.bind(this);\r\n    this.Team = this.Team.bind(this);\r\n  }\r\n\r\n  handleChat = (sn, SenderId) => {\r\n    this.setState({ Username: sn });\r\n    this.setState({ Id: SenderId });\r\n\r\n    this.setState({\r\n      chatbox: !this.state.chatbox,\r\n    });\r\n\r\n    if (this.state.ChatId !== SenderId) {\r\n      this.setState({ ChatId: SenderId });\r\n      const options = {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      };\r\n      fetch(`${BASE_URLs}/Chat/GetMessages?SenderId=` + SenderId + \"\", options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({\r\n            Message: data,\r\n          });\r\n        });\r\n    }\r\n\r\n    setTimeout(() => {\r\n      if (document.getElementById(\"chat\")) {\r\n        const el = document.getElementById(\"chat\");\r\n        el.scrollTop = el.scrollHeight;\r\n      }\r\n    }, 30);\r\n  };\r\n\r\n  Team() {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Chat/GetChatList`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Team: data,\r\n        });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.Team();\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    const Chatlist = this.state.Chatlist.filter((item) =>\r\n      item.skillName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Chatlist });\r\n  };\r\n\r\n  AddChat = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(`${BASE_URLs}/Chat/PostChat`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        const options = {\r\n          method: \"GET\",\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"application/json\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        };\r\n        fetch(\r\n          `${BASE_URLs}/Chat/GetMessages?SenderId=` + this.state.Id + \"\",\r\n          options\r\n        )\r\n          .then((response) => response.json())\r\n          .then((data) => {\r\n            this.setState({\r\n              Message: data,\r\n            });\r\n            if (document.getElementById(\"chat\")) {\r\n              const el = document.getElementById(\"chat\");\r\n\r\n              el.scrollTop = el.scrollHeight;\r\n            }\r\n          });\r\n      });\r\n\r\n    const el = document.getElementById(\"chat\");\r\n\r\n    el.scrollTop = el.scrollHeight;\r\n    // Chatbox.scrollTop = Chatbox.scrollHeight;\r\n    // id of the chat container ---------- ^^^\r\n  };\r\n\r\n  render() {\r\n    const { Team, Message } = this.state;\r\n    return (\r\n      <div>\r\n        {this.state.chatbox === true ? (\r\n          <div id=\"chat_container\" className=\"showChat_inner\">\r\n            <div className=\"me dia chat-inner-header\">\r\n              <a\r\n                className=\"back_chatBox\"\r\n                onClick={() =>\r\n                  this.handleChat(this.state.Username, this.state.Id)\r\n                }\r\n                style={{ color: \"white\" }}\r\n              >\r\n                <i className=\"icofont icofont-rounded-left\" />{\" \"}\r\n                {this.state.Username}\r\n              </a>\r\n            </div>\r\n            <div id=\"chat\" style={{ overflow: \"scroll\", height: \"78%\" }}>\r\n              {Message.map((Message) => (\r\n                <>\r\n                  <div className=\"media chat-messages\">\r\n                    <div\r\n                      className={\r\n                        Message.chatside === \"me\"\r\n                          ? \"media-body chat-menu-reply\"\r\n                          : \"media-body chat-menu-content\"\r\n                      }\r\n                    >\r\n                      <p className=\"chat-cont\"> {Message.message}</p>\r\n                      <span\r\n                        className=\"chat-time\"\r\n                        style={{ paddingBottom: \"0px\" }}\r\n                      >\r\n                        {Message.time}\r\n                      </span>\r\n                    </div>\r\n                    {/* <div className=\"media-right photo-table\">\r\n                  <a href=\"#!\">\r\n                  </a> \r\n                </div>*/}\r\n                  </div>\r\n\r\n                  {/* <div className=\"media chat-messages\">\r\n                  <a className=\"media-left photo-table\" href=\"#!\">\r\n                    <img className=\"media-object img-circle m-t-5\" src=\"assets/images/avatar-1.png\" alt=\"Generic placeholder image\" />\r\n                  </a>\r\n                  <div className=\"media-body chat-menu-content\">\r\n                    <div className>\r\n                    <p className=\"chat-cont\"> {Message.message}</p>                   \r\n                       <p className=\"chat-time\">8:20 a.m.</p>\r\n                    </div>\r\n                  </div>\r\n                </div> */}\r\n                </>\r\n              ))}\r\n            </div>\r\n            <form onSubmit={this.AddChat}>\r\n              <div className=\"chat-reply-box \">\r\n                <div className=\"right-icon-control\">\r\n                  <input\r\n                    style={{ display: \"none\" }}\r\n                    name=\"Receiver_Id\"\r\n                    value={this.state.Id}\r\n                  />\r\n                  <input\r\n                    type=\"text\"\r\n                    name=\"Message\"\r\n                    className=\"form-control search-text\"\r\n                    placeholder=\"Type \"\r\n                  />\r\n                  {/* //  */}\r\n                  <div className=\"form-icon\">\r\n                    <button type=\"submit\" id=\"butchat\">\r\n                      <i className=\"icofont icofont-paper-plane\" />\r\n                    </button>\r\n                  </div>\r\n\r\n                  {/*  */}\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        ) : (\r\n          <div id=\"sideba\" className=\"users p-chat-user showChat1\">\r\n            <div className=\"had-container\">\r\n              <div\r\n                className=\"card card_main p-fixed users-main\"\r\n                id=\"showchat-sidebar\"\r\n              >\r\n                <div className=\"user-box\">\r\n                  <div className=\"card-block\">\r\n                    <div className=\"right-icon-control\">\r\n                      <input\r\n                        type=\"text\"\r\n                        className=\"form-control   search-text\"\r\n                        onKeyUp={this.onKeyUp}\r\n                        placeholder=\"Search Friend\"\r\n                        id=\"search-friends\"\r\n                      />\r\n                      <div className=\"form-icon\">\r\n                        <i className=\"icofont icofont-search\" />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                    className=\"slimScrollDiv\"\r\n                    style={{\r\n                      position: \"relative\",\r\n                      overflow: \"hidden\",\r\n                      width: \"auto\",\r\n                    }}\r\n                  >\r\n                    <div\r\n                      className=\"main-friend-list\"\r\n                      style={{\r\n                        overflow: \"scroll\",\r\n                        width: \"auto\",\r\n                        height: \"600px\",\r\n                      }}\r\n                    >\r\n                      {/* {/ chat list /} */}\r\n                      {Team.map((Team) => (\r\n                        <div\r\n                          className=\"media userlist-box\"\r\n                          onClick={() =>\r\n                            this.handleChat(Team.firstName, Team.id)\r\n                          }\r\n                          data-status=\"online\"\r\n                          data-username=\"Josephin Doe\"\r\n                          data-toggle=\"tooltip\"\r\n                          data-placement=\"left\"\r\n                          title=\"Josephin Doe\"\r\n                        >\r\n                          <a className=\"media-left\">\r\n                            <img\r\n                              className=\"media-object img-circle\"\r\n                              src=\"assets/images/avatar-1.png\"\r\n                              alt=\"Generic placeholder image\"\r\n                            />\r\n                            <div className=\"live-status bg-success\" />\r\n                          </a>\r\n                          <div className=\"media-body\">\r\n                            <div className=\"f-13 chat-header\">\r\n                              {Team.firstName} {Team.lastName}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      ))}\r\n                    </div>\r\n                    <div\r\n                      className=\"slimScrollBar\"\r\n                      style={{\r\n                        background: \"rgb(27, 139, 249)\",\r\n                        width: 7,\r\n                        position: \"absolute\",\r\n                        top: 0,\r\n                        opacity: \"0.4\",\r\n                        display: \"none\",\r\n                        borderRadius: 7,\r\n                        zIndex: 99,\r\n                        right: 1,\r\n                        height: \"500.622px\",\r\n                      }}\r\n                    />\r\n                    <div\r\n                      className=\"slimScrollRail\"\r\n                      style={{\r\n                        width: 7,\r\n                        height: \"100%\",\r\n                        position: \"absolute\",\r\n                        top: 0,\r\n                        display: \"none\",\r\n                        borderRadius: 7,\r\n                        background: \"rgb(51, 51, 51)\",\r\n                        opacity: \"0.2\",\r\n                        zIndex: 90,\r\n                        right: 1,\r\n                      }}\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}","import React from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\n\r\nconst CommonSuccess = (props) => {\r\n  const w = window.innerWidth;\r\n\r\n  return (\r\n    <>\r\n      <div className=\"pop\">\r\n        <div\r\n          className={\r\n            w > 768\r\n              ? \"popinnernormal threeFieldPop\"\r\n              : \"popinnernormal threeFieldPopMobile\"\r\n          }\r\n          style={w > 768 ? { padding: \"3%\" } : { padding: \"4%\" }}\r\n        >\r\n          <h4 style={{ fontSize: \"18px\" }}>{props.message}</h4>\r\n          <br />\r\n          <div className=\"row\">\r\n            {props.status === \"Success\" ? (\r\n              <div className=\"col-lg-12\">\r\n                <Link\r\n                  type=\"button\"\r\n                  className=\"btn\"\r\n                  to=\"/Team\"\r\n                  onClick={props.close}\r\n                >\r\n                  Ok\r\n                </Link>\r\n                &nbsp;&nbsp;&nbsp;\r\n              </div>\r\n            ) : (\r\n              <div className=\"col-lg-12\">\r\n                <button className=\"btn-Secondary\" onClick={props.close}>\r\n                  Close\r\n                </button>\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default CommonSuccess;\r\n","import React from \"react\";\r\n//import ReactDOM from 'react-dom';\r\nimport ReactApexChart from \"react-apexcharts\";\r\nexport default class ApexChart extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      series: [\r\n        {\r\n          name: \"PRODUCT A\",\r\n          data: [44, 55, 41, 67, 22, 43],\r\n        },\r\n        {\r\n          name: \"PRODUCT B\",\r\n          data: [13, 23, 20, 8, 13, 27],\r\n        },\r\n        {\r\n          name: \"PRODUCT C\",\r\n          data: [11, 17, 15, 15, 21, 14],\r\n        },\r\n        {\r\n          name: \"PRODUCT D\",\r\n          data: [21, 7, 25, 13, 22, 8],\r\n        },\r\n      ],\r\n      options: {\r\n        chart: {\r\n          type: \"bar\",\r\n          height: 350,\r\n          stacked: true,\r\n          toolbar: {\r\n            show: true,\r\n          },\r\n          zoom: {\r\n            enabled: true,\r\n          },\r\n        },\r\n        responsive: [\r\n          {\r\n            breakpoint: 480,\r\n            options: {\r\n              legend: {\r\n                position: \"bottom\",\r\n                offsetX: -10,\r\n                offsetY: 0,\r\n              },\r\n            },\r\n          },\r\n        ],\r\n        plotOptions: {\r\n          bar: {\r\n            horizontal: false,\r\n            borderRadius: 10,\r\n          },\r\n        },\r\n        xaxis: {\r\n          type: \"datetime\",\r\n          categories: [\r\n            \"01/01/2011 GMT\",\r\n            \"01/02/2011 GMT\",\r\n            \"01/03/2011 GMT\",\r\n            \"01/04/2011 GMT\",\r\n            \"01/05/2011 GMT\",\r\n            \"01/06/2011 GMT\",\r\n          ],\r\n        },\r\n        legend: {\r\n          position: \"right\",\r\n          offsetY: 40,\r\n        },\r\n        fill: {\r\n          opacity: 1,\r\n        },\r\n      },\r\n    };\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div id=\"chart\">\r\n        <ReactApexChart\r\n          options={this.state.options}\r\n          series={this.state.series}\r\n          type=\"bar\"\r\n          height={350}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport moment from 'moment';\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport ReactDatePicker from \"react-datepicker\";\r\nexport default class EditDesignationModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    const today = new Date();\r\n    this.state = {\r\n      formErrors: {},\r\n      EducationDrop: [],\r\n      EducationCourseName: [],\r\n      isButtonDisabled: false,\r\n      isChrome: false,\r\n      maxDateS: new Date(today.getFullYear(), today.getMonth(), today.getDate()),\r\n      isChrome1: /Chrome/.test(navigator.userAgent),\r\n      isFirefox: navigator.userAgent.toLowerCase().indexOf('firefox') > -1,\r\n      DisFire: false,\r\n      DisFireStart: false,\r\n      startDate: this.props.value.CourseStartDate ? new Date(this.props.value.CourseStartDate) : null,\r\n      endDate: this.props.value.CourseEndDate ? new Date(this.props.value.CourseEndDate) : null,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  UserEducationDropdownList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserEducationDetails/GetQualificationtype`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ EducationDrop: data });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.UserEducationDropdownList();\r\n    const isChrome = navigator.userAgent.indexOf(\"Chrome\") !== -1;\r\n    this.setState({ isChrome });\r\n  }\r\n\r\n\r\n  handlevalueChange = (e) => {\r\n    e.preventDefault();\r\n    var value = e.target.value;\r\n    //e.target.value\r\n\r\n    if (\r\n      e.target.value === \"Graduation\" ||\r\n      e.target.value === \"Post Graduation\" ||\r\n      e.target.value === \"Doctorate\"\r\n    ) {\r\n      var flag =\r\n        value === \"Graduation\"\r\n          ? \"1\"\r\n          : value === \"Post Graduation\"\r\n            ? \"2\"\r\n            : value === \"Doctorate\"\r\n              ? \"3\"\r\n              : null;\r\n\r\n      const options = {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      };\r\n      fetch(\r\n        ` ${BASE_URLs}/UserEducationDetails/GetAdminEducationcoursename?flag=${flag}`,\r\n        options\r\n      )\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({ EducationCourseName: data });\r\n        });\r\n    } else {\r\n      this.setState({ EducationCourseName: [] });\r\n    }\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n\r\n    if (this.Validation()) {\r\n\r\n      const url = `${BASE_URLs}/UserEducationDetails/EditAdminEducation`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 4000);\r\n        this.setState({ isButtonDisabled: true });\r\n      }\r\n      else if (result.status === \"Error\") {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({ isButtonDisabled: false });\r\n        // setTimeout(function () {\r\n        //   document.getElementById(\"close\").click();\r\n        // }, 4000);\r\n      }\r\n\r\n\r\n    }\r\n  };\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Qualification = document.getElementById(\"Qualification\").value;\r\n    var St_date = document.getElementById(\"St_date\").value;\r\n    var Coursename = document.getElementById(\"Coursename\").value;\r\n    var End_date = document.getElementById(\"End_date\").value;\r\n    var Coursetype = document.getElementById(\"Coursetype\").value;\r\n    var clg_name = document.getElementById(\"clg_name\").value;\r\n    var stream = document.getElementById(\"stream\").value;\r\n    var unisty_name = document.getElementById(\"unisty_name\").value;\r\n    var OthersQualification = document.getElementById(\"othersQualification\").value;\r\n\r\n    if (!Qualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    }\r\n    if (Qualification === 'others' && !OthersQualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (OthersQualification !== \"\" && OthersQualification.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"A Minimum of 3 characters are required\";\r\n    } \r\n\r\n    if (!St_date) {\r\n      formIsValid = false;\r\n      formErrors[\"St_date\"] = \"Start From is required\";\r\n    }\r\n    // else if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(PersonalEmail)))   {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"PersonalEmailerr\"] = \"Enter valid Email!.\";\r\n    //}\r\n    if (!Coursename) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"Course Name is required\";\r\n    }\r\n    else if (Coursename.length < 2) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"A Minimum of 2 characters is required\";\r\n    }\r\n    // if (Qualification === 'others' && Coursename.length < 3) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Coursename\"] = \"A Minimum of 3 characters are required\";\r\n    // }\r\n    // else if (Qualification !== \"Graduation\" && Qualification !== \"Post Graduation\" && Qualification !== \"Doctorate\" && Coursename.length < 3 && Coursename !== \"-\") {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Coursename\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 3 characters are required</div>;\r\n    // }\r\n\r\n    if (!End_date) {\r\n      formIsValid = false;\r\n      formErrors[\"End_date\"] = \"End is required\";\r\n    } else if (St_date != null && End_date != null) {\r\n      if (St_date === End_date) {\r\n        formIsValid = false;\r\n        formErrors[\"End_date\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>Start Date and End Date  is Same</div>;\r\n      }\r\n      if (new Date(St_date).getTime() > new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"End_date\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>Start Date Should less then  End Date</div>;\r\n      }\r\n    }\r\n\r\n    if (!Coursetype) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursetype\"] = \"Course Type is required\";\r\n    }\r\n\r\n    if (clg_name.trim() !== \"\" && clg_name !== \"-\" && clg_name.length < 3) {\r\n      formIsValid = false;\r\n      formErrors['clg_name'] = (\r\n        <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>\r\n          A minimum of 3 characters is required\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (stream.trim() !== \"\" && stream !== \"-\" && stream.length < 3) {\r\n      formIsValid = false;\r\n      formErrors['stream'] = (\r\n        <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>\r\n          A minimum of 3 characters is required\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (!unisty_name) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"University Name is required\";\r\n    } else if (unisty_name.length < 3 && unisty_name !== \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 3 characters are required</div>;\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n\r\n  handleEducationChange = (e) => {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var Qualification = document.getElementById(\"Qualification\").value;\r\n    var St_date = document.getElementById(\"St_date\").value;\r\n    var Coursename = document.getElementById(\"Coursename\").value;\r\n    var End_date = document.getElementById(\"End_date\").value;\r\n    var Coursetype = document.getElementById(\"Coursetype\").value;\r\n    var clg_name = document.getElementById(\"clg_name\").value;\r\n    var stream = document.getElementById(\"stream\").value;\r\n    var unisty_name = document.getElementById(\"unisty_name\").value;\r\n    var OthersQualification = document.getElementById(\"othersQualification\").value;\r\n\r\n    if (!Qualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (Qualification === 'others' && !OthersQualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else  if ( OthersQualification !== \"\" && OthersQualification.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"A Minimum of 3 characters are required\";\r\n    }else if (!Coursename) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"Course Name is required\";\r\n    }\r\n    else if (Coursename.length < 2) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"A Minimum of 2 characters is required\";\r\n    }\r\n    else if (!Coursename) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"Course Name is required\";\r\n    } else if (!Coursetype) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursetype\"] = \"Course Type is required\";\r\n    }\r\n    // else if (!stream) {\r\n\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"stream\"] = \"Specialization is required\";\r\n    // }\r\n    // else if (stream.length < 3) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"stream\"] = \"A Minimum of 3 characters are required\";\r\n    // }\r\n    else if (!St_date) {\r\n      formIsValid = false;\r\n      formErrors[\"St_date\"] = \"Start From is required\";\r\n    } else if (!End_date) {\r\n      formIsValid = false;\r\n      formErrors[\"End_date\"] = \"End is required\";\r\n\r\n      if (St_date !== null && End_date !== null) {\r\n        if (St_date === End_date) {\r\n          formIsValid = false;\r\n          formErrors[\"End_date\"] = \" Start From and End is Same\";\r\n        }\r\n        if (new Date(St_date).getTime() > new Date(End_date).getTime()) {\r\n          formIsValid = false;\r\n\r\n          formErrors[\"End_date\"] = \" Start From Should less then End\";\r\n        }\r\n      }\r\n    } else if (!unisty_name) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"University Name is required\";\r\n    } else if (unisty_name.length < 3 && unisty_name !== \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 3 characters are required</div>;\r\n    }\r\n\r\n    // else if (!clg_name) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"clg_name\"] = \"College Name  is required\";\r\n    // }\r\n    // else if (clg_name.length < 3) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"clg_name\"] = \"A Minimum of 3 characters are required\";\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n  handleDateChange = (date, name) => {\r\n    this.setState({\r\n      [name]: date,\r\n      [`${name}_formatted`]: date ? moment(date).format('YYYY-MM') : ''\r\n    }, () => this.handleEducationChange());\r\n  };\r\n\r\n  handleChangeD = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value }, () => this.handleEducationChange());\r\n  };\r\n\r\n\r\n  handleFocus = (e) => {\r\n    const calElement = document.getElementById('Cal');\r\n    if (calElement) {\r\n      calElement.style.display = 'block';\r\n    }\r\n  };\r\n\r\n  HandleQualification = () => {\r\n    var QualificationType = document.getElementById(\"Qualification\").value;\r\n    if (QualificationType === \"others\") {\r\n      document.getElementById(\"othersQualification\").value = \"\";\r\n      document.getElementById(\"othersQualification\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"othersQualification\").value = \"None\";\r\n      document.getElementById(\"othersQualification\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const { EducationDrop, EducationCourseName, startDate, endDate, maxDateS, isFirefox } = this.state;\r\n    const { isChrome } = this.state;\r\n    const {\r\n      Qualification,\r\n      St_date,\r\n      Coursename,\r\n      End_date,\r\n      Coursetype,\r\n      clg_name,\r\n      stream,\r\n      unisty_name,\r\n    } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        {\" \"}\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />{\" \"}\r\n        <div className=\"pop\">\r\n          <div className=\"popinnernormal\">\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <h1 className=\"popinnertitle\">Edit</h1>\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit}>\r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"101%\" }}\r\n              >\r\n                <input\r\n                  style={{ display: \"none\" }}\r\n                  type=\"hidden\"\r\n                  name=\"CreatedDate\"\r\n                  value={this.props.value.Created_Date}\r\n                />\r\n                <div className=\"col-xl-5\">\r\n                  <select\r\n                    className=\"effect-16\"\r\n                    id=\"Qualification\"\r\n                    defaultValue={this.props.value.QualificationType}\r\n                    name=\"QualificationType\"\r\n                    onChange={(e) => {\r\n                      // this.handleChange();\r\n                      this.handleChangeD(e);\r\n                      this.handlevalueChange(e);\r\n                    }}\r\n                    onInputCapture={this.HandleQualification}\r\n                    type=\"text\"\r\n                    placeholder=\"Qualification Type \"\r\n                    style={{\r\n                      color: \"darkgray\",\r\n                      ...(isChrome && { marginLeft: '-8px' })\r\n                    }}\r\n                  >\r\n                    <option value=\"\">Select</option>\r\n                    <option hidden>{this.props.value.QualificationType}</option>\r\n                    {EducationDrop.map((EducationDrop) => (\r\n                      <option value={EducationDrop.qualificationType}>\r\n                        {EducationDrop.qualificationType}\r\n                      </option>\r\n                    ))}\r\n                    <option value=\"others\">Others</option>\r\n                  </select>\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"otherQualificationType\"\r\n                    placeholder=\"Others Type\"\r\n                    className=\"form\"\r\n                    id=\"othersQualification\"\r\n                    maxLength={30}\r\n                    onChange={(e)=>{this.handleChangeD(e)}}\r\n                  />\r\n                  {Qualification == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Qualification Type{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Qualification}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n                <div className=\"col-xl-5\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"OldCoursename\"\r\n                    defaultValue={\r\n                      this.props.value.Coursename\r\n                    }\r\n                  />\r\n\r\n                  <input\r\n                    className=\"effect-16\"\r\n                    maxLength=\"40\"\r\n                    type=\"text\"\r\n                    list=\"browsers\"\r\n                    id=\"Coursename\"\r\n                    name=\"Coursename\"\r\n                    onChange={(e) => {\r\n                      this.handleChangeD(e);\r\n                    }}\r\n                    defaultValue={this.props.value.Coursename}\r\n                    placeholder=\"Course Name\"\r\n                  />\r\n                  {Coursename == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Course Name\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Coursename}\r\n                    </div>\r\n                  )}\r\n                  <datalist id=\"browsers\">\r\n                    {EducationCourseName.map(\r\n                      (EducationCourseName) => (\r\n                        <option\r\n                          value={\r\n                            EducationCourseName.coursename\r\n                          }\r\n                        ></option>\r\n                      )\r\n                    )}\r\n                  </datalist>\r\n\r\n                  {/* <span style={{color:'#a29d9d',float:\"left\"}}>Course Name</span> */}\r\n                </div>\r\n              </div>\r\n              <br />\r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"101%\" }}\r\n              >\r\n                <div className=\"col-xl-5\">\r\n\r\n                  <input\r\n                    className=\"effect-16\"\r\n                    maxLength=\"40\"\r\n                    type=\"text\"\r\n                    id=\"stream\"\r\n                    name=\"Stream\"\r\n                    defaultValue={this.props.value.Stream}\r\n                    placeholder=\"Specialization\"\r\n                  />\r\n                  {stream == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Specialization\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{stream}</div>\r\n                  )}\r\n                </div>\r\n\r\n                <div className=\"col-xl-5\">\r\n                  <select\r\n                    className=\"effect-16\"\r\n                    type=\"text\"\r\n                    id=\"Coursetype\"\r\n                    name=\"Coursetype\"\r\n                    defaultValue={this.props.value.Coursetype}\r\n                    onChange={(e) => {\r\n                      this.handleChangeD(e);\r\n                    }}\r\n                    placeholder=\"Course Type \"\r\n                    style={{\r\n                      color: \"darkgray\",\r\n                      ...(isChrome && { marginLeft: '-3px' })\r\n                    }}\r\n                  >\r\n                    <option value=\"\"> Course Type </option>\r\n                    <option value=\"Part Time\">Part Time</option>\r\n                    <option value=\"Full Time\">Full Time</option>\r\n                  </select>\r\n                  {Coursetype == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Course Type\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Coursetype}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              <br />\r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"101%\" }}\r\n              >\r\n                <div className=\"col-xl-5\">\r\n                  {/* <input className=\"form\" name=\"SkillStartdate\" defaultValue={this.props.value.startdate}  id=\"skillCoursestartdate\" type=\"text\" onFocus={(e) => e.target.type = 'month'}   onChange={this.handleChange} placeholder=\"Start Date\" /> */}\r\n                  <ReactDatePicker\r\n                    className=\"effect-16\"\r\n                    onFocus={(e) => {\r\n                      this.setState({ DisFireStart: true }, () => this.handleFocus(e));\r\n                    }}\r\n                    onChange={(date) => this.handleDateChange(date, 'startDate')}\r\n                    showMonthYearPicker\r\n                    dateFormat=\"yyyy-MM\"\r\n                    maxDate={maxDateS}\r\n                    selected={startDate}\r\n                    minDate={new Date(new Date().getFullYear()\r\n                      - 60, new Date().getMonth(), 1)}\r\n                    type=\"text\"\r\n                    id=\"St_date\"\r\n                    name=\"CourseStartDate\"\r\n                    defaultValue={this.props.value.CourseStartDate}\r\n                    placeholder=\"Course Start Date \"\r\n                  />\r\n                  {this.state.DisFireStart && (\r\n                    <i\r\n                      id=\"Cal\"\r\n                      className=\"fa fa-calendar-o\"\r\n                      aria-hidden=\"true\"\r\n                      style={{\r\n                        float: 'right',\r\n                        marginTop: '-20px',\r\n                      }}\r\n                    ></i>\r\n                  )}\r\n                  {St_date == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Start From\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{St_date}</div>\r\n                  )}\r\n                </div>\r\n                <div className=\"col-xl-5\">\r\n                  <ReactDatePicker\r\n                    selected={endDate}\r\n                    showMonthYearPicker\r\n                    dateFormat=\"yyyy-MM\"\r\n                    className=\"effect-16\"\r\n                    onFocus={(e) => {\r\n                      this.setState({ DisFire: true }, () => this.handleFocus(e));\r\n                    }}\r\n                    max={new Date(\r\n                      new Date().getFullYear(),\r\n                      new Date().getMonth() + 1\r\n                    )\r\n                      .toJSON()\r\n                      .slice(0, 7)}\r\n                    min={new Date(\r\n                      new Date().getFullYear() - 60,\r\n                      new Date().getMonth() + 1\r\n                    )\r\n                      .toJSON()\r\n                      .slice(0, 7)}\r\n                    onChange={(date) => this.handleDateChange(date, 'endDate')}\r\n                    type=\"text\"\r\n                    id=\"End_date\"\r\n                    name=\"CourseEndDate\"\r\n                    defaultValue={this.props.value.CourseEndDate}\r\n                    placeholder=\"Course End Date \"\r\n                  />\r\n                  {this.state.DisFire && (\r\n                    <i\r\n                      id=\"Cal\"\r\n                      className=\"fa fa-calendar-o\"\r\n                      aria-hidden=\"true\"\r\n                      style={{\r\n                        float: 'right',\r\n                        marginTop: '-20px',\r\n                      }}\r\n                    ></i>\r\n                  )}\r\n                  {End_date == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      End\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {End_date}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              <br />\r\n\r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"101%\" }}\r\n              >\r\n                <div className=\"col-xl-5\">\r\n                  <input\r\n                    className=\"effect-16\"\r\n                    maxLength=\"250\"\r\n                    type=\"text\"\r\n                    id=\"unisty_name\"\r\n                    name=\"UniversityName\"\r\n                    onChange={(e)=>{this.handleChangeD(e)}}\r\n                    defaultValue={this.props.value.UniversityName}\r\n                    placeholder=\"University Name\"\r\n                  />\r\n                  {unisty_name == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      University Name\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {unisty_name}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n                <div className=\"col-xl-5\">\r\n                  <input\r\n                    className=\"effect-16\"\r\n                    maxLength=\"250\"\r\n                    type=\"text\"\r\n                    id=\"clg_name\"\r\n                    name=\"CollegeName\"\r\n                    defaultValue={this.props.value.CollegeName}\r\n                    placeholder=\"College Name \"\r\n                  />\r\n                  {clg_name == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      College Name\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {clg_name}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n\r\n              <br />\r\n              <div className=\"col-lg-12\">\r\n                <div className=\"row  justify-content-center\">\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"button-30 sk-edit\"\r\n                    style={{\r\n                      color: \"#8e75ef\",\r\n                      fontWeight: \"bold\",\r\n                      height: \"39.5px\",\r\n                      width: \"83.36px\",\r\n                    }}\r\n                    disabled={this.state.isButtonDisabled}\r\n                  >\r\n                    Update\r\n                  </button>\r\n                  <button\r\n                    type=\"reset\"\r\n                    className=\"button-30 sk-edit\"\r\n                    style={{\r\n                      color: \"#716b6b\",\r\n                      fontWeight: \"bold\",\r\n                      marginLeft: \"2%\",\r\n                      height: \"39.5px\",\r\n                    }}\r\n                    onClick={() => this.setState({\r\n                      formErrors: \"\",\r\n                      startDate: this.props.value.CourseStartDate ? new Date(this.props.value.CourseStartDate) : null,\r\n                      endDate: this.props.value.CourseEndDate ? new Date(this.props.value.CourseEndDate) : null,\r\n                    })}\r\n                  >\r\n                    Cancel\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}","import React, { Component } from \"react\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nexport default class EditAdminFamilyModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      isButtonDisabled: false,\r\n      isChrome: false,\r\n    };\r\n  }\r\n\r\n  RelationshipDropList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Family/RelationshipDropdown`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ RelationshipDrop: data });\r\n      });\r\n  }\r\n\r\n  FamlySubmit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n    if (this.FamilyValidation()) {\r\n      this.setState({ isButtonDisabled: true });\r\n      /*     */\r\n      const url = `${BASE_URLs}/Family/EditAdminFamily`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n        this.setState({ isButtonDisabled: true });\r\n      } else\r\n      {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({ isButtonDisabled: false });\r\n        // if (document.getElementById(\"close\")) {\r\n        //   document.getElementById(\"close\").click();\r\n        // }\r\n      }\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.RelationshipDropList();\r\n    const isChrome = navigator.userAgent.indexOf(\"Chrome\") !== -1;\r\n    this.setState({ isChrome });\r\n  }\r\n  FamilyValidation() {\r\n   \r\n    var mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n\r\n    var Firstname = document.getElementById(\"Firstname\").value;\r\n    var Lastname = document.getElementById(\"Lastname\").value;\r\n    var Contact = document.getElementById(\"famContact\").value;\r\n    var Email = document.getElementById(\"famEmail\").value; /**/\r\n    var Relationship = document.getElementById(\"Relationship\").value;\r\n    var emergencyContact = document.getElementById(\"Trainer\").checked;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!Firstname) {\r\n      formIsValid = false;\r\n      formErrors[\"Firstname\"] = \"First Name  is required\";\r\n    }else if (Firstname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Firstname\"] = \"Minimum 3 Characters Required\";\r\n    }\r\n    if (!Lastname) {\r\n      formIsValid = false;\r\n      formErrors[\"Lastname\"] = \"Last Name  is required\";\r\n    }\r\n\r\n    // if (this.props.value.emergencyContact === \"Yes\") {\r\n    //   if (!Contact) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"Contact\"] = \"Contact  is required\";\r\n    //   } else if (!mobPattern.test(Contact)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"Contact\"] = \"Enter the valid Contact\";\r\n    //   }\r\n    // }\r\n\r\n    if (emergencyContact === true) {\r\n      if (Contact === \"\" || !Contact || Contact === \"-\") {\r\n        formIsValid = false;\r\n        formErrors[\"Contact\"] = \"Contact number is required\";\r\n      }else if (!mobPattern.test(Contact)) {\r\n        formIsValid = false;\r\n        formErrors[\"Contact\"] = \"Enter the valid Contact\";\r\n      }\r\n    }\r\n    if (emergencyContact === false) {\r\n      if (Contact !== \"\" && Contact !== \"-\" && (Contact.length < 10 || !mobPattern.test(Contact))) {\r\n        formIsValid = false;\r\n        formErrors[\"Contact\"] = \"Enter the valid Contact\";\r\n      }\r\n\r\n    }\r\n\r\n    // if(this.props.value.emergencyContact === \"Yes\")\r\n    // {\r\n    //   if(Contact.length < 10 || !mobPattern.test(Contact)){\r\n    //     formIsValid = false;\r\n    //     formErrors[\"Contact\"] = \"Enter the valid Contact\";\r\n    //   }\r\n    // }\r\n\r\n    // if (this.props.value.emergencyContact === \"No\") {\r\n    //   if (Contact !== \"\" && Contact !== \"-\" && (Contact.length < 10 || !mobPattern.test(Contact))) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"Contact\"] = \"Enter the valid Contact\";\r\n    //   }\r\n\r\n    // }\r\n    // if (!Email) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Email\"] = \"Email is required\";\r\n    // }\r\n\r\n    // else if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)))   {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Email\"] = \"Enter valid Email!.\";\r\n    // }\r\n    if (!Relationship) {\r\n      formIsValid = false;\r\n      formErrors[\"Relationship\"] = \"Relationship is required\";\r\n    }\r\n    \r\n    /*if (!DOBinfo) {    \r\n     formIsValid = false;    \r\n     formErrors[\"DOBinfo\"] = \"DOB is required\" ;    \r\n   }\r\n   if (!Bloodgroupinfo) {    \r\n     formIsValid = false;    \r\n     formErrors[\"Bloodgroupinfo\"] = \"Blood Group is required\" ;    \r\n   } */\r\n\r\n  \r\n   if (Email!== '-' && Email!== '') {\r\n    if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n       formErrors[\"Email\"] = \"Enter valid Email\";\r\n    }\r\n  }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    var Firstname = document.getElementById(\"Firstname\").value;\r\n    var Lastname = document.getElementById(\"Lastname\").value;\r\n    var Contact = document.getElementById(\"famContact\").value;\r\n    var Email = document.getElementById(\"famEmail\").value; /**/\r\n    var Relationship = document.getElementById(\"Relationship\").value;\r\n    var emergencyContact = document.getElementById(\"Trainer\").checked;\r\n\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    //Email\r\n    if (!Firstname) {\r\n      formIsValid = false;\r\n      formErrors[\"Firstname\"] = \"First Name is required\";\r\n    } else if (Firstname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Firstname\"] = \"Minimum 3 Characters Required\";\r\n    } else if (!Lastname) {\r\n      formIsValid = false;\r\n      formErrors[\"Lastname\"] = \"Last Name is required\";\r\n    }\r\n    else if (!Relationship) {\r\n      formIsValid = false;\r\n      formErrors[\"Relationship\"] = \"Relationship is required\";\r\n    } \r\n    else if(this.props.value.emergencyContact === \"Yes\")\r\n    {\r\n      if (!Contact) {\r\n        formIsValid = false;\r\n        formErrors[\"Contact\"] = \"Contact number is required\";\r\n      }\r\n      else if(Contact.length < 10 || !mobPattern.test(Contact)){\r\n        formIsValid = false;\r\n        formErrors[\"Contact\"] = \"Enter the valid Contact\";\r\n      }\r\n    }\r\n  \r\n   \r\n    else if (emergencyContact === true) {\r\n      if (!Contact) {\r\n        formIsValid = false;\r\n        // formErrors[\"ContactErr\"] = \"Contact number is required\";\r\n      } else if (!mobPattern.test(Contact)) {\r\n        formIsValid = false;\r\n        // formErrors[\"ContactErr\"] = \" Enter the valid Contact Number\";\r\n      }\r\n\r\n      // else if (!Email) {\r\n      //   formIsValid = false;\r\n      //   formErrors[\"EmailErr\"] = \"Email is required\";\r\n      // }\r\n      // else if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email))) {\r\n      //   formIsValid = false;\r\n      //   formErrors[\"EmailErr\"] = \"Enter valid Email\";\r\n      // }\r\n      \r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  render() {\r\n    const { Firstname, MiddleName, Lastname, Contact, Email, Relationship } =\r\n      this.state.formErrors;\r\n    const { RelationshipDrop } = this.state;\r\n    const { isChrome } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div className=\"popinnernormal\">\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <h1 className=\"popinnertitle\">Edit </h1>\r\n\r\n            <form\r\n              id=\"familyform\"\r\n              autoComplete=\"off\"\r\n              onSubmit={this.FamlySubmit.bind(this)}\r\n            >\r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"100%\" }}\r\n              >\r\n                <div className=\"col-lg-5 \">\r\n                  <input\r\n                    style={{ display: \"none\" }}\r\n                    type=\"hidden\"\r\n                    name=\"CreatedDate\"\r\n                    value={this.props.value.created_Date}\r\n                  />\r\n                 \r\n                  <input\r\n                    className=\"effect-16\"\r\n                    name=\"FirstName\"\r\n                    type=\"text\"\r\n                    maxLength=\"20\"\r\n                    id=\"Firstname\"\r\n                    defaultValue={this.props.value.FirstName}\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"First Name\"\r\n                  />\r\n                  {Firstname == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      First Name\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Firstname}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n                <input\r\n                    className=\"effect-16\"\r\n                    name=\"OldFirstName\"\r\n                    type=\"hidden\"\r\n                    maxLength=\"20\"\r\n                    id=\"Firstname\"\r\n                    defaultValue={this.props.value.FirstName}\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"First Name\"\r\n                  />\r\n                <div className=\"col-lg-5\">\r\n               \r\n                  <input\r\n                    className=\"effect-16\"\r\n                    name=\"MiddleName\"\r\n                    type=\"text\"\r\n                    maxLength=\"20\"\r\n                    id=\"MiddleName\"\r\n                    defaultValue={this.props.value.MiddleName}\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"Middle Name\"\r\n                  />\r\n                  <span\r\n                    style={{\r\n                      color: \"#a29d9d\",\r\n                      float: \"left\",\r\n                    }}\r\n                  >\r\n                    Middle Name\r\n                  </span>\r\n                </div>\r\n              </div>\r\n              <input\r\n                    className=\"effect-16\"\r\n                    name=\"OldMiddleName\"\r\n                    type=\"hidden\"\r\n                    maxLength=\"20\"\r\n                    // id=\"MiddleName\"\r\n                    defaultValue={this.props.value.MiddleName}\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"Middle Name\"\r\n                  />\r\n              <br />\r\n              {/* <div className=\"col-lg-5\"> \r\n<input style={{display:\"none\"}}type=\"hidden\"name=\"Id\" value={this.props.id}/>\r\n<input className=\"effect-16\"  name=\"MiddleName\" type=\"text\" maxLength=\"20\" id=\"MiddleName\" defaultValue={this.props.value.MiddleName}   placeholder=\"Middle Name\" />\r\n<span  style={{color:'#a29d9d',float:\"left\"}}>Middle Name</span> \r\n</div> */}\r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"100%\" }}\r\n              >\r\n                <div className=\"col-lg-5\">\r\n               \r\n                  <input\r\n                    className=\"effect-16\"\r\n                    name=\"LastName\"\r\n                    type=\"text\"\r\n                    maxLength=\"20\"\r\n                    id=\"Lastname\"\r\n                    defaultValue={this.props.value.LastName}\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"Last Name\"\r\n                  />\r\n                  {Lastname == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Last Name\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Lastname}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n                <input\r\n                    className=\"effect-16\"\r\n                    name=\"OldLastName\"\r\n                    type=\"hidden\"\r\n                    maxLength=\"20\"\r\n                    // id=\"Lastname\"\r\n                    defaultValue={this.props.value.LastName}\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"Last Name\"\r\n                  />\r\n\r\n\r\n                {/* */}\r\n\r\n                <div className=\"col-lg-5\">\r\n                  <input\r\n                    className=\"effect-16\"\r\n                    name=\"Contact\"\r\n                    type=\"text\"\r\n                    maxLength=\"10\"\r\n                    onKeyPress={(event) => {\r\n                      if (!/[0-9]/.test(event.key)) {\r\n                        event.preventDefault();\r\n                      }\r\n                    }}\r\n                    id=\"famContact\"\r\n                    defaultValue={this.props.value.Contact}\r\n                    onChange={this.handleChange} \r\n                    placeholder=\"Contact\"\r\n                  />\r\n                  {Contact == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Contact\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{Contact}</div>\r\n                  )}\r\n                </div>\r\n                <input\r\n                    className=\"effect-16\"\r\n                    name=\"OldContact\"\r\n                    type=\"hidden\"\r\n                    maxLength=\"10\"\r\n                    onKeyPress={(event) => {\r\n                      if (!/[0-9]/.test(event.key)) {\r\n                        event.preventDefault();\r\n                      }\r\n                    }}\r\n                    id=\"famContact\"\r\n                    defaultValue={this.props.value.Contact}\r\n                    onChange={this.handleChange} \r\n                    placeholder=\"Contact\"\r\n                  />\r\n                <br />\r\n                <div\r\n                  className=\"row justify-content-center\"\r\n                  style={{ width: \"100%\" }}\r\n                >\r\n                  <div className=\"col-lg-5\">\r\n                  <input\r\n                      className=\"effect-16\"\r\n                      name=\"OldEmail\"\r\n                      type=\"hidden\"\r\n                      id=\"famEmail\"\r\n                      maxLength=\"50\"\r\n                      defaultValue={this.props.value.Email}\r\n                      onChange={this.handleChange}\r\n                     placeholder=\"Email\"\r\n                    />\r\n                    <input\r\n                      className=\"effect-16\"\r\n                      name=\"Email\"\r\n                      type=\"text\"\r\n                      id=\"famEmail\"\r\n                      maxLength=\"50\"\r\n                      defaultValue={this.props.value.Email}\r\n                      onChange={this.handleChange}\r\n                     placeholder=\"Email\"\r\n                    />\r\n                    {!Email ? (\r\n                      <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                        Email\r\n                      </span>\r\n                    ) : (\r\n                      <div style={{ color: \"red\", float: \"left\" }}>{Email}</div>\r\n                    )}\r\n                  </div>\r\n\r\n\r\n\r\n                  <div className=\"col-lg-5\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"oldrelation\"\r\n                    defaultValue={\r\n                      this.props.value.Relationship\r\n                    }\r\n                  />\r\n                    <select\r\n                      className=\"effect-16\"\r\n                      name=\"Relationship\"\r\n                      id=\"Relationship\"\r\n                      defaultValue={this.props.value.Relationship}\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"City\"\r\n                      style={{\r\n                        // Apply the marginLeft style only if the browser is Chrome\r\n                        ...(isChrome && { marginLeft: '-6px' })\r\n                      }}\r\n                    >\r\n                      <option value=\"\">Relationship</option>\r\n                      <option hidden>{this.props.value.Relationship}</option>\r\n                      {RelationshipDrop.map((RelationshipDrop) =>\r\n                        RelationshipDrop.relationship ===\r\n                          this.props.value.Relationship ? (\r\n                          <option value={RelationshipDrop.relationship} selected>\r\n                            {RelationshipDrop.relationship}\r\n                          </option>\r\n                        ) : (\r\n                          <option value={RelationshipDrop.relationship}>\r\n                            {RelationshipDrop.relationship}\r\n                          </option>\r\n                        )\r\n                      )}\r\n                    </select>\r\n                    {Relationship == null ? (\r\n                      <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                        Relationship\r\n                      </span>\r\n                    ) : (\r\n                      <div style={{ color: \"red\", float: \"left\" }}>\r\n                        {Relationship}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </div>\r\n                <br />\r\n                <div className=\"col-lg-5\" style={{ marginTop: \"3%\" }}>\r\n                  <span\r\n                    style={{ color: \"rgb(162, 157, 157)\", marginLeft: \"-30%\" }}\r\n                  >\r\n                    Emergency Contact\r\n                  </span>\r\n                  &nbsp;&nbsp;\r\n                  <label className=\"switch\">\r\n                    <input\r\n                      type=\"checkbox\"\r\n                      id=\"Trainer\"\r\n                      defaultChecked={\r\n                        this.props.value.emergencyContact === \"Yes\"\r\n                          ? true\r\n                          : false\r\n                      }\r\n                      name=\"EmergencyContact\"\r\n                    />\r\n                    <span className=\"slider round\" />\r\n                  </label>\r\n                </div>\r\n              </div>\r\n              <br />\r\n              <div className=\"col-lg-12\">\r\n                <div className=\"row  justify-content-center\">\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"button-30 sk-edit\"\r\n                    style={{\r\n                      color: \"#8e75ef\",\r\n                      fontWeight: \"bold\",\r\n                      height: \"39.5px\",\r\n                      width: \"83.36px\",\r\n                    }}\r\n                    disabled={this.state.isButtonDisabled}\r\n                  >\r\n                    Update\r\n                  </button>\r\n                  <button\r\n                    type=\"reset\"\r\n                    className=\"button-30 sk-edit\"\r\n                    style={{\r\n                      color: \"#716b6b\",\r\n                      fontWeight: \"bold\",\r\n                      marginLeft: \"2%\",\r\n                      height: \"39.5px\",\r\n                    }}\r\n                    onClick={() => this.setState({ formErrors: \"\" })}\r\n                  >\r\n                    Cancel\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { useState } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\n\r\nconst EditPreAnnouncement = (props) => {\r\n  const [formErrors, setFormErrors] = useState({});\r\n  const [TitleErr, setTitleErr] = useState({});\r\n\r\n  const handleSubmit = (event) => {\r\n    event.preventDefault();\r\n\r\n    const data = new FormData(event.target);\r\n\r\n    fetch(`${BASE_URLs}/Announcement/EditPreAnnouncement`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Success\") {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          document.getElementById(\"EditAnnpop\").style.display = \"none\";\r\n          setTimeout(function () {\r\n            document.getElementById(\"close\").click();\r\n          }, 4000);\r\n        }\r\n      });\r\n  };\r\n\r\n  const handleChange = () => {\r\n    var Title = document.getElementById(\"title\").value;\r\n    var Description = document.getElementById(\"desc\").value;\r\n    var Category = document.getElementById(\"category\").value;\r\n    if (!Title) {\r\n      document.getElementById('TitleErr').innerHTML = \"Title is required\"\r\n    }\r\n    else {\r\n      document.getElementById('TitleErr').innerHTML = \"\"\r\n    }\r\n    if (!Description) {\r\n      document.getElementById('DescErr').innerHTML = \"Description is required\"\r\n    }\r\n    else {\r\n      document.getElementById('DescErr').innerHTML = \"\"\r\n    }\r\n    if (!Category) {\r\n      document.getElementById('CatgErr').innerHTML = \"Category is required\"\r\n    }\r\n    else {\r\n      document.getElementById('CatgErr').innerHTML = \"\"\r\n    }\r\n  };\r\n\r\n  const w = window.innerWidth;\r\n  const { BusinessUnit } = formErrors;\r\n\r\n  return (\r\n    <>\r\n      <ToastContainer\r\n        position=\"top-center\"\r\n        autoClose={1500}\r\n        hideProgressBar={false}\r\n        newestOnTop={false}\r\n        closeOnClick\r\n        rtl={false}\r\n        pauseOnFocusLoss\r\n        draggable\r\n        pauseOnHover\r\n      />\r\n      <div className=\"pop\">\r\n        <div\r\n          className={\r\n            w > 768\r\n              ? \"popinnernormal AnnoneFieldPop\"\r\n              : \"popinnernormal oneFieldPopMobile\"\r\n          }\r\n          style={{ padding: \"1%\" }}\r\n          id=\"EditAnnpop\"\r\n        >\r\n          <button\r\n            id=\"close\"\r\n            style={{\r\n              float: \"right\",\r\n              backgroundColor: \"#a0a3a305\",\r\n              color: \"#797070\",\r\n              border: \"1px solid #a3a5a505\",\r\n            }}\r\n            onClick={props.close}\r\n          >\r\n            <CloseIcon />\r\n          </button><br />\r\n          <form autoComplete=\"off\" onSubmit={handleSubmit}>\r\n            <div className=\"container\">\r\n              {/* <b>\r\n                                {\" \"}\r\n                                <Link\r\n                                  style={{ cursor: \"pointer\", float: \"right\" }}\r\n                                  to=\"AnnouncementPreview\"\r\n                                >\r\n                                  View Previous Announcements\r\n                                </Link>\r\n                              </b>\r\n                              <br /> <br /> */}\r\n              {/* <center style={{fontSize:'15px',color:'#5035ce'}}>Create New Announcements</center>\r\n                              <br /> */}\r\n              <div\r\n                className=\"row\"\r\n                style={{\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                \r\n                }}\r\n              >\r\n                <div className=\"col-lg-5 input-effect\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"CreatedDate\"\r\n                    defaultValue={props.values.date}\r\n                  />\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"UserId\"\r\n                    defaultValue={props.values.userid}\r\n                  />\r\n                  <textarea\r\n                    className=\"form\"\r\n                    defaultValue={props.values.title}\r\n                    id=\"title\"\r\n                    name=\"title\"\r\n                    type=\"text\"\r\n                    onChange={handleChange}\r\n                    placeholder=\"\"\r\n                  // maxLength={30}\r\n                  />\r\n                  {/* {BusinessUnit == null ? (\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                    {\" \"}\r\n                    Title<span style={{ color: \"red\", float: \"left\" }}></span>\r\n                  </span>\r\n                ) : (\r\n                  <span\r\n                    style={{ color: \"red\", float: \"left\" }}\r\n                    className={BusinessUnit ? \" showError\" : \"\"}\r\n                  >\r\n                    {BusinessUnit}\r\n                  </span>\r\n                )} */}\r\n\r\n                  <span style={{ color: 'rgb(162, 157, 157)', float: \"left\" }}>Subject</span>\r\n                  <br />\r\n\r\n                  <span id=\"TitleErr\" style={{ color: 'red', float: \"left\" }}></span>\r\n                  <span className=\"underline\" />\r\n\r\n\r\n                </div>\r\n                <div className=\"col-lg-5 input-effect\">\r\n                <input\r\n                    type=\"hidden\"\r\n                    name=\"CreatedDate\"\r\n                    defaultValue={props.values.date}\r\n                  />\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"UserId\"\r\n                    defaultValue={props.values.userid}\r\n                  />\r\n                  <textarea\r\n                    className=\"form\"\r\n                    defaultValue={props.values.message}\r\n                    id=\"desc\"\r\n                    name=\"message\"\r\n                    type=\"text\"\r\n                    onChange={handleChange}\r\n                    placeholder=\"\"\r\n                  // maxLength={30}\r\n                  />\r\n\r\n                  <span style={{ color: 'rgb(162, 157, 157)', float: \"left\" }}>Description</span>\r\n                  <br />\r\n\r\n                  <span id=\"DescErr\" style={{ color: 'red', float: \"left\" }}></span>\r\n\r\n                  <span className=\"underline\" />\r\n\r\n                </div>\r\n                <div className=\"col-lg-5 input-effect\">\r\n                <input\r\n                    type=\"hidden\"\r\n                    name=\"CreatedDate\"\r\n                    defaultValue={props.values.date}\r\n                  />\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"UserId\"\r\n                    defaultValue={props.values.userid}\r\n                  />\r\n                  <select\r\n                    className=\"form selectleftalign\"\r\n                    defaultValue={props.values.category}\r\n                    id=\"category\"\r\n                    name=\"category\"\r\n                  // style={{marginLeft:'-3px'}}\r\n                  >\r\n                    <option value=\"\">Select</option>\r\n                    <option value=\"General\">\r\n                      General\r\n                    </option>\r\n                    <option value=\"Software Updates\">\r\n                      Software Updates\r\n                    </option>\r\n                    <option value=\"HR\">HR </option>\r\n                    <option value=\"Company\">Company</option>\r\n                    <option value=\"Foundations\">\r\n                      Foundations\r\n                    </option>\r\n                    <option value=\"Events\">Events</option>\r\n                  </select>\r\n                  {/* {BusinessUnit == null ? (\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                    {\" \"}\r\n                    Title<span style={{ color: \"red\", float: \"left\" }}></span>\r\n                  </span>\r\n                ) : (\r\n                  <span\r\n                    style={{ color: \"red\", float: \"left\" }}\r\n                    className={BusinessUnit ? \" showError\" : \"\"}\r\n                  >\r\n                    {BusinessUnit}\r\n                  </span>\r\n                )} */}\r\n\r\n                  <span style={{ color: 'rgb(162, 157, 157)', float: \"left\" }}>Category</span>\r\n                  <br />\r\n\r\n                  <span id=\"CatgErr\" style={{ color: 'red', float: \"left\" }}></span>\r\n\r\n                  <span className=\"underline\" />\r\n\r\n                </div>\r\n\r\n                <div className=\"col-lg-5\">\r\n                <input\r\n                    type=\"hidden\"\r\n                    name=\"CreatedDate\"\r\n                    defaultValue={props.values.date}\r\n                  />\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"UserId\"\r\n                    defaultValue={props.values.userid}\r\n                  />\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"oldimage\"\r\n                    defaultValue={\r\n                      props.values.image\r\n                    }\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    defaultValue={props.values.image}\r\n                    id=\"image\"\r\n                    name=\"image\"\r\n                    onFocus={(e) => (e.target.type = \"file\")}\r\n                    onChange={handleChange}\r\n                    placeholder=\"\"\r\n                    multiple\r\n                  />\r\n\r\n                  <span style={{ color: 'rgb(162, 157, 157)', float: \"left\" }}>Choose Related files</span>\r\n                  <span className=\"underline\" />\r\n\r\n                </div>\r\n              </div>\r\n              {/* <div\r\n                className=\"row\"\r\n                style={{\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  width:'98%'\r\n                }}\r\n              >\r\n                <div className=\"col-lg-5 input-effect\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={props.values.id}\r\n                  />\r\n                  <select\r\n                    className=\"form selectleftalign\"\r\n                    defaultValue={props.values.category}\r\n                    id=\"category\"\r\n                    name=\"category\"\r\n                  // style={{marginLeft:'-3px'}}\r\n                  >\r\n                    <option value=\"\">Select</option>\r\n                    <option value=\"General\">\r\n                      General\r\n                    </option>\r\n                    <option value=\"Software Updates\">\r\n                      Software Updates\r\n                    </option>\r\n                    <option value=\"HR\">HR </option>\r\n                    <option value=\"Company\">Company</option>\r\n                    <option value=\"Foundations\">\r\n                      Foundations\r\n                    </option>\r\n                    <option value=\"Events\">Events</option>\r\n                  </select>\r\n                 \r\n                  <span style={{ color: 'rgb(162, 157, 157)', float: \"left\" }}>Category</span>\r\n                  <br />\r\n\r\n                  <span id=\"CatgErr\" style={{ color: 'red', float: \"left\" }}></span>\r\n\r\n                  <span className=\"underline\" />\r\n\r\n                </div>\r\n\r\n                <div className=\"col-lg-5\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={props.values.id}\r\n                  />\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"oldimage\"\r\n                    defaultValue={\r\n                      props.values.image\r\n                    }\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    defaultValue={props.values.image}\r\n                    id=\"image\"\r\n                    name=\"image\"\r\n                    onFocus={(e) => (e.target.type = \"file\")}\r\n                    onChange={handleChange}\r\n                    placeholder=\"\"\r\n                    multiple\r\n                  // maxLength={30}\r\n                  />\r\n\r\n                  <span style={{ color: 'rgb(162, 157, 157)', float: \"left\" }}>Choose Related files</span>\r\n                  <span className=\"underline\" />\r\n\r\n                </div>\r\n              </div> */}\r\n            </div>\r\n\r\n\r\n            <div className=\"col-lg-12\">\r\n              <div className=\"row  justify-content-center\" >\r\n                <button\r\n                  type=\"submit\"\r\n\r\n                  className=\"but\"\r\n                  style={{\r\n                    height: \"39.5px\",\r\n                    width: \"83.36px\",\r\n                  }}\r\n                >\r\n                  Submit\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default EditPreAnnouncement;","import React, { useState } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\n\r\nconst EditBusinessPop = (props) => {\r\n  const [formErrors, setFormErrors] = useState({});\r\n\r\n  const Validation = () => {\r\n    let errors = {};\r\n    let formIsValid = true;\r\n    var BusinessUnit = document.getElementById(\"BusinessUnit\").value;\r\n\r\n    if (!BusinessUnit) {\r\n      formIsValid = false;\r\n      errors[\"BusinessUnit\"] = \"Business Unit is required\";\r\n    }\r\n\r\n    setFormErrors(errors);\r\n    return formIsValid;\r\n  };\r\n\r\n  const handleSubmit = (event) => {\r\n    event.preventDefault();\r\n\r\n    if (Validation()) {\r\n      const data = new FormData(event.target);\r\n\r\n      fetch(`${BASE_URLs}/Business/EditBusiness`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            setTimeout(function () {\r\n              document.getElementById(\"close\").click();\r\n            }, 4000);\r\n          }\r\n        });\r\n    }\r\n  };\r\n\r\n  const w = window.innerWidth;\r\n  const { BusinessUnit } = formErrors;\r\n\r\n  return (\r\n    <>\r\n      <ToastContainer\r\n        position=\"top-center\"\r\n        autoClose={1500}\r\n        hideProgressBar={false}\r\n        newestOnTop={false}\r\n        closeOnClick\r\n        rtl={false}\r\n        pauseOnFocusLoss\r\n        draggable\r\n        pauseOnHover\r\n      />\r\n      <div className=\"pop\">\r\n        <div\r\n          className={\r\n            w > 768\r\n              ? \"popinnernormal oneFieldPop\"\r\n              : \"popinnernormal oneFieldPopMobile\"\r\n          }\r\n          style={{ padding: \"1%\" }}\r\n        >\r\n          <button\r\n            id=\"close\"\r\n            style={{\r\n              float: \"right\",\r\n              backgroundColor: \"#a0a3a305\",\r\n              color: \"#797070\",\r\n              border: \"1px solid #a3a5a505\",\r\n            }}\r\n            onClick={props.close}\r\n          >\r\n            <CloseIcon />\r\n          </button>\r\n          <form autoComplete=\"off\" onSubmit={handleSubmit}>\r\n            <div className=\"row\" style={{ padding: \"8px\" }}>\r\n              <div className=\"col-sm-3\"></div>\r\n              <div className=\"col-sm-8\">\r\n                <input\r\n                  type=\"hidden\"\r\n                  name=\"Id\"\r\n                  defaultValue={props.values.id}\r\n                />\r\n                <input\r\n                  className=\"form\"\r\n                  maxLength=\"50\"\r\n                  defaultValue={props.values.BusinessUnit}\r\n                  id=\"BusinessUnit\"\r\n                  name=\"BusinessUnit\"\r\n                  type=\"text\"\r\n                  placeholder=\"Business Unit \"\r\n                />\r\n                {BusinessUnit == null ? (\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                    {\" \"}\r\n                    Name<span style={{ color: \"red\", float: \"left\" }}></span>\r\n                  </span>\r\n                ) : (\r\n                  <span\r\n                    style={{ color: \"red\", float: \"left\" }}\r\n                    className={BusinessUnit ? \" showError\" : \"\"}\r\n                  >\r\n                    {BusinessUnit}\r\n                  </span>\r\n                )}\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row\">\r\n              <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                <button\r\n                  type=\"submit\"\r\n                  className=\"but\"\r\n                  style={{\r\n                    height: \"39.5px\",\r\n                    width: \"86.36px\",\r\n                    marginTop: \"-0.3%\",\r\n                  }}\r\n                >\r\n                  Save\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <br />\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default EditBusinessPop;","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport Select from \"react-select\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditDesignationModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Department: [],\r\n      ButtonDisabled: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var DepartmentName = document.getElementById(\"DepartmentName\").value;\r\n\r\n    if (!DepartmentName) {\r\n      formIsValid = false;\r\n      formErrors[\"DepartmentName\"] = \"Department Name  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    var AddDepartment = document.getElementById(\"DepartmentName\").value;\r\n    var Id = document.getElementById(\"Id\").value;\r\n    event.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"AddDepartment\", AddDepartment);\r\n      data.append(\"Id\", Id);\r\n\r\n      fetch(`${BASE_URLs}/Department/EditDepartment`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept': 'application/json',\r\n          // 'Content-Type': 'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            document.getElementById(\"Editpop\").style.display = \"none\";\r\n\r\n            setTimeout(function () {\r\n              if (document.getElementById(\"close\")) {\r\n                document.getElementById(\"close\").click();\r\n              }\r\n            }, 4000);\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            document.getElementById(\"Editpop\").style.display = \"none\";\r\n          }\r\n        });\r\n      // document.getElementById(\"close\").click();\r\n    }\r\n  }\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/GetMasterDepartment`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Department: data,\r\n        });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    // this.RelationshipDropList();\r\n    this.GetDepartment();\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { Department } = this.state;\r\n    const { DepartmentName } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />{\" \"}\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Editpop\"\r\n          >\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-2\"></div>\r\n\r\n                <div className=\"col-sm-8\">\r\n                  {/* <select className=\"form\"  id=\"DepartmentName\" name=\"DepartmentName\"  defaultChecked={this.props.values.DepartmentName} type=\"text\"  placeholder=\"DepartmentName\" >\r\n        <option value=\"\" >Select</option> \r\n        {Department.map(Department => <option selected={this.props.values.DepartmentName===Department.department} value={Department.department}>{Department.department}</option>)}\r\n          </select> */}\r\n\r\n                  <input\r\n                    type=\"hidden\"\r\n                    id=\"Id\"\r\n                    name=\"Id\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    defaultValue={this.props.values.DepartmentName}\r\n                    id=\"DepartmentName\"\r\n                    name=\"AddDepartment\"\r\n                    type=\"text\"\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"Department Name\"\r\n                  />\r\n                  {DepartmentName == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Department Name\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>\r\n                    </span>\r\n                  ) : (\r\n                    <span\r\n                      style={{ color: \"red\", float: \"left\" }}\r\n                      className={DepartmentName ? \" showError\" : \"\"}\r\n                    >\r\n                      {DepartmentName}\r\n                    </span>\r\n                  )}\r\n                </div>\r\n                <span className=\"underline\" />\r\n              </div>\r\n              <br />\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditFamilyModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      isChrome: false,\r\n    };\r\n  }\r\n\r\n  EmergencySubmit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n    if (this.Validation()) {\r\n      const url = `${BASE_URLs}/Family/EditUserEmergecny`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 4000);\r\n      }\r\n    }\r\n  };\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n\r\n    var Firstname = document.getElementById(\"Firstname\").value;\r\n    var Lastname = document.getElementById(\"Lastname\").value;\r\n    var EmeContact = document.getElementById(\"EmeContact\").value;\r\n    var Email = document.getElementById(\"Email\").value; /**/\r\n    var Relationship = document.getElementById(\"Relationship\").value;\r\n\r\n    if (!Firstname) {\r\n      formIsValid = false;\r\n      formErrors[\"Firstname\"] = \"Firstname  is required\";\r\n    }\r\n    if (!Lastname) {\r\n      formIsValid = false;\r\n      formErrors[\"Lastname\"] = \"Lastname  is required\";\r\n    }\r\n    if (!EmeContact) {\r\n      formIsValid = false;\r\n      formErrors[\"EmeContact\"] = \"Contact  is required\";\r\n    } else if (!mobPattern.test(EmeContact)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmeContact\"] = \"Enter valid Contact!.\";\r\n    }\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"Email\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"Email\"] = \"Enter valid Email!.\";\r\n    }\r\n    if (!Relationship) {\r\n      formIsValid = false;\r\n      formErrors[\"Relationship\"] = \"Relationship is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n\r\n  RelationshipDropList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Family/RelationshipDropdown`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ RelationshipDrop: data });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.RelationshipDropList();\r\n    const isChrome = navigator.userAgent.indexOf(\"Chrome\") !== -1;\r\n    this.setState({ isChrome });\r\n  }\r\n  render() {\r\n    const { Firstname, Lastname, EmeContact, Email, Relationship } =\r\n      this.state.formErrors;\r\n    const { RelationshipDrop } = this.state;\r\n    const { isChrome } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div className=\"popinnernormal\">\r\n            <h1 className=\"popinnertitle\">Edit Emergency Contact</h1>\r\n            <form id=\"Emergencyform\" onSubmit={this.EmergencySubmit.bind(this)}>\r\n              <div id=\"add-rowEmergency\">\r\n                <div>\r\n                  {\" \"}\r\n                  <table className=\"table  table-striped table-bordered nowrap\">\r\n                    <tr>\r\n                      <td>\r\n                        <input type=\"hidden\" name=\"Id\" value={this.props.id} />\r\n                        <input\r\n                          className=\"form\"\r\n                          name=\"FirstName\"\r\n                          type=\"text\"\r\n                          id=\"Firstname\"\r\n                          defaultValue={this.props.value.FirstName}\r\n                          /* onChange={this.handleChange} */ placeholder=\"First Name\"\r\n                        />\r\n                        {Firstname == null ? (\r\n                          <span className=\"underline\">Firstname</span>\r\n                        ) : (\r\n                          <div style={{ color: \"red\" }}>{Firstname}</div>\r\n                        )}\r\n                      </td>\r\n\r\n                      <td>\r\n                        <input\r\n                          className=\"form\"\r\n                          name=\"LastName\"\r\n                          type=\"text\"\r\n                          id=\"Lastname\"\r\n                          defaultValue={this.props.value.LastName}\r\n                          /* onChange={this.handleChange} */ placeholder=\"Last Name\"\r\n                        />\r\n                        {Lastname == null ? (\r\n                          <span className=\"underline\">Lastname</span>\r\n                        ) : (\r\n                          <div style={{ color: \"red\" }}>{Lastname}</div>\r\n                        )}\r\n                      </td>\r\n                      <td>\r\n                        <input\r\n                          className=\"form\"\r\n                          name=\"Contact\"\r\n                          type=\"text\"\r\n                          id=\"EmeContact\"\r\n                          defaultValue={this.props.value.Contact}\r\n                          /* onChange={this.handleChange} */ placeholder=\"Contact\"\r\n                          onKeyPress={(event) => {\r\n                            const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                            if (isLetter) {\r\n                              event.preventDefault();\r\n                            }\r\n                          }}\r\n                          onInputCapture={(event) => {\r\n                            if (!/^[0-9]*$/.test(event.target.value)) {\r\n                              event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                            }\r\n                          }}\r\n                        />\r\n                        {EmeContact == null ? (\r\n                          <span className=\"underline\">Contact</span>\r\n                        ) : (\r\n                          <div style={{ color: \"red\" }}>{EmeContact}</div>\r\n                        )}\r\n                      </td>\r\n\r\n                      <td>\r\n                        <input\r\n                          className=\"form\"\r\n                          name=\"Email\"\r\n                          type=\"text\"\r\n                          id=\"Email\"\r\n                          defaultValue={this.props.value.Email}\r\n                          /* onChange={this.handleChange} */ placeholder=\"Email\"\r\n                        />\r\n                        {Email == null ? (\r\n                          <span className=\"underline\">Email</span>\r\n                        ) : (\r\n                          <div style={{ color: \"red\" }}>{Email}</div>\r\n                        )}\r\n                      </td>\r\n\r\n                      <td>\r\n                        <select\r\n                          className=\"form\"\r\n                          name=\"Relationship\"\r\n                          id=\"Relationship\"\r\n                          Value={this.props.value.Relationship}\r\n                          \r\n                          /*  onChange={this.handleChange} */ type=\"text\"\r\n                          placeholder=\"City\"\r\n                          style={{\r\n                            color: \"darkgray\",\r\n                            ...(isChrome && { marginLeft: '-3px' })\r\n                          }}\r\n                        >\r\n                          <option value=\"\"> Relationship</option>{\" \"}\r\n                          {RelationshipDrop.map((RelationshipDrop) => (\r\n                            <option Value={RelationshipDrop.relationship}>\r\n                              {RelationshipDrop.relationship}\r\n                            </option>\r\n                          ))}\r\n                        </select>\r\n\r\n                        {Relationship == null ? (\r\n                          <span className=\"underline\">Relationship</span>\r\n                        ) : (\r\n                          <div style={{ color: \"red\" }}>{Relationship}</div>\r\n                        )}\r\n                      </td>\r\n                    </tr>\r\n                  </table>\r\n                  <button\r\n                    type=\"submit\"\r\n                    id=\"saverow3\"\r\n                    className=\" btn-Secondary\"\r\n                    style={{ height: \"40.4px\", width: \"83.36px\" }}\r\n                  >\r\n                    Update\r\n                  </button>\r\n                  &nbsp; &nbsp; &nbsp;\r\n                  <button\r\n                    id=\"close\"\r\n                    style={{ height: \"40.4px\", width: \"83.36px\" }}\r\n                    onClick={this.props.close}\r\n                  >\r\n                    Cancel{\" \"}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n            {/*       <button className=\"popupok\" onClick={this.props.close} >Yes</button>\r\n             */}{\" \"}\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\n\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditFamilyModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      isButtonDisabled: false,\r\n      isChrome: false,\r\n    };\r\n  }\r\n\r\n  RelationshipDropList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Family/RelationshipDropdown`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ RelationshipDrop: data });\r\n      });\r\n  }\r\n\r\n  FamlySubmit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n    if (this.FamilyValidation()) {\r\n     \r\n      /*     */\r\n      const url = `${BASE_URLs}/Family/EditUserFamily`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n   \r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n        this.setState({ isButtonDisabled: true });\r\n      } else {\r\n      \r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({ isButtonDisabled: false });\r\n        // if (document.getElementById(\"close\")) {\r\n        //   document.getElementById(\"close\").click();\r\n        // }\r\n      }\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.RelationshipDropList();\r\n    const isChrome = navigator.userAgent.indexOf(\"Chrome\") !== -1;\r\n    this.setState({ isChrome });\r\n  }\r\n  FamilyValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n\r\n    var Firstname = document.getElementById(\"Firstname\").value;\r\n    var Lastname = document.getElementById(\"Lastname\").value;\r\n    var Contact = document.getElementById(\"famContact\").value;\r\n    var Email = document.getElementById(\"famEmail\").value; /**/\r\n    var Relationship = document.getElementById(\"Relationship\").value;\r\n    var emergencyContact = document.getElementById(\"Trainer\").checked;\r\n\r\n    if (!Firstname) {\r\n      formIsValid = false;\r\n      formErrors[\"Firstname\"] = \"First Name is required\";\r\n    }else if (Firstname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Firstname\"] = \"Minimum 3 Characters Required\";\r\n    }\r\n    if (!Lastname) {\r\n      formIsValid = false;\r\n      formErrors[\"Lastname\"] = \"Last Name is required\";\r\n    }\r\n    // if (!Contact) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Contact\"] = \"Contact Number is required\";\r\n    // }  \r\n    // if (!mobPattern.test(Contact)) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Contact\"] = \"Enter valid Contact Number\";\r\n    // }\r\n\r\n    if (emergencyContact === true) {\r\n      if (!Contact || Contact==='-' || Contact==='') {\r\n        formIsValid = false;\r\n        formErrors[\"Contact\"] = \"Contact number is required\";\r\n      } else if (!mobPattern.test(Contact)) {\r\n        formIsValid = false;\r\n        formErrors[\"Contact\"] = \"Enter the valid Contact\";\r\n      }\r\n    }\r\n\r\n    if (emergencyContact === false) {\r\n      if (Contact !== \"\" && Contact !== \"-\" && (Contact.length < 10 || !mobPattern.test(Contact))) {\r\n        formIsValid = false;\r\n        formErrors[\"Contact\"] = \"Enter the valid Contact\";\r\n      }\r\n\r\n    }\r\n   \r\n    // else if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)))   {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Email\"] = \"Enter valid Email!.\";\r\n    // }\r\n    if (!Relationship) {\r\n      formIsValid = false;\r\n      formErrors[\"Relationship\"] = \"Relationship is required\";\r\n    }\r\n    /*if (!DOBinfo) {    \r\n      formIsValid = false;    \r\n      formErrors[\"DOBinfo\"] = \"DOB is required\" ;    \r\n    }\r\n    if (!Bloodgroupinfo) {    \r\n      formIsValid = false;    \r\n      formErrors[\"Bloodgroupinfo\"] = \"Blood Group is required\" ;    \r\n    } */\r\n\r\n    if (Email!== '-' && Email!== '') {\r\n      if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n        formIsValid = false;\r\n         formErrors[\"Email\"] = \"Enter valid Email\";\r\n      }\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    var Firstname = document.getElementById(\"Firstname\").value;\r\n    var Lastname = document.getElementById(\"Lastname\").value;\r\n    var Contact = document.getElementById(\"famContact\").value;\r\n    var Email = document.getElementById(\"famEmail\").value; /**/\r\n    var Relationship = document.getElementById(\"Relationship\").value;\r\n    var emergencyContact = document.getElementById(\"Trainer\").checked;\r\n\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    //Email\r\n    if (!Firstname) {\r\n      formIsValid = false;\r\n      formErrors[\"Firstname\"] = \"First Name is required\";\r\n    } else if (Firstname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Firstname\"] = \"Minimum 3 Characters Required\";\r\n    } else if (!Lastname) {\r\n      formIsValid = false;\r\n      formErrors[\"Lastname\"] = \"Last Name is required\";\r\n    }\r\n    else if (!Relationship) {\r\n      formIsValid = false;\r\n      formErrors[\"Relationship\"] = \"Relationship is required\";\r\n    } \r\n    else if(this.props.value.emergencyContact === \"Yes\")\r\n    {\r\n      if (!Contact) {\r\n        formIsValid = false;\r\n        formErrors[\"Contact\"] = \"Contact number is required\";\r\n      }\r\n      else if(Contact.length < 10 || !mobPattern.test(Contact)){\r\n        formIsValid = false;\r\n        formErrors[\"Contact\"] = \"Enter the valid Contact\";\r\n      }\r\n    }\r\n    else if (emergencyContact === true) {\r\n      if (!Contact) {\r\n        formIsValid = false;\r\n        // formErrors[\"ContactErr\"] = \"Contact number is required\";\r\n      } else if (!mobPattern.test(Contact)) {\r\n        formIsValid = false;\r\n        // formErrors[\"ContactErr\"] = \" Enter the valid Contact Number\";\r\n      }\r\n\r\n      else if (!Email) {\r\n        formIsValid = false;\r\n        formErrors[\"EmailErr\"] = \"Email is required\";\r\n      }\r\n      else if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email))) {\r\n        formIsValid = false;\r\n        formErrors[\"EmailErr\"] = \"Enter valid Email\";\r\n      }\r\n      \r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  render() {\r\n    const { Firstname, Lastname, Contact, Email, Relationship } =\r\n      this.state.formErrors;\r\n    const { RelationshipDrop } = this.state;\r\n    const { isChrome } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div className=\"popinnernormal\">\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <h1 className=\"popinnertitle\">Edit </h1>\r\n\r\n            <form\r\n              id=\"familyform\"\r\n              autoComplete=\"off\"\r\n              onSubmit={this.FamlySubmit.bind(this)}\r\n            >\r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"100%\" }}\r\n              >\r\n                <div className=\"col-lg-5\">\r\n                <input\r\n                    type=\"hidden\"\r\n                    name=\"oldrelation\"\r\n                    defaultValue={\r\n                      this.props.value.Relationship\r\n                    }\r\n                  />\r\n                  <select\r\n                    className=\"effect-16\"\r\n                    name=\"Relationship\"\r\n                    id=\"Relationship\"\r\n                    defaultValue={this.props.value.Relationship}\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"City\"\r\n                    style={{\r\n                      ...(isChrome && { marginLeft: '-6px' })\r\n                    }}\r\n                  >\r\n                    <option value=\"\">Relationship</option>\r\n                    <option hidden>{this.props.value.Relationship}</option>\r\n                    {RelationshipDrop.map((RelationshipDrop) =>\r\n                      RelationshipDrop.relationship ===\r\n                      this.props.value.Relationship ? (\r\n                        <option value={RelationshipDrop.relationship} selected>\r\n                          {RelationshipDrop.relationship}\r\n                        </option>\r\n                      ) : (\r\n                        <option value={RelationshipDrop.relationship}>\r\n                          {RelationshipDrop.relationship}\r\n                        </option>\r\n                      )\r\n                    )}\r\n                  </select>\r\n                  {Relationship == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Relationship\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Relationship}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n                <div className=\"col-lg-5 \">\r\n                  <input\r\n                    style={{ display: \"none\" }}\r\n                    type=\"hidden\"\r\n                    name=\"CreatedDate\"\r\n                    value={this.props.value.created_Date}\r\n                  />\r\n               \r\n                  <input\r\n                    className=\"effect-16\"\r\n                    name=\"FirstName\"\r\n                    type=\"text\"\r\n                    maxLength=\"20\"\r\n                    id=\"Firstname\"\r\n                    defaultValue={this.props.value.FirstName}\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"First Name\"\r\n                  />\r\n                  {Firstname == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      First Name\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Firstname}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n                <input\r\n                    className=\"effect-16\"\r\n                    name=\"OldFirstName\"\r\n                    type=\"hidden\"\r\n                    maxLength=\"20\"\r\n                    id=\"Firstname\"\r\n                    defaultValue={this.props.value.FirstName}\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"First Name\"\r\n                  />\r\n                {/* <div className=\"col-lg-3 \"> \r\n <input style={{display:\"none\"}}type=\"hidden\"name=\"Id\" value={this.props.id}/>\r\n<input className=\"effect-16\"  name=\"MiddleName\" type=\"text\" maxLength=\"20\" id=\"MiddleName\" defaultValue={this.props.value.MiddleName}  onChange={this.handleChange}   placeholder=\"Middle Name\" />\r\n <span  style={{color:'#a29d9d',float:\"left\"}}>Middle Name</span> \r\n</div> */}\r\n               \r\n               \r\n              </div>\r\n\r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"100%\" }}\r\n              >\r\n\r\n                      <div className=\"col-lg-5\">\r\n                     \r\n                  <input\r\n                   className=\"effect-16\"\r\n                   name=\"MiddleName\"\r\n                    type=\"text\"\r\n                    maxLength=\"20\"\r\n                    id=\"MiddleNameFam\"\r\n                    defaultValue={this.props.value.MiddleName}\r\n                  placeholder=\"-\"\r\n                  />\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Middle Name\r\n                    </span>\r\n               \r\n                </div>\r\n                <input\r\n                   className=\"effect-16\"\r\n                   name=\"OldMiddleName\"\r\n                    type=\"hidden\"\r\n                    maxLength=\"20\"\r\n                    id=\"MiddleNameFam\"\r\n                    defaultValue={this.props.value.MiddleName}\r\n                  placeholder=\"-\"\r\n                  />\r\n               <div className=\"col-lg-5\">\r\n               \r\n                  <input\r\n                    className=\"effect-16\"\r\n                    name=\"LastName\"\r\n                    type=\"text\"\r\n                    maxLength=\"20\"\r\n                    id=\"Lastname\"\r\n                    defaultValue={this.props.value.LastName}\r\n                    onChange={this.handleChange}\r\n                     placeholder=\"Last Name\"\r\n                  />\r\n                  {Lastname == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Last Name\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Lastname}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n                <input\r\n                    className=\"effect-16\"\r\n                    name=\"OldLastName\"\r\n                    type=\"hidden\"\r\n                    maxLength=\"20\"\r\n                    id=\"Lastname\"\r\n                    defaultValue={this.props.value.LastName}\r\n                    onChange={this.handleChange}\r\n                     placeholder=\"Last Name\"\r\n                  />\r\n\r\n               \r\n              </div>\r\n            \r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"100%\" }}\r\n              >\r\n                    <div className=\"col-lg-5\">\r\n                 \r\n                  <input\r\n                    className=\"effect-16\"\r\n                    name=\"Contact\"\r\n                    type=\"text\"\r\n                    maxLength=\"10\"\r\n                    onKeyPress={(event) => {\r\n                      if (!/[0-9]/.test(event.key)) {\r\n                        event.preventDefault();\r\n                      }\r\n                    }}\r\n                    id=\"famContact\"\r\n                    defaultValue={this.props.value.Contact}\r\n                    onChange={this.handleChange} \r\n                    placeholder=\"Contact\"\r\n                  />\r\n                  {Contact == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Contact Number\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{Contact}</div>\r\n                  )}\r\n                </div>\r\n                <input\r\n                    className=\"effect-16\"\r\n                    name=\"OldContact\"\r\n                    type=\"hidden\"\r\n                    maxLength=\"10\"\r\n                    onKeyPress={(event) => {\r\n                      if (!/[0-9]/.test(event.key)) {\r\n                        event.preventDefault();\r\n                      }\r\n                    }}\r\n                    id=\"famContact\"\r\n                    defaultValue={this.props.value.Contact}\r\n                    onChange={this.handleChange} \r\n                    placeholder=\"Contact\"\r\n                  />\r\n\r\n                <div className=\"col-lg-5\">\r\n              \r\n                  <input\r\n                    className=\"effect-16\"\r\n                    name=\"Email\"\r\n                    type=\"text\"\r\n                    id=\"famEmail\"\r\n                    maxLength=\"50\"\r\n                    defaultValue={this.props.value.Email}\r\n                    /* onChange={this.handleChange} */ placeholder=\"Email\"\r\n                  />\r\n                  {Email == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Email\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{Email}</div>\r\n                  )}\r\n                </div>\r\n                <input\r\n                    className=\"effect-16\"\r\n                    name=\"OldEmail\"\r\n                    type=\"hidden\"\r\n                    id=\"famEmail\"\r\n                    maxLength=\"50\"\r\n                    defaultValue={this.props.value.Email}\r\n                    /* onChange={this.handleChange} */ placeholder=\"Email\"\r\n                  />\r\n              \r\n              </div>\r\n             \r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"100%\" }}\r\n              >\r\n              \r\n\r\n                <div className=\"col-lg-5\" style={{ marginTop: \"3%\" }}>\r\n                  <span\r\n                    style={{ color: \"rgb(162, 157, 157)\"}}\r\n                  >\r\n                    Emergency Contact\r\n                  </span>\r\n                  &nbsp;&nbsp;\r\n                  <label className=\"switch\">\r\n                    <input\r\n                      type=\"checkbox\"\r\n                      id=\"Trainer\"\r\n                      defaultChecked={\r\n                        this.props.value.emergencyContact === \"Yes\"\r\n                          ? true\r\n                          : false\r\n                      }\r\n                      name=\"EmergencyContact\"\r\n                    />\r\n                    <span className=\"slider round\" />\r\n                  </label>\r\n                </div>\r\n                <br />\r\n                <br />\r\n                <div className=\"col-lg-12\">\r\n                  <br />\r\n                  <div className=\"row  justify-content-center\">\r\n                    <button\r\n                      type=\"submit\"\r\n                      className=\"button-30 sk-edit\"\r\n                      style={{\r\n                        color: \"#8e75ef\",\r\n                        fontWeight: \"bold\",\r\n                        height: \"39.5px\",\r\n                        width: \"83.36px\",\r\n                      }}\r\n                      disabled={this.state.isButtonDisabled}\r\n                    >\r\n                      Update\r\n                    </button>\r\n                    <button\r\n                      type=\"reset\"\r\n                      className=\"button-30 sk-edit\"\r\n                      style={{\r\n                        color: \"#716b6b\",\r\n                        fontWeight: \"bold\",\r\n                        marginLeft: \"2%\",\r\n                        height: \"39.5px\",\r\n                      }}\r\n                      onClick={() => this.setState({ formErrors: \"\" })}\r\n                    >\r\n                      &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditSkillModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      SkillDetails: [],\r\n      formErrors: {},\r\n      SKillAdminCategoryDrop: [],\r\n      SKillAdminNameDrop: [],\r\n      isButtonDisabled: false,\r\n      isChrome: false,\r\n      UploadCertificate: false\r\n    };\r\n  }\r\n  GetUserSkillDrop() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetUserSkillDrop`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SKillAdminCategoryDrop: data });\r\n      });\r\n  }\r\n\r\n  GetUserSkillName() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetUserSkillName`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SKillAdminNameDrop: data });\r\n        // console.log(data, \"SKillName\");\r\n      });\r\n  }\r\n\r\n  SkillEditsubmit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n\r\n    if (this.SkillValidation()) {\r\n      this.setState({ isButtonDisabled: true });\r\n      const url = `${BASE_URLs}/UserSkillDetails/EditUserSkill`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 4000);\r\n      }\r\n\r\n      else if (result.status === \"Error\") {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 4000);\r\n      }\r\n    }\r\n  };\r\n\r\n  // formatDate = (inputDate) => {\r\n  //   const date = new Date(inputDate);\r\n  //   const day = String(date.getDate()).padStart(2, \"0\");\r\n  //   const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n  //   const year = date.getFullYear();\r\n  //   if (day === \"NaN\") {\r\n  //     const date = new Date(this.props.value.exp);\r\n  //     const day = String(date.getDate()).padStart(2, \"0\");\r\n  //     const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n  //     const year = date.getFullYear();\r\n  //     return `${day}-${month}-${year}`;\r\n  //   } else {\r\n  //     return `${day}-${month}-${year}`;\r\n  //   }\r\n  // };\r\n  SkillValidation() {\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    // var Category = document.getElementById(\"Category\").value;\r\n    var SkillName = document.getElementById(\"skillname\").value;\r\n    // var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Experience = document.getElementById(\"Experience\").value;\r\n    //var Relationship = document.getElementById(\"Relationship\").value\r\n\r\n    var uploadcertificate =\r\n    document.getElementById(\"UploadCertificate\").checked;\r\n\r\n    // if (!Category) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Category\"] = \"Category  is required\";\r\n    // }\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillName\"] = \"Skill Name  is required\";\r\n    }\r\n    // if (!SkillDescription) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"SkillDescription\"] = \"Skill Description  is required\";\r\n    // }\r\n\r\n    if (!Experience) {\r\n      formIsValid = false;\r\n      formErrors[\"Experience\"] = \"Experience is required\";\r\n    }\r\n    // else if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)))   {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Email\"] = \"Enter valid Email!.\";\r\n    // }\r\n    //  if ( !Relationship) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Relationship\"] = \"Relationship is required\" ;\r\n    // }\r\n    if (this.props.value.coursename !== \"-\") {\r\n      var skillcoursename = document.getElementById(\"skillcourseName\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillcoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseenddate\").value;\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \"Course Name is required\";\r\n      }else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n\r\n      if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdate\"] = \"Start Date is required\";\r\n      }\r\n\r\n      if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddate\"] = \"End Date is required\";\r\n      }\r\n    }\r\n\r\n    if (uploadcertificate && this.props.value.coursename === \"-\") {\r\n      var skillcoursename = document.getElementById(\"skillcoursename\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillCoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseEnddate\").value;\r\n      var SkillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n      //Email\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \" Course Name is required\";\r\n      } else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n\r\n      if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdate\"] = \"Start From is required\";\r\n      }\r\n      if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddate\"] = \"End is required\";\r\n      }\r\n      if (!SkillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"SkillCertificate\"] = \"Certificate is required\";\r\n      }\r\n      var St_date = document.getElementById(\"skillCoursestartdate\").value;\r\n      var End_date = document.getElementById(\"skillCourseEnddate\").value;\r\n      var skillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n\r\n      if (new Date(St_date).getTime() >= new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"skillCourseEnddate\"] =\r\n          \" Start From Should less then End\";\r\n      }\r\n\r\n      if (!skillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCertificate\"] = \" Certificate is required\";\r\n      }\r\n    }\r\n\r\n    if (this.props.value.coursename !== \"-\") {\r\n      var skillcoursename = document.getElementById(\"skillcourseName\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillcoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseenddate\").value;\r\n      var SkillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n      //Email\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \" Course Name is required\";\r\n      } else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n\r\n      if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdate\"] = \"Start From is required\";\r\n      }\r\n      if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddate\"] = \"End is required\";\r\n      }\r\n      if (!SkillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"SkillCertificate\"] = \"Certificate is required\";\r\n      }\r\n      var St_date = document.getElementById(\"skillcoursestartdate\").value;\r\n      var End_date = document.getElementById(\"skillCourseenddate\").value;\r\n      var skillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n\r\n      if (new Date(St_date).getTime() >= new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"skillCourseEnddate\"] =\r\n          \" Start From Should less then End\";\r\n      }\r\n\r\n      if (!skillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCertificate\"] = \" Certificate is required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n\r\n  \r\n  handleSkillChange = (e) => {\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var uploadcertificate =\r\n      document.getElementById(\"UploadCertificate\").checked;\r\n\r\n    var skillName = document.getElementById(\"skillname\").value;\r\n    var Experience = document.getElementById(\"Experience\").value;\r\n\r\n    if (!skillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillName\"] = \"Name is required\";\r\n    }\r\n    // else if (!SkillDescription) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"SkillDescriptionErr\"] = \"Description is required\";\r\n    // }\r\n    // else if (SkillDescription.length < 2) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"SkillDescriptionErr\"] = \"A Minimum 3 Characters is required\";\r\n    // }\r\n\r\n    // else if (!Category) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    // }\r\n    else if (!Experience) {\r\n      formIsValid = false;\r\n      formErrors[\"Experience\"] = \"Experience is required\";\r\n    }\r\n    if (this.props.value.coursename !== \"-\") {\r\n      var skillcoursename = document.getElementById(\"skillcourseName\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillcoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseenddate\").value;\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \"Course Name is required\";\r\n      }else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n\r\n     else if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdate\"] = \"Start Date is required\";\r\n      }\r\n\r\n     else if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddate\"] = \"End Date is required\";\r\n      }\r\n    }\r\n\r\n    if (uploadcertificate && this.props.value.coursename === \"-\") {\r\n      var skillcoursename = document.getElementById(\"skillcoursename\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillCoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseEnddate\").value;\r\n      var SkillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n      //Email\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \" Course Name is required\";\r\n      } else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n\r\n      if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdate\"] = \"Start From is required\";\r\n      }\r\n      if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddate\"] = \"End is required\";\r\n      }\r\n      if (!SkillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"SkillCertificate\"] = \"Certificate is required\";\r\n      }\r\n      var St_date = document.getElementById(\"skillCoursestartdate\").value;\r\n      var End_date = document.getElementById(\"skillCourseEnddate\").value;\r\n      var skillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n\r\n      if (new Date(St_date).getTime() >= new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"skillCourseEnddate\"] =\r\n          \" Start From Should less then End\";\r\n      }\r\n\r\n      if (!skillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCertificate\"] = \" Certificate is required\";\r\n      }\r\n    }\r\n\r\n    if (this.props.value.coursename !== \"-\") {\r\n      var skillcoursename = document.getElementById(\"skillcourseName\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillcoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseenddate\").value;\r\n      var SkillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n      //Email\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \" Course Name is required\";\r\n      } else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n\r\n      if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdate\"] = \"Start From is required\";\r\n      }\r\n      if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddate\"] = \"End is required\";\r\n      }\r\n      if (!SkillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"SkillCertificate\"] = \"Certificate is required\";\r\n      }\r\n      var St_date = document.getElementById(\"skillcoursestartdate\").value;\r\n      var End_date = document.getElementById(\"skillCourseenddate\").value;\r\n      var skillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n\r\n      if (new Date(St_date).getTime() >= new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"skillCourseEnddate\"] =\r\n          \" Start From Should less then End\";\r\n      }\r\n\r\n      if (!skillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCertificate\"] = \" Certificate is required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n\r\n\r\n  // handleChange() {\r\n  //   let formErrors = {};\r\n  //   let formIsValid = true;\r\n\r\n  //   // var Category = document.getElementById(\"Category\").value;\r\n  //    var SkillName = document.getElementById(\"skillname\").value;\r\n  //   // var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n  //   var Experience = document.getElementById(\"Experience\").value;\r\n\r\n  //     if (!SkillName || SkillName==='Skill Name') {\r\n  //       formIsValid = false;\r\n  //       formErrors[\"SkillName\"] = \"Skill Name is required\";\r\n  //     }\r\n\r\n  //     if (!Experience) {\r\n  //       formIsValid = false;\r\n  //       formErrors[\"Experience\"] = \"Acquired From is required\";\r\n  //     }\r\n\r\n\r\n\r\n  //   this.setState({ formErrors: formErrors });\r\n\r\n  //   return formIsValid;\r\n  // }\r\n\r\n  HandleSkillCertificate = (e) => {\r\n    e.preventDefault();\r\n    var uploadcertificate =\r\n      document.getElementById(\"UploadCertificate\").checked;\r\n    if (uploadcertificate === true) {\r\n      this.setState({\r\n        UploadCertificate: true,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        UploadCertificate: false,\r\n      });\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetUserSkillDrop();\r\n    this.GetUserSkillName();\r\n    const isChrome = navigator.userAgent.indexOf(\"Chrome\") !== -1;\r\n    this.setState({ isChrome });\r\n  }\r\n\r\n  render() {\r\n    const { SKillAdminCategoryDrop, SKillAdminNameDrop,UploadCertificate } = this.state;\r\n    const { isChrome } = this.state;\r\n\r\n    const {\r\n      Category,\r\n      SkillName,\r\n      SkillDescription,\r\n      Experience,\r\n      skillcoursename,\r\n      skillCoursestartdate,\r\n      skillCourseEnddate,\r\n      skillCertificate\r\n    } = this.state.formErrors;\r\n\r\n    let expDate = this.props.value.exp;\r\n\r\n    if (!(expDate instanceof Date)) {\r\n\r\n      expDate = new Date(expDate);\r\n    }\r\n\r\n    // const DateFormat = `${expDate.getDate()}-${expDate.getMonth() + 1}-${expDate.getFullYear()}`;\r\n\r\n    const day = expDate.getDate();\r\n    const month = expDate.getMonth() + 1;\r\n    const year = expDate.getFullYear();\r\n\r\n    const DateFormat = `${day < 10 ? '0' + day : day}-${month < 10 ? '0' + month : month}-${year}`;\r\n\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />{\" \"}\r\n        <div className=\"pop\">\r\n          <div className=\"popinnernormal\">\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <h1 className=\"popinnertitle\">Edit </h1>\r\n            <div id=\"add-row\">\r\n              <form id=\"skillform\" onSubmit={this.SkillEditsubmit}>\r\n                <div\r\n                  className=\"row  justify-content-center\"\r\n                  style={{ width: \"100%\" }}\r\n                >\r\n                  <input\r\n                    style={{ display: \"none\" }}\r\n                    type=\"hidden\"\r\n                    name=\"CreatedDate\"\r\n                    value={this.props.value.created_Date}\r\n                  />\r\n                  {/* <div className=\"col-lg-5\">\r\n                    <select\r\n                      className=\"effect-16\"\r\n                      name=\"Category\"\r\n                      id=\"Category\"\r\n                      onChange={this.handleChange}\r\n                      type=\"text\"\r\n                      placeholder=\"City\"\r\n                    >\r\n                      <option hidden >{this.props.value.categ}</option>\r\n                      <option value=\"\"> Category</option>\r\n                      {SKillAdminCategoryDrop.map((SKillAdminCategoryDrop) => (\r\n                        <option\r\n                          selected={\r\n                            SKillAdminCategoryDrop.category ===\r\n                            this.props.value.categ\r\n                          }\r\n                          value={SKillAdminCategoryDrop.category}\r\n                        >\r\n                          {SKillAdminCategoryDrop.category}\r\n                        </option>\r\n                      ))}\r\n                    </select>\r\n                    {Category == null ? (\r\n                      <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                        Category\r\n                      </span>\r\n                    ) : (\r\n                      <div style={{ color: \"red\", float: \"left\" }}>\r\n                        {Category}\r\n                      </div>\r\n                    )}\r\n                  </div> */}\r\n\r\n                  <div className=\"col-lg-5\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"OldSkillName\"\r\n                    defaultValue={\r\n                      this.props.value.Skillname\r\n                    }\r\n                  />\r\n                    <select\r\n                      className=\"effect-16\"\r\n                      name=\"SkillName\"\r\n                      onChange={this.handleSkillChange}\r\n                      type=\"text\"\r\n                      placeholder=\"SkillName\"\r\n                      // id=\"skillname\"\r\n                      style={{\r\n                        ...(isChrome && { marginLeft: '-8px' })\r\n                      }}\r\n                      id=\"skillname\"\r\n                    >\r\n                      <option hidden>{this.props.value.Skillname}</option>\r\n                      <option value=\"\"> Skill Name</option>\r\n                      {SKillAdminNameDrop.map((SKillAdminNameDrop) => (\r\n                        <option\r\n                          selected={\r\n                            SKillAdminNameDrop.skillName ===\r\n                            this.props.value.Skillname\r\n                          }\r\n                          value={SKillAdminNameDrop.skillName}\r\n                        >\r\n                          {SKillAdminNameDrop.skillName}\r\n                        </option>\r\n                      ))}\r\n                    </select>\r\n                    {/* <input\r\n                      type=\"hidden\"\r\n                      name=\"Id\"\r\n                      defaultValue={this.props.value.id}\r\n                    />\r\n                    <input\r\n                      className=\"form\"\r\n                      defaultValue={this.props.value.Skillname}\r\n                      id=\"SkillName\"\r\n                      name=\"SkillName\"\r\n                      maxLength=\"20\"\r\n                      type=\"text\"\r\n                      onChange={this.handleChange}\r\n                      placeholder=\"Skill Name\"\r\n                    /> */}\r\n                    {SkillName == null ? (\r\n                      <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                        Name\r\n                      </span>\r\n                    ) : (\r\n                      <div style={{ color: \"red\", float: \"left\" }}>\r\n                        {SkillName}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                  {/* </div>  */}\r\n                  <br />\r\n                  {/* <div className=\"row  justify-content-center\" style={{ width: \"100%\" }}> */}\r\n                  {/* <div className=\"col-lg-5\">\r\n                    <input\r\n                      className=\"form\"\r\n                      defaultValue={this.props.value.Skilldescrp}\r\n                      id=\"SkillDescription\"\r\n                      name=\"SkillDescription\"\r\n                      type=\"text\"\r\n                      onChange={this.handleChange}\r\n                      placeholder=\"Skill Description\"\r\n                    />\r\n                    {SkillDescription == null ? (\r\n                      <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                        Skill Description\r\n                      </span>\r\n                    ) : (\r\n                      <div style={{ color: \"red\", float: \"left\" }}>\r\n                        {SkillDescription}\r\n                      </div>\r\n                    )}\r\n                  </div> */}\r\n\r\n                  <div className=\"col-lg-5\">\r\n                    {/* <select className=\"effect-16\"  type=\"text\" name=\"Experience\" id=\"Experience\" onChange={this.handleSkillChange} defaultValue={this.props.value.exp}  >\r\n    <option value=\"SelectValue\" >Select</option> \r\n          <option value=\"0-1 year\">0-1 year</option>\r\n          <option value=\"1-2 year\">1-2 year</option>\r\n          <option value=\"2-3 year\">2-3 year</option>\r\n          <option value=\"3-4 year\">3-4 year</option>\r\n          <option value=\"4-5 year\">4-5 year</option>\r\n          <option value=\"More\">More</option>\r\n          </select> */}\r\n                    <input\r\n                      className=\"form\"\r\n                      max={new Date(\r\n                        new Date().getFullYear(),\r\n                        new Date().getMonth(),\r\n                        new Date().getDate() + 1\r\n                      )\r\n                        .toJSON()\r\n                        .slice(0, 10)}\r\n                      name=\"Experience\"\r\n                      id=\"Experience\"\r\n                      defaultValue={DateFormat}\r\n\r\n                      type=\"text\"\r\n                      onFocus={(e) => (e.target.type = \"date\")}\r\n                      onBlur={(e) => {\r\n                        e.target.type = \"text\";\r\n\r\n                        // e.target.value = (\r\n\r\n                        //     e.target.value\r\n\r\n                        // );\r\n                      }}\r\n                      onChange={this.handleSkillChange}\r\n                      placeholder={DateFormat}\r\n                    />\r\n                    {/* <input\r\n                      className=\"form\"\r\n                      max={new Date(\r\n                        new Date().getFullYear(),\r\n                        new Date().getMonth(),\r\n                        new Date().getDate() + 1\r\n                      )\r\n                        .toJSON()\r\n                        .slice(0, 10)}\r\n                      name=\"Experience\"\r\n                      id=\"Experience\"\r\n                      defaultValue={(this.props.value.exp)}\r\n                      type=\"text\"\r\n                      onFocus={(e) => (e.target.type = \"date\")}\r\n                      onBlur={(e) => (e.target.type = \"text\")}\r\n                      onChange={this.handleChange}\r\n                       placeholder={(this.props.value.exp)}\r\n                    /> */}\r\n                    {Experience == null ? (\r\n                      <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                        Acquired From\r\n                      </span>\r\n                    ) : (\r\n                      <div style={{ color: \"red\", float: \"left\" }}>\r\n                        {Experience}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </div>{\" \"}\r\n                <br />\r\n                <div\r\n                  className=\"row  justify-content-center\"\r\n                  style={{ width: \"100%\" }}\r\n                >\r\n                  <div\r\n                    className=\"col-0\"\r\n                    style={{\r\n                      marginTop: \"2%\",\r\n                      marginLeft: \"15px\",\r\n                      color: \"#495057\",\r\n                    }}\r\n                  >\r\n                    <span style={{ color: \"rgb(162, 157, 157)\" }}>Trainer</span>\r\n                    &nbsp; &nbsp;\r\n                    <label className=\"switch\">\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        id=\"Trainer\"\r\n                        defaultChecked={\r\n                          this.props.value.trainer === \"Yes\" ? true : false\r\n                        }\r\n                        name=\"Trainer\"\r\n                      />\r\n                      <span className=\"slider round\" />\r\n                    </label>\r\n                    &nbsp; &nbsp;\r\n                      <span\r\n                        style={{\r\n                          color: \"#a29d9d\",\r\n                        }}\r\n                      >\r\n                        {\" \"}\r\n                        Certificate Details\r\n                      </span>{\" \"}\r\n                      &nbsp; &nbsp;\r\n                      <label className=\"switch\">\r\n                        <input\r\n                          type=\"checkbox\"\r\n                          id=\"UploadCertificate\"\r\n                          defaultChecked={\r\n                            this.props.value.certificates === \"Yes\" ? true : false\r\n                          }\r\n                          onInputCapture={\r\n                            this.HandleSkillCertificate\r\n                          }\r\n                          name=\"Certificate\"\r\n                        />\r\n                        <span className=\"slider round\" />\r\n                      </label>\r\n                  </div>\r\n                </div>\r\n                {UploadCertificate === true ? (\r\n                  <>\r\n\r\n                    <div\r\n                      className=\"row\"\r\n                      style={{ padding: \"8px\" }}\r\n                    >\r\n                      <div\r\n                        className=\"col-sm-6\"\r\n\r\n                      >\r\n                        <input\r\n                          className=\"form\"\r\n                          onFocus={(e) => e.target.select()}\r\n                          name=\"SkillCoursename\"\r\n                          type=\"text\"\r\n                          id=\"skillcoursename\"\r\n                          onChange={this.handleSkillChange}\r\n                        />\r\n                        {!skillcoursename ? (\r\n                          <span\r\n                            style={{\r\n                              color: \"#a29d9d\",\r\n                              float: \"left\",\r\n                            }}\r\n                          >\r\n                            Course Name\r\n                            <span style={{ color: \"red\" }}>\r\n                              *\r\n                            </span>\r\n                          </span>\r\n                        ) : (\r\n                          <div\r\n                            style={{\r\n                              color: \"red\",\r\n                              float:'left'\r\n\r\n                            }}\r\n                          >\r\n                            {skillcoursename}\r\n                          </div>\r\n                        )}\r\n                        <span className=\"underline\" />\r\n                      </div>\r\n                      <div\r\n                        className=\"col-sm-6\"\r\n\r\n                      >\r\n                        <input\r\n                          className=\"form\"\r\n                          onFocus={(e) => {e.target.select();\r\n                            (e.target.type = \"month\")\r\n                          }}\r\n                          max={new Date(\r\n                            new Date().getFullYear(),\r\n                            new Date().getMonth() + 1\r\n                          )\r\n                            .toJSON()\r\n                            .slice(0, 7)}\r\n                          min={new Date(\r\n                            new Date().getFullYear() - 60,\r\n                            new Date().getMonth() + 1\r\n                          )\r\n                            .toJSON()\r\n                            .slice(0, 7)}\r\n                          name=\"SkillStartdate\"\r\n                          id=\"skillCoursestartdate\"\r\n                          type=\"text\"\r\n                          // onFocus={(e) =>\r\n                          //   (e.target.type = \"month\")\r\n                          // }\r\n                          onChange={this.handleSkillChange}\r\n                        />\r\n                        {!skillCoursestartdate ? (\r\n                          <span\r\n                            style={{\r\n                              color: \"#a29d9d\",\r\n                              float: \"left\",\r\n                            }}\r\n                          >\r\n                            Start From\r\n                            <span style={{ color: \"red\" }}>\r\n                              *\r\n                            </span>\r\n                          </span>\r\n                        ) : (\r\n                          <div\r\n                            style={{\r\n                              color: \"red\",\r\n                              float:'left'\r\n                            }}\r\n                          >\r\n                            {skillCoursestartdate}\r\n                          </div>\r\n                        )}\r\n                        <span className=\"underline\" />\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      className=\"row\"\r\n                      style={{ padding: \"8px\" }}\r\n                    >\r\n                      <div\r\n                        className=\"col-sm-6\"\r\n                        style={{\r\n\r\n                          color: \"#495057\",\r\n\r\n                        }}\r\n                      >\r\n                        <input\r\n                          className=\"form\"\r\n                          onFocus={(e) => {e.target.select();\r\n                            (e.target.type = \"month\")\r\n                          }}\r\n                          name=\"SkillEnddate\"\r\n                          id=\"skillCourseEnddate\"\r\n                          type=\"text\"\r\n                          max={new Date(\r\n                            new Date().getFullYear(),\r\n                            new Date().getMonth() + 1\r\n                          )\r\n                            .toJSON()\r\n                            .slice(0, 7)}\r\n                          min={new Date(\r\n                            new Date().getFullYear() - 60,\r\n                            new Date().getMonth() + 1\r\n                          )\r\n                            .toJSON()\r\n                            .slice(0, 7)}\r\n                          // onFocus={(e) =>\r\n                          //   (e.target.type = \"month\")\r\n                          // }\r\n                          onChange={this.handleSkillChange}\r\n                        />\r\n                        {!skillCourseEnddate ? (\r\n                          <span\r\n                            style={{\r\n                              color: \"#a29d9d\",\r\n                              float: \"left\",\r\n                            }}\r\n                          >\r\n                            End\r\n                            <span style={{ color: \"red\" }}>\r\n                              *\r\n                            </span>\r\n                          </span>\r\n                        ) : (\r\n                          <div\r\n                            style={{\r\n                              color: \"red\",\r\n                              float:'left'\r\n                            }}\r\n                          >\r\n                            {skillCourseEnddate}\r\n                          </div>\r\n                        )}\r\n                        <span className=\"underline\" />\r\n                      </div>\r\n\r\n                      <div className=\"col-sm-6\">\r\n                        <input\r\n                          className=\"effect-16\"\r\n                          name=\"SkillCertificate\"\r\n                          type=\"file\"\r\n                          id=\"SkillCertificate\"\r\n                          onChange={\r\n                            this.handleSkillCertificate\r\n                          }\r\n                        />\r\n                        {!skillCertificate ? (\r\n                          <span\r\n                            style={{\r\n                              color: \"#a29d9d\",\r\n                              float: \"left\",\r\n                            }}\r\n                          >\r\n                            Certificate upload\r\n                            <span style={{ color: \"red\" }}>\r\n                              *\r\n                            </span>\r\n                          </span>\r\n                        ) : (\r\n                          <div\r\n                            style={{\r\n                              color: \"red\",\r\n                              float:'left'\r\n                            }}\r\n                          >\r\n                            {skillCertificate}\r\n                          </div>\r\n                        )}\r\n                        <span className=\"underline\" />\r\n                      </div>\r\n                    </div>\r\n                  </>\r\n                ) : null}\r\n                {this.props.value.certificates === \"No\" || this.props.value.coursename === \"-\" ? null : (\r\n                  <>\r\n                    <div className=\"row\" id=\"Certificatestyle\" style={{ marginTop: \"1%\" }}>\r\n                      <div className=\"col-lg-6\">\r\n                        <input\r\n                          className=\"form\"\r\n                          name=\"SkillCoursename\"\r\n                          defaultValue={this.props.value.coursename}\r\n                          type=\"text\"\r\n                          id=\"skillcourseName\"\r\n                          onChange={this.handleSkillChange}\r\n                          placeholder=\"Course name\"\r\n                        />\r\n                        {skillcoursename == null ? (\r\n                          <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                            Course Name\r\n                          </span>\r\n                        ) : (\r\n                          <div style={{ color: \"red\", float: \"left\" }}>\r\n                            {skillcoursename}\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                      <div className=\"col-lg-6\">\r\n                        <input\r\n                          className=\"form\"\r\n                          name=\"SkillStartdate\"\r\n                          defaultValue={this.props.value.startdate}\r\n                          id=\"skillcoursestartdate\"\r\n                          type=\"text\"\r\n                          onFocus={(e) => (e.target.type = \"month\")}\r\n                          onChange={this.handleSkillChange}\r\n                          placeholder=\"Start Date\"\r\n                        />\r\n                        {skillCoursestartdate == null ? (\r\n                          <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                            Start Date\r\n                          </span>\r\n                        ) : (\r\n                          <div style={{ color: \"red\", float: \"left\" }}>\r\n                            {skillCoursestartdate}\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                      <div className=\"col-lg-6\">\r\n                        <input\r\n                          className=\"form\"\r\n                          name=\"SkillEnddate\"\r\n                          defaultValue={this.props.value.enddate}\r\n                          id=\"skillCourseenddate\"\r\n                          type=\"text\"\r\n                          onFocus={(e) => (e.target.type = \"month\")}\r\n                          onChange={this.handleSkillChange}\r\n                          placeholder=\"End Date\"\r\n                        />\r\n                        {skillCourseEnddate == null ? (\r\n                          <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                            End Date\r\n                          </span>\r\n                        ) : (\r\n                          <div style={{ color: \"red\", float: \"left\" }}>\r\n                            {skillCourseEnddate}\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                      <div className=\"col-lg-6\">\r\n                      <input\r\n                          className=\"form\"\r\n                          name=\"OldSkillCertificate\"\r\n                          type=\"hidden\"\r\n                          defaultValue={this.props.value.certificate}\r\n                        />\r\n                        <input\r\n                          className=\"form\"\r\n                          name=\"SkillCertificate\"\r\n                          type=\"text\"\r\n                          id=\"SkillCertificate\"\r\n                          defaultValue={this.props.value.certificate}\r\n                          onChange={\r\n                            this.handleSkillChange\r\n                          }\r\n                          onFocus={(e) => (e.target.type = \"file\")}\r\n                        />\r\n                          {skillCertificate == null ? (\r\n                          <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                            Certificate upload\r\n                          </span>\r\n                        ) : (\r\n                          <div style={{ color: \"red\", float: \"left\" }}>\r\n                            {skillCertificate}\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                    </div>\r\n                  </>\r\n                )}\r\n                <br />\r\n                <div className=\"col-lg-12\">\r\n                  <br />\r\n                  <div className=\"row  justify-content-center\">\r\n                    <button\r\n                      type=\"submit\"\r\n                      className=\"button-30 sk-edit\"\r\n                      style={{\r\n                        color: \"#8e75ef\",\r\n                        fontWeight: \"bold\",\r\n                        height: \"39.5px\",\r\n                        width: \"83.36px\",\r\n                      }}\r\n                      disabled={this.state.isButtonDisabled}\r\n                    >\r\n                      Update\r\n                    </button>\r\n                    <button\r\n                      type=\"reset\"\r\n                      className=\"button-30 sk-edit\"\r\n                      style={{\r\n                        color: \"#716b6b\",\r\n                        fontWeight: \"bold\",\r\n                        marginLeft: \"2%\",\r\n                        height: \"39.5px\",\r\n                      }}\r\n                      onClick={() => this.setState({ formErrors: \"\",UploadCertificate: false })}\r\n                    >\r\n                      &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class Export extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Addskills: [],\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      Notification: [],\r\n      skillsgun: \"\",\r\n    };\r\n  }\r\n  exportTableToExcel = (tableID, filename = \"\") => {\r\n    var downloadLink;\r\n    var dataType = \"application/vnd.ms-excel\";\r\n    //var tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');\r\n\r\n    // Specify file name\r\n    filename = filename ? filename + \".xls\" : \"excel_data.xls\";\r\n\r\n    // Create download link element\r\n    downloadLink = document.createElement(\"a\");\r\n\r\n    document.body.appendChild(downloadLink);\r\n\r\n    if (navigator.msSaveOrOpenBlob) {\r\n      var blob = new Blob([\"\\ufeff\"], {\r\n        type: dataType,\r\n      });\r\n      navigator.msSaveOrOpenBlob(blob, filename);\r\n    } else {\r\n      // Create a link to the file\r\n      downloadLink.href = \"data:\" + dataType;\r\n\r\n      // Setting the file name\r\n      downloadLink.download = filename;\r\n\r\n      //triggering the function\r\n      downloadLink.click();\r\n    }\r\n  };\r\n\r\n  GetAddSkill() {\r\n    let url = `${BASE_URLs}/Skill/MasterGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Addskills: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetAddSkill();\r\n  }\r\n  render() {\r\n    const { Addskills } = this.state;\r\n    return (\r\n      <div>\r\n        <form autoComplete=\"on\" encType=\"multipart/form-data\">\r\n          <table\r\n            id=\"tblData\"\r\n            className=\"table  table-striped table-bordered nowrap\"\r\n          >\r\n            <thead>\r\n              <tr>\r\n                <th>Category</th>\r\n                <th>Skill Name</th>\r\n                <th>Skill Description </th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              {Addskills.map((skill) => (\r\n                <tr>\r\n                  <td>{skill.category}</td>\r\n                  <td>{skill.skillName}</td>\r\n                  <td>{skill.skillDescription}</td>\r\n                  <td>\r\n                    <img\r\n                      alt=\"invite\"\r\n                      src=\"../Assets/images/invite.png\"\r\n                      tyle={{ height: \"30px\" }}\r\n                    />\r\n                  </td>\r\n                  <td>\r\n                    <div className=\"dropdown\">\r\n                      <div className=\"dropdown-content\">\r\n                        <a href>Edit </a>\r\n                      </div>\r\n                    </div>\r\n                  </td>\r\n                </tr>\r\n              ))}\r\n            </tbody>\r\n          </table>\r\n          <button onclick={this.exportTableToExcel()}>\r\n            Export Table Data To Excel File\r\n          </button>\r\n          <br />\r\n\r\n          <br />\r\n          <br />\r\n          <br />\r\n          <br />\r\n        </form>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport \"../Css/Chat.css\";\r\nimport EntityList from \"./EntityList\";\r\nimport TimeAgo from \"react-timeago\";\r\nimport ReactTimeAgo from \"react-time-ago\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class SuccessPopup1 extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.myRef = React.createRef(null);\r\n    this.state = {\r\n      AddSkillModels: false,\r\n      Entity: false,\r\n      Allmessage: [],\r\n      isButton1Visible: true,\r\n      Popmsg: [],\r\n      message: [],\r\n      ReceivepopMsg: [],\r\n      createDateTime: new Date(),\r\n      picture_Path: null,\r\n      document_Path: null,\r\n      selectedDocumentName: \"\",\r\n      active: false,\r\n      chosenEmoji: null,\r\n      showEmoji: false,\r\n      setShowEmoji: \"\",\r\n      msg: \"\",\r\n      message: \"\",\r\n    };\r\n    this.AddSkillModels = this.AddSkillModels.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleEmojiClick = this.handleEmojiClick.bind(this);\r\n    this.myEmoji = this.myEmoji.bind(this);\r\n  }\r\n  handleDocumentChange = (event) => {\r\n    const selectedDocument = event.target.files[0];\r\n    this.setState({\r\n      document_Path: selectedDocument,\r\n      selectedDocumentName: selectedDocument.name,\r\n    });\r\n  };\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n  handleTextChange = (event) => {\r\n    this.setState({ message: event.target.value });\r\n  };\r\n  handleFileChange = (event) => {\r\n    this.setState({ picture_Path: event.target.files[0] });\r\n  };\r\n  handleSubmit = (event) => {\r\n    const { message, picture_Path, document_Path } = this.state;\r\n    if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n      alert(\"Please enter a message, select an image, or choose a document.\");\r\n    } else {\r\n      event.preventDefault();\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Contact/OneOnOne`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((data) => {\r\n          event.target.reset();\r\n          this.GetmsgPop(this.props.values.userName);\r\n          this.GetReceivemsgPop(this.props.values.firstName);\r\n          this.setState({\r\n            message: \"\",\r\n            picture_Path: null,\r\n            document_Path: null,\r\n          });\r\n        });\r\n    }\r\n  };\r\n\r\n  GetMessages() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Contact/GetSendmsg`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        if (Array.isArray(data)) {\r\n          this.setState({\r\n            Messages: data,\r\n          });\r\n          // console.log(\"message\", data);\r\n        } else {\r\n          console.error(\"Received data is not an array:\", data);\r\n        }\r\n      });\r\n  }\r\n\r\n  GetAllMessage(Id) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Contact/GetAllmsg?Id=` + Id, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Allmessage: data,\r\n        });\r\n        // console.log(\"AllMessage\", data);\r\n      });\r\n  }\r\n\r\n  GetmsgPop(UserName) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/Contact/GetmsgPop?UserName=` + UserName, options)\r\n      .then((response) => {\r\n        if (!response.ok) {\r\n          throw new Error(\"Error: \" + response.status);\r\n        }\r\n        return response.json();\r\n      })\r\n      .then((data) => {\r\n        this.setState({\r\n          Popmsg: data,\r\n        });\r\n        // console.log(\"Receive\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  GetReceivemsgPop(FirstName) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n\r\n    fetch(\r\n      `${BASE_URLs}/Contact/GetReceivemsgPop?FirstName=` + FirstName,\r\n      options\r\n    )\r\n      .then((response) => {\r\n        if (!response.ok) {\r\n          throw new Error(\"Error: \" + response.status);\r\n        }\r\n        return response.json();\r\n      })\r\n      .then((data) => {\r\n        this.setState({\r\n          ReceivepopMsg: data,\r\n        });\r\n        // console.log(\"ReceivepopMsg\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetMessages();\r\n    this.GetAllMessage();\r\n    this.GetmsgPop(this.props.values.userName);\r\n    this.GetReceivemsgPop(this.props.values.firstName);\r\n    this.timerID = setInterval(() => {\r\n      this.setState({ createDateTime: new Date() });\r\n    }, 1000);\r\n    this.setState({ active: true });\r\n    this.scrollIntoView();\r\n  }\r\n  componentWillUnmount() {\r\n    // Clear the interval when the component is unmounted\r\n    clearInterval(this.timerID);\r\n    this.setState({ active: false });\r\n  }\r\n  componentDidUpdate() {\r\n    this.scrollIntoView();\r\n  }\r\n  scrollIntoView() {\r\n    this.myRef.current?.scrollIntoView();\r\n  }\r\n  handleArrowClick() {\r\n    this.AddSkillModels();\r\n    this.props.close();\r\n  }\r\n  handleKeyPress(event) {\r\n    if (event.key === \"Enter\") {\r\n      this.AddSkillModels();\r\n      this.props.close();\r\n    }\r\n  }\r\n  myEmoji = () => {\r\n    const changeState = this.state.showEmoji;\r\n    if (changeState) {\r\n      this.setState({\r\n        showEmoji: false,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        showEmoji: true,\r\n      });\r\n    }\r\n  };\r\n  handleChange = (e) => {\r\n    this.setState({\r\n      message: e.target.value,\r\n    });\r\n  };\r\n  handleEmojiClick = (emojiObject) => {\r\n    this.setState((prevState) => ({\r\n      message: prevState.message + emojiObject.emoji,\r\n      showEmoji: false,\r\n    }));\r\n  };\r\n  AddSkillModels() {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    this.setState((prevState) => ({\r\n      AddSkillModel: !prevState.AddSkillModel,\r\n    }));\r\n  }\r\n  handleButton1Click = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n    });\r\n  };\r\n  EntityListOpen = () => {\r\n    this.setState({\r\n      Entity: true,\r\n    });\r\n\r\n    document.getElementById(\"successclose\").style.display = \"none\";\r\n    // this.props.close()\r\n  };\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const {\r\n      Message,\r\n      Allmessage,\r\n      isButton1Visible,\r\n      isButton2Visible,\r\n      isBackArrowVisible,\r\n      Popmsg,\r\n      message,\r\n      picture_Path,\r\n      document_Path,\r\n      ReceivepopMsg,\r\n      showEmoji,\r\n      Entity,\r\n\r\n      msg,\r\n    } = this.state;\r\n    const messages = [...Popmsg, ...ReceivepopMsg];\r\n    messages.sort(\r\n      (a, b) => new Date(a.createDateTime) - new Date(b.createDateTime)\r\n    );\r\n    return (\r\n      <>\r\n        {Entity && <EntityList id=\"\" close={() => this.AddSkillModels()} />}\r\n        {isButton1Visible && (\r\n          <div\r\n            className=\"pop\"\r\n            style={{ backgroundColor: \"transparent\", marginLeft: \"28%\" }}\r\n          >\r\n            <form\r\n              id=\"contactForm\"\r\n              autoComplete=\"off\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit}\r\n            >\r\n              <ul className=\"text-right boxs\">\r\n                <li\r\n                  className=\"chat-single-box card-shadow active\"\r\n                  data-id=\"1\"\r\n                  style={{ marginTop: \"-128px\" }}\r\n                >\r\n                  <div\r\n                    className=\"had-container\"\r\n                    id=\"successclose\"\r\n                    style={{ width: \"970px\", marginLeft: \"-910px\" }}\r\n                  >\r\n                    <div\r\n                      className=\"chat-header p-10 bg-gray\"\r\n                      style={{ backgroundColor: \"rgb(156 145 244)\" }}\r\n                    >\r\n                      <div className=\"user-info d-inline-block f-left\">\r\n                        <div className=\"Namepass\" style={{ marginTop: \"1px\" }}>\r\n                          {/* <i\r\n                            onClick={() => {\r\n                              this.AddSkillModels();\r\n\r\n                              this.handleButton1Click();\r\n                            }}\r\n                            className=\"icofont icofont-arrow-left chatButtonTextColor\"\r\n                            style={{ fontSize: \"45px\" }}\r\n                          /> */}\r\n                          <input\r\n                            type=\"hidden\"\r\n                            name=\"UserName\"\r\n                            defaultValue={this.props.values.userName}\r\n                          />\r\n                          <span\r\n                            className=\"userNames\"\r\n                            defaultValue={this.props.values.firstName}\r\n                          >\r\n                            <a\r\n                              href=\"javascript:void(0);\"\r\n                              title=\"Me\"\r\n                              style={{\r\n                                fontSize: \"18px\",\r\n                                fontWeight: \"600\",\r\n                                color: \"white\",\r\n                                textShadow: \"2px 2px #6f60e7\",\r\n                              }}\r\n                            >\r\n                              <img\r\n                                src=\"assets/images/avatar-1.png\"\r\n                                className=\"img-circle img-chat-profile\"\r\n                                alt=\"Me\"\r\n                              />\r\n                              &nbsp;&nbsp;{this.props.values.firstName}\r\n                            </a>\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"box-tools d-inline-block\">\r\n                        <button\r\n                          id=\"close\"\r\n                          style={{\r\n                            float: \"right\",\r\n                            backgroundColor: \"#a0a3a305\",\r\n                            color: \"#797070\",\r\n                            border: \"1px solid #a3a5a505\",\r\n                            //opacity:\"0\"\r\n                          }}\r\n                          onClick={this.props.close}\r\n                          // onClick={()=>{\r\n\r\n                          //   this.EntityListOpen()\r\n                          // }}\r\n                        >\r\n                          <CloseIcon />\r\n                        </button>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      className=\"chat-body p-10\"\r\n                      style={{\r\n                        overflowY: \"scroll\",\r\n                        overflowX: \"hidden\",\r\n                        height: \"470px\",\r\n                      }}\r\n                    >\r\n                      <div className=\"message-scrooler\">\r\n                        <div className=\"messages\">\r\n                          <div\r\n                            className=\"containers\"\r\n                            style={{ width: \"128vh\" }}\r\n                          >\r\n                            {messages.map((message, index) => {\r\n                              const isSender = Popmsg.includes(message);\r\n\r\n                              return (\r\n                                <div\r\n                                  className={`message-${\r\n                                    isSender ? \"orange\" : \"blue\"\r\n                                  }`}\r\n                                  key={index}\r\n                                  style={{\r\n                                    height: \"auto\",\r\n                                    overflowWrap: \"break-word\",\r\n                                  }}\r\n                                >\r\n                                  {message.picture_Path === \"-\" &&\r\n                                  message.document_Path === \"-\" ? (\r\n                                    <p\r\n                                      className=\"message-content\"\r\n                                      name=\"Popmsg\"\r\n                                      // style={{ wordWrap: \"break-word\" }}\r\n                                    >\r\n                                      {message.message}\r\n                                    </p>\r\n                                  ) : (\r\n                                    <>\r\n                                      {message.picture_Path !== \"-\" &&\r\n                                      message.document_Path !== \"-\" ? (\r\n                                        <div>\r\n                                          <div>\r\n                                            <p\r\n                                              className=\"message-content\"\r\n                                              name=\"Popmsg\"\r\n                                              // style={{ wordWrap: \"break-word\" }}\r\n                                            >\r\n                                              {message.message}\r\n                                            </p>\r\n\r\n                                            <br />\r\n\r\n                                            <div>\r\n                                              <img\r\n                                                alt=\"chatimg\"\r\n                                                width=\"80\"\r\n                                                height=\"80\"\r\n                                                src={message.picture_Path}\r\n                                                style={{ width: \"inherit\" }}\r\n                                              />\r\n                                            </div>\r\n                                            <div>\r\n                                              <embed\r\n                                                src={message.document_Path}\r\n                                                id=\"Gstiframe\"\r\n                                                title=\"\"\r\n                                                scrolling=\"no\"\r\n                                                target=\"_blank\"\r\n                                                style={{\r\n                                                  width: \"100px\",\r\n                                                  height: \"100px\",\r\n                                                  pointerEvents: \"none\",\r\n                                                }}\r\n                                              ></embed>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      ) : (\r\n                                        <>\r\n                                          {message.picture_Path === \"-\" &&\r\n                                          message.document_Path !== \"-\" ? (\r\n                                            <div>\r\n                                              <p\r\n                                                className=\"message-content\"\r\n                                                name=\"Popmsg\"\r\n                                                // style={{\r\n                                                //   wordWrap: \"break-word\",\r\n                                                // }}\r\n                                              >\r\n                                                {message.message}\r\n                                              </p>\r\n                                              <br />\r\n                                              <embed\r\n                                                src={message.document_Path}\r\n                                                id=\"Gstiframe\"\r\n                                                title=\"\"\r\n                                                scrolling=\"no\"\r\n                                                target=\"_blank\"\r\n                                                style={{\r\n                                                  width: \"100px\",\r\n                                                  height: \"100px\",\r\n                                                  pointerEvents: \"none\",\r\n                                                }}\r\n                                              ></embed>\r\n                                            </div>\r\n                                          ) : (\r\n                                            <div>\r\n                                              <p\r\n                                                className=\"message-content\"\r\n                                                name=\"Popmsg\"\r\n                                                // style={{\r\n                                                //   wordWrap: \"break-word\",\r\n                                                // }}\r\n                                              >\r\n                                                {message.message}\r\n                                              </p>\r\n                                              <br />\r\n\r\n                                              <div>\r\n                                                <img\r\n                                                  alt=\"chatimg\"\r\n                                                  width=\"80\"\r\n                                                  height=\"80\"\r\n                                                  src={message.picture_Path}\r\n                                                  style={{ width: \"inherit\" }}\r\n                                                />\r\n                                              </div>\r\n                                            </div>\r\n                                          )}\r\n                                        </>\r\n                                      )}\r\n                                    </>\r\n                                  )}\r\n                                  <br />\r\n                                  <div className=\"message-timestamp-right\">\r\n                                    {/* <TimeAgo\r\n                                      date={message.createDateTime}\r\n                                      live={true}\r\n                                      format={(value, unit, suffix) => {\r\n                                        if (unit === \"second\") {\r\n                                          // Custom formatting for seconds\r\n                                          return `${value} seconds ago`;\r\n                                        }\r\n\r\n                                        // Default formatting for other units\r\n                                        return `${value} ${unit}${suffix}`;\r\n                                      }}\r\n                                      locale=\"en-US\"\r\n                                      style={{ color: \"gray\" }}\r\n                                    /> */}\r\n\r\n                                    <ReactTimeAgo\r\n                                      date={message.createDateTime}\r\n                                      locale=\"en-US\"\r\n                                      timeStyle=\"round-minute\"\r\n                                      style={{ color: \"gray\" }}\r\n                                    />\r\n                                  </div>\r\n                                </div>\r\n                              );\r\n                            })}\r\n                            <div ref={this.myRef} />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div id=\"Chat-Input-outer\">\r\n                      <div\r\n                        className=\"chat-footer b-t-muted\"\r\n                        style={{ backgroundColor: \"white\" }}\r\n                      >\r\n                        <div\r\n                          className=\"input-group write-msg\"\r\n                          id=\"Chat-input\"\r\n                          style={{\r\n                            border: \"1px solid #bfbfbe\",\r\n                            padding: \"2px 2px\",\r\n                          }}\r\n                        >\r\n                          {/* <input\r\n                          type=\"text\"\r\n                          className=\"form-control input-value\"\r\n                          placeholder=\"Type a Message\"\r\n                          name=\"Message\"\r\n                        ></input> */}\r\n                          <input\r\n                            type=\"text\"\r\n                            className=\"form-control input-value\"\r\n                            placeholder=\"Type a Message\"\r\n                            name=\"Message\"\r\n                            value={this.state.message}\r\n                            onChange={this.handleTextChange}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            style={{ border: \"none\" }}\r\n                          ></input>\r\n                          {/* {this.state.picture_Path && (\r\n                            <div>\r\n                              {this.state.picture_Path.type.startsWith(\r\n                                \"image/\"\r\n                              ) && (\r\n                                <img\r\n                                  style={{ width: \"5vh\", height: \"5vh\" }}\r\n                                  src={URL.createObjectURL(\r\n                                    this.state.picture_Path\r\n                                  )}\r\n                                  alt=\"Uploaded Image\"\r\n                                />\r\n                              )} */}\r\n                          {/* {this.state.file.type.startsWith('video/') && (\r\n              <video controls>\r\n                <source src={URL.createObjectURL(this.state.file)} type={this.state.file.type} />\r\n                Your browser does not support the video tag.\r\n              </video>\r\n            )} */}\r\n                          {/* {this.state.picture_Path.type.startsWith(\r\n                                \"application/pdf\"\r\n                              ) && (\r\n                                <embed\r\n                                  src={URL.createObjectURL(\r\n                                    this.state.picture_Path\r\n                                  )}\r\n                                  width=\"50\"\r\n                                  height=\"35\"\r\n                                  type=\"application/pdf\"\r\n                                />\r\n                              )} */}\r\n                          {/* {this.state.picture_Path.type.startsWith(\r\n                                \"application/msword\"\r\n                              ) && (\r\n                                <iframe\r\n                                  src={`https://docs.google.com/gview?url=${URL.createObjectURL(\r\n                                    this.state.picture_Path\r\n                                  )}&embedded=true`}\r\n                                  width=\"50\"\r\n                                  height=\"35\"\r\n                                ></iframe>\r\n                              )} */}\r\n                          {/* </div>\r\n                          )} */}\r\n                          {picture_Path && (\r\n                            <div>\r\n                              <img\r\n                                src={URL.createObjectURL(picture_Path)}\r\n                                alt=\"Preview\"\r\n                                style={{ width: \"5vh\", height: \"5vh\" }}\r\n                              />\r\n                            </div>\r\n                          )}\r\n                          {document_Path && (\r\n                            <div>\r\n                              {/* <h4>Preview Document:</h4> */}\r\n                              {document_Path.type ===\r\n                              \"application/pdf/msword\" ? (\r\n                                <embed\r\n                                  src={URL.createObjectURL(document_Path)}\r\n                                  width=\"50\"\r\n                                  height=\"60\"\r\n                                  type=\"application/pdf/msword\"\r\n                                />\r\n                              ) : (\r\n                                <p>{document_Path.name}</p>\r\n                                // <p></p>\r\n                              )}\r\n                            </div>\r\n                          )}\r\n                          <input\r\n                            type=\"hidden\"\r\n                            name=\"UserName\"\r\n                            defaultValue={this.props.values.email}\r\n                          />\r\n                          <span\r\n                            className=\"fa fa-smile-o\"\r\n                            aria-hidden=\"true\"\r\n                            style={{ marginTop: \"10px\", fontSize: \"18px\" }}\r\n                            onClick={this.myEmoji}\r\n                          ></span>\r\n                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                          {/* <input\r\n                          type=\"file\"\r\n                          id=\"file\"\r\n                          name=\"Picture_Path\"\r\n                          onFocus={(e) => (e.target.type = \"file\")}\r\n                          style={{ display: \"none\" }}\r\n                        /> */}\r\n                          {showEmoji && (\r\n                            <div\r\n                              style={{\r\n                                position: \"absolute\",\r\n                                top: \"-450px\",\r\n                                marginLeft: \"300px\",\r\n                              }}\r\n                            >\r\n                              <Picker onEmojiClick={this.handleEmojiClick} />\r\n                            </div>\r\n                          )}\r\n                          {/* <input\r\n                          type=\"file\"\r\n                          id=\"file\"\r\n                          name=\"Picture_Path\"\r\n                          onFocus={(e) => (e.target.type = \"file\")}\r\n                          style={{ display: \"none\" }}\r\n                        /> */}\r\n                          <input\r\n                            type=\"file\"\r\n                            id=\"file\"\r\n                            name=\"Picture_Path\"\r\n                            accept=\"image/*\"\r\n                            // onChange={this.handleInputChange}\r\n                            // onChange={this.handleImageUpload}\r\n                            onChange={this.handleFileChange}\r\n                            onFocus={(e) => (e.target.type = \"file\")}\r\n                            style={{ display: \"none\" }}\r\n                          />\r\n                          <label htmlFor=\"file\" style={{ marginTop: \"8px\" }}>\r\n                            <span className=\"fa fa-picture-o\"> </span>\r\n                          </label>\r\n                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                          <input\r\n                            type=\"file\"\r\n                            id=\"files\"\r\n                            name=\"Document_Path\"\r\n                            onChange={this.handleDocumentChange}\r\n                            accept=\"application/pdf,application/msword\"\r\n                            onFocus={(e) => (e.target.type = \"file\")}\r\n                            style={{ display: \"none\" }}\r\n                          />\r\n                          <label htmlFor=\"files\" style={{ marginTop: \"8px\" }}>\r\n                            <span className=\"fa fa-file\"> </span>\r\n                          </label>\r\n                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                          <span className=\"input-group-btn\">\r\n                            <button\r\n                              id=\"paper-btn\"\r\n                              className=\"btn btn-secondary\"\r\n                              type=\"submit\"\r\n                              style={{\r\n                                border: \"none\",\r\n                                background: \"#ffffff\",\r\n                                color: \"#5035ce\",\r\n                              }}\r\n                            >\r\n                              <i className=\"icofont icofont-paper-plane\"></i>\r\n                            </button>\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </li>\r\n              </ul>\r\n            </form>\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SuccessPopup1 from \"./SuccessPopup1\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class SearchPopup extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Announcement: [],\r\n      AllAnnouncement: [],\r\n      showResults: false,\r\n      EditSkillValues: [],\r\n      id: \"\",\r\n      firstName: \"\",\r\n      allmessage: \"\",\r\n      usermsgId: \"\",\r\n      receivemsg: \"\",\r\n      email: \"\",\r\n      displayName: \"\",\r\n      isButtonVisible: true,\r\n    };\r\n    this.initialState = this.state;\r\n  }\r\n  GetAnnouncement(AdminEmail) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/UserBank/OatUser?AdminEmail=` + AdminEmail, options)\r\n      .then((response) => {\r\n        if (!response.ok) {\r\n          throw new Error(\"Error: \" + response.status);\r\n        }\r\n        return response.json();\r\n      })\r\n      .then((data) => {\r\n        this.setState({\r\n          AllAnnouncement: data,\r\n          Announcement: data,\r\n          showResults: true,\r\n        });\r\n        // console.log(\"AdminEmail\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n  myFunction = (e) => {\r\n    const Announcement = this.state.AllAnnouncement.filter((item) =>\r\n      item.firstName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement, showResults: true });\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetAnnouncement(this.props.values.email);\r\n  }\r\n\r\n  EditSkillModel = (e, fn, al, uid, rmsg, em, mb) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        firstName: fn,\r\n        allmessage: al,\r\n        usermsgId: uid,\r\n        receivemsg: rmsg,\r\n        email: em,\r\n        displayName: mb,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModel: !prevState.EditSkillModel,\r\n    }));\r\n  };\r\n\r\n  formclicking() {\r\n    this.setState({\r\n      isButtonVisible: false,\r\n    });\r\n  }\r\n\r\n  backentity() {\r\n    document.getElementById(\"searchpop\").style.display = \"none\";\r\n    setTimeout(() => {\r\n      document.getElementById(\"EntityList\").style.display = \"block\";\r\n    }, 5);\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { Announcement, showResults, isButtonVisible } = this.state;\r\n    return (\r\n      <>\r\n        {this.state.EditSkillModel ? (\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-6\">\r\n              <SuccessPopup1\r\n                id=\"\"\r\n                values={this.state.EditSkillValues}\r\n                close={() => this.EditSkillModel()}\r\n              />\r\n            </div>\r\n          </div>\r\n        ) : null}\r\n        {isButtonVisible && (\r\n          <div\r\n            className=\"pop\"\r\n            style={{\r\n              backgroundColor: \"transparent\",\r\n              left: \"38%\",\r\n              marginTop: \"-65px\",\r\n            }}\r\n            id=\"searchpop\"\r\n          >\r\n            <div>\r\n              <ul className=\"text-right boxs\">\r\n                <li\r\n                  className=\"chat-single-box card-shadow bg-white active\"\r\n                  data-id=\"1\"\r\n                  style={{ width: \"340px\" }}\r\n                >\r\n                  <div className=\"had-container\">\r\n                    <div>\r\n                      {/* <span defaultValue={this.props.values.company_Name}>{this.props.values.company_Name}</span> */}\r\n                    </div>\r\n                    <div className=\"chat-header p-10 bg-white\">\r\n                      <div className=\"box-tools d-inline-block\">\r\n                        <button\r\n                          style={{\r\n                            float: \"right\",\r\n                            backgroundColor: \"#a0a3a305\",\r\n                            color: \"#797070\",\r\n                            border: \"1px solid #a3a5a505\",\r\n                          }}\r\n                          onClick={this.backentity}\r\n                        >\r\n                          <CloseIcon />\r\n                        </button>\r\n                      </div>\r\n                      <input\r\n                        type=\"text\"\r\n                        className=\"form-control  search-text\"\r\n                        placeholder=\"Search\"\r\n                        // onChange={this.myFunction}\r\n                      />\r\n                    </div>\r\n                    <div\r\n                      className=\"chat-body p-10\"\r\n                      style={{ overflow: \"scroll\", height: \"505px\" }}\r\n                    >\r\n                      {showResults && (\r\n                        <>\r\n                          {Announcement.map((item, AdminEmail) => (\r\n                            <>\r\n                              <div\r\n                                className=\"media userlist-box\"\r\n                                data-id=\"1\"\r\n                                data-status=\"online\"\r\n                                data-toggle=\"tooltip\"\r\n                                data-placement=\"left\"\r\n                                key={item.AdminEmail}\r\n                                onClick={(e) => {\r\n                                  e.preventDefault();\r\n                                  this.EditSkillModel(\r\n                                    item.id,\r\n                                    item.firstName,\r\n                                    item.allmessage,\r\n                                    item.usermsgId,\r\n                                    item.receivemsg,\r\n                                    item.email,\r\n                                    item.displayName\r\n                                  );\r\n                                  this.formclicking();\r\n                                }}\r\n                              >\r\n                                <a className=\"media-left\">\r\n                                  <img\r\n                                    className=\"media-object img-circle\"\r\n                                    src=\"assets/images/avatar-1.png\"\r\n                                    alt=\"Generic placeholder image\"\r\n                                    style={{\r\n                                      width: \"32px\",\r\n                                      marginTop: \"8px\",\r\n                                      marginLeft: \"2px\",\r\n                                    }}\r\n                                  />\r\n                                </a>\r\n                                <div\r\n                                  className=\"media-body\"\r\n                                  style={{ textAlign: \"initial\" }}\r\n                                >\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-8\">\r\n                                      <div\r\n                                        className=\"f-13 chat-header\"\r\n                                        style={{\r\n                                          backgroundColor: \"transparent\",\r\n                                        }}\r\n                                      >\r\n                                        {\" \"}\r\n                                        {/* <span style={{ color: \"Gray\" }}>{Announcement.teamId}</span>&nbsp; */}\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"black\",\r\n                                            whiteSpace: \"nowrap\",\r\n                                          }}\r\n                                        >\r\n                                          {item.firstName}\r\n                                        </span>\r\n                                        <br />\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"Gray\",\r\n                                            whiteSpace: \"nowrap\",\r\n                                          }}\r\n                                        >\r\n                                          {item.email}\r\n                                        </span>\r\n                                      </div>\r\n                                    </div>\r\n                                    &nbsp;&nbsp;&nbsp;\r\n                                    <center>\r\n                                      <div\r\n                                        style={{\r\n                                          backgroundColor: \"rgb(156, 145, 244)\",\r\n                                          height: \"22px\",\r\n                                          width: \"47px\",\r\n                                          marginTop: \"13px\",\r\n                                        }}\r\n                                      >\r\n                                        <Link\r\n                                          style={{\r\n                                            color: \"white\",\r\n                                            marginTop: \"5px\",\r\n                                          }}\r\n                                        >\r\n                                          Add\r\n                                        </Link>\r\n                                      </div>\r\n                                    </center>\r\n                                  </div>\r\n                                </div>\r\n                                <br />\r\n                              </div>\r\n                            </>\r\n                          ))}\r\n                        </>\r\n                      )}\r\n                    </div>\r\n                  </div>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/msg.c8b87f57.png\";","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport SuccessPopup1 from \"./SuccessPopup1\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport $ from \"jquery\";\r\nimport { Announcement } from \"@material-ui/icons\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SearchPopup from \"./SearchPopup\";\r\nimport msg from \"../Assets/images/msg.png\";\r\nimport Background from \"../Assets/images/msgbg.png\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class LastChatpop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Announcements: [],\r\n      AllAnnouncement: [],\r\n      showing: true,\r\n      profile: [],\r\n      EditSkillModel: false,\r\n      EditSkillValues: [],\r\n      SearchModel: false,\r\n      SearchValues: [],\r\n      Id: \"\",\r\n      firstName: \"\",\r\n      isButton1Visible: true,\r\n      isButton2Visible: true,\r\n      allmessage: \"\",\r\n      usermsgId: \"\",\r\n      receivemsg: \"\",\r\n      Skillname: \"\",\r\n      User: [],\r\n      Alluser: [],\r\n      childVisible: false,\r\n      lastMessage: null,\r\n      notificationCount: 0,\r\n    };\r\n    this.initialState = this.state;\r\n  }\r\n  onClick() {\r\n    this.setState({ childVisible: !this.state.childVisible });\r\n  }\r\n\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/status1`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          User: data,\r\n          Alluser: data,\r\n        });\r\n        // // console.log(\"user data\", data);\r\n      });\r\n  }\r\n\r\n  handleButtonClick1 = () => {\r\n    this.setState((prevState) => ({\r\n      isButton2Visible: !prevState.isButton2Visible,\r\n      isButton1Visible: false,\r\n    }));\r\n  };\r\n\r\n  EditSkillModel = (e, fn, al, uid, rmsg, em, mb, userName) => {\r\n    //  document.getElementById(\"EntityList\").style.display = \"none\";\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        firstName: fn,\r\n        allmessage: al,\r\n        usermsgId: uid,\r\n        receivemsg: rmsg,\r\n        email: em,\r\n        displayName: mb,\r\n        userName: userName,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModel: !prevState.EditSkillModel,\r\n    }));\r\n  };\r\n  SearchModel = (e, fn) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      SearchValues: {\r\n        id: e,\r\n        Skillname: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      SearchModel: !prevState.SearchModel,\r\n    }));\r\n  };\r\n  GetLastChat(Id) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserBank/GetAllUserPop`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Announcements: data,\r\n          AllAnnouncement: data,\r\n        });\r\n        // console.log(\"lastchat\", data);\r\n      });\r\n  }\r\n  // myFunction = (e) => {\r\n  //   const Announcements = this.state.AllAnnouncement.filter(\r\n  //     (item) =>\r\n  //     item.firstName.toLowerCase().includes(e.target.value.toLowerCase())\r\n  //   );\r\n  //   this.setState({Announcements});\r\n  // };\r\n  myFunction = (e) => {\r\n    const Announcements = this.state.AllAnnouncement.filter((item) =>\r\n      item.firstName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcements });\r\n  };\r\n  OATSearch = (e) => {\r\n    const User = this.state.Alluser.filter((item) =>\r\n      item.company_Name.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ User });\r\n  };\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n  fetchLastMessage = () => {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    // Make an API call to fetch the last message from the server\r\n    // Here, you can use libraries like axios or fetch to make the request\r\n    fetch(`${BASE_URLs}/contact/GetLastMessage`, options)\r\n      .then((response) => response.json()) // Parse the response as JSON\r\n      .then((data) => {\r\n        const lastMessage = data.message;\r\n        this.setState({ lastMessage });\r\n        // console.log(lastMessage);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching last message:\", error);\r\n      });\r\n  };\r\n\r\n  fetchNotificationCount = async () => {\r\n    try {\r\n      const response = await fetch(`${BASE_URLs}/Notification/Notification`);\r\n      const data = await response.json();\r\n      this.setState({ notificationCount: data.count });\r\n      // console.log(data);\r\n      if (this.state.notificationCount.length !== 0) {\r\n        this.setState({\r\n          Noticount: this.state.notificationCount[0].noticount,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      // console.log(error);\r\n    }\r\n    setInterval(1000);\r\n  };\r\n\r\n  markMessageAsSeen = (senderId) => {\r\n    const options = {\r\n      method: \"POST\",\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n\r\n      body: JSON.stringify({\r\n        SenderId: senderId,\r\n      }),\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/Notification/Msgcount`, options)\r\n      .then((response) => response.json())\r\n\r\n      .then((data) => {\r\n        // Handle the response data if needed\r\n\r\n        // console.log(data);\r\n      })\r\n\r\n      .catch((error) => {\r\n        console.error(\"Error updating Seen field:\", error);\r\n      });\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetLastChat();\r\n    this.UserOrg();\r\n    this.fetchLastMessage();\r\n    this.fetchNotificationCount();\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    var username = JSON.parse(localStorage.uname);\r\n\r\n    const {\r\n      Announcements,\r\n      AllAnnouncement,\r\n      User,\r\n      isButton1Visible,\r\n      isButton2Visible,\r\n      lastMessage,\r\n      notificationCount,\r\n    } = this.state;\r\n    return (\r\n      <>\r\n        <div>\r\n          {this.state.EditSkillModel ? (\r\n            <div className=\"row\">\r\n              <div className=\"col-lg-6\">\r\n                <SuccessPopup1\r\n                  id=\"\"\r\n                  values={this.state.EditSkillValues}\r\n                  close={() => this.EditSkillModel()}\r\n                />\r\n              </div>\r\n            </div>\r\n          ) : null}\r\n          {/* {this.state.SearchModel ? (\r\n            <SearchPopup id=\"\" close={() => this.SearchModel()} />\r\n          ) : null} */}\r\n          <div className=\"pcoded-content\">\r\n            <div className=\"pcoded-inner-content\">\r\n              <div className=\"main-body chat-bg\">\r\n                <div className=\"\">\r\n                  <div id=\"\" className=\"\">\r\n                    <div className=\"page-body\">\r\n                      <div className=\"row\">\r\n                        <div className=\"chat-boxs\">\r\n                          <div id=\"sidebar\" className=\"users p-chat-users\">\r\n                            <div>\r\n                              <div\r\n                              // className=\"card card_main p-fixed users-mains \"\r\n                              // style={{ overflow: \"scroll\" }}\r\n                              >\r\n                                <div>\r\n                                  <div>\r\n                                    <main\r\n                                      id=\"maintab\"\r\n                                      style={{\r\n                                        marginTop: \"-140px\",\r\n                                        marginLeft: \"-38px\",\r\n                                        backgroundColor: \"#dddd\",\r\n                                        width: \"300%\",\r\n                                        height: \"70vh\",\r\n                                        overflow: \"auto\",\r\n                                      }}\r\n                                    >\r\n                                      <div>\r\n                                        <div className=\"col-lg-12\">\r\n                                          <Link\r\n                                            id=\"addRow\"\r\n                                            className=\"btn chatbtncolor\"\r\n                                            onClick={() => {\r\n                                              this.AddSkillModel();\r\n                                              this.handleButton1Click();\r\n                                              //this.LastChatModel();\r\n                                            }}\r\n                                          >\r\n                                            <span className=\"chatButtonTextColor\">\r\n                                              {\" \"}\r\n                                              Open Discussion\r\n                                            </span>{\" \"}\r\n                                            &nbsp;&nbsp;{\" \"}\r\n                                            <i\r\n                                              className=\"fa fa-comments-o chatButtonTextColor\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </Link>\r\n                                          <Link\r\n                                            id=\"addRow\"\r\n                                            className=\"btn chatbtncolor\"\r\n                                            onClick={() => {\r\n                                              this.AddSkillModel();\r\n                                              this.handleButton1Click();\r\n                                              //this.LastChatModel();\r\n                                            }}\r\n                                          >\r\n                                            <span className=\"chatButtonTextColor\">\r\n                                              {\" \"}\r\n                                              Close Discussion\r\n                                            </span>{\" \"}\r\n                                            &nbsp;&nbsp;{\" \"}\r\n                                            <i\r\n                                              className=\"fa fa-comments-o chatButtonTextColor\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </Link>\r\n                                          <input\r\n                                            type=\"text\"\r\n                                            className=\"Searchbox\"\r\n                                            placeholder=\"Search\"\r\n                                            onChange={this.myFunction}\r\n                                            style={{\r\n                                              float: \"right\",\r\n                                              backgroundColor: \"#dddd\",\r\n                                            }}\r\n                                          />\r\n                                          {/* <div className=\"form-icon\">\r\n                                            <i className=\"icofont icofont-search\"></i>\r\n                                          </div> */}\r\n                                        </div>\r\n                                        <br />\r\n\r\n                                        <>\r\n                                          {Announcements.length === 0 ? (\r\n                                            <div\r\n                                              style={{\r\n                                                textAlign: \"center\",\r\n                                                marginTop: \"140px\",\r\n                                              }}\r\n                                            >\r\n                                              <img\r\n                                                className=\"logo\"\r\n                                                src={msg}\r\n                                                alt=\"Logo\"\r\n                                                width=\"60\"\r\n                                                height=\"70\"\r\n                                              />\r\n\r\n                                              <p\r\n                                                style={{\r\n                                                  textAlign: \"center\",\r\n                                                  color: \"black\",\r\n                                                  fontSize: \"24px\",\r\n                                                }}\r\n                                              >\r\n                                                <b>\r\n                                                  You have No Recent Messages\r\n                                                </b>\r\n                                              </p>\r\n                                            </div>\r\n                                          ) : (\r\n                                            Announcements.map(\r\n                                              (Announcement) => (\r\n                                                <>\r\n                                                  <div\r\n                                                    className=\"media userlist-box\"\r\n                                                    data-id=\"1\"\r\n                                                    data-status=\"online\"\r\n                                                    data-toggle=\"tooltip\"\r\n                                                    data-placement=\"left\"\r\n                                                    // key={Announcement.id,Announcement.usermsgId}\r\n                                                    key={[\r\n                                                      Announcement.id,\r\n                                                      Announcement.usermsgId,\r\n                                                    ].join(\"-\")}\r\n                                                    onClick={(e) => {\r\n                                                      e.preventDefault();\r\n                                                      this.EditSkillModel(\r\n                                                        Announcement.id,\r\n                                                        Announcement.firstName,\r\n                                                        Announcement.allmessage,\r\n                                                        Announcement.usermsgId,\r\n                                                        Announcement.receivemsg,\r\n                                                        Announcement.email,\r\n                                                        Announcement.displayName,\r\n                                                        Announcement.userName\r\n                                                      );\r\n                                                      this.handleButtonClick1();\r\n                                                    }}\r\n                                                  >\r\n                                                    <a className=\"media-left\">\r\n                                                      <img\r\n                                                        className=\"media-object img-circle\"\r\n                                                        src=\"assets/images/avatar-1.png\"\r\n                                                        alt=\"Generic placeholder image\"\r\n                                                        style={{\r\n                                                          height: \"50px\",\r\n                                                          width: \"50px\",\r\n                                                          padding: \"1px 1px\",\r\n                                                          marginLeft: \"20px\",\r\n                                                        }}\r\n                                                      />\r\n                                                    </a>\r\n                                                    <div\r\n                                                      className=\"media-body\"\r\n                                                      style={{\r\n                                                        textAlign: \"initial\",\r\n                                                        padding: \"2px 2px\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <div className=\"f-13 chat-header\">\r\n                                                        {\" \"}\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"black\",\r\n                                                            whiteSpace:\r\n                                                              \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <b>\r\n                                                            {\r\n                                                              Announcement.firstName\r\n                                                            }\r\n                                                          </b>\r\n                                                        </span>\r\n                                                        <br />\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"black\",\r\n                                                            whiteSpace:\r\n                                                              \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <div\r\n                                                            onClick={() =>\r\n                                                              this.markMessageAsSeen(\r\n                                                                Announcement.senderId\r\n                                                              )\r\n                                                            }\r\n                                                          >\r\n                                                            Last Message:{\" \"}\r\n                                                            {\r\n                                                              Announcement.message\r\n                                                            }{\" \"}\r\n                                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                            {Announcement.counts >\r\n                                                            0 ? (\r\n                                                              <p\r\n                                                                className=\"badge badge-primary\"\r\n                                                                style={{\r\n                                                                  fontSize:\r\n                                                                    \"15px\",\r\n                                                                  backgroundColor:\r\n                                                                    \"#563ccf\",\r\n                                                                }}\r\n                                                              >\r\n                                                                {\r\n                                                                  Announcement.counts\r\n                                                                }\r\n                                                              </p>\r\n                                                            ) : null}\r\n                                                          </div>\r\n                                                        </span>\r\n                                                        <br />\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  </div>\r\n                                                </>\r\n                                              )\r\n                                            )\r\n                                          )}\r\n                                        </>\r\n                                      </div>\r\n                                    </main>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div id=\"styleSelector\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/msgbg.668f8575.png\";","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport SuccessPopup1 from \"./SuccessPopup1\";\r\nimport LastChatpop from \"./LastChatpop\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport $ from \"jquery\";\r\nimport { Announcement } from \"@material-ui/icons\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SearchPopup from \"./SearchPopup\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EntityList extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Announcement: [],\r\n      AllAnnouncement: [],\r\n      showing: true,\r\n      profile: [],\r\n      EditSkillModel: false,\r\n      LastChatModel: false,\r\n      EditSkillValues: [],\r\n      SearchModel: false,\r\n      SearchValues: [],\r\n      Id: \"\",\r\n      firstName: \"\",\r\n      isButton1Visible: true,\r\n      isButton2Visible: true,\r\n      allmessage: \"\",\r\n      usermsgId: \"\",\r\n      email: \"\",\r\n      displayName: \"\",\r\n      receivemsg: \"\",\r\n      Skillname: \"\",\r\n      company_Name: \"\",\r\n      company_Id: \"\",\r\n      User: [],\r\n      Alluser: [],\r\n      childVisible: false,\r\n    };\r\n    this.initialState = this.state;\r\n  }\r\n  onClick() {\r\n    this.setState({ childVisible: !this.state.childVisible });\r\n  }\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/status1`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          User: data,\r\n          Alluser: data,\r\n        });\r\n        // // console.log(\"user data\", data);\r\n      });\r\n  }\r\n\r\n  handleButtonClick1 = () => {\r\n    this.setState((prevState) => ({\r\n      isButton2Visible: !prevState.isButton2Visible,\r\n      isButton1Visible: true,\r\n    }));\r\n    if (this.state.LastChatModel) {\r\n      // alert(\"hai\")\r\n      // document.getElementById(\"Chat-MainA\").style.marginTop = \"6vh\";\r\n    }\r\n  };\r\n  handleButtonClick2 = () => {\r\n    document.getElementById(\"EntityList\").style.display = \"none\";\r\n\r\n    document.getElementById(\"searchpop\").style.display = \"inline-flex\";\r\n  };\r\n\r\n  EditSkillModel = (e, fn, al, uid, rmsg, em, mb) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        firstName: fn,\r\n        allmessage: al,\r\n        usermsgId: uid,\r\n        receivemsg: rmsg,\r\n        email: em,\r\n        displayName: mb,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModel: !prevState.EditSkillModel,\r\n    }));\r\n  };\r\n  LastChatModel = () => {\r\n    this.setState((prevState) => ({\r\n      LastChatModel: !prevState.LastChatModel,\r\n    }));\r\n  };\r\n  SearchModel = (id, uid, cid, em, cn) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      SearchValues: {\r\n        id: id,\r\n        userId: uid,\r\n        company_Id: cid,\r\n        email: em,\r\n        company_Name: cn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      SearchModel: !prevState.SearchModel,\r\n    }));\r\n  };\r\n  GetAnnouncement(Id) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserBank/GetAllUser?Id=` + Id, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Announcement: data,\r\n          AllAnnouncement: data,\r\n        });\r\n        // console.log(\"ChatListUser\", data);\r\n      });\r\n  }\r\n  myFunction = (e) => {\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.adminName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement });\r\n  };\r\n\r\n  OATSearch = (e) => {\r\n    const User = this.state.Alluser.filter((item) =>\r\n      item.company_Name.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ User });\r\n  };\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n  componentDidMount() {\r\n    this.GetAnnouncement();\r\n    this.UserOrg();\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    var username = JSON.parse(localStorage.uname);\r\n\r\n    const { Announcement, User, isButton1Visible, isButton2Visible } =\r\n      this.state;\r\n    return (\r\n      <>\r\n        <div>\r\n          {this.state.EditSkillModel ? (\r\n            <div className=\"row\">\r\n              <div className=\"col-lg-6\">\r\n                <SuccessPopup1\r\n                  id=\"\"\r\n                  values={this.state.EditSkillValues}\r\n                  close={() => this.EditSkillModel()}\r\n                />\r\n              </div>\r\n            </div>\r\n          ) : null}\r\n          {this.state.LastChatModel ? (\r\n            <div className=\"row\" id=\"Chat-MainA\">\r\n              <div className=\"col-lg-6\">\r\n                <LastChatpop\r\n                  id=\"\"\r\n                  // values={this.state.EditSkillValues}\r\n                  close={() => this.LastChatModel()}\r\n                />\r\n              </div>\r\n            </div>\r\n          ) : null}\r\n          {this.state.SearchModel ? (\r\n            <SearchPopup\r\n              id=\"\"\r\n              values={this.state.SearchValues}\r\n              close={() => this.SearchModel()}\r\n            />\r\n          ) : null}\r\n\r\n          <div className=\"pcoded-content\" id=\"EntityList\">\r\n            <div className=\"pcoded-inner-content\">\r\n              <div className=\"main-body chat-bg\">\r\n                <div className=\"\">\r\n                  <div id=\"\" className=\"\">\r\n                    <div className=\"page-body\">\r\n                      <div className=\"row\">\r\n                        {isButton1Visible && (\r\n                          <div className=\"chat-box\">\r\n                            <div id=\"sidebar\" className=\"users p-chat-user\">\r\n                              <div className=\"had-container\">\r\n                                <div\r\n                                  className=\"card card_main p-fixed users-main \"\r\n                                  style={{ overflow: \"scroll\" }}\r\n                                >\r\n                                  <div className=\"user-box\">\r\n                                    <div id=\"tsum-tabs\">\r\n                                      <main id=\"maintab\">\r\n                                        <input\r\n                                          id=\"tab1\"\r\n                                          type=\"radio\"\r\n                                          name=\"tabs\"\r\n                                          defaultChecked\r\n                                        />\r\n                                        <label\r\n                                          id=\"supertab\"\r\n                                          className=\"j-tabs-label\"\r\n                                          htmlFor=\"tab1\"\r\n                                          title=\"In Entity\"\r\n                                          color=\"white\"\r\n                                        >\r\n                                          In Entity\r\n                                        </label>\r\n                                        <input\r\n                                          id=\"tab2\"\r\n                                          type=\"radio\"\r\n                                          name=\"tabs\"\r\n                                        />\r\n                                        <label\r\n                                          id=\"activetab\"\r\n                                          className=\"j-tabs-label\"\r\n                                          htmlFor=\"tab2\"\r\n                                          title=\"In OAT\"\r\n                                          color=\"white\"\r\n                                        >\r\n                                          In OAT\r\n                                        </label>\r\n\r\n                                        {/* <input id=\"tab3\" type=\"radio\" name=\"tabs\"/>\r\n    <label for=\"tab3\">Invite</label>  */}\r\n                                        <br />\r\n                                        <br />\r\n                                        <div\r\n                                          id=\"tabs-section-1\"\r\n                                          className=\"j-tabs-section\"\r\n                                        >\r\n                                          <div className=\"right-icon-control\">\r\n                                            <input\r\n                                              type=\"text\"\r\n                                              className=\"form-control  search-text\"\r\n                                              placeholder=\"Search\"\r\n                                              onChange={this.myFunction}\r\n                                            />\r\n                                            <div className=\"form-icon\">\r\n                                              <i className=\"icofont icofont-search\"></i>\r\n                                            </div>\r\n                                          </div>\r\n                                          <br />\r\n                                          {/* {Announcement.length > 0 && ( */}\r\n\r\n                                          <>\r\n                                            {Announcement.map(\r\n                                              (Announcement) => (\r\n                                                <>\r\n                                                  <div\r\n                                                    className=\"media userlist-box\"\r\n                                                    data-id=\"1\"\r\n                                                    data-status=\"online\"\r\n                                                    data-toggle=\"tooltip\"\r\n                                                    data-placement=\"left\"\r\n                                                    key={\r\n                                                      (Announcement.id,\r\n                                                      Announcement.usermsgId)\r\n                                                    }\r\n                                                    onClick={(e) => {\r\n                                                      e.preventDefault();\r\n                                                      this.EditSkillModel(\r\n                                                        Announcement.id,\r\n                                                        Announcement.firstName,\r\n                                                        Announcement.allmessage,\r\n                                                        Announcement.usermsgId,\r\n                                                        Announcement.receivemsg,\r\n                                                        Announcement.email,\r\n                                                        Announcement.displayName\r\n                                                      );\r\n                                                      this.handleButtonClick1();\r\n                                                      // this.LastChatModel();\r\n                                                    }}\r\n                                                  >\r\n                                                    <a className=\"media-left\">\r\n                                                      <img\r\n                                                        className=\"media-object img-circle\"\r\n                                                        src=\"assets/images/avatar-1.png\"\r\n                                                        alt=\"Generic placeholder image\"\r\n                                                      />\r\n                                                    </a>\r\n                                                    <div\r\n                                                      className=\"media-body\"\r\n                                                      style={{\r\n                                                        textAlign: \"initial\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <div className=\"f-13 chat-header\">\r\n                                                        {\" \"}\r\n                                                        {/* <span style={{ color: \"Gray\" }}>{Announcement.teamId}</span>&nbsp; */}\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"black\",\r\n                                                            whiteSpace:\r\n                                                              \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {\r\n                                                            Announcement.firstName\r\n                                                          }\r\n                                                        </span>\r\n                                                        <br />\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"Gray\",\r\n                                                            whiteSpace:\r\n                                                              \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {username}\r\n                                                        </span>\r\n                                                        <br />\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"Gray\",\r\n                                                            whiteSpace:\r\n                                                              \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {Announcement.email}\r\n                                                        </span>\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  </div>\r\n                                                </>\r\n                                              )\r\n                                            )}\r\n                                          </>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          id=\"tabs-section-2\"\r\n                                          className=\"j-tabs-section\"\r\n                                        >\r\n                                          <div className=\"right-icon-control\">\r\n                                            <input\r\n                                              type=\"text\"\r\n                                              className=\"form-control  search-text\"\r\n                                              placeholder=\"Search\"\r\n                                              onChange={this.OATSearch}\r\n                                            />\r\n                                            <div className=\"form-icon\">\r\n                                              <i className=\"icofont icofont-search\"></i>\r\n                                            </div>\r\n                                          </div>\r\n                                          <br />\r\n\r\n                                          {User.map((user) => (\r\n                                            <div\r\n                                              className=\"media userlist-box\"\r\n                                              data-id=\"2\"\r\n                                              data-status=\"online\"\r\n                                              data-username=\"Josephin Doe\"\r\n                                              data-toggle=\"tooltip\"\r\n                                              data-placement=\"left\"\r\n                                              title=\"Josephin Doe\"\r\n                                            >\r\n                                              <a className=\"media-left\">\r\n                                                <img\r\n                                                  className=\"media-object img-circle\"\r\n                                                  src=\"assets/images/avatar-1.png\"\r\n                                                  alt=\"Generic placeholder image\"\r\n                                                />\r\n                                              </a>\r\n                                              <div\r\n                                                className=\"media-body\"\r\n                                                style={{ textAlign: \"initial\" }}\r\n                                              >\r\n                                                <div\r\n                                                  className=\"f-13 chat-header\"\r\n                                                  style={{ color: \"black\" }}\r\n                                                >\r\n                                                  <div>\r\n                                                    <div\r\n                                                      onClick={(e) => {\r\n                                                        e.preventDefault();\r\n                                                        this.SearchModel(\r\n                                                          user.id,\r\n                                                          user.userId,\r\n                                                          user.company_Id,\r\n                                                          user.email,\r\n                                                          user.company_Name\r\n                                                        );\r\n                                                        setTimeout(() => {\r\n                                                          this.handleButtonClick2();\r\n                                                        }, 5);\r\n                                                      }}\r\n                                                    >\r\n                                                      {user.company_Name}\r\n                                                    </div>\r\n\r\n                                                    {/* {Announcement.map((Announcement)=>(   <>\r\n        {\r\n         \r\n          this.state.childVisible\r\n            ? \r\n            <div className=\"row\">\r\n              <div className=\"col-lg-8\"><li style={{listStyleType:\"none\",fontSize:\"larger\",fontWeight:\"100\"}}>{Announcement.firstName}</li></div>\r\n              <div className=\"col-lg-4\"><Link onClick={(e) => {\r\n              e.preventDefault();\r\n              this.EditSkillModel(\r\n                Announcement.id\r\n              );\r\n            }}>Add</Link></div>\r\n              </div>\r\n            : null\r\n        }\r\n        </>\r\n        ))} */}\r\n                                                  </div>\r\n                                                </div>\r\n                                              </div>\r\n                                            </div>\r\n                                          ))}\r\n                                        </div>\r\n                                      </main>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div id=\"styleSelector\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {/* <div className=\"pop\" style={{backgroundColor:\"transparent\"}}>\r\n       <div className= {w>768 ?\"popinnernormal oneFieldPop\":\"popinnernormal oneFieldPopMobile\"} style={{padding:\"1%\"}}> \r\n      <form  autoComplete=\"off\" encType=\"multipart/form-data\"  >\r\n \r\n\r\n           \r\n \r\n   \r\n      \r\n    \r\n\r\n\r\n   \r\n  <br/>\r\n\r\n           </form>\r\n      </div> \r\n   </div>   */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport axios from 'axios';\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport \"../Css/Chat.css\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nconst thumb = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 10,\r\n  border: \"6px dotted #eaeaea\",\r\n  marginBottom: 20,\r\n  marginTop: 80,\r\n  marginRight: 4,\r\n  alignItems: \"center\",\r\n  textAlign: \"center\",\r\n  width: \"100%\",\r\n  height: 200,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\n\r\nconst DragDrop = (props) => {\r\n  const [message, setMessage] = useState(\"\");\r\n  const [files, setFiles] = useState([]);\r\n  const [inputDisabled, setInputDisabled] = useState(false);\r\n\r\n  const [showEmoji, setShowEmoji] = useState(false);\r\n  const [windowWidth, setWindowWidth] = useState(window.innerWidth);\r\n\r\n  const toggleEmoji = () => {\r\n    setShowEmoji((prevShowEmoji) => !prevShowEmoji);\r\n  };\r\n\r\n  const handleEmojiClick = (emojiObject) => {\r\n    setMessage((prevMessage) => prevMessage + emojiObject.emoji);\r\n    setShowEmoji(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleResize = () => {\r\n      setWindowWidth(window.innerWidth);\r\n    };\r\n\r\n    window.addEventListener('resize', handleResize);\r\n\r\n    return () => {\r\n      window.removeEventListener('resize', handleResize);\r\n    };\r\n  }, []);\r\n\r\n  const handleKeyPress = (event) => {\r\n    if (event.charCode === 13) {\r\n      event.preventDefault();\r\n      if (!message.toString().trim() && files.length === 0) {\r\n        alert(\"Please enter a message, select an image, or choose a document.\");\r\n      } else {\r\n        const ids = files.map(file => file.path);\r\n        const filteredResponse = files.filter(\r\n          ({ path }, index) => !ids.includes(path, index + 1)\r\n        );\r\n    \r\n        filteredResponse.forEach((file) => {\r\n          const formData = new FormData();\r\n          setInputDisabled(true)\r\n          formData.append(\"Message\", message);\r\n          formData.append(\"Group_Name\", props.values.GroupName);\r\n          formData.append(\"Group_id\", props.values.GroupId);\r\n          formData.append(\"GroupMember\", props.AllMembers);\r\n          formData.append(\"Document_Path\", file);\r\n          formData.append(\"Profile\", props.values.Profile);\r\n    \r\n          const options = {\r\n            headers: {\r\n              \"Access-Control-Allow-Origin\": \"*\",\r\n              \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n              Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n          };\r\n    \r\n          axios.post(`${BASE_URLs}/contact/GroupChatMessage`, formData, options)\r\n            .then((res) => {\r\n              setFiles([]);\r\n              setMessage(\"\");\r\n              setInputDisabled(false)\r\n              props.handleClose();\r\n            })\r\n            .catch((error) => {\r\n              console.error(\"There was an error sending the message!\", error);\r\n            });\r\n        });\r\n      }\r\n    }\r\n  };\r\n  const handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    \r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please enter a message, select an image, or choose a document.\");\r\n    } else {\r\n      const ids = files.map(file => file.path);\r\n      const filteredResponse = files.filter(\r\n        ({ path }, index) => !ids.includes(path, index + 1)\r\n      );\r\n  \r\n      filteredResponse.forEach((file) => {\r\n        const formData = new FormData();\r\n        setInputDisabled(true)\r\n        formData.append(\"Message\", message);\r\n        formData.append(\"Group_Name\", props.values.GroupName);\r\n        formData.append(\"Group_id\", props.values.GroupId);\r\n        formData.append(\"GroupMember\", props.AllMembers);\r\n        formData.append(\"Document_Path\", file);\r\n        formData.append(\"Profile\", props.values.Profile);\r\n  \r\n        const options = {\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        };\r\n  \r\n        axios.post(`${BASE_URLs}/contact/GroupChatMessage`, formData, options)\r\n          .then((res) => {\r\n            setFiles([]);\r\n            setMessage(\"\");\r\n            setInputDisabled(false)\r\n            props.handleClose();\r\n          })\r\n          .catch((error) => {\r\n            console.error(\"There was an error sending the message!\", error);\r\n          });\r\n      });\r\n    }\r\n  };;\r\n\r\n  const handleTextChange = (event) => {\r\n    setMessage(event.target.value);\r\n  };\r\n\r\n  const { getRootProps, getInputProps, open } = useDropzone({\r\n    noClick: true,\r\n    noKeyboard: true,\r\n    onDrop: (acceptedFiles) => {\r\n      setFiles([...files, ...acceptedFiles]);\r\n    },\r\n  });\r\n\r\n  const handleFileDelete = (index) => {\r\n    const ids =files.map(file => file.path);\r\n  const filteredResponse = files.filter(\r\n  ({ path}, index) => !ids.includes(path, index + 1)\r\n  )\r\n  const updatedFiles = [...filteredResponse];\r\n    updatedFiles.splice(index, 1);\r\n    setFiles(updatedFiles);\r\n  };\r\n\r\n  const uniqueFileList = [...new Set(files.map(file => file.path))];\r\n  const fileList = uniqueFileList.map((path, index) => {\r\n\r\n    return (\r\n      <li key={path}>\r\n        <br />\r\n        {path} {index}&nbsp;&nbsp;\r\n        <button className=\"GTbuttons1\" onClick={() => handleFileDelete(index)}>\r\n          x\r\n        </button>\r\n      </li>\r\n    );\r\n  });\r\n\r\n  return (\r\n    <div className=\"container\">\r\n      <form id=\"contactForm\" autoComplete=\"off\" encType=\"multipart/form-data\">\r\n        <div {...getRootProps({ className: \"dropzone\" })}>\r\n          <span\r\n            className=\"GTclose-icon\"\r\n            onClick={props.handleClose}\r\n            style={{ marginTop: \"20px\" }}\r\n          >\r\n            x\r\n          </span>\r\n\r\n          <input {...getInputProps()} />\r\n          <h4 style={thumb} onClick={open}>\r\n            Drag & drop some files here....\r\n          </h4>\r\n        </div>\r\n        <aside>\r\n          <h5>File Name:</h5>\r\n          <div\r\n            id=\"fileList\"\r\n            // style={{ height: \"200px\", overflow: \"scroll\" }}\r\n          >\r\n            <ul>{fileList}</ul>\r\n          </div>\r\n        </aside>\r\n        <div id=\"dropInput\">\r\n          <div\r\n            className=\"input-group write-msg\"\r\n            id=\"input-group write-msg\"\r\n            style={{\r\n              border: \"1px solid #bfbfbe\",\r\n              padding: \"2px 2px\",\r\n              backgroundColor:\"white\",\r\n            }}\r\n            onKeyPress={handleKeyPress}\r\n          >\r\n            <input\r\n              type=\"text\"\r\n              className=\"form-control input-value\"\r\n              placeholder=\"Type a Message\"\r\n              value={message}\r\n              onChange={handleTextChange}\r\n              name=\"Message\"\r\n              style={{ border: \"none\" }}\r\n              disabled={inputDisabled}\r\n            />\r\n            <span\r\n              className=\"fa fa-smile-o\"\r\n              aria-hidden=\"true\"\r\n              style={{ marginTop: \"10px\", fontSize: \"18px\", backgroundColor:\"white\" }}\r\n              onClick={toggleEmoji}\r\n            ></span>\r\n            &nbsp;&nbsp;&nbsp;&nbsp;\r\n            {showEmoji && (\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  // top: \"-360px\",\r\n                  // marginLeft: \"650px\",\r\n                }}\r\n                id=\"DragpopEmoji\"\r\n              >\r\n                {windowWidth < 400 ? (\r\n        <Picker\r\n          onEmojiClick={handleEmojiClick}\r\n          height={297}\r\n          width={260} // Adjusted width for windowWidth < 300\r\n        />\r\n      ) : windowWidth < 750 ? (\r\n        <Picker\r\n          onEmojiClick={handleEmojiClick}\r\n          height={297}\r\n          width={300} // Adjusted width for windowWidth < 750\r\n        />\r\n      ) : (\r\n        <Picker\r\n          onEmojiClick={handleEmojiClick}\r\n          height={375}\r\n          width={315}\r\n        />\r\n      )}\r\n              </div>\r\n            )}\r\n            <span className=\"input-group-btn\">\r\n              <button\r\n                id=\"paper-btn\"\r\n                className=\"btn btn-secondary\"\r\n                type=\"submit\"\r\n                onClick={handleSubmit}\r\n                disabled={inputDisabled}\r\n              >\r\n                <i className=\"icofont icofont-paper-plane\"></i>\r\n              </button>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  );\r\n};\r\nexport default DragDrop;\r\n","export default \"data:image/png;base64,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\"","import React, { useEffect, useState } from \"react\";\r\nimport axios from 'axios';\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport Swal from \"sweetalert2\";\r\nimport video from \"../Assets/images/videoplay.png\";\r\nconst thumb = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 2,\r\n  border: \"1px solid #eaeaea\",\r\n  marginBottom: 8,\r\n  marginRight: 8,\r\n  width: 100,\r\n  height: 100,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\nconst thumbsContainer = {\r\n  // display: \"flex\",\r\n  // flexDirection: \"row\",\r\n  // flexWrap: \"wrap\",\r\n  height: 10,\r\n  marginTop: -21,\r\n};\r\nconst thumbss = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 10,\r\n  border: \"6px dotted #eaeaea\",\r\n  marginBottom: 20,\r\n  marginTop: 80,\r\n  marginRight: 4,\r\n  alignItems: \"center\",\r\n  textAlign: \"center\",\r\n  width: \"100%\",\r\n  height: 200,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\nconst thumbInner = {\r\n  display: \"flex\",\r\n  minWidth: 0,\r\n  overflow: \"hidden\",\r\n};\r\n\r\nconst img = {\r\n  display: \"block\",\r\n  width: \"auto\",\r\n  height: \"100%\",\r\n};\r\n\r\nfunction Picturepop(props) {\r\n  const [message, setMessage] = useState(\"\");\r\n  const [files, setFiles] = useState([]);\r\n  const [inputDisabled, setInputDisabled] = useState(false);\r\n\r\n  const [showEmoji, setShowEmoji] = useState(false);\r\n  const [windowWidth, setWindowWidth] = useState(window.innerWidth);\r\n\r\n  const toggleEmoji = () => {\r\n    setShowEmoji((prevShowEmoji) => !prevShowEmoji);\r\n  };\r\n\r\n  const handleEmojiClick = (emojiObject) => {\r\n    setMessage((prevMessage) => prevMessage + emojiObject.emoji);\r\n    setShowEmoji(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleResize = () => {\r\n      setWindowWidth(window.innerWidth);\r\n    };\r\n\r\n    window.addEventListener('resize', handleResize);\r\n\r\n    return () => {\r\n      window.removeEventListener('resize', handleResize);\r\n    };\r\n  }, []);\r\n\r\n\r\n  const handleKeyPress = async(event) => {\r\n    if (event.charCode === 13) {\r\n    event.preventDefault();\r\n    if (!message.trim() && files.length === 0) {\r\n      alert(\"Please enter a message, select an image, or choose a document.\");\r\n    } else {\r\n      files.forEach((file) => {\r\n        if (file.size >= 2048000) {\r\n          Swal.fire({\r\n            text: \"Upload less than 2MB\",\r\n            icon: \"warning\",\r\n          });\r\n        } else {\r\n          const formData = new FormData();\r\n          setInputDisabled(true)\r\n          formData.append(\"Message\", message);\r\n          formData.append(\"Group_Name\", props.values.GroupName);\r\n          formData.append(\"Group_id\", props.values.GroupId);\r\n          formData.append(\"GroupMember\", props.AllMembers);\r\n          formData.append(\"Picture_Path\", file);\r\n          formData.append(\"Profile\", props.values.Profile);\r\n  \r\n          const options = {\r\n            headers: {\r\n              Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n          };\r\n  \r\n          axios.post(`${BASE_URLs}/contact/GroupChatMessage`, formData, options)\r\n            .then((response) => {\r\n              const data = response.data;\r\n              setFiles([]);\r\n              setMessage(\"\");\r\n              setInputDisabled(false)\r\n              props.handleClose();\r\n            })\r\n            .catch((error) => {\r\n              console.error(\"Error:\", error);\r\n            });\r\n        }\r\n      });\r\n    }\r\n  }\r\n  };\r\n\r\n  const handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    if (!message.trim() && files.length === 0) {\r\n      alert(\"Please enter a message, select an image, or choose a document.\");\r\n    } else {\r\n      files.forEach((file) => {\r\n        if (file.size >= 2048000) {\r\n          Swal.fire({\r\n            text: \"Upload less than 2MB\",\r\n            icon: \"warning\",\r\n          });\r\n        } else {\r\n          const formData = new FormData();\r\n          setInputDisabled(true)\r\n          formData.append(\"Message\", message);\r\n          formData.append(\"Group_Name\", props.values.GroupName);\r\n          formData.append(\"Group_id\", props.values.GroupId);\r\n          formData.append(\"GroupMember\", props.AllMembers);\r\n          formData.append(\"Picture_Path\", file);\r\n          formData.append(\"Profile\", props.values.Profile);\r\n  \r\n          const options = {\r\n            headers: {\r\n              Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n          };\r\n  \r\n          axios.post(`${BASE_URLs}/contact/GroupChatMessage`, formData, options)\r\n            .then((response) => {\r\n              const data = response.data;\r\n              setFiles([]);\r\n              setMessage(\"\");\r\n              setInputDisabled(false)\r\n              props.handleClose();\r\n            })\r\n            .catch((error) => {\r\n              console.error(\"Error:\", error);\r\n            });\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  const handleTextChange = (event) => {\r\n    setMessage(event.target.value);\r\n  };\r\n\r\n  const handleRemoveImage = (index) => {\r\n    const updatedFiles = [...files];\r\n    updatedFiles.splice(index, 1);\r\n    setFiles(updatedFiles);\r\n  };\r\n\r\n  const { getRootProps, getInputProps } = useDropzone({\r\n    accept: {\r\n      'image/*': [],\r\n      'video/mp4': ['.mp4', '.MP4', '.gif', '.GIF','.mov', '.mkv'],\r\n    },\r\n    onDrop: (acceptedFiles) => {\r\n      setFiles(\r\n        acceptedFiles.map((file) =>\r\n          Object.assign(file, {\r\n            preview: URL.createObjectURL(file),\r\n          })\r\n        )\r\n      );\r\n    },\r\n  });\r\n\r\n  const thumbs = files.map((file, index) => (\r\n    <li style={thumb}>\r\n      <div style={thumbInner}>\r\n        <img\r\n          src={file.name.includes('mp4') ? video : file.preview}\r\n          style={img}\r\n          alt={`Thumbnail-${index}`}\r\n          onLoad={() => {\r\n            URL.revokeObjectURL(file.preview);\r\n          }}\r\n        />\r\n      </div>\r\n      <span onClick={() => handleRemoveImage(index)}>x</span>\r\n    </li>\r\n  ));\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      files.forEach((file) => URL.revokeObjectURL(file.preview));\r\n    };\r\n  }, [files]);\r\n\r\n  return (\r\n    <div className=\"container\">\r\n      <form id=\"contactForm\" autoComplete=\"off\" encType=\"multipart/form-data\">\r\n        <span\r\n          className=\"GTclose-icon\"\r\n          onClick={props.handleClose}\r\n          style={{ marginTop: \"20px\" }}\r\n        >\r\n          x\r\n        </span>\r\n        <div {...getRootProps({ className: \"dropzone\" })}>\r\n          <input {...getInputProps()} multiple />\r\n          <h4 style={thumbss}>\r\n            Drag & drop some files here, or click to select images\r\n          </h4>\r\n        </div>\r\n        <aside style={thumbsContainer}>\r\n          <div id=\"ImageList\">\r\n            {thumbs.length > 0 ? thumbs : <p>No images selected</p>}\r\n          </div>\r\n        </aside>\r\n        <div id=\"imageInput\">\r\n          <div\r\n            className=\"input-group write-msg\"\r\n            id=\"input-group write-msg\"\r\n            style={{\r\n              border: \"1px solid #bfbfbe\",\r\n              padding: \"2px 2px\",\r\n              backgroundColor:\"white\",\r\n            }}\r\n          >\r\n            <input\r\n              type=\"text\"\r\n              className=\"form-control input-value\"\r\n              placeholder=\"Type a Message\"\r\n              value={message}\r\n              onChange={handleTextChange}\r\n              onKeyPress={handleKeyPress}\r\n              name=\"Message\"\r\n              style={{ border: \"none\" }}\r\n              disabled={inputDisabled}\r\n            />\r\n            <span\r\n              className=\"fa fa-smile-o\"\r\n              aria-hidden=\"true\"\r\n              style={{ marginTop: \"10px\", fontSize: \"18px\" ,backgroundColor:\"white\"}}\r\n              onClick={toggleEmoji}\r\n            ></span>\r\n            &nbsp;&nbsp;&nbsp;&nbsp;\r\n            {showEmoji && (\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  \r\n                  \r\n                }}\r\n                id=\"DragpopEmoji\"\r\n              >\r\n                {windowWidth < 400 ? (\r\n        <Picker\r\n          onEmojiClick={handleEmojiClick}\r\n          height={297}\r\n          width={260} // Adjusted width for windowWidth < 300\r\n        />\r\n      ) : windowWidth < 750 ? (\r\n        <Picker\r\n          onEmojiClick={handleEmojiClick}\r\n          height={297}\r\n          width={300} // Adjusted width for windowWidth < 750\r\n        />\r\n      ) : (\r\n        <Picker\r\n          onEmojiClick={handleEmojiClick}\r\n          height={375}\r\n          width={315}\r\n        />\r\n      )}\r\n              </div>\r\n            )}\r\n            <span className=\"input-group-btn\">\r\n              <button\r\n                id=\"paper-btn\"\r\n                className=\"btn btn-secondary\"\r\n                type=\"submit\"\r\n                onClick={handleSubmit}\r\n                disabled={inputDisabled}\r\n              >\r\n                <i className=\"icofont icofont-paper-plane\"></i>\r\n              </button>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  );\r\n}\r\nexport default Picturepop;\r\n","export default __webpack_public_path__ + \"static/media/document.9ab640ba.png\";","export default __webpack_public_path__ + \"static/media/profile.ebe58a6c.png\";","export default __webpack_public_path__ + \"static/media/online-dot.44639b4e.png\";","export default __webpack_public_path__ + \"static/media/offline-dot.256c5b65.png\";","export default __webpack_public_path__ + \"static/media/double-check.c079f104.webp\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsSAAALEgHS3X78AAAJQElEQVR42u3dT3Nb1RkHYMlmBlbsGDbsWTGTLkr7AVizYgErPkC7Kt0QNm2nDbFkhyQmunIClGDryuZPA2Haj9CZdqbfgJmuGTYtXcWOpb7n/rFEsIMdS4nl+zwzd+61LBlGOb/3vPdIumq1AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJipbn+r1cny6niQtnb8vNTp58txHFveTrdfvrnV+tdr/2x14hg4BzrZoLV6a6c87kfoI/hHFoosX4771PeNnxUCWOjw1/s00086gsHzUQheiZC/HsevRgfw4qQIbLXj9nZZBNLjhp5IWLi2/wfhrwOdX4jAD2P7z+rG9vi9Dz8br93aGcfvd+O2f8Tv3zgoHv3BUl0EgIU65x/U+5jNh+2qEPwqwjxav/3lOIU/fjeKIrEfncAoCsD46kefj9c/vjOO23ZW+ltPV+GvC4cnFRZp5q8W+trVbW9fj3CvbgxT8NNsP0rBj2CPikJQ7u93s3y3t/X1OG7/26QTEH5YvJm/Dn9/cPH6n/+SQr0fM/p+mu3L8BfBH5fhL7uA4rYsv3dj8266/ztV57Dc3RhGIdj0BMOChf/tIvxZHsEvw9+dzPrj6a0zKQL7aze30/67eNxzZRHI22s9i4GwOG3/oeH/cfAf2IpuIGb9vWtl1/Bm+bfyZc8yLFrbf7LwTzqBbLB745Ov0mOuVusAy12vBsBCtf2jk4a/XB8YpPWBvfXbd9JpwGbZYeRtLwfC+Wz7DykC+e770QHEfqP6u0v1W4mBc9b2T68BVJ3DXnq/QMz8b1WnAE+trSsAcNZn/tGjhr9+abB+Y1Ds78f2UlEAHvL5AeBsnPPvP3r4i3cFlo/JBveK9r8/2Jmc/+etbk8HAOeu7S/C3z8I/176fEDc9m0cv1DO/uXbgYEzEP6V3oxn/qnwX/ng07T/X2wvV7P/clUE/CPAGWz7R3MI/y+r8/7l8r+VFxvQnPA/lfaX+0OzPzQx/H/q7bRWhR+EHxB+QPgB4QeEHxB+QPgB4QeEHxB+QPhB+IUfhF/4QfiFH4Rf+EH4hR+EX/hB+IUfhF/4QfiFH4Rf+EH4hR+EX/hB+AHhB4QfEH5A+AHhB4QfEH5A+AHhB4QfhF/4QfiFH4Rf+EH4hR+EX/hB+IUfhF/4QfiFH4Rf+EH4hZ9TD9QYJL+7/UXryvpmqxODNn5ux36508+X43ipGMDVYO5s5K1Oz6A6znNah3+lN9vwx7+L8DODQboxbB0EO/Yp8GsffH7EgM7bMeiW0vFaDKw49gQeI/yznPljmwp/Lvycpj3dPgh/DKh2txqo1QB+MX73agy21+P4lRioz9e/ixkodQb1sSfyqLa/6KKGdfgvzqTtzwYPhD8Xfh7N1My/NAl3/kYMqL/Htnvl1s74vQ8/G69ubKcB+N+436cx4C7Ug7vuAHQCR8z8dfiz04e/W8z6D57zCz+nnKUi1NUMNXw6ZvWd9Y/vjK999MW4mmX2Y4Dtp5ZzdWM4Xr99px6Iv54M8rq9VQSOWPArw9+P5/JUC35Hn/PHvgj/5V4u/JykA8inBm/+197W12lw7saAu98tFprKxaZ6AMbPu6kQXI8iEQP8YnUKoAgcfc4/CX82y5k/hT+vZv4y/Cs30sKtIsxxBmtvqwhrOpevgnvxxubdNDjvTa0uT806UwtPxUyW71cD+53JuW456DsNLAIPnfmzU8782U+3/e9mQ+HnJDP/djFYq4H6XGzfrd3cjkCXA7U8V31wQKbBWN6e7heDsygC3UOKQJM6gZ94nX9/3i/1rWxsHXQfcJIFwGr2H7x5LQU5y/d+cK750Ja06gQaXgR+4qW+/dku+P04/Jd628LPo5wClK/3V4P42o1PvkoDbPcY4T9RETjPpwOPt+0/fMGv/n+Ak83+WX5wChDHm+vlot7eCQdrYzuBeb699zht/6XMzM8pB3AMpqXq+Ob7qQPoFx3A+OStan6wyt2EIvCk2/7L8VwKP6fyxw92DlrJOPd/a/32l2lhb++B1f6x0wFtP+e3C6g7gJdiu1+t7o9+MBM5HTjuzD+a+4Kftp9ZWUkfACo/zFOtAwx2itOALL9Xv+7ffcRO4DyeDszzpb6HzfzafuY9sOtQvhDH36b3/cfx3tRgbnwnMNe2/xjv8NP2Mxed/la1P3g/wM9j+74YiGk9YB5FoLfV7i5QEZgO/yGf59+f98U8tP3Mb3D3pq4DUC8I9vOXJ0Xg9J1AZ4GLwJO+ko93+DF3qxHAlWxrrkVgETuBJ34Zr2xH+Hlcgz2KQK/uBPLGFwHX8EMRaGgREH4UgYYWAeFHEWhoERB+aGgREH5oaBEQfmhoERB+aGgREH5oaBEQfmhoERB+aGgREH5oaBEQfmhoERB+aGgREH5oaBEQfmhoERB+eOJFIH/g8mL5YykCwg9noggMpopA/liKgPDDme0E5l8EhB8aWgQ6VQcg/LAAC4MpmGU4Z/a9A0tT33c4o/Dnwg/zKgKz7gSq8F8080NzTgdG6evN4/i3EdrfXC+/6lz44UwVgf7B9w78YuadQOyv3Pq02KrQzyn8A+GHExeB7DjfQHSqIjCKv71ffV3XaN5f1yX8cMIi0Mnmfjow/bXmcwn/u9nQN/bAGVwTeOTNOT80tAgIPzS0CAg/NLQICD80tAgIPzS0CAg/NLQICD80tAgIPzS0CAg/NLQICD80tAgIP5y7IlB9gCibXFTk8CIwmFxsRPjhHBeBH19yfCr8ufDDuSsCWf791Y++SG3+vfTZ/6Ldr7Z03Onn6aPB99J94r7CD+ehCHTri4pk+YXYvrmxeffgIiBF6KcuDpJ+F8ffxGN+Jvyw4EWgvp5AHC+X++GzUQT+EAH/dxH6aPWrRcK0NpBu+/1qP3+2LBiD4jGXei7mAQtbBLr9rVbVASzVt0dheCa2OC0YvJa24rifPzN53KC4b2cjdzEPWGQxs6fw10Wg3alm9sMLxmC5W39HQCb8cC6MRqPp04HiOLal1OanrTgubs/rDqF4DAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAi+D9ueGNyq8l58AAAAABJRU5ErkJggg==\"","import React, { Component, createRef } from \"react\";\r\nimport axios from 'axios';\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport \"../Css/Chat.css\";\r\nimport EntityList from \"./EntityList\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport Swal from \"sweetalert2\";\r\nimport DragDrop from \"./DragDrop\";\r\nimport Picturepop from \"./Picturepop\";\r\nimport File1 from \"../Assets/images/document.png\";\r\nimport DefaultProfile from \"../Assets/images/profile.png\";\r\nimport onlinedot from \"../Assets/images/online-dot.png\";\r\nimport offlinedot from \"../Assets/images/offline-dot.png\";\r\nimport doubletick from \"../Assets/images/double-check.webp\";\r\nimport singletick from \"../Assets/images/single-check.png\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport { Image_URLs } from \"../Config/Base\";\r\nimport Profile from \"../Assets/images/profile.png\";\r\nimport video from \"../Assets/images/videoplay.png\";\r\n\r\nexport default class GroupPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.myRef = React.createRef(null);\r\n    this.containerRef = React.createRef();\r\n    this.state = {\r\n      AddSkillModel: false,\r\n      Message: [],\r\n      Allmessage: [],\r\n      AllMembers: [],\r\n      AllMember: [],\r\n      Popmsg: [],\r\n      message: [],\r\n      message: \"\",\r\n      ReceivepopMsg: [],\r\n      isButton1Visible: true,\r\n      Groupname: \"\",\r\n      GroupTitle: this.props.values.groupName,\r\n      Deleteuserid: \"\",\r\n      Deleteusername: \"\",\r\n      chosenEmoji: null,\r\n      showEmoji: false,\r\n      setShowEmoji: \"\",\r\n      showMenu: false,\r\n      attachMenu: false,\r\n      Infopopup: false,\r\n      Editpopup: false,\r\n      GrpnameEdit: false,\r\n      Enddisc: false,\r\n      Leavedisc: false,\r\n      Deleteuser: false,\r\n      Addmembers: [],\r\n      AllAddmembers: [],\r\n      selectedOptions: [],\r\n      MultiVentureId: \"\",\r\n      filterurl: [],\r\n      createdby: \"\",\r\n      Privacy: \"\",\r\n      Memberslist: [],\r\n      DName: false,\r\n      documentname: \"\",\r\n      deleteId: \"\",\r\n      deleteEvery: \"\",\r\n      deletesender: \"\",\r\n      deletedate: \"\",\r\n      deletemsg: \"\",\r\n      deletepic: \"\",\r\n      deletedoc: \"\",\r\n      isVisible: false,\r\n      MsgOption: false,\r\n      letters: [],\r\n      Group: [],\r\n      isdocumentpopOpen: false,\r\n      Documentpopup: false,\r\n      ispicturepopOpen: false,\r\n      Picturepopup: false,\r\n      ImgPath: \"\",\r\n      ProfileEditPop: false,\r\n      fileUploadState: \"\",\r\n      isMemberpopupOpen: false,\r\n      Memberpopup: true,\r\n      EImage: \"\",\r\n      SampleImage: \"\",\r\n      DUsername: [],\r\n      ForwardMembers: [],\r\n      forwardpopup: false,\r\n      selectedOptionsFwd: [],\r\n      selectedOption: \"option1\",\r\n      reloadbutton: true,\r\n      mergedUsers: [],\r\n      EndStatus: \"\",\r\n      Status: \"\",\r\n      hiddenpop: false,\r\n      ishiddenpopupOpen: false,\r\n      isPopupOpen: false,\r\n      radio1: false,\r\n      radio2: false,\r\n      hover: false,\r\n      Minimized: false,\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n      selectedUsers: [],\r\n      selectedUsersA: [],\r\n      selectedGroupIds: [],\r\n      selectedGroupName: [],\r\n      selectedGroup: [],\r\n      selectedGroupsA: [],\r\n      MuteDisc: false,\r\n      MuteStatus: [],\r\n      UnMuteDisc: false,\r\n      Seen: false,\r\n      seenId: \"\",\r\n      seenGroupId: \"\",\r\n      seenMessage: \"\",\r\n      SeenMsgMembers: [],\r\n      FilterSeenMsgMembers: [],\r\n      datetimesec: \"\",\r\n      initialScroll: true,\r\n      EditDName: false,\r\n      checkClosedDate: [],\r\n      MemberAccess: [],\r\n      AllMemberAccess: [],\r\n      NonAccess: [],\r\n      AllNonAccess: [],\r\n      InputDisabled:false,\r\n      Seenside: true,\r\n      EditInput: false,\r\n      updatedGroupTitle: \"\",\r\n      width: window.innerWidth,\r\n      windowWidth: window.innerWidth,\r\n      height: window.innerWidth < 700 ? 297 : 340,\r\n      emojiWidth: window.innerWidth < 500 ? 275 : 315\r\n    };\r\n\r\n    this.inputReference = React.createRef();\r\n    this.AddSkillModel = this.AddSkillModel.bind(this);\r\n    this.handleEmojiClick = this.handleEmojiClick.bind(this);\r\n    this.myEmoji = this.myEmoji.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.toggleMenu = this.toggleMenu.bind(this);\r\n    this.attachMenu = this.attachMenu.bind(this);\r\n    this.deleteMenu = this.deleteMenu.bind(this);\r\n    this.displaypopup = this.displaypopup.bind(this);\r\n    this.displayeditpop = this.displayeditpop.bind(this);\r\n    this.grpnameedit = this.grpnameedit.bind(this);\r\n    this.enddisc = this.enddisc.bind(this);\r\n    this.Leavedisc = this.Leavedisc.bind(this);\r\n    this.Deletepop = this.Deletepop.bind(this);\r\n    this.Addpop = this.Addpop.bind(this);\r\n    this.Documentpop = this.Documentpop.bind(this);\r\n    this.Picturepop = this.Picturepop.bind(this);\r\n    this.ProfileEditPop = this.profileEditpopup(this);\r\n    this.Memberpop = this.Memberpop.bind(this);\r\n    this.hiddenpop = this.openpop.bind(this);\r\n    this.MuteDisc = this.MuteDisc.bind(this);\r\n    this.UnMuteDisc = this.UnMuteDisc.bind(this);\r\n  }\r\n\r\n  formatDateAA2 = (dateString) => {\r\n    const options = {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n    };\r\n    return new Date(dateString).toLocaleString(\"en-US\", options);\r\n  };\r\n\r\n  Leavedisc(e) {\r\n    e.preventDefault();\r\n    this.setState({\r\n      Leavedisc: !this.state.Leavedisc,\r\n      Deleteuser: false,\r\n      GrpnameEdit: false,\r\n      ProfileEditPop: false,\r\n      attachMenu: false,\r\n      MuteDisc: false,\r\n      UnMuteDisc: false,\r\n    });\r\n    this.setState({\r\n      showMenu: false,\r\n    });\r\n  }\r\n\r\n  fetchClosedDate = async () => {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    try {\r\n      const response = await axios.get(`${BASE_URLs}/Chat/CheckPrivacyandCreatedby`, options);\r\n      this.setState({ checkClosedDate: response.data });\r\n    } catch (error) {\r\n      console.error('Error fetching closed date:', error);\r\n    }\r\n    setInterval(1000);\r\n  };\r\n\r\n  changeImage = () => {\r\n    this.setState({ hover: true });\r\n  };\r\n\r\n  restoreImage = () => {\r\n    this.setState({ hover: false });\r\n  };\r\n\r\n  handleOptionChange1 = (e) => {\r\n    this.setState({\r\n      selectedOption: e.target.value,\r\n    });\r\n  };\r\n\r\n  handleOptionChange = (e) => {\r\n    this.setState({\r\n      selectedOption: e.target.value,\r\n    });\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    this.setState({\r\n      message: e.target.value,\r\n    });\r\n  };\r\n\r\n  LeaveDiscussion = (GrpId, Gname) => {\r\n    var Gname = document.getElementById(\"Gname\").value;\r\n    const data = {\r\n      Id: GrpId,\r\n      GroupName: Gname,\r\n      GroupMember: this.state.mergedUsers,\r\n      Profile: this.state.ImgPath,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/Chat/LeaveDiscussion`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        if (response.data.status === \"Success\") {\r\n          this.setState({\r\n            Leavedisc: false,\r\n          });\r\n          document.getElementById(\"input-group write-msg\").style.display =\r\n            \"none\";\r\n        }\r\n        this.GetMemberAccess(this.props.values.groupId);\r\n        this.GetNonAccess(this.props.values.groupId);\r\n      })\r\n\r\n\r\n      .catch((error) => {\r\n      });\r\n  };\r\n\r\n  myFunction = (e) => {\r\n    const AllMembers = this.state.AllMember.filter((item) =>\r\n      item.name.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ AllMembers });\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.charCode === 13 && !this.state.EditInput) {\r\n      event.preventDefault();\r\n      const { message, picture_Path, document_Path } = this.state;\r\n      if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n        alert(\"Please enter a message, select an image, or choose a document.\");\r\n      } else {\r\n        const formData = new FormData();\r\n        this.setState({\r\n          InputDisabled: true,\r\n        });\r\n        formData.append(\"Message\", message);\r\n        formData.append(\"Group_Name\", this.state.updatedGroupTitle.length === 0 ? this.state.GroupTitle : this.state.updatedGroupTitle);\r\n        formData.append(\"Group_id\", this.props.values.groupId);\r\n        formData.append(\"GroupMember\", this.state.mergedUsers);\r\n        formData.append(\"Profile\", this.state.ImgPath);\r\n        axios({\r\n          method: \"POST\",\r\n          url: `${BASE_URLs}/contact/GroupChatMessage`,\r\n          data: formData,\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        })\r\n          .then((response) => {\r\n            setTimeout(() => {\r\n              this.HideTextBox(this.props.values.groupId);\r\n            }, 500);\r\n            this.setState({\r\n              message: \"\",\r\n              picture_Path: null,\r\n              document_Path: null,\r\n              InputDisabled: false,\r\n            });\r\n          })\r\n          .catch((error) => {\r\n            // Handle error\r\n          });\r\n      }\r\n    }\r\n  \r\n    if (event.charCode === 13 && this.state.EditInput) {\r\n      event.preventDefault();\r\n      document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n      document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n      const data = {\r\n        GroupId: this.state.deleteEvery,\r\n        Message: this.state.deletemsg,\r\n        SenderId: this.state.deletesender,\r\n        DateTimeSec: this.state.datetimesec,\r\n      };\r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/Chat/EditChatMessage`,\r\n        data: data,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n          this.setState({ message: \"\", deletemsg: \"\" });\r\n          setTimeout(() => {\r\n            this.HideTextBoxEdit(this.props.values.groupId);\r\n          }, 500);\r\n          this.setState({ EditInput: false })\r\n        })\r\n        .catch((error) => {\r\n          // Handle error\r\n        });\r\n    };\r\n  };\r\n\r\n  handleTextChange = (event) => {\r\n    this.setState({\r\n      message: event.target.value,\r\n      deletemsg: event.target.value,\r\n    });\r\n  };\r\n\r\n  documentPopup = () => {\r\n    this.setState({\r\n      isdocumentpopOpen: false,\r\n      Documentpopup: false,\r\n    });\r\n\r\n    setTimeout(() => {\r\n      this.HideTextBox(this.props.values.groupId);\r\n    }, 500);\r\n  };\r\n\r\n  memberPopup = () => {\r\n    this.setState({\r\n      ismemberpopOpen: false,\r\n      Memberpopup: false,\r\n    });\r\n\r\n    setTimeout(() => {\r\n      this.HideTextBox(this.props.values.groupId);\r\n    }, 500);\r\n  };\r\n\r\n  SeenMessages = () => {\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    const data = {\r\n      Message: this.state.seenMessage,\r\n      GroupId: this.state.seenGroupId,\r\n      Datetime: this.state.deletedate\r\n    };\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/Chat/SeenMessage`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((data) => {\r\n        this.setState({\r\n          FilterSeenMsgMembers: data.data,\r\n          Seen: !this.state.Seen,\r\n          Seen: true,\r\n          MsgOption: false,\r\n          isVisible: false,\r\n          initialScroll: window.innerWidth <= 990\r\n        });\r\n        const SingleMember = Array.from(\r\n          new Set(this.state.FilterSeenMsgMembers.map(JSON.stringify))\r\n        ).map(JSON.parse);\r\n        this.setState({\r\n          SeenMsgMembers: SingleMember,\r\n        });\r\n      })\r\n\r\n      .catch((error) => {\r\n      });\r\n\r\n    setTimeout(() => {\r\n      this.HideTextBox(this.props.values.groupId);\r\n      if (this.state.initialScroll) {\r\n        const scrollOptions = {\r\n          top: document.body.scrollHeight, // Scroll to the bottom of the body\r\n          behavior: 'smooth' // Apply smooth scrolling behavior\r\n        };\r\n        window.scrollTo(scrollOptions);\r\n      }\r\n    }, 500);\r\n  };\r\n\r\n  picturePopup = () => {\r\n    this.setState({\r\n      ispicturepopOpen: false,\r\n      Picturepopup: false,\r\n    });\r\n\r\n    setTimeout(() => {\r\n      this.HideTextBox(this.props.values.groupId);\r\n    }, 500);\r\n  };\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    const { message, picture_Path, document_Path } = this.state;\r\n    if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n      alert(\"Please enter a message, select an image, or choose a document.\");\r\n    } else {\r\n      const formData = new FormData();\r\n      this.setState({\r\n        InputDisabled: true,\r\n      });\r\n      formData.append(\"Message\", message);\r\n      formData.append(\"Group_Name\", this.state.updatedGroupTitle.length === 0 ? this.state.GroupTitle : this.state.updatedGroupTitle);\r\n      formData.append(\"Group_id\", this.props.values.groupId);\r\n      formData.append(\"GroupMember\", this.state.mergedUsers);\r\n      formData.append(\"Profile\", this.state.ImgPath);\r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/contact/GroupChatMessage`,\r\n        data: formData,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n          event.target.reset();\r\n          setTimeout(() => {\r\n            this.HideTextBox(this.props.values.groupId);\r\n          }, 500);\r\n  \r\n          this.setState({\r\n            message: \"\",\r\n            picture_Path: null,\r\n            document_Path: null,\r\n            InputDisabled: false,\r\n          });\r\n        })\r\n        .catch((error) => {\r\n        });\r\n    }\r\n  };\r\n\r\n  UpdateGroupName = (event) => {\r\n    var grpname = document.getElementById(\"Groupname\").value;\r\n    var GrpId = document.getElementById(\"GrpId\").value;\r\n    if (!grpname) {\r\n      alert(\"Group Name is required\");\r\n    }\r\n    if (grpname) {\r\n      const data = {\r\n        GroupId: GrpId,\r\n        GroupName: grpname,\r\n      };\r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/contact/EditGroupName`,\r\n        data: data,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n          if (response.data.status === \"Success\") {\r\n            this.setState({\r\n              GrpnameEdit: false,\r\n              GroupTitle: grpname,\r\n            });\r\n            this.SubmitEditMessage();\r\n            alert(\"Updated Successfully\");\r\n            let status = localStorage.getItem(\"AllDataa\");\r\n            let statusdata = JSON.parse(status);\r\n            let stss = statusdata.map((e) => e.createDateTime);\r\n            this.GetAllMessage(this.props.values.groupId, stss);\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          alert(\"failed !\");\r\n        });\r\n    }\r\n  };\r\n  GetMessages() {\r\n    const config = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetSendmsg`, config)\r\n      .then((response) => {\r\n        this.setState({\r\n          Messages: response.data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n      });\r\n  }\r\n  \r\n  GetGroupName() {\r\n    const config = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    axios.get(`${BASE_URLs}/Contact/GetGroupName`, config)\r\n      .then((response) => {\r\n        if (Array.isArray(response.data)) {\r\n          this.setState({\r\n            Groupname: response.data,\r\n          });\r\n        } else {\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        // Handle error\r\n      });\r\n  }\r\n\r\n  SearchClick = () => {\r\n    if (window.innerWidth <= 900) {\r\n    const headerElement = document.getElementById(\"Grouppop-header\");\r\n   if (headerElement) {\r\n      headerElement.style.height = this.state.Search ? \"\" : \"83px\"; // Example height values\r\n    }\r\n   }\r\n  if (this.state.Search) {\r\n      document.getElementById(\"searchresM\").value = \"\";\r\n      document.getElementById(\"FilterErr\").innerHTML = \"\";\r\n      this.setState({\r\n        Allmessage: this.state.Allmessage1, // Assuming Allmessage1 holds all original messages\r\n        showResults: false, // Optionally reset showResults if needed\r\n      });\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      Search: !prevState.Search,\r\n    }));\r\n  };\r\n\r\n  MessageFilter = (e) => {\r\n    const Allmessage = this.state.Allmessage1.filter((item) =>\r\n      item.message.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Allmessage, showResults: true });\r\n    if (Allmessage.length === 0) {\r\n      document.getElementById(\"FilterErr\").innerHTML = \"Message Not Found\";\r\n    } else {\r\n      document.getElementById(\"FilterErr\").innerHTML = \"\";\r\n    }\r\n  };\r\n\r\n  markMessageAsSeen = (group_id) => {\r\n    const config = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    const body = {\r\n      id: group_id,\r\n    };\r\n    axios.post(`${BASE_URLs}/Notification/Msgcount`, body, config)\r\n      .then((response) => {\r\n      })\r\n      .catch((error) => {\r\n      });\r\n  };\r\n\r\n  GetAllMessage(Id, date) {\r\n    var Email = JSON.parse(localStorage.email);\r\n    const data = {\r\n      id: Id,\r\n      date: date[0],\r\n      members: this.state.Memberslist,\r\n    };\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/Contact/GetGroupMsg`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        let dd = response.data.map((d) => {\r\n          if (d.message === \"have been Left\") {\r\n            return d\r\n          }\r\n        }).filter(function (x) {\r\n          return x !== undefined;\r\n        })\r\n\r\n        let dispun = dd.map((d) => {\r\n          return d.displayName\r\n        })\r\n\r\n        this.setState({\r\n          Allmessage: response.data,\r\n          Allmessage1: response.data,\r\n        });\r\n\r\n        this.markMessageAsSeen(this.props.values.groupId)\r\n        var curlength = response.data.length; // Corrected syntax\r\n        if (curlength !== this.state.prevLength) {\r\n          this.setState({\r\n            initialScroll: true,\r\n            prevLength: curlength,\r\n          });\r\n        }\r\n\r\n        if (this.state.initialScroll === true) {\r\n          this.scrollIntoView();\r\n          this.setState({\r\n            initialScroll: false,\r\n          });\r\n        }\r\n        localStorage.setItem(\"AllMessagessss\", JSON.stringify(response.data));\r\n        let msgdata = localStorage.getItem(\"AllMessagessss\");\r\n        let msg = JSON.parse(msgdata);\r\n        let arr = msg.map((e) => e.message);\r\n        this.setState({ object: arr });\r\n        const isValidUrl = (url) => {\r\n          const regexp =\r\n            /(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?/;\r\n          return regexp.test(url);\r\n        };\r\n        const validUrls = arr.filter(isValidUrl);\r\n        this.setState({ filterurl: validUrls });\r\n      });\r\n  }\r\n\r\n  GetAllMessageEdit(Id, date) {\r\n    const data = {\r\n      id: Id,\r\n      date: date[0],\r\n    };\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/Contact/GetGroupMsg`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        this.setState({\r\n          Allmessage: response.data,\r\n        });\r\n        localStorage.setItem(\"AllMessagessss\", JSON.stringify(response.data));\r\n        let msgdata = localStorage.getItem(\"AllMessagessss\");\r\n        let msg = JSON.parse(msgdata);\r\n        let arr = msg.map((e) => e.message);\r\n        this.setState({ object: arr });\r\n        const isValidUrl = (url) => {\r\n          const regexp =\r\n            /(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?/;\r\n          return regexp.test(url);\r\n        };\r\n        const validUrls = arr.filter(isValidUrl);\r\n        this.setState({ filterurl: validUrls });\r\n      });\r\n  }\r\n\r\n  scrollIntoView() {\r\n    this.myRef.current?.scrollIntoView({ behavior: \"smooth\" });\r\n  }\r\n\r\n  GetAllMembers(Id) {\r\n    const config = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    const fetchData = () => {\r\n      axios.get(`${BASE_URLs}/Contact/GetGroupMembers?Id=${Id}`, config)\r\n        .then((response) => {\r\n          this.setState({\r\n            AllMembers: response.data,\r\n            AllMember: response.data,\r\n            GroupTitle: this.props.values.groupName,\r\n          });\r\n  \r\n          setTimeout(() => {\r\n            this.GetTeamMembers();\r\n          }, 500);\r\n  \r\n          localStorage.setItem(\"AllGroupMember\", JSON.stringify(response.data));\r\n          var UserId = JSON.parse(localStorage.userId);\r\n          let Member = localStorage.getItem(\"AllGroupMember\");\r\n          let Members = JSON.parse(Member);\r\n          let lMembers = Members.map((e) => e.user_id);\r\n          let Membersstr = lMembers.toString();\r\n          let MembersName = Members.map((e) => e.name);\r\n          let MembersNamestr = MembersName.toString();\r\n          this.setState({\r\n            Memberslist: Membersstr,\r\n            Group: {\r\n              GroupId: Id,\r\n              GroupName: this.props.values.groupName,\r\n              GroupMembers: Membersstr,\r\n              Profile: this.state.ImgPath,\r\n            },\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          // Handle error\r\n        });\r\n    };\r\n  \r\n    fetchData();\r\n    const refreshInterval = setInterval(fetchData, 5000);\r\n    this.setState({ refreshInterval });\r\n  }\r\n  isAtTop = () => {\r\n    const bodyScrollTop =\r\n      document.body.scrollTop || document.documentElement.scrollTop;\r\n    const threshold = 10;\r\n    return bodyScrollTop < threshold;\r\n  };\r\n\r\n  fetchClosedDate = async () => {\r\n    const config = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    try {\r\n      const response = await axios.get(\r\n        `${BASE_URLs}/Chat/CheckPrivacyandCreatedby`,\r\n        config\r\n      );\r\n      this.setState({ checkClosedDate: response.data });\r\n    } catch (error) {\r\n      // Handle error\r\n    }\r\n    setInterval(1000);\r\n  };\r\n  \r\n\r\n  GetMemberAccess(group_id) {\r\n    const config = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    const body = {\r\n      Id: group_id,\r\n    };\r\n  \r\n    axios.post(`${BASE_URLs}/Chat/GetAccessAddMember`, body, config)\r\n      .then((response) => {\r\n        this.setState({\r\n          MemberAccess: response.data,\r\n          AllMemberAccess: response.data,\r\n          selectedUserIds: [],\r\n          selectedUsers: [],\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // Handle error\r\n      });\r\n  }\r\n\r\n  GetNonAccess(group_id) {\r\n    const config = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    const body = {\r\n      Id: group_id,\r\n    };\r\n  \r\n    axios.post(`${BASE_URLs}/chat/GetNonAccessAddMember`, body, config)\r\n      .then((response) => {\r\n        this.setState({\r\n          NonAccess: response.data,\r\n          AllNonAccess: response.data,\r\n          selectedUserIds: [],\r\n          selectedUsers: [],\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // Handle error\r\n      });\r\n  }\r\n\r\n\r\n  componentDidMount() {\r\n    this.GetForwardMembers();\r\n    this.SeenMessages();\r\n    this.GetGroupUsers(this.props.values.groupId);\r\n    this.GetGroupId(this.props.values.groupName);\r\n    this.fetchClosedDate(this.props.values.groupId);\r\n    this.GetMemberAccess(this.props.values.groupId);\r\n    this.GetNonAccess(this.props.values.groupId);\r\n  async function getMessageInstantly() {\r\n      while (!this.state.Search) {\r\n        this.GetAddmembers();\r\n        let status = localStorage.getItem(\"AllDataa\");\r\n        let statusdata = JSON.parse(status);\r\n        let stss = statusdata.map((e) => e.createDateTime);\r\n        this.GetAllMessage(this.props.values.groupId, stss);\r\n        for (const d of this.state.Allmessage) {\r\n          if (\r\n            d.message.includes(\"Changed this Group Name\") &&\r\n            !d.message.includes(\"have been Left\")\r\n          ) {\r\n            this.setState({\r\n              updatedGroupTitle: d.group_Name,\r\n            });\r\n          }\r\n        }\r\n        await new Promise((resolve) => setTimeout(resolve, 5000));\r\n      }\r\n    }\r\n    \r\n    // Call the function\r\n    getMessageInstantly.call(this);\r\n    setTimeout(() => {\r\n      this.GetAddmembers(this.props.values.groupId);\r\n      this.GetMessages();\r\n    }, 5);\r\n\r\n    this.scrollIntoView({ behavior: \"smooth\" });\r\n    this.HideTextBox(this.props.values.groupId);\r\n    this.DUHideTextBox(this.props.values.groupId);\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n    this.GetAllMembers(this.props.values.groupId);\r\n    this.setState({ letters: alphabet });\r\n    document.addEventListener(\"mousedown\", this.handleClickOutside);\r\n    window.addEventListener('resize', this.handleResize);\r\n    this.setState({\r\n      Seenside: this.updateSeenside()\r\n    });\r\n    const maintabAElement = document.getElementById(\"maintabA\");\r\n    if (maintabAElement) {\r\n        maintabAElement.style.display = this.state.Minimized ? \"\" : \"none\";\r\n    }\r\n  }\r\n\r\n  handleClickOutside = (event) => {\r\n    if (\r\n      this.containerRef.current &&\r\n      !this.containerRef.current.contains(event.target)\r\n    ) {\r\n      this.setState({\r\n        isVisible: false,\r\n        Seen: false,\r\n        showMenu: false,\r\n        MsgOption: false,\r\n        ProfileEditPop: false,\r\n      });\r\n    }\r\n  };\r\n\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Addmembers = this.state.AllAddmembers.filter((item) => {\r\n      return item.name.charAt(0).toLowerCase() === letter.toLowerCase();\r\n    });\r\n    this.setState({ Addmembers, showResults: true });\r\n  };\r\n  componentDidUpdate(prevProps, prevState) {\r\n    if (this.state.Seen && !prevState.Seen) {\r\n      window.scrollTo(0, 990);\r\n    }\r\n    if (prevState.windowWidth !== this.state.windowWidth) {\r\n      this.setState({\r\n        Seenside: this.updateSeenside()\r\n      });\r\n    }\r\n  }\r\n  handleArrowClick() {\r\n    this.AddSkillModel();\r\n    this.props.close();\r\n  }\r\n  myEmoji = () => {\r\n    const changeState = this.state.showEmoji;\r\n    if (changeState) {\r\n      this.setState({\r\n        showEmoji: false,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        showEmoji: true,\r\n        attachMenu: false,\r\n        Addpopup: false,\r\n        showMenu: false,\r\n        deleteMenu: false,\r\n      });\r\n    }\r\n  };\r\n  handleEmojiClick = (emojiObject) => {\r\n    this.setState((prevState) => ({\r\n      message: prevState.message + emojiObject.emoji,\r\n      showEmoji: false,\r\n      deletemsg: prevState.deletemsg + emojiObject.emoji,\r\n    }));\r\n  };\r\n  handleKeyPress(event) {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n      this.AddSkillModel();\r\n      this.props.close();\r\n    }\r\n  }\r\n  AddSkillModel() {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    this.setState((prevState) => ({\r\n      AddSkillModel: !prevState.AddSkillModel,\r\n    }));\r\n  }\r\n  handleButton1Click = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n    });\r\n  };\r\n  toggleMenu() {\r\n    this.setState({\r\n      showMenu: !this.state.showMenu,\r\n      Addpopup: false,\r\n      attachMenu: false,\r\n      showEmoji: false,\r\n      deleteMenu: false,\r\n    });\r\n  }\r\n  attachMenu() {\r\n    this.setState({\r\n      attachMenu: !this.state.attachMenu,\r\n      showEmoji: false,\r\n      Addpopup: false,\r\n      showMenu: false,\r\n      deleteMenu: false,\r\n      Deleteuser: false,\r\n      Enddisc: false,\r\n      ProfileEditPop: false,\r\n      GrpnameEdit: false,\r\n      MuteDisc: false,\r\n      UnMuteDisc: false,\r\n    });\r\n  }\r\n\r\n  MessageOption(id, groupId, sd, cd, msg, pp, dp, dts) {\r\n    // // console.log(\"dtsssssss------\", dts);\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n    this.setState({\r\n      MsgOption: !this.state.MsgOption,\r\n      MsgOption: true,\r\n      deleteId: id,\r\n      deleteEvery: groupId,\r\n      deletesender: sd,\r\n      deletedate: cd,\r\n      deletemsg: msg,\r\n      deletepic: pp,\r\n      deletedoc: dp,\r\n      seenId: id,\r\n      seenGroupId: groupId,\r\n      seenMessage: msg,\r\n      forwardpopup: false,\r\n      GrpnameEdit: false,\r\n      Deleteuser: false,\r\n      Enddisc: false,\r\n      ProfileEditPop: false,\r\n      attachMenu: false,\r\n      MuteDisc: false,\r\n      UnMuteDisc: false,\r\n      datetimesec: dts,\r\n    });\r\n  }\r\n  CanceEdit() {\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n  }\r\n  EditMessage = () => {\r\n    this.setState({ EditInput: true })\r\n    document.getElementById(\"input-groupEdit\").style.display = \"flex\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"none\";\r\n  }\r\n  deleteMenu() {\r\n    this.setState({\r\n      isVisible: !this.state.isVisible,\r\n\r\n      isVisible: true,\r\n      attachMenu: false,\r\n      Addpopup: false,\r\n      showMenu: false,\r\n      showEmoji: false,\r\n      MsgOption: false,\r\n      Seen: false,\r\n    });\r\n  }\r\n  profileEditpopup = () => {\r\n    this.setState({\r\n      ProfileEditPop: !this.state.ProfileEditPop,\r\n      Deleteuser: false,\r\n      Enddisc: false,\r\n      GrpnameEdit: false,\r\n      attachMenu: false,\r\n      MuteDisc: false,\r\n      UnMuteDisc: false,\r\n    });\r\n  };\r\n  hideprofileEditpopup = (e) => {\r\n    this.setState({\r\n      ProfileEditPop: false,\r\n      EImage: this.state.ImgPath,\r\n    });\r\n  };\r\n\r\n  displaypopup() {\r\n    this.setState({ Infopopup: !this.state.Infopopup });\r\n    this.setState({\r\n      showMenu: false,\r\n    });\r\n    this.GetAllMembers(this.props.values.groupId);\r\n  }\r\n  hidedisplaypop = () => {\r\n    this.setState({\r\n      Infopopup: false,\r\n    });\r\n  };\r\n\r\n  displayeditpop() {\r\n    this.setState({ Editpopup: !this.state.Editpopup });\r\n    this.setState({\r\n      showMenu: false,\r\n    });\r\n    this.GetAllMembers(this.props.values.groupId);\r\n  }\r\n  hideEditpop = () => {\r\n    this.setState({\r\n      Editpopup: false,\r\n      GrpnameEdit: false,\r\n      Deleteuser: false,\r\n      ProfileEditPop: false,\r\n    });\r\n  };\r\n\r\n  documentpop() {\r\n    this.setState({ Documentpopup: !this.state.Documentpopup });\r\n  }\r\n\r\n  memberpop() {\r\n    this.setState({ Memberpopup: !this.state.Memberpopup });\r\n  }\r\n\r\n  picturepop() {\r\n    this.setState({ Picturepopup: !this.state.Picturepopup });\r\n  }\r\n\r\n  grpnameedit() {\r\n    this.setState({\r\n      GrpnameEdit: !this.state.GrpnameEdit,\r\n      Deleteuser: false,\r\n      Enddisc: false,\r\n      ProfileEditPop: false,\r\n      attachMenu: false,\r\n      MuteDisc: false,\r\n      UnMuteDisc: false,\r\n    });\r\n    this.GetAllMembers(this.props.values.groupId);\r\n  }\r\n\r\n  hidegrpnameEditpop = () => {\r\n    this.setState({\r\n      GrpnameEdit: false,\r\n    });\r\n    document.getElementById(\"grpnameform\").reset();\r\n  };\r\n\r\n  editgrpName() {\r\n    var grpname = document.getElementById(\"Gname\").value;\r\n\r\n    if (!grpname) {\r\n      alert(\"Group Name is required\");\r\n    }\r\n  }\r\n\r\n  hidedocumentpop = () => {\r\n    this.setState({\r\n      Documentpopup: false,\r\n    });\r\n  };\r\n\r\n  hidememberpop = () => {\r\n    this.setState({\r\n      Memberpopup: false,\r\n    });\r\n  };\r\n\r\n  hidepicturepop = () => {\r\n    this.setState({\r\n      Picturepopup: false,\r\n    });\r\n  };\r\n\r\n  MuteDisc(e) {\r\n    e.preventDefault();\r\n    this.setState({\r\n      MuteDisc: !this.state.MuteDisc,\r\n      Deleteuser: false,\r\n      Enddisc: false,\r\n      ProfileEditPop: false,\r\n      attachMenu: false,\r\n      GrpnameEdit: false,\r\n      UnMuteDisc: false,\r\n    });\r\n  }\r\n\r\n  UnMuteDisc(e) {\r\n    e.preventDefault();\r\n    this.setState({\r\n      UnMuteDisc: !this.state.UnMuteDisc,\r\n      Deleteuser: false,\r\n      Enddisc: false,\r\n      ProfileEditPop: false,\r\n      attachMenu: false,\r\n      GrpnameEdit: false,\r\n      MuteDisc: false,\r\n    });\r\n  }\r\n\r\n  hideMuteDisc = () => {\r\n    this.setState({\r\n      MuteDisc: false,\r\n    });\r\n  };\r\n\r\n  hideUnMuteDisc = () => {\r\n    this.setState({\r\n      UnMuteDisc: false,\r\n    });\r\n  };\r\n\r\n  enddisc(e) {\r\n    e.preventDefault();\r\n    this.setState({\r\n      Enddisc: !this.state.Enddisc,\r\n      Deleteuser: false,\r\n      GrpnameEdit: false,\r\n      ProfileEditPop: false,\r\n      attachMenu: false,\r\n      MuteDisc: false,\r\n      UnMuteDisc: false,\r\n    });\r\n    this.setState({\r\n      showMenu: false,\r\n    });\r\n  }\r\n\r\n  hideenddiscpop = () => {\r\n    this.setState({\r\n      Enddisc: false,\r\n      Leavedisc: false,\r\n    });\r\n  };\r\n\r\n  endDiscussion = (GrpId) => {\r\n    \r\n    var Gname = document.getElementById(\"Gname\").value;\r\n    // let GrpId = document.getElementById('groupId').value\r\n\r\n    const data = {\r\n      Id: GrpId,\r\n      uname: localStorage.getItem(\"uname\").split(`\"`)[1],\r\n      GroupName: Gname,\r\n      GroupMember: this.state.mergedUsers,\r\n      Profile: this.state.ImgPath,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n\r\n      url: `${BASE_URLs}/Chat/EndDiscussion`,\r\n\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n\r\n        if (response.data.status === \"Success\") {\r\n          // alert(\"You Exists\");\r\n          Swal.fire({\r\n            position: \"center\",\r\n\r\n            icon: \"error\",\r\n\r\n            text: \"Discussion Ended\",\r\n\r\n            showConfirmButton: false,\r\n\r\n            timer: 3000,\r\n            customClass: \"Group-swal-container\",\r\n          });\r\n\r\n          this.setState({\r\n            Enddisc: false,\r\n             EndStatus:0,\r\n             Status:0\r\n          });\r\n          this.fetchClosedDate(this.props.values.groupId);     \r\n\r\n          document.getElementById(\"input-group write-msg\").style.display =\r\n            \"none\";\r\n\r\n          document.getElementById(\"exitspan\").style.display = \"block\";\r\n          // document.getElementById('Chat-Input-outer').style.backgroundColor = \"#d5d5d5\"\r\n          document.getElementById(\"AddIcon\").style.display = \"none\";\r\n          document.getElementById(\"MenuIcon\").style.display = \"none\";\r\n        }\r\n      })\r\n\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n\r\n        //alert(\"failed!\");\r\n      });\r\n  };\r\n\r\n  MuteDiscussion = (GrpId) => {\r\n    // let GrpId = document.getElementById('groupId').value\r\n\r\n    const data = {\r\n      Id: GrpId,\r\n      // uname: localStorage.getItem(\"uname\").split(`\"`)[1]\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n\r\n      url: `${BASE_URLs}/Chat/Mute`,\r\n\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(\"checkedd\", response.data);\r\n\r\n        if (response.data.status === \"Success\") {\r\n          alert(\"Discussion Muted\");\r\n          this.GetGroupUsers(this.props.values.groupId);\r\n          // Swal.fire({\r\n          //   position: \"center\",\r\n\r\n          //   icon: \"error\",\r\n\r\n          //   title: \"Discussion has been Muted\",\r\n\r\n          //   showConfirmButton: false,\r\n\r\n          //   timer: 3000,\r\n          // });\r\n\r\n          this.setState({\r\n            MuteDisc: false,\r\n          });\r\n        }\r\n      })\r\n\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n\r\n        //alert(\"failed!\");\r\n      });\r\n  };\r\n\r\n  UnMuteDiscussion = (GrpId) => {\r\n    // let GrpId = document.getElementById('groupId').value\r\n\r\n    const data = {\r\n      Id: GrpId,\r\n      // uname: localStorage.getItem(\"uname\").split(`\"`)[1]\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n\r\n      url: `${BASE_URLs}/Chat/UnMute`,\r\n\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(\"checkeddss\", response.data);\r\n\r\n        if (response.data) {\r\n          alert(\"Discussion Unmuted\");\r\n          this.GetGroupUsers(this.props.values.groupId);\r\n          // Swal.fire({\r\n          //   position: \"center\",\r\n\r\n          //   icon: \"error\",\r\n\r\n          //   title: \"Discussion has been Muted\",\r\n\r\n          //   showConfirmButton: false,\r\n\r\n          //   timer: 3000,\r\n          // });\r\n\r\n          this.setState({\r\n            UnMuteDisc: false,\r\n          });\r\n        }\r\n      })\r\n\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n        //alert(\"failed!\");\r\n      });\r\n  };\r\n\r\n  GetGroupUsers = (GrpId) => {\r\n    const data = {\r\n      Id: GrpId,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n\r\n      url: `${BASE_URLs}/Chat/GetGroupUsers`,\r\n\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        this.setState({\r\n          MuteStatus: response.data,\r\n        });\r\n        // // console.log(\"checkeddss\", this.state.MuteStatus);\r\n      })\r\n\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n\r\n        //alert(\"failed!\");\r\n      });\r\n  };\r\n\r\n  HideTextBox = (Id) => {\r\n    // let Id = document.getElementById('groupid').value\r\n\r\n    const data = {\r\n      Id: Id,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n\r\n      url: `${BASE_URLs}/Chat/EDHideTextBox`,\r\n\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n        localStorage.setItem(\"AllDataa\", JSON.stringify(response.data));\r\n        var UserId = JSON.parse(localStorage.userId);\r\n\r\n        var Email = JSON.parse(localStorage.email);\r\n\r\n        let status = localStorage.getItem(\"AllDataa\");\r\n        let statusdata = JSON.parse(status);\r\n        let sts = statusdata.map((e) => e.end_Status);\r\n\r\n        let stss = statusdata.map((e) => e.end_Status_ChangeDate);\r\n        let stss1 = statusdata.map((e) => e.status);\r\n\r\n        // let Admin = statusdata.map((e) => e.created_by);\r\n        // let CheckAdmin = Admin.toString();\r\n        //  let CAdmin =  CheckAdmin.inclues(`UserId`)\r\n\r\n        this.GetAllMessage(this.props.values.groupId, stss);\r\n        // // console.log(sts);\r\n        //alert(stss)\r\n        let statusstr = sts.toString();\r\n        let statusstr1 = stss1.toString();\r\n        this.setState({\r\n          EndStatus: statusstr,\r\n          Status: statusstr1,\r\n        });\r\n\r\n        let num = statusstr.includes(\"0\");\r\n\r\n        let statusA = localStorage.getItem(\"ListAllDataa\");\r\n\r\n        let statusdataA = JSON.parse(statusA);\r\n\r\n        let stsA = statusdataA.map((e) => e.end_Status);\r\n\r\n        // // console.log(stsA);\r\n\r\n        //alert(stss)\r\n\r\n        let statusstrA = stsA.toString();\r\n\r\n        let numA = statusstrA.includes(\"0\");\r\n\r\n        let member = this.state.Memberslist.includes(Email);\r\n        // alert(member)\r\n        if (num === true) {\r\n          document.getElementById(\"input-group write-msg\").style.display =\r\n            \"none\";\r\n          document.getElementById(\"exitspan\").style.display = \"block\";\r\n          document.getElementById(\"AddIcon\").style.display = \"none\";\r\n          document.getElementById(\"MenuIcon\").style.display = \"none\";\r\n        }\r\n\r\n        if (numA === true) {\r\n          document.getElementById(\"input-group write-msg\").style.display =\r\n            \"none\";\r\n          document.getElementById(\"removespan\").style.display = \"block\";\r\n          document.getElementById(\"AddIcon\").style.display = \"none\";\r\n          document.getElementById(\"MenuIcon\").style.display = \"none\";\r\n        }\r\n\r\n        if (member === false) {\r\n          document.getElementById(\"input-group write-msg\").style.display =\r\n            \"none\";\r\n        }\r\n\r\n        if (num === false && numA == false && member == true) {\r\n          document.getElementById(\"input-group write-msg\").style.display =\r\n            \"flex\";\r\n        }\r\n\r\n        localStorage.setItem(\"Status\", num);\r\n\r\n        localStorage.setItem(\"StatusA\", numA);\r\n\r\n        localStorage.setItem(\"StatusB\", member);\r\n      })\r\n\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n\r\n        //alert(\"failed!\");\r\n      });\r\n  };\r\n  HideTextBoxEdit = (Id) => {\r\n    // let Id = document.getElementById('groupid').value\r\n\r\n    const data = {\r\n      Id: Id,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n\r\n      url: `${BASE_URLs}/Chat/EDHideTextBox`,\r\n\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n        localStorage.setItem(\"AllDataa\", JSON.stringify(response.data));\r\n        var UserId = JSON.parse(localStorage.userId);\r\n\r\n        let status = localStorage.getItem(\"AllDataa\");\r\n        let statusdata = JSON.parse(status);\r\n        let sts = statusdata.map((e) => e.status);\r\n\r\n        let stss = statusdata.map((e) => e.status_ChangeDate);\r\n\r\n        // let Admin = statusdata.map((e) => e.created_by);\r\n        // let CheckAdmin = Admin.toString();\r\n        //  let CAdmin =  CheckAdmin.inclues(`UserId`)\r\n\r\n        this.GetAllMessageEdit(this.props.values.groupId, stss);\r\n      })\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n\r\n        //alert(\"failed!\");\r\n      });\r\n  };\r\n  DUHideTextBox = (Id) => {\r\n    // let Id = document.getElementById('groupid').value\r\n    const data = {\r\n      Id: Id,\r\n    };\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/Chat/DUHideTextBox`,\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n\r\n        localStorage.setItem(\"ListAllDataa\", JSON.stringify(response.data));\r\n\r\n        var UserId = JSON.parse(localStorage.userId);\r\n      })\r\n\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n\r\n        //alert(\"failed!\");\r\n      });\r\n  };\r\n\r\n  Deletepop(user_id, name) {\r\n    this.setState({\r\n      Deleteuser: !this.state.Deleteuser,\r\n\r\n      Deleteuserid: user_id,\r\n      Deleteusername: name,\r\n      Enddisc: false,\r\n      ProfileEditPop: false,\r\n      attachMenu: false,\r\n      MuteDisc: false,\r\n      UnMuteDisc: false,\r\n      GrpnameEdit: false,\r\n    });\r\n  }\r\n\r\n  hideDeletepop = () => {\r\n    this.setState({\r\n      Deleteuser: false,\r\n    });\r\n  };\r\n\r\n  DeleteUserGroup = () => {\r\n    let Id = document.getElementById(\"groupid\").value;\r\n    let duserid = document.getElementById(\"duserid\").value;\r\n    let dusername = document.getElementById(\"dusername\").value;\r\n\r\n    // let Both =dusername+\" [ \"+duserid+\" ] \"\r\n    let Both = dusername;\r\n    const data = {\r\n      Id: Id,\r\n      UserName: duserid,\r\n      Uname: localStorage.getItem(\"uname\").split(`\"`)[1],\r\n    };\r\n    // // console.log(data, \"delete user\");\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/Chat/DeleteUserGroup`,\r\n\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n\r\n        this.setState({\r\n          Deleteuser: false,\r\n        });\r\n\r\n        this.GetAllMembers(Id);\r\n\r\n        this.DeleteMessage(\r\n          this.props.values.groupId,\r\n          this.props.values.groupName,\r\n          Both\r\n        );\r\nthis.GetMemberAccess(this.props.values.groupId);\r\n        this.GetNonAccess(this.props.values.groupId);\r\n      })\r\n\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n\r\n        //alert(\"failed!\")\r\n      });\r\n  };\r\n\r\n  DeleteMessageChat = () => {\r\n    // let Id = document.getElementById('id').value;\r\n\r\n    // let dusername = document.getElementById('name').value;\r\n\r\n    const data = {\r\n      Id: this.state.deleteId,\r\n\r\n      // UserName: dusername\r\n    };\r\n\r\n    // // console.log(data, \"delete message\");\r\n\r\n    Swal.fire({\r\n      // title: \"Are you sure\",\r\n\r\n      text: \"Are you sure want to delete message?\",\r\n\r\n      icon: \"warning\",\r\n\r\n      showCancelButton: true,\r\n\r\n      confirmButtonColor: \"#3085d6\",\r\n\r\n      cancelButtonColor: \"#d33\",\r\n\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n      if (result.isConfirmed) {\r\n        axios({\r\n          method: \"POST\",\r\n\r\n          url: `${BASE_URLs}/Chat/DeleteMessage`,\r\n\r\n          data: data,\r\n\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"multipart/form-data\",\r\n\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        })\r\n          .then((response) => {\r\n            // // console.log(response.data);\r\n\r\n            this.setState({\r\n              deleteMenu: false,\r\n            });\r\n          })\r\n\r\n          .catch((error) => {\r\n            // // console.log(error);\r\n\r\n            //alert(\"failed!\")\r\n          });\r\n      }\r\n\r\n      if (result.isDismissed) {\r\n        this.setState({\r\n          deleteMenu: false,\r\n        });\r\n      }\r\n\r\n      setTimeout(() => {\r\n        this.HideTextBox(this.props.values.groupId);\r\n      }, 500);\r\n    });\r\n  };\r\n\r\n  EditChatMessage = () => {\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n    // let Id = document.getElementById('groupid').value\r\n    const data = {\r\n      GroupId: this.state.deleteEvery,\r\n      Message: this.state.deletemsg,\r\n      SenderId: this.state.deletesender,\r\n      // CreateDateTime: this.state.deletedate,\r\n      DateTimeSec: this.state.datetimesec,\r\n    };\r\n\r\n    // // console.log(\"Edit____Data\", data);\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/Chat/EditChatMessage`,\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n        this.setState({ message: \"\" });\r\n\r\n        setTimeout(() => {\r\n          this.HideTextBoxEdit(this.props.values.groupId);\r\n        }, 500);\r\n\r\n        this.setState({ EditInput: false })\r\n      })\r\n\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n\r\n        //alert(\"failed!\");\r\n      });\r\n  };\r\n\r\n  DeleteMessageEveryone = () => {\r\n    // let Id = document.getElementById('id').value;\r\n\r\n    //let dusername = document.getElementById('name').value;\r\n\r\n    const data = {\r\n      GroupId: this.state.deleteEvery,\r\n\r\n      SenderId: this.state.deletesender,\r\n\r\n      DateTimeSec: this.state.datetimesec,\r\n\r\n      Message: this.state.deletemsg,\r\n\r\n      PicturePath: this.state.deletepic,\r\n\r\n      DocumentPath: this.state.deletedoc,\r\n    };\r\n\r\n    // // console.log(data, \"delete message\");\r\n\r\n    Swal.fire({\r\n      // title: \"Are you sure\",\r\n\r\n      text: \"Are you sure want to delete message?\",\r\n\r\n      icon: \"warning\",\r\n\r\n      showCancelButton: true,\r\n\r\n      confirmButtonColor: \"#3085d6\",\r\n\r\n      cancelButtonColor: \"#d33\",\r\n\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n      if (result.isConfirmed) {\r\n        axios({\r\n          method: \"POST\",\r\n\r\n          url: `${BASE_URLs}/Chat/DeleteMessageEveryone`,\r\n\r\n          data: data,\r\n\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"multipart/form-data\",\r\n\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        })\r\n          .then((response) => {\r\n            // // console.log(response.data);\r\n\r\n            this.setState({\r\n              deleteMenu: false,\r\n            });\r\n          })\r\n\r\n          .catch((error) => {\r\n            // // console.log(error);\r\n\r\n            //alert(\"failed!\")\r\n          });\r\n      }\r\n\r\n      if (result.isDismissed) {\r\n        this.setState({\r\n          deleteMenu: false,\r\n        });\r\n      }\r\n\r\n      setTimeout(() => {\r\n        this.HideTextBox(this.props.values.groupId);\r\n      }, 500);\r\n    });\r\n  };\r\n\r\n  DeleteMessage = (Id, GroupName, name) => {\r\n    var MultiMembers = this.state.selectedOptions.map((item) => item.label);\r\n\r\n    let userId = MultiMembers.toString();\r\n\r\n    // let String_User = this.state.selectedUserName.toString();\r\n\r\n    const data = {\r\n      // group_Name: GroupName,\r\n\r\n      Group_Name: GroupName,\r\n\r\n      Group_id: Id,\r\n\r\n      GroupMember: this.state.Memberslist,\r\n\r\n      Message: name,\r\n      Profile: this.state.ImgPath,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n\r\n      url: `${BASE_URLs}/contact/GroupDeleteMemberMessage`,\r\n\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n\r\n        // this.setState({\r\n\r\n        //   Deleteuser: false,\r\n\r\n        // });\r\n\r\n        this.GetAddmembers(this.props.values.groupId);\r\n        this.GetAllMembers(this.props.values.groupId);\r\n\r\n        setTimeout(() => {\r\n          this.HideTextBox(this.props.values.groupId);\r\n        }, 500);\r\n      })\r\n\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n\r\n        alert(\"failed !\");\r\n      });\r\n  };\r\n\r\n  GetAddmembers(Id) {\r\n    const config = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetGroupAddMembers?Id=${Id}`, config)\r\n      .then((response) => {\r\n        if (Array.isArray(response.data)) {\r\n          this.setState({\r\n            Addmembers: response.data,\r\n            AllAddmembers: response.data,\r\n          });\r\n          // // console.log(\"Addmemberssss\", response.data);\r\n        } else {\r\n          // Handle the case when data is not an array\r\n          console.error(\"Received data is not an array:\", response.data);\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        // Handle error\r\n      });\r\n  }\r\n  filteraddmember = (e) => {\r\n    const Addmembers = this.state.AllAddmembers.filter(\r\n      (item) => item.name.toLowerCase().includes(e.target.value.toLowerCase())\r\n      // item.email.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Addmembers });\r\n\r\n    this.setState({\r\n      GetAddmemberspop: true,\r\n    });\r\n  };\r\n\r\n  Addpop() {\r\n    this.setState({\r\n      Addpopup: !this.state.Addpopup,\r\n      showMenu: false,\r\n      forwardpopup: false,\r\n    });\r\n  }\r\n  hideForwardpop = () => {\r\n    this.setState({\r\n      forwardpopup: false,\r\n      selectedGroupIds: [],\r\n    });\r\n\r\n    this.GetForwardMembers();\r\n  };\r\n  hideAddpop = () => {\r\n    this.setState({\r\n      Addpopup: false,\r\n      selectedOptions: [],\r\n    });\r\n\r\n    this.GetAddmembers(this.props.values.groupId);\r\n    this.GetAllMembers(this.props.values.groupId);\r\n    // document.getElementById('AddmemberEmail').value = \"\"\r\n    document.getElementById(\"AddmemberError\").innerHTML = \"\";\r\n    // document.getElementById('MemberlnErr').innerHTML = \"\"\r\n  };\r\n\r\n  Documentpop() {\r\n    this.setState({\r\n      Documentpopup: !this.state.Documentpopup,\r\n      isdocumentpopOpen: true,\r\n\r\n      attachMenu: false,\r\n    });\r\n  }\r\n\r\n  Memberpop() {\r\n    this.setState({\r\n      Memberpopup: !this.state.Memberpopup,\r\n      isMemberpopupOpen: true,\r\n    });\r\n  }\r\n  openpop = () => {\r\n    this.setState({\r\n      hiddenpop: !this.state.hiddenpop,\r\n      ishiddenpopupOpen: true,\r\n    });\r\n  };\r\n\r\n  Picturepop() {\r\n    this.setState({\r\n      Picturepopup: !this.state.Picturepopup,\r\n      ispicturepopOpen: true,\r\n      attachMenu: false,\r\n    });\r\n  }\r\n\r\n  onChange = () => {\r\n    // let userId = document.getElementById('AddmemberEmail').value\r\n    var MultiMembers = this.state.selectedOptions.map((item) => item.value);\r\n    let userId = MultiMembers.toString();\r\n\r\n    if (!userId) {\r\n      document.getElementById(\"AddmemberError\").innerHTML = \"Choose Any Member\";\r\n      //document.getElementById('addbutton').disabled = true\r\n    } else {\r\n      document.getElementById(\"AddmemberError\").innerHTML = \"\";\r\n      //document.getElementById('addbutton').disabled = false\r\n    }\r\n  };\r\n  SubmitAddMessage = (Id, GroupName) => {\r\n    // var MultiMembers = this.state.selectedOptions.map((item) => item.name);\r\n    let userId = this.state.selectedUserName.toString();\r\n\r\n    // let String_User = this.state.selectedUserName.toString();\r\n    const data = {\r\n      // group_Name: GroupName,\r\n\r\n      Group_Name: GroupName,\r\n      Group_id: Id,\r\n      GroupMember: this.state.mergedUsers,\r\n      Message: userId,\r\n      Profile: this.state.ImgPath,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/contact/GroupAddMemberMessage`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n        this.setState({\r\n          selectedUserName: [],\r\n        });\r\n\r\n        setTimeout(() => {\r\n          this.HideTextBox(this.props.values.groupId);\r\n        }, 500);\r\n      })\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n        alert(\"failed !\");\r\n      });\r\n  };\r\n\r\n  GetTeamMembers = () => {\r\n    const data = {\r\n      username: this.state.createdby,\r\n      groupId: this.props.values.groupId,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/contact/GetTeamMembers`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(\"testing\", response.data);\r\n\r\n        var EntityMail = response.data.map((e) => e.userName);\r\n\r\n        var StrEntity = EntityMail.toString();\r\n\r\n        var Both = StrEntity + \",\" + this.state.Memberslist;\r\n\r\n        this.setState({\r\n          mergedUsers: Both,\r\n        });\r\n\r\n        // // console.log(this.state.mergedUsers, \"Check55\");\r\n\r\n        // let usersMap = {};\r\n        // this.state.DUsername.forEach(group => {\r\n        //   group.forEach(user => {\r\n        //     usersMap[user.userName] = usersMap[user.userName] || {\r\n        //       id: user.id, userName: user.userName,\r\n        //       normalizedUserName: user.normalizedUserName,\r\n        //       name: user.name,\r\n        //       email: user.email,\r\n        //       normalizedEmail: user.normalizedEmail,\r\n        //       emailConfirmed: user.emailConfirmed,\r\n        //       passwordHash: user.passwordHash,\r\n        //       securityStamp: user.securityStamp,\r\n        //       concurrencyStamp: user.concurrencyStamp,\r\n        //       phoneNumber: user.phoneNumber,\r\n        //       phoneNumberConfirmed: user.phoneNumberConfirmed,\r\n        //       twoFactorEnabled: user.twoFactorEnabled,\r\n        //       lockoutEnd: user.lockoutEnd,\r\n        //       lockoutEnabled: user.lockoutEnabled,\r\n        //       accessFailedCount: user.accessFailedCount,\r\n        //       organization: user.organization,\r\n        //       entityName: user.entityName,\r\n        //       created_Date: user.created_Date,\r\n        //       reminder: user.reminder,\r\n        //       entityUsers: user.entityUsers\r\n        //     };\r\n        //   });\r\n        // });\r\n\r\n        // let dm = Object.values(usersMap).reduce((result, user) => {\r\n        //   let groupIndex = result.findIndex(group => group.some(u => u.userName === user.userName));\r\n\r\n        //   if (groupIndex === -1) {\r\n        //     result.push([user]);\r\n        //   } else {\r\n        //     result[groupIndex].push(user);\r\n        //   }\r\n        //   return result;\r\n        // }, []);\r\n\r\n        // let op = [];\r\n        // let tempMap = {};\r\n\r\n        // for (let i = 0; i < dm.length; i++) {\r\n        //   for (let j = 0; j < dm[i].length; j++) {\r\n        //     const entityUsers = dm[i][j].entityUsers;\r\n\r\n        //     if (!tempMap[entityUsers]) {\r\n        //       tempMap[entityUsers] = [];\r\n        //     }\r\n\r\n        //     tempMap[entityUsers].push(dm[i][j]);\r\n        //   }\r\n        // }\r\n        // for (const key in tempMap) {\r\n        //   op.push(tempMap[key]);\r\n        // }\r\n\r\n        // // console.log(\"checking\", op);\r\n\r\n        // var mergedUsers = [];\r\n        // for (var i = 0; i < op.length; i++) {\r\n        //   var userstr = op[i].map((user) => user.userName)\r\n        //   var str = userstr.toString();\r\n        //   mergedUsers = mergedUsers.concat(str);\r\n        //   // console.log(\"checked\", mergedUsers)\r\n        //   this.setState({\r\n        //     mergedUsers: mergedUsers\r\n        //   })\r\n        // }\r\n\r\n        // var userstr = op.map((user)=>user.userName)\r\n        // var str = userstr.toString();\r\n        // // console.log(\"checked\",userstr)\r\n      })\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n        alert(\"failed !\");\r\n      });\r\n  };\r\n  AddGroupMember = () => {\r\n    var MultiMembers = this.state.selectedOptions.map((item) => item.value);\r\n    //let check =document.getElementById('CheckAddmemberEmail').value\r\n    //  // console.log(check,\"hhheeheheh\")\r\n    //let Id = document.getElementById('groupid').value\r\n    //let userId = document.getElementById('AddmemberEmail').value\r\n\r\n    // let userId = MultiMembers.toString()\r\n    // alert(userIddd)\r\n\r\n    let userId = this.state.selectedUserIds.toString();\r\n\r\n    let Id = document.getElementById(\"groupid\").value;\r\n\r\n    if (!userId) {\r\n      alert(\"Choose Any Member\");\r\n    } else {\r\n\r\n      const dataA = {     \r\n        Group_Name: this.props.values.groupName,\r\n        Group_id: Id,\r\n        GroupMember: userId,\r\n        Profile: this.state.ImgPath,\r\n      };\r\n  \r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/contact/AddmemberStartMessage`,\r\n        data: dataA,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n          // // console.log(response.data);\r\n       \r\n        })\r\n        .catch((error) => {\r\n          // // console.log(error);\r\n          alert(\"failed !\");\r\n        });\r\n\r\n\r\n\r\n      const data = {\r\n        id: Id,\r\n        userid: userId,\r\n      };\r\n      // // console.log(data);\r\n      setTimeout(() => {\r\n      axios({\r\n        method: \"POST\",\r\n\r\n        url: `${BASE_URLs}/Chat/AddGroupMember`,\r\n\r\n        data: data,\r\n\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n          // // console.log(response.data);\r\n\r\n          if (response.data.status === \"Success\") {\r\n            alert(\" User Added successfully \");\r\n            this.setState({\r\n\r\n              selectedUsers: [],\r\n            });\r\n\r\n\r\n            // document.getElementById('AddmemberEmail').value = \"\"\r\n          }\r\n\r\n          this.setState({\r\n            isPopupOpen: false,\r\n            // selectedUserIds: [],\r\n            selectedUsers: [],\r\n            selectedUserIds: [],\r\n            // selectedUserName:[]\r\n          });\r\n\r\n\r\n          // // console.log(\"AllMemberslist\", this.state.selectedUsers)\r\n\r\n          this.GetMemberAccess(this.props.values.groupId);\r\n          this.GetNonAccess(this.props.values.groupId);\r\n          this.GetAllMembers(this.props.values.groupId);\r\n\r\n          setTimeout(() => {\r\n            this.SubmitAddMessage(\r\n              this.props.values.groupId,\r\n              this.props.values.groupName\r\n            );\r\n          }, 1000);\r\n        })\r\n\r\n\r\n        .catch((error) => {\r\n          // // console.log(error);\r\n\r\n          alert(\"User Can't Insert.\");\r\n        });\r\n      }, 10);\r\n    }\r\n  };\r\n\r\n  GetGroupId(GroupName) {\r\n    const config = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetGroupId?GroupName=${GroupName}`, config)\r\n      .then((response) => {\r\n        localStorage.setItem(\"GroupDataB\", JSON.stringify(response.data));\r\n        let groupdetail = localStorage.getItem(\"GroupDataB\");\r\n        let group = JSON.parse(groupdetail);\r\n        let groupadmin = group.map((e) => e.created_by);\r\n        let createdBy = groupadmin[0];\r\n  \r\n        let groupprivacy = group.map((e) => e.privacy);\r\n        let GPrivacy = groupprivacy[0];\r\n  \r\n        let profile = group.map((e) => e.profile_Pic);\r\n  \r\n        let groupCreateDate = group.map((e) => e.created_Date);\r\n  \r\n        let groupCreatedName = group.map((e) => e.created_Name);\r\n  \r\n        //alert(profile)\r\n        this.setState({\r\n          createdby: createdBy,\r\n          Privacy: GPrivacy,\r\n          ImgPath: profile,\r\n          createdDate: groupCreateDate,\r\n          createdName: groupCreatedName,\r\n        });\r\n  \r\n        // // console.log(\"CreatedBy\", response.data);\r\n      })\r\n      .catch((error) => {\r\n        // Handle error\r\n      });\r\n  }\r\n\r\n  handleSelect = (data) => {\r\n    var MultiMembers = this.state.selectedOptions.map((item) => item.value);\r\n    let userId = MultiMembers.toString();\r\n\r\n    if (userId) {\r\n      document.getElementById(\"AddmemberError\").innerHTML = \"\";\r\n      //document.getElementById('addbutton').disabled = true\r\n    } else {\r\n      document.getElementById(\"AddmemberError\").innerHTML = \"\";\r\n      //document.getElementById('addbutton').disabled = false\r\n    }\r\n\r\n    // if (data.length <= 5) {\r\n\r\n    //   this.setState({\r\n    //     ...this.state.selectedOptions = data\r\n    //   });\r\n    // }\r\n\r\n    // if (data.length > 5) {\r\n    //   document.getElementById('MemberlnErr').innerHTML = \"Maximum length is 5\"\r\n    // }\r\n    // else{\r\n    //   document.getElementById('MemberlnErr').innerHTML = \" \"\r\n    // }\r\n    this.setState({\r\n      ...(this.state.selectedOptions = data),\r\n    });\r\n  };\r\n\r\n  private = (e) => {\r\n    e.preventDefault();\r\n  };\r\n\r\n  GroupPrivate = (e) => {\r\n    e.preventDefault();\r\n  \r\n    Swal.fire({\r\n      text: \"Are you sure you want to change this Discussion to Public?\",\r\n      icon: \"warning\",\r\n      showCancelButton: true,\r\n      confirmButtonColor: \"#3085d6\",\r\n      cancelButtonColor: \"#d33\",\r\n      confirmButtonText: \"Yes!\",\r\n      customClass: {\r\n        title: \"swal-title\",\r\n        content: \"swal-text\",\r\n        confirmButton: \"swal-button\",\r\n      },\r\n    }).then((result) => {\r\n      if (result.isConfirmed) {\r\n        var Gname = this.state.updatedGroupTitle.length === 0 ? this.state.GroupTitle : this.state.updatedGroupTitle;\r\n        var GId = document.getElementById(\"GId\").value;\r\n  \r\n        const config = {\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"application/json\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        };\r\n  \r\n        const body = {\r\n          GroupName: Gname,\r\n          Group_id: GId,\r\n          GroupMember: this.state.mergedUsers,\r\n        };\r\n  \r\n        axios.post(`${BASE_URLs}/contact/GroupPrivate`, body, config)\r\n          .then((response) => {\r\n            if (response.data.status === \"success\") {\r\n              if (this.state.Privacy === 1) {\r\n                this.setState({\r\n                  privacy: 0,\r\n                });\r\n              } else {\r\n                this.setState({\r\n                  privacy: 1,\r\n                });\r\n              }\r\n            }\r\n            Swal.fire({\r\n              text: \"Discussion has been changed to Public!!\",\r\n              confirmButtonColor: \"#3085d6\",\r\n              confirmButtonText: \"Ok\",\r\n            }).then((result) => {\r\n              if (result.isConfirmed) {\r\n                this.setState({ reloadbutton: !this.state.reloadbutton });\r\n                this.setState({\r\n                  privacy: 1,\r\n                });\r\n              }\r\n            });\r\n          })\r\n          .catch((error) => {\r\n            console.error(\"Error updating Seen field:\", error);\r\n            // Handle error\r\n          });\r\n      }\r\n    });\r\n  };\r\n\r\n  GroupPublic = () => {\r\n    Swal.fire({\r\n      text: \"Are you sure you want to change this Discussion to Private?\",\r\n      icon: \"warning\",\r\n      showCancelButton: true,\r\n      confirmButtonColor: \"#3085d6\",\r\n      cancelButtonColor: \"#d33\",\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n      if (result.isConfirmed) {\r\n        var Gname = this.state.updatedGroupTitle.length === 0 ? this.state.GroupTitle : this.state.updatedGroupTitle;\r\n        var GId = document.getElementById(\"GId\").value;\r\n  \r\n        const config = {\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"application/json\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        };\r\n  \r\n        const body = {\r\n          GroupName: Gname,\r\n          Group_id: GId,\r\n          GroupMember: this.state.mergedUsers,\r\n        };\r\n  \r\n        axios.post(`${BASE_URLs}/contact/GroupPublic`, body, config)\r\n          .then((response) => {\r\n            // Handle the response data if needed\r\n            Swal.fire({\r\n              text: \"Discussion has been changed to Private!!\",\r\n              confirmButtonColor: \"#3085d6\",\r\n              confirmButtonText: \"Ok\",\r\n            }).then((result) => {\r\n              if (result.isConfirmed) {\r\n                this.setState({ reloadbutton: !this.state.reloadbutton });\r\n                this.setState({\r\n                  privacy: 0,\r\n                });\r\n              }\r\n            });\r\n          })\r\n          .catch((error) => {\r\n            // Handle error\r\n            // console.error(\"Error updating Seen field:\", error);\r\n          });\r\n      }\r\n    });\r\n  };\r\n  Checkclose = () => {\r\n    this.props.close();\r\n\r\n    // props.close\r\n  };\r\n\r\n  documentName = (dn) => {\r\n    this.setState({\r\n      DName: true,\r\n      documentname: dn,\r\n    });\r\n  };\r\n\r\n  documentNameL = () => {\r\n    // if(dn==this.state.documentname && cd==this.state.documentdate)\r\n\r\n    // {\r\n\r\n    setTimeout(() => {\r\n      this.setState({\r\n        DName: false,\r\n      });\r\n    }, 500);\r\n    // }\r\n  };\r\n  fileUploadAction = () => this.inputReference.current.click();\r\n  UpdateGrpImg = () => {\r\n    this.setState({\r\n      EImage: \"\",\r\n    });\r\n    this.profileEditpopup();\r\n  };\r\n  fileUploadInputChange = (e) => {\r\n    this.setState({\r\n      EImage: \"\",\r\n    });\r\n    const selectedFile = e.target.files[0];\r\n\r\n    if (!selectedFile) {\r\n      return;\r\n    }\r\n\r\n    if (!(selectedFile instanceof Blob || selectedFile instanceof File)) {\r\n      return;\r\n    }\r\n\r\n    this.setState({\r\n      fileUploadState: selectedFile,\r\n      EImage: `${Image_URLs}Images/ImagePath_${selectedFile.name}`, // Accessing the name property of the selected file\r\n      SampleImage: URL.createObjectURL(selectedFile)\r\n    });\r\n  };\r\n\r\n\r\n  UpdateGroupProfile = (event) => {\r\n    event.preventDefault();\r\n    var OldImageChat = document.getElementById(\"OldImageChat\").src;\r\n    var GrpId = document.getElementById(\"GrpId\").value;\r\n\r\n    const data = {\r\n      ImagePath: this.state.fileUploadState,\r\n      GroupId: GrpId,\r\n      OldImage: OldImageChat,\r\n    };\r\n\r\n    // // console.log(data, \"updateprofile check\");\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/Chat/UpdateProfile`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n        if (response.data.status === \"Success\") {\r\n          this.setState({\r\n            ProfileEditPop: false,\r\n\r\n            ImgPath: this.state.EImage,\r\n          });\r\n          this.GroupProfileEditMessage();\r\n\r\n          alert(\"Updated Successfully\");\r\n          let status = localStorage.getItem(\"AllDataa\");\r\n          let statusdata = JSON.parse(status);\r\n\r\n          let stss = statusdata.map((e) => e.createDateTime);\r\n          this.GetAllMessage(this.props.values.groupId, stss);\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n        alert(\"failed !\");\r\n      });\r\n  };\r\n\r\n  handleClose = () => {\r\n    this.setState({\r\n      isVisible: false,\r\n    });\r\n  };\r\n  resetEditImage = () => {\r\n    this.setState({\r\n      EImage: \"\",\r\n    });\r\n  };\r\n\r\n  deleteProfile = () => {\r\n    this.setState({\r\n      EImage: DefaultProfile,\r\n    });\r\n  };\r\n  ForwardChatMsg = (event) => {\r\n    event.preventDefault();\r\n\r\n    // var groupId = this.state.selectedOptionsFwd.map((item) => item.value);\r\n\r\n    // let GroupId = groupId.toString();\r\n\r\n    let GroupId = this.state.selectedGroupName.toString();\r\n\r\n    const data = {\r\n      Message: this.state.deletemsg,\r\n\r\n      Picture_Path: this.state.deletepic,\r\n\r\n      Document_Path: this.state.deletedoc,\r\n\r\n      Group_id: GroupId,\r\n\r\n    };\r\n\r\n    // // console.log(data, \"updatename check\");\r\n\r\n    axios({\r\n      method: \"POST\",\r\n\r\n      url: `${BASE_URLs}/contact/GroupFwdMessage`,\r\n\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n\r\n        this.setState({\r\n          selectedOptionsFwd: [],\r\n\r\n          forwardpopup: false,\r\n          selectedGroupIds: [],\r\n          selectedGroupName: []\r\n        });\r\n        this.GetForwardMembers();\r\n\r\n        setTimeout(() => {\r\n          this.HideTextBox(this.props.values.groupId);\r\n        }, 500);\r\n      })\r\n\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n\r\n        alert(\"Choose any Group\");\r\n      });\r\n  };\r\n\r\n  forwardopenpop = () => {\r\n    this.setState({\r\n      forwardpopup: !this.state.forwardpopup,\r\n\r\n      MsgOption: false,\r\n    });\r\n  };\r\n  GetForwardMembers = () => {\r\n    const config = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Chat/GetForwardMembers`, config)\r\n      .then((response) => {\r\n        this.setState({\r\n          ForwardMembers: response.data,\r\n          AllForwardMembers: response.data,\r\n        });\r\n        // // console.log(\"GroupList\", response.data);\r\n      })\r\n      .catch((error) => {\r\n        // Handle error\r\n      });\r\n  };\r\n\r\n  handleSelectFwd = (data) => {\r\n    var MultiMembers = this.state.selectedOptionsFwd.map((item) => item.value);\r\n    let userId = MultiMembers.toString();\r\n\r\n    this.setState({\r\n      ...(this.state.selectedOptionsFwd = data),\r\n    });\r\n  };\r\n\r\n  // componentDidMount() {\r\n\r\n  //   window.addEventListener('resize', this.handleResize);\r\n  //   this.handleResize();\r\n  // }\r\n\r\n  componentWillUnmount() {\r\n    window.removeEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  // handleResize = () => {\r\n\r\n  //   const windowWidth = window.innerWidth;\r\n  //   const shouldHide = windowWidth <= 1000;\r\n\r\n  //   this.setState({\r\n  //     Memberpopup: shouldHide,\r\n  //   });\r\n  // };\r\n\r\n  openPopup = () => {\r\n    this.setState({\r\n      isPopupOpen: true,\r\n\r\n      ProfileEditPop: false,\r\n      Deleteuser: false,\r\n      Enddisc: false,\r\n      GrpnameEdit: false,\r\n      attachMenu: false,\r\n      MuteDisc: false,\r\n      UnMuteDisc: false,\r\n      showEmoji: false,\r\n    });\r\n  };\r\n\r\n  closePopup = () => {\r\n    this.setState({\r\n      isPopupOpen: false,\r\n      selectedUserIds: [],\r\n      selectedUsers: [],\r\n    });\r\n\r\n    this.GetMemberAccess(this.props.values.groupId);\r\n    this.GetNonAccess(this.props.values.groupId);\r\n    this.GetAllMembers(this.props.values.groupId);\r\n  };\r\n\r\n  formatDateAA = (dateString) => {\r\n    const inputDate = new Date(dateString);\r\n    const currentDate = new Date();\r\n    const oneDay = 24 * 60 * 60 * 1000; // Number of milliseconds in a day\r\n    const oneWeekAgo = new Date(currentDate.getTime() - 7 * oneDay);\r\n\r\n    const isToday =\r\n      inputDate.getDate() === currentDate.getDate() &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isYesterday =\r\n      inputDate.getDate() === currentDate.getDate() - 1 &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isBeforeYesterday =\r\n      inputDate.getTime() > oneWeekAgo.getTime() && !isYesterday;\r\n\r\n    const options = {\r\n      hour: \"numeric\",\r\n      minute: \"numeric\",\r\n      hour12: true,\r\n    };\r\n\r\n    if (isToday) {\r\n      const timeOnly = inputDate.toLocaleTimeString(\"en-US\", {\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n        hour12: true,\r\n      });\r\n      return `${timeOnly}`;\r\n    } else if (isYesterday) {\r\n      return `${inputDate.toLocaleTimeString(\"en-US\", {\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n        hour12: true,\r\n      })}`;\r\n    } else if (isBeforeYesterday) {\r\n      // const formattedDate = inputDate.toLocaleDateString(\"en-US\", { weekday: \"long\" });\r\n      const formattedTime = inputDate.toLocaleTimeString(\"en-US\", {\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n        hour12: true,\r\n      });\r\n      return `${formattedTime}`;\r\n    } else {\r\n      return inputDate.toLocaleString(\"en-US\", options);\r\n    }\r\n  };\r\n\r\n  formatDateAA1 = (dateString) => {\r\n    const inputDate = new Date(dateString);\r\n    const currentDate = new Date();\r\n    const oneDay = 24 * 60 * 60 * 1000; // Number of milliseconds in a day\r\n    const oneWeekAgo = new Date(currentDate.getTime() - 7 * oneDay);\r\n\r\n    const isToday =\r\n      inputDate.getDate() === currentDate.getDate() &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isYesterday =\r\n      inputDate.getDate() === currentDate.getDate() - 1 &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isBeforeYesterday =\r\n      inputDate.getTime() > oneWeekAgo.getTime() && !isYesterday;\r\n\r\n    const options = {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n      hour: \"numeric\",\r\n      minute: \"numeric\",\r\n      hour12: true,\r\n    };\r\n\r\n    const options1 = {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n    };\r\n\r\n    if (isToday) {\r\n      return \"Today\";\r\n    } else if (isYesterday) {\r\n      return \"Yesterday\";\r\n    } else if (isBeforeYesterday) {\r\n      const formattedDate = inputDate.toLocaleDateString(\"en-US\", {\r\n        weekday: \"long\",\r\n      });\r\n      // const formattedTime = inputDate.toLocaleTimeString(\"en-US\", { hour: \"numeric\", minute: \"numeric\", hour12: true });\r\n      return `${formattedDate}`;\r\n    } else {\r\n      return inputDate.toLocaleString(\"en-US\", options1);\r\n    }\r\n  };\r\n\r\n  FilterOption = (option, searchText) => {\r\n    if (!searchText) {\r\n      return true;\r\n    }\r\n\r\n    const label = option.label.toLowerCase();\r\n    searchText = searchText.toLowerCase();\r\n    const value = option.value.toLowerCase();\r\n\r\n    return label.startsWith(searchText) || value.startsWith(searchText);\r\n  };\r\n\r\n  toggleMinimize = () => {\r\n    const headerElement = document.getElementById(\"Grouppop-header\");\r\n    \r\n    if (headerElement) {\r\n        headerElement.style.height = this.state.Minimized ? \"\" : \"52px\"; // Example height values\r\n        headerElement.style.marginLeft = this.state.Minimized ? \"\" : \"-1px\";\r\n        headerElement.style.marginBottom = this.state.Minimized ? \"\" : \"10px\";\r\n    }\r\n    const maintabAElement = document.getElementById(\"maintabA\");\r\n    if (maintabAElement) {\r\n        maintabAElement.style.display = this.state.Minimized ? \"\" : \"block\";\r\n    }\r\n    this.setState((prevState) => ({\r\n      Minimized: !prevState.Minimized,\r\n    }), () => {\r\n        if (!this.state.Minimized && maintabAElement) {\r\n            maintabAElement.style.display = \"none\";\r\n        }\r\n    });\r\n};\r\n\r\n  SubmitEditMessage = () => {\r\n    // let String_User = this.state.selectedUserName.toString();\r\n\r\n    var grpname = document.getElementById(\"Groupname\").value;\r\n\r\n    var GrpId = document.getElementById(\"GrpId\").value;\r\n\r\n    var members = this.state.AllMembers;\r\n\r\n    let lMembers = members.map((e) => e.user_id);\r\n\r\n    let Membersstr = lMembers.toString();\r\n    const data = {\r\n      // group_Name: GroupName,\r\n\r\n      Group_Name: grpname,\r\n      Group_id: GrpId,\r\n      GroupMember: Membersstr,\r\n      Profile: this.state.ImgPath,\r\n    };\r\n    // // console.log(data, \"edittttttttttttttt\");\r\n\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/contact/GroupNameEditMessage`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(\"jdfjdh\", response.data);\r\n      })\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n        alert(\"failed!\");\r\n      });\r\n  };\r\n\r\n  GroupProfileEditMessage = () => {\r\n    // let String_User = this.state.selectedUserName.toString();\r\n\r\n    var grpname = document.getElementById(\"Groupname\").value;\r\n\r\n    var GrpId = document.getElementById(\"GrpId\").value;\r\n\r\n    var members = this.state.AllMembers;\r\n\r\n    let activeMembers = members.filter((member) => member.end_Status === 1 && member.status === 1);\r\n\r\n    let lMembers = activeMembers.map((e) => e.user_id);\r\n\r\n    let Membersstr = lMembers.toString();\r\n    const data = {\r\n      // group_Name: GroupName,\r\n\r\n      Group_Name: grpname,\r\n      Group_id: GrpId,\r\n      GroupMember: Membersstr,\r\n      Profile: this.state.ImgPath,\r\n    };\r\n    //  // console.log(data,'edittttttttttttttt')\r\n\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/contact/GroupProfileEditMessage`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n      })\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n        alert(\"failed !\");\r\n      });\r\n  };\r\n  OneononeUser() {\r\n    const config = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/UserBank/GetAllUserPop`, config)\r\n      .then((response) => {\r\n        // Handle the response data if needed\r\n        // // console.log(\"GPoneonone\", response.data);\r\n      })\r\n      .catch((error) => {\r\n        // Handle error\r\n      });\r\n  }\r\n  handleUserRemove = (email, name) => {\r\n    this.setState((prevState) => {\r\n      const updatedSelectedUsers = prevState.selectedUsers.filter(\r\n        (user) => user.email !== email\r\n      );\r\n      const updatedSelectedUserIds = prevState.selectedUserIds.filter(\r\n        (userId) => userId !== email\r\n      );\r\n      const updatedSelectedUserName = prevState.selectedUserName.filter(\r\n        (userName) => userName !== name\r\n      );\r\n\r\n      //const updatedSelectedUsersA = prevState.selectedUsersA.filter((usersA) => usersA.email !== email);\r\n\r\n      return {\r\n        selectedUsers: updatedSelectedUsers,\r\n        selectedUserIds: updatedSelectedUserIds,\r\n        selectedUserName: updatedSelectedUserName,\r\n\r\n        //selectedUsersA: updatedSelectedUsersA\r\n      };\r\n    });\r\n  };\r\n  handleGroupRemove = (group_Name, group_id) => {\r\n    this.setState((prevState) => {\r\n      const updatedSelectedGroup = prevState.selectedGroup.filter(\r\n        (user) => user.group_Name !== group_Name\r\n      );\r\n\r\n      const updatedSelectedGroupIds = prevState.selectedGroupIds.filter(\r\n        (id) => id !== group_id\r\n      );\r\n\r\n      return {\r\n        selectedGroup: updatedSelectedGroup,\r\n        selectedGroupIds: updatedSelectedGroupIds,\r\n      };\r\n    });\r\n  };\r\n  handleUserSelect = (id) => {\r\n    this.setState((prevState) => {\r\n      const selectedUserIds = prevState.selectedUsers.map((user) => user.id);\r\n      if (selectedUserIds.includes(id)) {\r\n        return {\r\n          selectedUsers: prevState.selectedUsers.filter(\r\n            (user) => user.id !== id\r\n          ),\r\n        };\r\n      }\r\n      const userToAdd = prevState.Addmembers.find((user) => user.id === id);\r\n      return {\r\n        selectedUsers: [...prevState.selectedUsers, userToAdd],\r\n      };\r\n    });\r\n  };\r\n\r\n  handleUserSelectionChange = (event) => {\r\n    //document.getElementById(\"Searchbox2\").style.display = \"block\";\r\n    const { value, checked } = event.target;\r\n    this.setState((prevState) => {\r\n      let selectedUsers = [...prevState.selectedUsers];\r\n      let selectedUserIds = [...prevState.selectedUserIds];\r\n      let selectedUsersA = [...prevState.selectedUsersA];\r\n      let selectedUserName = [...prevState.selectedUserName];\r\n      if (checked) {\r\n        const userToAdd = prevState.Addmembers.find(\r\n          (user) => user.email === value\r\n        );\r\n        if (userToAdd) {\r\n          selectedUsers.push(userToAdd);\r\n          selectedUserIds.push(userToAdd.email);\r\n        }\r\n\r\n        const userNameToAdd = prevState.Addmembers.find(\r\n          (user) => user.email === value\r\n        );\r\n        if (userNameToAdd) {\r\n          // let Both = userNameToAdd.name + \" [ \" + userNameToAdd.email + \" ] \";\r\n          let Both = userNameToAdd.name;\r\n          selectedUsersA.push(userNameToAdd);\r\n          selectedUserName.push(Both);\r\n        }\r\n      } else {\r\n        const userNameToAdd = prevState.Addmembers.find(\r\n          (user) => user.email === value\r\n        );\r\n\r\n        selectedUsers = selectedUsers.filter((user) => user.email !== value);\r\n        selectedUserIds = selectedUserIds.filter((email) => email !== value);\r\n\r\n        selectedUsersA = selectedUsersA.filter((user) => user.email !== value);\r\n        selectedUserName = selectedUserName.filter(\r\n          (name) => name !== userNameToAdd.name\r\n        );\r\n      }\r\n\r\n      return { selectedUsers, selectedUserIds, selectedUserName };\r\n    });\r\n    // this.handleUserRemove()\r\n  };\r\n\r\n  handleGroupSelectionChange = (event) => {\r\n    //document.getElementById(\"Searchbox2\").style.display = \"block\";\r\n    const { value, checked } = event.target;\r\n    this.setState((prevState) => {\r\n      let selectedGroup = [...prevState.selectedGroup];\r\n      let selectedGroupIds = [...prevState.selectedGroupIds];\r\n      let selectedGroupsA = [...prevState.selectedGroupsA];\r\n      let selectedGroupName = [...prevState.selectedGroupName];\r\n      if (checked) {\r\n        const userToAdd = prevState.ForwardMembers.find(\r\n          (user) => user.group_Name === value\r\n        );\r\n        if (userToAdd) {\r\n          selectedGroup.push(userToAdd);\r\n          selectedGroupIds.push(userToAdd.group_Name);\r\n        }\r\n\r\n        const userNameToAdd = prevState.ForwardMembers.find(\r\n          (user) => user.group_Name === value\r\n        );\r\n        if (userNameToAdd) {\r\n          // let Both = userNameToAdd.name + \" [ \" + userNameToAdd.email + \" ] \";\r\n          let Both = userNameToAdd.group_id;\r\n          selectedGroupsA.push(userNameToAdd);\r\n          selectedGroupName.push(Both);\r\n        }\r\n      } else {\r\n        const userNameToAdd = prevState.ForwardMembers.find(\r\n          (user) => user.group_Name === value\r\n        );\r\n        selectedGroup = selectedGroup.filter(\r\n          (user) => user.group_Name !== value\r\n        );\r\n        selectedGroupIds = selectedGroupIds.filter(\r\n          (group_Name) => group_Name !== value\r\n        );\r\n\r\n        selectedGroupsA = selectedGroupsA.filter(\r\n          (user) => user.group_Name !== value\r\n        );\r\n        selectedGroupName = selectedGroupName.filter(\r\n          (group_id) => group_id !== userNameToAdd.group_id\r\n        );\r\n      }\r\n\r\n      return { selectedGroup, selectedGroupIds, selectedGroupName };\r\n    });\r\n    // this.handleUserRemove()\r\n  };\r\n\r\n  Addmemberfilter = (e) => {\r\n    clearInterval(this.interval);\r\n    const MemberAccess = this.state.AllMemberAccess.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ MemberAccess, showResults: true });\r\n\r\n\r\n    const NonAccess = this.state.AllNonAccess.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ NonAccess, showResults: true });\r\n\r\n    if (MemberAccess.length === 0 && NonAccess.length === 0) {\r\n      document.getElementById(\"AddmemberFilterErr\").innerHTML =\r\n        \" Member Not Found\";\r\n    } else {\r\n      document.getElementById(\"AddmemberFilterErr\").innerHTML = \"\";\r\n    }\r\n  };\r\n\r\n  forwardfilter = (e) => {\r\n    const ForwardMembers = this.state.AllForwardMembers.filter(\r\n      (item) =>\r\n        item.group_Name.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n      // item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ ForwardMembers, showResults: true });\r\n    if (ForwardMembers.length === 0) {\r\n      document.getElementById(\"ForwardFilterErr\").innerHTML =\r\n        \" Group Name Not Found\";\r\n    } else {\r\n      document.getElementById(\"ForwardFilterErr\").innerHTML = \"\";\r\n    }\r\n  };\r\n  changeDName = () => {\r\n    this.setState({ EditDName: true });\r\n  };\r\n\r\n  restoreDName = () => {\r\n    this.setState({ EditDName: false });\r\n  };\r\n\r\n  truncateTitle(title, maxLength, maxWidth) {\r\n    if (title.length > maxLength && window.innerWidth < maxWidth) {\r\n      return title.substring(0, maxLength) + \"...\";\r\n    }\r\n    return title;\r\n  }\r\n\r\n  updateSeenside = () => {\r\n    const { windowWidth } = this.state;\r\n    let Seenside = true;\r\n  \r\n    // Check window width and update Seenside if necessary\r\n    if (windowWidth <= 990) {\r\n      Seenside = false;\r\n    }\r\n  \r\n    return Seenside;\r\n  };\r\n\r\n  handleResize = () => {\r\n    this.setState(prevState => ({\r\n      width: window.innerWidth,\r\n      height: window.innerWidth < 700 ? 297 : 340,\r\n      emojiWidth: window.innerWidth < 700 ? 275 : 315,\r\n      windowWidth: window.innerWidth,\r\n      Seenside: this.updateSeenside()\r\n    }));\r\n  };\r\n\r\n  Menu = () => {\r\n    this.setState(prevState => ({\r\n      Seenside: !prevState.Seenside,\r\n      initialScroll: window.innerWidth <= 990\r\n    }));\r\n  };\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const {\r\n      selectedUserIds,\r\n      selectedUsers,\r\n      selectedGroup,\r\n      selectedGroupIds,\r\n      Message,\r\n      Allmessage,\r\n      AllMembers,\r\n      AllMember,\r\n      Popmsg,\r\n      message,\r\n      ReceivepopMsg,\r\n      isButton1Visible,\r\n      isButton2Visible,\r\n      isBackArrowVisible,\r\n      showEmoji,\r\n      GroupTitle,\r\n      Deleteuserid,\r\n      Deleteusername,\r\n\r\n      Addmembers,\r\n      filterurl,\r\n      createdby,\r\n      Privacy,\r\n      selectedOptions,\r\n      Memberslist,\r\n      DName,\r\n      isdocumentpopOpen,\r\n      ispicturepopOpen,\r\n      documentname,\r\n      documentdate,\r\n      isVisible,\r\n      MsgOption,\r\n      ImgPath,\r\n      EImage,\r\n      SampleImage,\r\n      forwardpopup,\r\n      ForwardMembers,\r\n      selectedOptionsFwd,\r\n      mergedUsers,\r\n      EndStatus,\r\n      hover,\r\n      Minimized,\r\n      Status,\r\n      MuteStatus,\r\n      SeenMsgMembers,\r\n      Seen,\r\n      EditDName,\r\n      checkClosedDate,\r\n      MemberAccess,\r\n      NonAccess,\r\n      Seenside,\r\n      height,\r\n      emojiWidth,\r\n    } = this.state;\r\n    const { windowWidth } = this.state;\r\n    const newSrc =\r\n      \"https://i.pinimg.com/1200x/64/53/c8/6453c8226817e6ab85a6321aeee19e80.jpg\";\r\n    const mail = localStorage.getItem(\"email\");\r\n    // // console.log(mail)\r\n    const EMail = mail.replace(/\"/g, \"\");\r\n    // // console.log(cleanedMail);\r\n\r\n    const Name = localStorage.getItem(\"uname\");\r\n    //// console.log(Name)\r\n    const name = Name.replace(/\"/g, \"\");\r\n    //   {\r\n    //     data.map((item) =>\r\n    //         const propertyName = item.productName;\r\n\r\n    //         <div className=\"flex-container card\" key={item._id}>\r\n    //             <div className=\"content\">\r\n    //                 <p>{propertyName}</p>\r\n    //             </div>\r\n    //         </div>\r\n    //     )\r\n    // }\r\n\r\n    const options = Addmembers.map((item) => {\r\n      return {\r\n        //label:`${item.name}${item.email}`,\r\n        label: item.name,\r\n\r\n        value: item.email,\r\n\r\n        // name: `${item.name}${\" [ \"}${item.email}${\" ] \"}`\r\n        name: `${item.name}`,\r\n      };\r\n    });\r\n\r\n    const formatOptionLabel = ({ value, label }) => (\r\n      <div>\r\n        <div>{label}</div>\r\n\r\n        <div style={{ fontSize: \"12px\" }}>{value}</div>\r\n      </div>\r\n    );\r\n    // const option=(Addmembers.map((member)=>{\r\n    // value;{member.name}\r\n    // }))\r\n    const messages = [...Popmsg, ...ReceivepopMsg];\r\n    var UserId = JSON.parse(localStorage.userId);\r\n    // // console.log(\"fffffffffff\", UserId);\r\n    var Email = JSON.parse(localStorage.email);\r\n\r\n    const menuStyles = {\r\n      position: \"absolute\",\r\n      top: \"110px\",\r\n      zIndex: \"100\",\r\n      left: \"48%\",\r\n      backgroundColor: \"white\",\r\n      padding: \"10px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: this.state.showMenu ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"10px\",\r\n    };\r\n\r\n    const LeaveDisucpop = {\r\n      position: \"absolute\",\r\n      zIndex: \"2\",\r\n      // top: \"175px\",\r\n\r\n      left: \"16%\",\r\n\r\n      backgroundColor: \"white\",\r\n      display: this.state.Leavedisc ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      //  width: \"28%\",\r\n      // height: \"36%\",\r\n      height: \"200px\",\r\n      borderRadius: \"5px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n    };\r\n\r\n    const attachStyles = {\r\n      position: \"absolute\",\r\n      //  top: \"400px\",\r\n\r\n      // marginTop:\"22%\",\r\n      alignItems: \"center\",\r\n      zIndex: \"100\",\r\n      left: \"46%\",\r\n      backgroundColor: \"white\",\r\n      padding: \"10px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: this.state.attachMenu ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"9px\",\r\n    };\r\n\r\n    const deleteStyles = {\r\n      position: \"fixed\",\r\n      // top: \"350px\",\r\n      alignItems: \"center\",\r\n      zIndex: \"100\",\r\n      // left: \"30%\",\r\n      // width: \"300px\",\r\n      backgroundColor: \"white\",\r\n      padding: \"10px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: this.state.isVisible ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"9px\",\r\n    };\r\n    const MessageOption = {\r\n      position: \"absolute\",\r\n      // top: \"350px\",\r\n      alignItems: \"center\",\r\n      zIndex: \"100\",\r\n      // left: \"19.5%\",\r\n      width: \"130px\",\r\n      backgroundColor: \"white\",\r\n      padding: \"10px\",\r\n      boxShadow: \"rgb(0 0 0 / 20%) 0px 2px 5px\",\r\n      display: this.state.MsgOption ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"none\",\r\n      bottom: \"10%\"\r\n    };\r\n\r\n    const MessageOptionSender = {\r\n      position: \"fixed\",\r\n      top: \"350px\",\r\n      alignItems: \"center\",\r\n      zIndex: \"100\",\r\n      left: \"39.5%\",\r\n      width: \"300px\",\r\n      backgroundColor: \"white\",\r\n      padding: \"10px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: this.state.deleteMenu ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"9px\",\r\n    };\r\n    const infopopup = {\r\n      position: \"absolute\",\r\n      zIndex: \"100\",\r\n      top: \"70px\",\r\n      left: \"-10%\",\r\n      backgroundColor: \"white\",\r\n      display: this.state.Infopopup ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      width: \"67%\",\r\n      height: \"80.5%\",\r\n      border: \"3px solid rgb(156 145 244)\",\r\n    };\r\n\r\n    const editpopup = {\r\n      position: \"absolute\",\r\n      zIndex: \"100\",\r\n      top: \"70px\",\r\n      left: \"-10%\",\r\n      backgroundColor: \"white\",\r\n      display: this.state.Editpopup ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      width: \"67%\",\r\n      height: \"80.5%\",\r\n      border: \"3px solid rgb(156 145 244)\",\r\n    };\r\n\r\n    const grpnameeditpop = {\r\n      position: \"absolute\",\r\n      zIndex: \"100\",\r\n      // top: \"188px\",\r\n      left: \"15.5%\",\r\n      backgroundColor: \"white\",\r\n      display: this.state.GrpnameEdit ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      // width: \"100%\",\r\n      // height: \"36%\",\r\n      height: \"200px\",\r\n      // border: '1px solid #ddd ',\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      borderRadius: \"5px\",\r\n    };\r\n    const profileeditpop = {\r\n      position: \"absolute\",\r\n      zIndex: \"100\",\r\n      backgroundColor: \"white\",\r\n      display: this.state.ProfileEditPop ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      height: \"228px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      borderRadius: \"5px\",\r\n    };\r\n    const documentpop = {\r\n      position: \"absolute\",\r\n\r\n      zIndex: \"100\",\r\n\r\n      // top: \"13px\",\r\n\r\n      // left: \"3%\",\r\n\r\n      backgroundColor: \"white\",\r\n\r\n      display: this.state.Documentpopup ? \"block\" : \"none\",\r\n\r\n      cursor: \"pointer\",\r\n\r\n      // width: \"84%\",\r\n\r\n      // height: \"100.5%\",\r\n\r\n      border: \"3px solid rgb(156 145 244)\",\r\n    };\r\n\r\n    const picturepop = {\r\n      position: \"absolute\",\r\n\r\n      zIndex: \"100\",\r\n\r\n      // top: \"13px\",\r\n\r\n      // left: \"3%\",\r\n\r\n      backgroundColor: \"white\",\r\n\r\n      display: this.state.Picturepopup ? \"block\" : \"none\",\r\n\r\n      cursor: \"pointer\",\r\n\r\n      // width: \"84%\",\r\n\r\n      // height: \"100.5%\",\r\n\r\n      border: \"3px solid rgb(156 145 244)\",\r\n    };\r\n\r\n    const endDisucpop = {\r\n      position: \"absolute\",\r\n      zIndex: \"2\",\r\n      // top: \"175px\",\r\n\r\n      left: \"16%\",\r\n\r\n      backgroundColor: \"white\",\r\n      display: this.state.Enddisc ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      //  width: \"28%\",\r\n      // height: \"36%\",\r\n      height: \"200px\",\r\n      borderRadius: \"5px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n    };\r\n\r\n    const MuteDisucpop = {\r\n      position: \"absolute\",\r\n      zIndex: \"2\",\r\n      // top: \"188px\",\r\n      left: \"16%\",\r\n      backgroundColor: \"white\",\r\n      display: this.state.MuteDisc ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      // width: \"24%\",\r\n      // height: \"36%\",\r\n      height: \"200px\",\r\n      borderRadius: \"5px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n    };\r\n\r\n    const UnMuteDisucpop = {\r\n      position: \"absolute\",\r\n      zIndex: \"2\",\r\n      // top: \"188px\",\r\n      left: \"16%\",\r\n      backgroundColor: \"white\",\r\n      display: this.state.UnMuteDisc ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      // width: \"24%\",\r\n      // height: \"36%\",\r\n      height: \"200px\",\r\n      borderRadius: \"5px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n    };\r\n\r\n    const deletepop = {\r\n      position: \"absolute\",\r\n      zIndex: \"100\",\r\n      // top: \"188px\",\r\n      left: \"15.5%\",\r\n      backgroundColor: \"white\",\r\n      display: this.state.Deleteuser ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      // width: \"38%\",\r\n      //height: \"36%\",\r\n      height: \"200px\",\r\n      borderRadius: \"5px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n    };\r\n\r\n    const seenStyles = {\r\n      // position: \"fixed\",\r\n      // top: \"350px\",\r\n      // alignItems: \"center\",\r\n      // zIndex: \"100\",\r\n      // left: \"30%\",\r\n      // width: \"300px\",\r\n      // backgroundColor: \"white\",\r\n      // padding: \"10px\",\r\n      // boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: this.state.Seen ? \"block\" : \"none\",\r\n      // cursor: \"pointer\",\r\n      // borderRadius: \"9px\",\r\n    };\r\n\r\n    const searchpop = {\r\n      zIndex: \"100\",\r\n      display: this.state.Search ? \"block\" : \"none\",\r\n    };\r\n\r\n    const errorpop = {\r\n    };\r\n\r\n    const addpop = {\r\n      zIndex: \"100\",\r\n      display: this.state.Addpopup ? \"block\" : \"none\",\r\n      \r\n    };\r\n    const Memberpop = {\r\n      zIndex: \"100\",\r\n      display: this.state.Memberpopup ? \"block\" : \"none\",\r\n    };\r\n\r\n    const hiddenpop = {\r\n      zIndex: \"100\",\r\n      display: this.state.hiddenpop ? \"block\" : \"none\",\r\n    };\r\n    const forwardpop = {\r\n      zIndex: \"101\",\r\n      display: this.state.forwardpopup ? \"block\" : \"none\",\r\n    };\r\n\r\n    const Fwdoptions = ForwardMembers.map((item) => {\r\n      return {\r\n        //label:`${item.name}${item.email}`,\r\n        label: item.group_Name,\r\n\r\n        value: item.group_id,\r\n\r\n        name: item.profile_Pic,\r\n      };\r\n    });\r\n\r\n    const formatOptionLabelFwd = ({ name, label }) => (\r\n      // <center>\r\n      <div className=\"row\">\r\n        <div style={{ fontSize: \"12px\" }} className=\"col-lg-4\">\r\n          <img\r\n            src={name}\r\n            style={{ height: \"30px\", width: \"30px\", borderRadius: \"50%\" }}\r\n          />\r\n        </div>\r\n        &nbsp;&nbsp;&nbsp;&nbsp;\r\n        <div>\r\n          <center>\r\n            <b style={{ marginTop: \"8px\" }}>{label}</b>\r\n          </center>\r\n        </div>\r\n      </div>\r\n      // </center>\r\n    );\r\n\r\n    var Accessed = JSON.parse(localStorage.access);\r\n    var Accessed_to = JSON.parse(localStorage.accessed_to);\r\n    // var Members = JSON.parse(localStorage.AllGroupMember);\r\n\r\n    // // console.log(\"Allmemberssss\",Members)\r\n\r\n    const regexp =\r\n      /(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?/;\r\n    return (\r\n      <>\r\n        {this.state.AddSkillModel ? (\r\n          <EntityList id=\"\" close={() => this.AddSkillModel()} />\r\n        ) : null}\r\n        {isButton1Visible && (\r\n          <div\r\n            className={Minimized ? \"popA\" : \"popD\"}\r\n            style={\r\n              Minimized\r\n                ? {\r\n                  //  marginTop: \"48%\",\r\n                  //   marginLeft: \"452px\",\r\n                  // width: \"25%\",\r\n                  // backgroundColor: \"transparent\",\r\n                  // height: \"92px\",\r\n                  // position: \"absolute\",\r\n                  //   marginTop:'180px',\r\n                  //  marginLeft:'23%',\r\n                  // zIndex: \"+21\",\r\n                }\r\n                : {\r\n                  backgroundColor: \"#f6f9fa\",\r\n                  width: \"100%\",\r\n                  // marginTop: \"15.7%\",\r\n                  // marginLeft: \"29%\",\r\n                  // marginTop: \"5.7%\",\r\n                  // marginLeft: \"20%\",\r\n                  zIndex: \"+10\",\r\n                }\r\n            }\r\n            // style={{ backgroundColor: \"transparent\", width: \"100%\" }}\r\n            // id={ Minimized?'':\"minimizediv\"}\r\n            id=\"minimizediv\"\r\n          >\r\n            {/* <SideBar active={window.location.pathname}/> */}\r\n            {/* {this.state.AddSkillModel?  <EntityList id=\"\"  close={()=>this.AddSkillModel()}/>:null}\r\n           {this.state. AddGroupModel?<ChatGrupPop id=\"\" close={()=>this.AddGroupModel()}></ChatGrupPop>:null} */}\r\n            <div\r\n              id=\"GroupPop-Chat\"\r\n            //  style={{width:\"80%\"}}\r\n            >\r\n              <div>\r\n                <div className=\"main-body\">\r\n                  <div>\r\n                    <div className=\"\">\r\n                      <div className=\"page-header-title\"></div>\r\n                    </div>\r\n                    <div className=\"page-body\">\r\n                      <div>\r\n                        <form\r\n                          id=\"contactForm\"\r\n                          autoComplete=\"off\"\r\n                          encType=\"multipart/form-data\"\r\n                          onSubmit={this.handleSubmit}\r\n                        >\r\n                          <div\r\n                            className=\"had-container\"\r\n                            id=\"had-container1\"\r\n                            style={{ marginTop: \"-0.6%\" }}\r\n                          >\r\n                            <div\r\n                              className=\"chat-header p-10 bg-gray\"\r\n                              // style={{ backgroundColor: \"rgb(156 145 244)\",width:\"80%\",height:\"60px\" }}\r\n                              id=\"Grouppop-header\"\r\n\r\n                            // style={minimizestyle}\r\n                            >\r\n                              {Minimized ? null : (\r\n                                <button\r\n                                  style={{\r\n                                    float: \"left\",\r\n                                    backgroundColor: \"#a0a3a305\",\r\n                                    color: \"#fff\",\r\n                                    // border: \"1px solid #a3a5a505\",\r\n                                    cursor: \"pointer\",\r\n                                    marginTop: \"1%\",\r\n                                    border: \"none\",\r\n                                  }}\r\n                                  onClick={() => {\r\n                                    const maintabAElement = document.getElementById(\"maintabA\");\r\n                                    if (maintabAElement) {\r\n                                     maintabAElement.style.display = this.state.Minimized ? \"\" : \"block\";\r\n                                     }\r\n                                    this.props.close();\r\n                                    clearInterval(this.interval);\r\n\r\n                                  }}\r\n                                //  onClick={this.OneononeUser}\r\n                                >\r\n                                  <i\r\n                                    className=\"icofont icofont-arrow-left\"\r\n                                    id=\"backgroup\"\r\n                                  ></i>\r\n                                  {/* <className=\"fa-solid fa-arrow-turn-left\" /> */}\r\n                                </button>\r\n                              )}\r\n                              <div className=\"user-info d-inline-block f-left\">\r\n                                <div\r\n                                  className=\"Namepass\"\r\n                                  \r\n                                >\r\n                                  <input\r\n                                    type=\"hidden\"\r\n                                    name=\"Group_id\"\r\n                                    defaultValue={this.props.values.groupId}\r\n                                  />\r\n                                  <input\r\n                                    type=\"hidden\"\r\n                                    name=\"Group_Name\"\r\n                                    defaultValue={GroupTitle}\r\n                                  />\r\n\r\n                                  <input\r\n                                    type=\"hidden\"\r\n                                    name=\"Profile\"\r\n                                    defaultValue={ImgPath}\r\n                                  />\r\n                                  <span\r\n                                    className=\"userNames\"\r\n                                  //defaultValue={this.props.values.groupId}\r\n                                  >\r\n                                    {Minimized ? null : (\r\n                                      <>\r\n                                        {createdby === UserId && EndStatus == 1 ? (\r\n                                          <a\r\n                                            href=\"javascript:void(0);\"\r\n                                            title=\"Change Profile\"\r\n                                            style={{\r\n                                              fontSize: \"18px\",\r\n                                              fontWeight: \"600\",\r\n                                              color: \"white\",\r\n                                              textShadow: \"2px 2px #6f60e7\",\r\n                                            }}\r\n                                          >\r\n                                            <img\r\n                                              src={hover ? newSrc : ImgPath.toString() === `${Image_URLs}Images/profile.png` ? Profile : ImgPath}\r\n                                              className=\"img-circle img-chat-profile\"\r\n                                              id=\"imgProfile\"\r\n                                              alt=\"img\"\r\n                                              onClick={() => {\r\n                                                this.fileUploadAction();\r\n                                                this.UpdateGrpImg();\r\n                                              }}\r\n                                              onMouseOver={this.changeImage}\r\n                                              onMouseOut={this.restoreImage}\r\n                                            />\r\n                                          </a>\r\n                                        ) : (\r\n                                          <a\r\n                                            href=\"javascript:void(0);\"\r\n                                            title=\" Discussion Profile\"\r\n                                            style={{\r\n                                              fontSize: \"18px\",\r\n                                              fontWeight: \"600\",\r\n                                              color: \"white\",\r\n                                              textShadow: \"2px 2px #6f60e7\",\r\n                                            }}\r\n                                          >\r\n                                            <img\r\n                                              src={hover ? newSrc : ImgPath.toString() === `${Image_URLs}Images/profile.png` ? Profile : ImgPath}\r\n                                              className=\"img-circle img-chat-profile\"\r\n                                              alt=\"img\"\r\n                                              // onClick={this.profileEditpopup}\r\n                                              // onMouseOver={this.changeImage}\r\n                                              // onMouseOut={this.restoreImage}\r\n                                            />\r\n                                          </a>\r\n                                        )}\r\n                                      </>\r\n                                    )}\r\n                                    &nbsp;&nbsp;\r\n                                    <a\r\n                                      href=\"javascript:void(0);\"\r\n                                      title={GroupTitle}\r\n                                      style={{\r\n                                        fontWeight: \"600\",\r\n                                        color: \"white\",\r\n                                        textShadow: \"2px 2px #6f60e7\",\r\n                                        cursor: \"default\",\r\n                                      }}\r\n                                      className=\"GroupTi\"\r\n                                    >\r\n                                      <span>\r\n                                        {createdby === UserId &&\r\n                                          EndStatus == 1 ? (\r\n                                          <span\r\n                                            onClick={this.grpnameedit}\r\n                                            title=\"Edit Discussion Name\"\r\n                                            onMouseOver={this.changeDName}\r\n                                            onMouseOut={this.restoreDName}\r\n                                            className={\r\n                                              EditDName ? \"PrivateLink\" : \"\"\r\n                                            }\r\n                                          >\r\n                                            {this.truncateTitle(this.state.updatedGroupTitle.length === 0 ? GroupTitle : this.state.updatedGroupTitle, 7, 700)}\r\n                                          </span>\r\n                                        ) : (\r\n                                          <span title={GroupTitle}>\r\n                                            {this.truncateTitle(this.state.updatedGroupTitle.length === 0 ? GroupTitle : this.state.updatedGroupTitle, 7, 700)}\r\n                                          </span>\r\n                                        )}\r\n                                        &nbsp;\r\n                                        {Minimized ? null : (\r\n                                          <>\r\n                                            &nbsp;\r\n                                            {Privacy === 0 &&\r\n                                              this.state.reloadbutton === true &&\r\n                                              EndStatus == 1 &&\r\n                                              Status == 1 && createdby === UserId ? (\r\n                                              <>\r\n                                                <a title=\"Private\">\r\n                                                  <span\r\n                                                    className=\"PrivateLink\"\r\n                                                    onClick={this.GroupPrivate}\r\n                                                  >\r\n                                                    (&nbsp;Private&nbsp;)\r\n                                                  </span>\r\n                                                </a>\r\n                                                &nbsp;\r\n                                              </>\r\n                                            ) : (\r\n                                              <>\r\n                                                {EndStatus == 1 &&\r\n                                                  Status == 1 && createdby === UserId ? (\r\n                                                  <a title=\"Public\">\r\n                                                    <span\r\n                                                      style={{\r\n                                                        fontSize: \"15px\",\r\n                                                      }}\r\n                                                      onClick={this.GroupPublic}\r\n                                                      className=\"PrivateLink\"\r\n                                                    >\r\n                                                      (&nbsp;Public&nbsp;)\r\n                                                    </span>\r\n                                                  </a>\r\n                                                ) : null}\r\n                                                &nbsp;\r\n                                              </>\r\n                                            )}\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                          </>\r\n                                        )}\r\n                                        {/* {Minimized ? null : (\r\n                                          <>\r\n                                            {createdby === UserId &&\r\n                                            EndStatus == 1 ? (\r\n                                              <a\r\n                                                href=\"javascript:void(0);\"\r\n                                                title=\"Change Discussion Name\"\r\n                                                style={{\r\n                                                  fontSize: \"18px\",\r\n                                                  fontWeight: \"600\",\r\n                                                  color: \"white\",\r\n                                                  textShadow: \"2px 2px #6f60e7\",\r\n                                                }}\r\n                                              >\r\n                                                <i\r\n                                                  className=\"fa fa-pencil\"\r\n                                                  aria-hidden=\"true\"\r\n                                                  onClick={this.grpnameedit}\r\n                                                ></i>\r\n                                              </a>\r\n                                            ) : null}\r\n                                          </>\r\n                                        )} */}\r\n                                      </span>\r\n                                    </a>\r\n                                    {/* &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                   \r\n                                    <i className=\"fa fa-search\" title=\"Search\" aria-hidden=\"true\" onClick={this.SearchClick}\r\n                                     style={{\r\n                                      fontSize: \"18px\",\r\n                                      fontWeight: \"600\",\r\n                                      color: \"white\",\r\n                                      textShadow: \"2px 2px #6f60e7\",\r\n                                      \r\n                                    }}\r\n                                    ></i> */}\r\n                                    {/* <input\r\n                                            className=\"Searchbox\"\r\n                                            placeholder=\"Search Messages\"\r\n                                            onChange={this.MessageFilter}\r\n                                            style={searchpop}\r\n                                          /> */}\r\n                                    {/* <center>\r\n                                      <span\r\n                                        id=\"FilterErr\"\r\n                                        style={errorpop}\r\n                                      ></span>\r\n                                    </center> */}\r\n                                  </span>\r\n\r\n                                  {/* <i\r\n                            onClick={() => {\r\n                              this.AddSkillModel();\r\n                              \r\n                              this.handleButton1Click();\r\n                            }}\r\n                            onKeyPress={(event) => {\r\n                              if (event.key === \"Enter\") {\r\n                                this.AddSkillModel();\r\n                                \r\n                                this.handleButton1Click();\r\n                              }\r\n                            }}\r\n                            className=\"icofont icofont-arrow-left chatButtonTextColor\"\r\n                            style={{ fontSize: \"45px\" }}\r\n                          /> */}\r\n                                </div>\r\n                              </div>\r\n\r\n\r\n                              <div\r\n                                className=\"box-tools d-inline-block\"\r\n                                id=\"refont\"\r\n                                style={{ float: \"right\" }}\r\n                              > \r\n                              \r\n                                {Minimized ? null :\r\n                                <>\r\n                                {windowWidth  <= 990 && (\r\n                               <div \r\n                               style={{\r\n                                float: \"right\",\r\n                                backgroundColor: \"#a0a3a305\",\r\n                                color: \"#797070\",\r\n                                border: \"1px solid #a3a5a505\",\r\n                                cursor: \"pointer\",\r\n                                marginTop:\"2px\",\r\n                                marginLeft:\"5px\",\r\n                              }} \r\n                              onClick={this.Menu}> \r\n                              <i className=\"fa fa-ellipsis-v\" aria-hidden=\"true\"\r\n                              ></i>\r\n                              </div> \r\n                              \r\n                              )}</> }\r\n                              &nbsp;&nbsp; \r\n                                <span\r\n                                  id=\"close\"\r\n                                  style={{\r\n                                    float: \"right\",\r\n                                    backgroundColor: \"#a0a3a305\",\r\n                                    color: \"#797070\",\r\n                                    border: \"1px solid #a3a5a505\",\r\n                                    cursor: \"pointer\",\r\n                                  }}\r\n                                  onClick={() => {\r\n                                    const maintabAElement = document.getElementById(\"maintabA\");\r\n                                    if (maintabAElement) {\r\n                                     maintabAElement.style.display = this.state.Minimized ? \"\" : \"block\";\r\n                                     }\r\n                                    this.props.close();\r\n                                    clearInterval(this.interval);\r\n\r\n                                  }}\r\n                                //  onClick={this.OneononeUser}\r\n                                >\r\n                                  &nbsp;&nbsp;\r\n                                  <CloseIcon />\r\n                                </span>\r\n\r\n                                <div\r\n                                  style={{\r\n                                    float: \"right\",\r\n                                    backgroundColor: \"#a0a3a305\",\r\n                                    color: \"#797070\",\r\n                                    border: \"1px solid #a3a5a505\",\r\n                                    fontSize: \"20px\",\r\n                                    cursor: \"pointer\",\r\n                                  }}\r\n                                >\r\n                                  {Minimized ? null : (\r\n                                    <>\r\n                                      {MuteStatus.map((muted) => {\r\n                                        return (\r\n                                          <>\r\n                                            {muted.muteStatus === 0 &&\r\n                                              EndStatus == 1 &&\r\n                                              Status == 1 ? (\r\n                                              <i\r\n                                                className=\"fa-solid fa-microphone\"\r\n                                                id=\"mute\"\r\n                                                style={{\r\n                                                  fontWeight: \"600\",\r\n                                                }}\r\n                                                onClick={this.MuteDisc}\r\n                                              ></i>\r\n                                            ) : (\r\n                                              <>\r\n                                                {EndStatus == 1 &&\r\n                                                  Status == 1 ? (\r\n                                                  <i\r\n                                                    className=\"fa-solid fa-microphone-slash\"\r\n                                                    id=\"mute\"\r\n                                                    style={{\r\n                                                      fontWeight: \"600\",\r\n                                                    }}\r\n                                                    onClick={this.UnMuteDisc}\r\n                                                  ></i>\r\n                                                ) : ( <i\r\n                                                  className=\"fa-solid fa-microphone\"\r\n                                                  id=\"mute\"\r\n                                                  style={{\r\n                                                    fontWeight: \"600\",\r\n                                                    visibility:\"hidden\"\r\n                                                  }}\r\n                                                ></i>)}\r\n                                              </>\r\n                                            )}\r\n                                          </>\r\n                                        );\r\n                                      })}{\" \"}\r\n                                      &nbsp;&nbsp;\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        title=\"Search\"\r\n                                        aria-hidden=\"true\"\r\n                                        onClick={this.SearchClick}\r\n                                        style={{\r\n                                          fontWeight: \"600\",\r\n                                          // color: \"white\",\r\n                                          // textShadow: \"2px 2px #6f60e7\",\r\n                                        }}\r\n                                      ></i>\r\n                                      &nbsp;&nbsp;\r\n                                    </>\r\n                                  )}\r\n                                  <span onClick={this.toggleMinimize}>\r\n                                    {\" \"}\r\n                                    {Minimized ? (\r\n                                      <span className=\"fa fa-window-maximize\"></span>\r\n                                    ) : (\r\n                                      <span className=\"fa fa-minus\"></span>\r\n                                    )}\r\n                                  </span>\r\n                                </div>\r\n                                {Minimized ? null :\r\n                                  <div style={{ marginLeft: \"-80%\" }}>\r\n                                    {\" \"}\r\n                                    <input\r\n                                      className=\"Searchbox\"\r\n                                      placeholder=\"Search Messages\"\r\n                                      id=\"searchresM\"\r\n                                      onChange={this.MessageFilter}\r\n                                      style={searchpop}\r\n                                    />{\" \"}\r\n                                  </div>\r\n                                }\r\n                                {/* <div id=\"sidenav\" onClick={this.openpop}  style={{\r\n                                    float: \"right\",\r\n                                    backgroundColor: \"#a0a3a305\",\r\n                                    color: \"#797070\",\r\n                                    border: \"1px solid #a3a5a505\",\r\n                                   \r\n                                  }}><i className=\"ti ti-menu\"></i></div> */}\r\n                                <div\r\n                                  style={{\r\n                                    float: \"right\",\r\n                                    backgroundColor: \"#a0a3a305\",\r\n                                    color: \"#797070\",\r\n                                    border: \"1px solid #a3a5a505\",\r\n                                    cursor: \"pointer\",\r\n                                    fontSize: \"20px\",\r\n                                  }}\r\n                                >\r\n                                  {/* <button>Private</button>\r\n                          <button>Public</button> */}\r\n                                  <input\r\n                                    type=\"hidden\"\r\n                                    id=\"Gname\"\r\n                                    defaultValue={this.props.values.groupName}\r\n                                  />\r\n                                  <input\r\n                                    type=\"hidden\"\r\n                                    id=\"GId\"\r\n                                    defaultValue={this.props.values.groupId}\r\n                                  />\r\n                                  {/* {Privacy == 1 && createdby == UserId ? <span > <b style={{ fontSize: \"12px\" }} onClick={this.GroupPublic}>Public</b></span> : null}  {Privacy == 1 ? <span><i className=\"fa fa-unlock\" aria-hidden=\"true\" ></i></span> : null}&nbsp;&nbsp;&nbsp;\r\n                          {Privacy == 0 && createdby == UserId ? <span > <b style={{ fontSize: \"12px\" }} onClick={this.GroupPrivate}>Private</b></span> : null} {Privacy == 0 ? <span><i className=\"fa fa-lock\" aria-hidden=\"true\" ></i></span> : null}&nbsp;&nbsp;&nbsp;\r\n                          {Privacy == 1 || createdby == UserId ? <i className=\"fa fa-user-plus\" aria-hidden=\"true\" onClick={this.Addpop} id=\"AddIcon\"></i> : null}&nbsp;&nbsp;&nbsp;\r\n                          <i className=\"fa fa-ellipsis-v\" aria-hidden=\"true\" onClick={this.toggleMenu} id=\"MenuIcon\" ></i> */}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n\r\n                            <div style={menuStyles} ref={this.containerRef}>\r\n                              <ul id=\"listmenu\" style={{ lineHeight: \"2.0em\" }}>\r\n                                {Privacy == 1 || createdby === UserId ? (\r\n                                  <>\r\n                                    <li\r\n                                      style={{ float: \"left\" }}\r\n                                      onClick={this.displayeditpop}\r\n                                    >\r\n                                      Edit\r\n                                    </li>\r\n                                    <br></br>\r\n                                  </>\r\n                                ) : null}\r\n\r\n                                <li\r\n                                  style={{ float: \"left\" }}\r\n                                  onClick={this.displaypopup}\r\n                                >\r\n                                  Info\r\n                                </li>\r\n                                <br></br>\r\n                                {Privacy == 1 || createdby === UserId ? (\r\n                                  <>\r\n                                    <li onClick={this.enddisc}>\r\n                                      End Discussion\r\n                                    </li>\r\n                                  </>\r\n                                ) : null}\r\n                              </ul>\r\n                            </div>\r\n                           \r\n\r\n                            <div className=\"deletepopA\" style={deletepop}>\r\n                              <center style={{ marginTop: \"50px\" }}>\r\n                                <input\r\n                                  defaultValue={this.props.values.groupId}\r\n                                  type=\"hidden\"\r\n                                  id=\"groupid\"\r\n                                ></input>\r\n                                <input\r\n                                  defaultValue={Deleteuserid}\r\n                                  type=\"hidden\"\r\n                                  id=\"duserid\"\r\n                                ></input>\r\n                                <input\r\n                                  defaultValue={Deleteusername}\r\n                                  type=\"hidden\"\r\n                                  id=\"dusername\"\r\n                                ></input>\r\n                                <h6>\r\n                                  Are You Sure Wants to Remove?{\" \"}\r\n                                  {/* <span style={{ color: \"red\" }}>Remove?</span> */}\r\n                                </h6>\r\n                                <h6>\r\n                                  <span style={{ color: \"red\" }}>\r\n                                    \"{Deleteusername}\"\r\n                                  </span>\r\n                                </h6>\r\n                                <br></br>\r\n                                <span\r\n                                  id=\"GroupopYesbtn\"\r\n                                  onClick={this.DeleteUserGroup}\r\n                                >\r\n                                  Yes\r\n                                </span>{\" \"}\r\n                                &nbsp;&nbsp;&nbsp;&nbsp;{\" \"}\r\n                                <span\r\n                                  id='GroupopNobtn'\r\n                                  onClick={this.hideDeletepop}\r\n                                >\r\n                                  No\r\n                                </span>\r\n                              </center>\r\n\r\n                              <br></br>\r\n                            </div>\r\n\r\n                            <div style={infopopup}>\r\n                              <i\r\n                                className=\"fa fa-arrow-left\"\r\n                                aria-hidden=\"true\"\r\n                                style={{\r\n                                  color: \"gray\",\r\n                                  float: \"left\",\r\n                                  fontSize: \"20px\",\r\n                                  marginLeft: \"20px\",\r\n                                  marginTop: \"20px\",\r\n                                }}\r\n                                onClick={this.hidedisplaypop}\r\n                              ></i>\r\n                              <div>\r\n                                <div style={{ marginTop: \"48px\" }}>\r\n                                  <span>\r\n                                    <center>\r\n                                      <a href=\"javascript:void(0);\" title=\"Me\">\r\n                                        <img\r\n                                          style={{\r\n                                            width: \"85px\",\r\n                                            height: \"85px\",\r\n                                          }}\r\n                                          // src=\"assets/images/avatar-1.png\"\r\n                                          src={ImgPath}\r\n                                          className=\"img-circle img-chat-profile\"\r\n                                          alt=\"Me\"\r\n                                        />\r\n                                      </a>\r\n                                      <br></br> <br></br>\r\n                                      <h4\r\n                                        style={{\r\n                                          fontFamily: \"Copperplate\",\r\n                                          fontWeight: \"600\",\r\n                                        }}\r\n                                      >\r\n                                        {this.props.values.groupName}\r\n                                      </h4>\r\n                                    </center>\r\n                                  </span>\r\n                                </div>\r\n\r\n                                <center>\r\n                                  <h6>\r\n                                    Group: {this.state.AllMember.length}{\" \"}\r\n                                    Participants\r\n                                  </h6>\r\n                                  <div>\r\n                                    <input\r\n                                      type=\"text\"\r\n                                      className=\"Searchbox\"\r\n                                      placeholder=\"Search\"\r\n                                      onChange={this.myFunction}\r\n                                    />\r\n                                    {/* <div className=\"form-icon\">\r\n                              <i className=\"icofont icofont-search\"></i>\r\n                            </div> */}\r\n                                  </div>\r\n                                  <br></br>\r\n                                </center>\r\n                                <div className=\"text-center\">\r\n                                  <center>\r\n                                    <div\r\n                                      style={{\r\n                                        height: \"300px\",\r\n                                        overflow: \"scroll\",\r\n                                      }}\r\n                                    >\r\n                                      {AllMembers.map((member) => {\r\n                                        return (\r\n                                          <>\r\n                                            <ul\r\n                                              style={{\r\n                                                listStyle: \"none\",\r\n                                                padding: \"0\",\r\n                                                width: \"250px\",\r\n                                              }}\r\n                                            >\r\n                                              <li\r\n                                                style={{\r\n                                                  padding: \" 10px 10px\",\r\n                                                  border: \"1px solid #DDDDDD\",\r\n                                                }}\r\n                                              >\r\n                                                {member.name}\r\n                                              </li>\r\n                                              {/* <li style={{padding:\" 10px 10px\",border:\"1px solid #DDDDDD\"}}>{member.name}</li> */}\r\n                                            </ul>\r\n                                          </>\r\n                                        );\r\n                                      })}\r\n                                    </div>\r\n                                  </center>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n\r\n                            <div style={editpopup}>\r\n                              <i\r\n                                className=\"fa fa-arrow-left\"\r\n                                aria-hidden=\"true\"\r\n                                style={{\r\n                                  color: \"gray\",\r\n                                  float: \"left\",\r\n                                  fontSize: \"20px\",\r\n                                  marginLeft: \"20px\",\r\n                                  marginTop: \"20px\",\r\n                                }}\r\n                                onClick={this.hideEditpop}\r\n                              ></i>\r\n                              <div style={{ marginTop: \"48px\" }}>\r\n                                <span>\r\n                                  <center>\r\n                                    <a href=\"javascript:void(0);\" title=\"Me\">\r\n                                      <div>\r\n                                        {\" \"}\r\n                                        <i\r\n                                          className=\"fa fa-pencil\"\r\n                                          aria-hidden=\"true\"\r\n                                          onClick={this.profileEditpopup}\r\n                                          style={{\r\n                                            fontSize: \"25px\",\r\n                                            color: \"#fff\",\r\n                                            marginTop: \"2px\",\r\n                                            position: \"absolute\",\r\n                                            marginLeft: \"19px\",\r\n                                            backgroundColor: \"#4020bfde\",\r\n                                            borderRadius: \"43px\",\r\n                                            width: \"28px\",\r\n                                            height: \"28px\",\r\n                                          }}\r\n                                        ></i>{\" \"}\r\n                                      </div>\r\n                                      <img\r\n                                        style={{\r\n                                          width: \"85px\",\r\n                                          height: \"85px\",\r\n                                        }}\r\n                                        // src=\"assets/images/avatar-1.png\"\r\n                                        src={ImgPath}\r\n                                        className=\"img-circle img-chat-profile\"\r\n                                        alt=\"Me\"\r\n                                        onClick={this.profileEditpopup}\r\n                                      />\r\n                                    </a>\r\n                                    <br></br> <br></br>\r\n                                    <h4\r\n                                      style={{\r\n                                        fontFamily: \"Copperplate\",\r\n                                        fontWeight: \"600\",\r\n                                      }}\r\n                                    >\r\n                                      {GroupTitle} &nbsp;\r\n                                      <i\r\n                                        className=\"fa fa-edit\"\r\n                                        style={{ fontSize: \"15px\" }}\r\n                                        onClick={this.grpnameedit}\r\n                                      ></i>\r\n                                    </h4>\r\n                                  </center>\r\n                                </span>\r\n                              </div>\r\n\r\n                              <center>\r\n                                <h6>\r\n                                  Group: {this.state.AllMember.length}{\" \"}\r\n                                  Participants &nbsp;\r\n                                  {/* <i className=\"fa fa-user-plus\" aria-hidden=\"true\"></i> */}\r\n                                </h6>\r\n                                <div\r\n                                // className=\"right-icon-control\"  style={{ width: '250px' }}\r\n                                >\r\n                                  <input\r\n                                    type=\"text\"\r\n                                    // className=\"form-control  search-text\"\r\n                                    className=\"Searchbox\"\r\n                                    placeholder=\"Search\"\r\n                                    onChange={this.myFunction}\r\n                                  />\r\n                                  {/* <div className=\"form-icon\">\r\n                            <i className=\"icofont icofont-search\"></i>\r\n                          </div> */}\r\n                                </div>\r\n                                <br></br>\r\n                              </center>\r\n                              <div className=\"text-center\">\r\n                                <center>\r\n                                  <div\r\n                                    style={{\r\n                                      height: \"300px\",\r\n                                      overflow: \"scroll\",\r\n                                    }}\r\n                                  >\r\n                                    {AllMembers.map((member) => {\r\n                                      return (\r\n                                        <>\r\n                                          <ul\r\n                                            style={{\r\n                                              listStyle: \"none\",\r\n                                              padding: \"0\",\r\n                                              width: \"250px\",\r\n                                            }}\r\n                                          >\r\n                                            <li\r\n                                              style={{\r\n                                                padding: \" 10px 10px\",\r\n                                                border: \"1px solid #DDDDDD\",\r\n                                                height: \"39px\",\r\n                                              }}\r\n                                            >\r\n                                              <span style={{ float: \"left\" }}>\r\n                                                {member.name}\r\n                                                <br />\r\n                                                {member.email}\r\n                                              </span>\r\n                                              <span style={{ float: \"right\" }}>\r\n                                                {\" \"}\r\n                                                <i\r\n                                                  className=\"fa fa-times\"\r\n                                                  aria-hidden=\"true\"\r\n                                                  style={{\r\n                                                    color: \"gray\",\r\n                                                    cursor: \"pointer\",\r\n                                                  }}\r\n                                                  onClick={() =>\r\n                                                    this.Deletepop(\r\n                                                      member.user_id,\r\n                                                      member.name\r\n                                                    )\r\n                                                  }\r\n                                                ></i>\r\n                                              </span>\r\n                                            </li>\r\n                                          </ul>\r\n\r\n                                          {/* DELETE USER */}\r\n\r\n                                          {/* <div style={deletepop}>\r\n\r\n                                  <center style={{ marginTop: \"50px\" }}>\r\n                                    <input defaultValue={this.props.values.groupId} type=\"hidden\" id=\"groupid\"></input>\r\n\r\n                                    <input defaultValue={Deleteuserid} type=\"hidden\" id=\"duserid\"></input>\r\n                                    <input defaultValue={Deleteusername} type=\"hidden\" id=\"dusername\"></input>\r\n                                    \r\n                                    <h6>Are You Sure Want to <span style={{ color: \"red\" }}>Delete?</span></h6>\r\n                                    <br></br>\r\n                                    <span className=\"btn\" onClick={this.DeleteUserGroup}>Confirm</span> &nbsp;&nbsp;&nbsp;&nbsp; <span className=\"btn\" onClick={this.hideDeletepop}>Cancel</span>\r\n                                  </center>\r\n\r\n                                  <br></br>\r\n\r\n                                </div> */}\r\n                                        </>\r\n                                      );\r\n                                    })}\r\n                                  </div>\r\n                                </center>\r\n                              </div>\r\n                            </div>\r\n                            {Minimized ? null : (\r\n                              <>\r\n                                {createdby == UserId ? (\r\n                                  <div>\r\n                                    <div\r\n                                      className=\"grpnameeditpopA\"\r\n                                      style={grpnameeditpop}\r\n                                    >\r\n                                      {/* <i\r\n                                        className=\"fa fa-times\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          color: \"gray\",\r\n                                          float: \"right\",\r\n                                          fontSize: \"15px\",\r\n                                          marginRight: \"20px\",\r\n                                          marginTop: \"10px\",\r\n                                        }}\r\n                                        onClick={this.hidegrpnameEditpop}\r\n                                      ></i> */}\r\n                                      <center>\r\n                                        <h6\r\n                                          style={{\r\n                                            marginTop: \"14px\",\r\n                                            fontWeight: \"bold\",\r\n                                          }}\r\n                                        >\r\n                                          Edit Name\r\n                                        </h6>\r\n                                        <br></br>\r\n                                        <form id=\"grpnameform\">\r\n                                          <input\r\n                                            defaultValue={GroupTitle}\r\n                                            placeholder=\"Discussion Name\"\r\n                                            style={{ padding: \"9px\", width: \"66%\", marginTop: \"-1%\", lineHeight: \"0\", marginBottom: \"5%\" }}\r\n                                            id=\"Groupname\"\r\n                                            maxLength={30}\r\n                                            className=\"form\"\r\n                                          ></input>\r\n\r\n                                          <input\r\n                                            defaultValue={\r\n                                              this.props.values.groupId\r\n                                            }\r\n                                            placeholder=\"Group Name\"\r\n                                            type=\"hidden\"\r\n                                            id=\"GrpId\"\r\n                                          ></input>\r\n                                        </form>\r\n                                        {/* {groupnameErr &&(\r\n   <div style={{color:\"red\"}}>\r\n    <span className=\"\">Group Name is required</span>\r\n    </div>\r\n  )} */}\r\n\r\n                                        <br></br>\r\n\r\n                                        <span\r\n                                           id=\"GroupopYesbtn\"\r\n                                          onClick={this.UpdateGroupName}\r\n                                        >\r\n                                          Update\r\n                                        </span>\r\n                                        &nbsp;&nbsp;&nbsp;\r\n                                        <span\r\n                                        id='GroupopNobtn'\r\n                                          onClick={this.hidegrpnameEditpop}\r\n                                        >\r\n                                          Close\r\n                                        </span>\r\n                                      </center>\r\n                                    </div>\r\n                                  </div>\r\n                                ) : null}\r\n                              </>\r\n                            )}\r\n\r\n                            {/* END Discussion */}\r\n                            <div className=\"endDisucpopA\" style={endDisucpop}>\r\n                              <center style={{ marginTop: \"50px\" }}>\r\n                                <input\r\n                                  defaultValue={this.props.values.groupId}\r\n                                  type=\"hidden\"\r\n                                  id=\"groupId\"\r\n                                ></input>\r\n                                <h5 style={{marginBottom:\"30px\"}}>\r\n                                  Are you sure wants to End this Discussion?\r\n                                </h5>\r\n                                <br></br>\r\n                                <span\r\n                                  id=\"GroupopYesbtn\"\r\n                                  onClick={() =>\r\n                                    this.endDiscussion(\r\n                                      this.props.values.groupId\r\n                                    )\r\n                                  }\r\n                                >\r\n                                  Yes\r\n                                </span>{\" \"}\r\n                                &nbsp;&nbsp;&nbsp;&nbsp;{\" \"}\r\n                                <span\r\n                                  id='GroupopNobtn'\r\n                                  onClick={this.hideenddiscpop}\r\n                                >\r\n                                  No\r\n                                </span>\r\n                              </center>\r\n\r\n                              <br></br>\r\n                            </div>\r\n\r\n                            {/* Leave Discussion */}\r\n                            <div className=\"endDisucpopA\" style={LeaveDisucpop}>\r\n                              <center style={{ marginTop: \"50px\" }}>\r\n                                <input\r\n                                  defaultValue={this.props.values.groupId}\r\n                                  type=\"hidden\"\r\n                                  id=\"groupId\"\r\n                                ></input>\r\n                                <h5>\r\n                                  Are you sure wants to Leave?\r\n                                </h5>\r\n                                <br></br><br></br>\r\n                                <span\r\n                                  id=\"GroupopYesbtn\"\r\n                                  onClick={() =>\r\n                                    this.LeaveDiscussion(\r\n                                      this.props.values.groupId\r\n                                    )\r\n                                  }\r\n                                >\r\n                                  Yes\r\n                                </span>{\" \"}\r\n                                &nbsp;&nbsp;&nbsp;&nbsp;{\" \"}\r\n                                <span\r\n                                  id='GroupopNobtn'\r\n                                  onClick={this.hideenddiscpop}\r\n                                >\r\n                                  No\r\n                                </span>\r\n                              </center>\r\n\r\n                              <br></br>\r\n                            </div>\r\n\r\n                            {/* Mute Discussion */}\r\n                            <div style={MuteDisucpop} className=\"endDisucpopA\">\r\n                              <center style={{ marginTop: \"50px\" }}>\r\n                                <input\r\n                                  defaultValue={this.props.values.groupId}\r\n                                  type=\"hidden\"\r\n                                  id=\"groupId\"\r\n                                ></input>\r\n                                <h5 style={{marginBottom:\"30px\"}}>\r\n                                  Are you sure wants to Mute this Discussion?\r\n                                </h5>\r\n                                <br></br>\r\n                                <span\r\n                                  // className=\"btn\"\r\n                                  id=\"GroupopYesbtn\"\r\n                                  onClick={() =>\r\n                                    this.MuteDiscussion(\r\n                                      this.props.values.groupId\r\n                                    )\r\n                                  }\r\n                                >\r\n                                  Yes\r\n                                </span>{\" \"}\r\n                                &nbsp;&nbsp;&nbsp;&nbsp;{\" \"}\r\n                                <span\r\n                                  id='GroupopNobtn'\r\n                                  onClick={this.hideMuteDisc}\r\n                                >\r\n                                  No\r\n                                </span>\r\n                              </center>\r\n\r\n                              <br></br>\r\n                            </div>\r\n\r\n                            {/* UnMute Discussion */}\r\n                            <div style={UnMuteDisucpop} className=\"UnMutePopA\">\r\n                              <center style={{ marginTop: \"50px\" }}>\r\n                                <input\r\n                                  defaultValue={this.props.values.groupId}\r\n                                  type=\"hidden\"\r\n                                  id=\"groupId\"\r\n                                ></input>\r\n                                <h5 style={{marginBottom:\"30px\"}}>\r\n                                  Are you sure wants to Unmute this Discussion?\r\n                                </h5>\r\n                                <br></br>\r\n                                <span\r\n                                  id=\"GroupopYesbtn\"\r\n                                  onClick={() =>\r\n                                    this.UnMuteDiscussion(\r\n                                      this.props.values.groupId\r\n                                    )\r\n                                  }\r\n                                >\r\n                                  Yes\r\n                                </span>{\" \"}\r\n                                &nbsp;&nbsp;&nbsp;&nbsp;{\" \"}\r\n                                <span\r\n                                  id='GroupopNobtn'\r\n                                  onClick={this.hideUnMuteDisc}\r\n                                >\r\n                                  No\r\n                                </span>\r\n                              </center>\r\n\r\n                              <br></br>\r\n                            </div>\r\n\r\n                            {/* DeleteMessage Pop */}\r\n                            {isVisible ? (\r\n                              <div className=\"endDisucpopB\" style={deleteStyles} ref={this.containerRef}>\r\n                                <i\r\n                                  className=\"fa fa-times\"\r\n                                  aria-hidden=\"true\"\r\n                                  style={{\r\n                                    color: \"gray\",\r\n                                    marginLeft: \"90%\",\r\n                                    fontSize: \"17px\",\r\n                                  }}\r\n                                  onClick={this.handleClose}\r\n                                ></i>\r\n                                <center>\r\n                                  <span>\r\n                                    <img\r\n                                      src=\"https://static.thenounproject.com/png/659539-200.png\"\r\n                                      style={{ height: '25px', width: '25px' }}></img>&nbsp;\r\n                                    <span >Delete Message?</span>\r\n                                    <br />\r\n                                  </span>\r\n\r\n                                  <div style={{ display: 'inline-flex', gap: '15px', padding: '20px' }} id=\"spandiV\">\r\n\r\n                                    <span\r\n                                      id=\"Deletelistbtns\"\r\n                                      onClick={this.DeleteMessageChat}\r\n                                    // style={{ float: \"right\" }}\r\n                                    >\r\n                                      Delete for me\r\n                                    </span>\r\n\r\n\r\n                                    {this.state.deletesender == UserId ? (\r\n                                      <>\r\n                                        <span\r\n                                          id=\"Deletelistbtns\"\r\n                                          onClick={this.DeleteMessageEveryone}\r\n                                        // style={{ float: \"right\" }}\r\n                                        >\r\n                                          Delete for Everyone\r\n                                        </span>\r\n                                        <br />\r\n                                      </>\r\n                                    ) : null}\r\n\r\n                                  </div>\r\n                                </center>\r\n                              </div>\r\n\r\n                            ) : null}\r\n\r\n                            {/* {Seen ? (\r\n                              <div style={seenStyles} ref={this.containerRef}> */}\r\n                            {/* <input type=\"hidden\" id=\"id\"></input>\r\n\r\n<input type=\"hidden\" id=\"name\"></input> */}\r\n                            {/* {SeenMsgMembers.map((Members) => (\r\n                                  <span style={{ float: \"\" }}>\r\n                                    <>\r\n                                      <ul\r\n                                        style={{\r\n                                          listStyle: \"none\",\r\n                                          padding: \"0\",\r\n                                          width: \"95%\",\r\n                                          textAlign: \"left\",\r\n                                          display: \"block\",\r\n                                          // listStyleType:'circle'\r\n                                        }}\r\n                                      >\r\n                                        {EMail ==\r\n                                        Members.group_Member ? null : (\r\n                                          <li\r\n                                            style={{\r\n                                              padding: \" 10px 10px\",\r\n                                              borderBottom: \"1px solid #DDDDDD\",\r\n                                              display: \"block\",\r\n                                            }}\r\n                                          >\r\n                                            <i\r\n                                              className=\"fa-solid fa-circle\"\r\n                                              style={{\r\n                                                fontSize: \"7px\",\r\n                                                color: \"gray\",\r\n                                              }}\r\n                                            ></i>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <b>\r\n                                              {Members.name}{\" \"}\r\n                                              <span\r\n                                                className=\"Fontsize_In_chat\"\r\n                                                style={{\r\n                                                  color: \"Gray\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                }}\r\n                                              ></span>\r\n                                            </b>\r\n                                          </li>\r\n                                        )}\r\n                                      </ul>\r\n                                    </>\r\n                                  </span>\r\n                                ))}\r\n                                <br />\r\n                              </div>\r\n                            ) : null} */}\r\n\r\n                            {/* Edit Profile  */}\r\n                            {Minimized ? null : (\r\n                              <>\r\n                                {createdby == UserId ? (\r\n                                  <div\r\n                                    style={profileeditpop}\r\n                                    id=\"ProfileEditPop\"\r\n                                    ref={this.containerRef}\r\n                                  >\r\n                                    <form id=\"EditProfile\">\r\n                                      <br></br>\r\n                                      <center style={{ marginTop: \"-6%\" }}>\r\n                                        <div>\r\n                                          <a\r\n                                            href=\"javascript:void(0);\"\r\n                                            title=\"Delete Profile\"\r\n                                          >\r\n                                            <i\r\n                                              className=\"fa fa-ban\"\r\n                                              aria-hidden=\"true\"\r\n                                              onClick={this.deleteProfile}\r\n                                              style={{\r\n                                                fontSize: \"25px\",\r\n                                                color: \"#fff\",\r\n                                                marginTop: \"28px\",\r\n                                                position: \"absolute\",\r\n                                                marginLeft: \"30px\",\r\n                                                color: \"red\",\r\n                                                borderRadius: \"43px\",\r\n                                                width: \"30px\",\r\n                                                height: \"30px\",\r\n                                              }}\r\n                                            ></i>{\" \"}\r\n                                          </a>\r\n                                        </div>\r\n                                        <br />\r\n                                        <br></br>\r\n                                        <a\r\n                                          href=\"javascript:void(0);\"\r\n                                          title=\"Update Profile\"\r\n                                        >\r\n                                          <input\r\n                                            accept=\"image/*\"\r\n                                            type=\"file\"\r\n                                            hidden\r\n                                            ref={this.inputReference}\r\n                                            onChange={\r\n                                              this.fileUploadInputChange\r\n                                            }\r\n                                          />\r\n                                          {!EImage ? (\r\n                                            <img\r\n                                              src={ImgPath.toString() === `${Image_URLs}Images/profile.png` ? Profile : ImgPath}\r\n                                              className=\"img-circle img-chat-profile\"\r\n                                              alt=\"Me\"\r\n                                              id=\"OldImageChat\"\r\n                                              style={{\r\n                                                width: \"100px\",\r\n                                                height: \"100px\",\r\n                                                marginTop: \"-23px\",\r\n                                              }}\r\n                                            />\r\n                                          ) : (\r\n                                            <img\r\n                                              src={SampleImage}\r\n                                              className=\"img-circle img-chat-profile\"\r\n                                              id=\"OldImageChat\"\r\n                                              alt=\"Me\"\r\n                                              style={{\r\n                                                width: \"100px\",\r\n                                                height: \"100px\",\r\n                                                marginTop: \"-23px\",\r\n                                                // marginLeft: \"25%\",\r\n                                              }}\r\n                                            />\r\n                                          )}\r\n                                        </a>\r\n                                        <br></br>\r\n                                        <br></br>\r\n                                        <div\r\n                                          className=\"profileGTbtn\"\r\n                                          onClick={this.UpdateGroupProfile}\r\n                                          style={{\r\n                                            width: \"80px\",\r\n                                            color: \"Gray\",\r\n                                            backgroundColor: \"lightGray\",\r\n                                            position: \"fixed\",\r\n                                            marginLeft: \"-38px\",\r\n                                          }}\r\n                                        >\r\n                                          save &nbsp;&nbsp;\r\n                                          <i\r\n                                            className=\"fa-solid fa-upload\"\r\n                                            style={{ color: \"Gray\" }}\r\n                                          ></i>\r\n                                        </div>\r\n                                      </center>\r\n                                    </form>\r\n                                  </div>\r\n                                ) : null}\r\n                              </>\r\n                            )}\r\n\r\n                            {/* Forwardpop */}\r\n\r\n                            {this.state.forwardpopup && (\r\n                              <>\r\n                                {Minimized ? null : (\r\n                                  <div className=\"popup\">\r\n                                    <div className=\"popup-content\">\r\n                                      <center id=\"DiscForwardPop\">\r\n                                        <div>\r\n                                          <center>\r\n                                            <h6>\r\n                                              <b>Forward To</b>\r\n                                            </h6>\r\n                                          </center>\r\n\r\n                                          <center>\r\n                                            <input\r\n                                              className=\"DiscSearchbox\"\r\n                                              placeholder=\"Search\"\r\n                                              onChange={this.forwardfilter}\r\n                                            />\r\n                                            <form id=\"ForwardMemberPopA\">\r\n                                              <center>\r\n                                                <br />\r\n                                                <span\r\n                                                  id=\"ForwardFilterErr\"\r\n                                                  style={{ color: \"red\" }}\r\n                                                ></span>\r\n                                              </center>\r\n                                              {ForwardMembers.map(\r\n                                                (Announcement) => (\r\n                                                  <div\r\n                                                    className=\"media userlist-box\"\r\n                                                    data-id=\"1\"\r\n                                                    data-status=\"online\"\r\n                                                    data-username=\"Josephin Doe\"\r\n                                                    data-toggle=\"tooltip\"\r\n                                                    data-placement=\"left\"\r\n                                                    style={{\r\n                                                      // padding: \"5px\",\r\n                                                      height: \"55px\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <div\r\n                                                      className=\"checkbox-wrapper-12\"\r\n                                                      id=\"forwardCheckbox\"\r\n                                                    // style={{\r\n                                                    //   marginTop: \"4%\",\r\n                                                    // }}\r\n                                                    >\r\n                                                      <div className=\"cbx\">\r\n                                                        <input\r\n                                                          type=\"checkbox\"\r\n                                                          title=\"Add\"\r\n                                                          className=\"check\"\r\n                                                          id=\"Checkboxchat\"\r\n                                                          value={\r\n                                                            Announcement.group_Name\r\n                                                          }\r\n                                                          checked={selectedGroupIds.includes(\r\n                                                            Announcement.group_Name\r\n                                                          )}\r\n                                                          onChange={\r\n                                                            this\r\n                                                              .handleGroupSelectionChange\r\n                                                          }\r\n                                                        />\r\n                                                        <label for=\"cbx-12\"></label>\r\n                                                        <svg\r\n                                                          width=\"15\"\r\n                                                          height=\"14\"\r\n                                                          viewbox=\"0 0 15 14\"\r\n                                                          fill=\"none\"\r\n                                                        >\r\n                                                          <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                                        </svg>\r\n                                                      </div>\r\n\r\n                                                      <svg\r\n                                                        xmlns=\"http://www.w3.org/2000/svg\"\r\n                                                        version=\"1.1\"\r\n                                                      >\r\n                                                        <defs>\r\n                                                          <filter id=\"goo-12\">\r\n                                                            <fegaussianblur\r\n                                                              in=\"SourceGraphic\"\r\n                                                              stddeviation=\"4\"\r\n                                                              result=\"blur\"\r\n                                                            ></fegaussianblur>\r\n                                                            <fecolormatrix\r\n                                                              in=\"blur\"\r\n                                                              mode=\"matrix\"\r\n                                                              values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                              result=\"goo-12\"\r\n                                                            ></fecolormatrix>\r\n                                                            <feblend\r\n                                                              in=\"SourceGraphic\"\r\n                                                              in2=\"goo-12\"\r\n                                                            ></feblend>\r\n                                                          </filter>\r\n                                                        </defs>\r\n                                                      </svg>\r\n                                                    </div>\r\n                                                    &nbsp;&nbsp;&nbsp;\r\n                                                    <a\r\n                                                      className=\"media-left\"\r\n                                                      style={{\r\n                                                        marginTop: \"-2%\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <img\r\n                                                        className=\"media-object img-circle\"\r\n                                                        src={\r\n                                                          Announcement.profile_Pic === `${Image_URLs}Images/profile.png` ? Profile : Announcement.profile_Pic\r\n                                                        }\r\n                                                        alt=\"img\"\r\n                                                        style={{\r\n                                                          marginTop: \"20px\",\r\n                                                          width: \"35px\",\r\n                                                          height: \"35px\",\r\n                                                        }}\r\n                                                      />\r\n                                                    </a>\r\n                                                    <div\r\n                                                      className=\"media-body\"\r\n                                                      style={{\r\n                                                        textAlign: \"initial\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <div\r\n                                                        className=\"f-13 chat-header\"\r\n                                                        style={{\r\n                                                          color: \"black\",\r\n                                                        }}\r\n                                                      >\r\n                                                        {\" \"}\r\n                                                        <li\r\n                                                          key={Announcement.id}\r\n                                                          value={\r\n                                                            Announcement.id\r\n                                                          }\r\n                                                          style={{\r\n                                                            listStyleType:\r\n                                                              \"none\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <label\r\n                                                          // style={{\r\n                                                          //   padding: \"2px\",\r\n                                                          //   marginTop:'4%'\r\n                                                          // }}\r\n                                                          >\r\n                                                            <span\r\n                                                              className=\"Fontsize_In_chat\"\r\n                                                              style={{\r\n                                                                color: \"black\",\r\n                                                                whiteSpace:\r\n                                                                  \"nowrap\",\r\n                                                                fontWeight:\r\n                                                                  \"bold\",\r\n                                                              }}\r\n                                                            ></span>\r\n                                                            <br />\r\n                                                            <span\r\n                                                              className=\"Fontsize_In_chat\"\r\n                                                              style={{\r\n                                                                color: \"black\",\r\n                                                                whiteSpace:\r\n                                                                  \"nowrap\",\r\n                                                                fontWeight:\r\n                                                                  \"bold\",\r\n                                                              }}\r\n                                                            >\r\n                                                              {\r\n                                                                Announcement.group_Name\r\n                                                              }\r\n                                                              &nbsp;\r\n                                                              <span\r\n                                                                className=\"Fontsize_In_chat\"\r\n                                                                style={{\r\n                                                                  color: \"Gray\",\r\n                                                                  whiteSpace:\r\n                                                                    \"nowrap\",\r\n                                                                }}\r\n                                                              >\r\n                                                                ({\" \"}\r\n                                                                {Announcement.privacy ===\r\n                                                                  0 ? (\r\n                                                                  <span>\r\n                                                                    Private\r\n                                                                  </span>\r\n                                                                ) : (\r\n                                                                  <span>\r\n                                                                    Public\r\n                                                                  </span>\r\n                                                                )}\r\n                                                                )\r\n                                                              </span>\r\n                                                            </span>\r\n                                                            <br />\r\n                                                          </label>\r\n                                                        </li>\r\n                                                      </div>\r\n                                                    </div>\r\n                                                    <input\r\n                                                      hidden\r\n                                                      type=\"text\"\r\n                                                      name=\"User_Id\"\r\n                                                    />\r\n                                                  </div>\r\n                                                )\r\n                                              )}\r\n                                            </form>\r\n\r\n                                            {/* <span\r\n                                              className=\"btn\"\r\n                                              id=\"addbutton\"\r\n                                              disabled=\"disabled\"\r\n                                              onClick={this.ForwardChatMsg}\r\n                                            >\r\n                                              Forward\r\n                                            </span>{\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;{\" \"}\r\n                                            <span\r\n                                              className=\"btn\"\r\n                                              id=\"Cancelbutton\"\r\n                                              onClick={this.hideForwardpop}\r\n                                            >\r\n                                              Cancel\r\n                                            </span> */}\r\n                                            <div style={{ marginTop: '4%' }}>\r\n                                              <span\r\n                                                className=\"AddmemberpopFrdbtn\"\r\n                                                id=\"addbutton\"\r\n                                                onClick={this.ForwardChatMsg}\r\n                                                disabled=\"disabled\"\r\n                                              >\r\n                                                Forward\r\n                                              </span>{\" \"}\r\n                                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                              <span\r\n                                                className=\"Addmemberpopbtns\"\r\n                                                id=\"ACancelbutton\"\r\n                                                onClick={this.hideForwardpop}\r\n                                              >\r\n                                                Cancel\r\n\r\n                                              </span></div>\r\n                                          </center>\r\n                                        </div>\r\n                                      </center>\r\n                                    </div>\r\n                                  </div>\r\n                                )}\r\n                              </>\r\n                            )}\r\n\r\n                            {/* Hide Member pop */}\r\n                            <div\r\n                              style={hiddenpop}\r\n                              id=\"HideMemberPop-Chat\"\r\n                              className=\"mchat\"\r\n                            >\r\n                              <center style={{ marginLeft: \"3%\" }}>\r\n                                <br></br>\r\n                                {EndStatus != 0 ? (\r\n                                  <button\r\n                                    className=\"Endbutton-42\"\r\n                                    onClick={this.enddisc}\r\n                                  >\r\n                                    <span style={{ fontSize: \"10px\" }}>\r\n                                      End\r\n                                    </span>\r\n                                    <span\r\n                                      style={{\r\n                                        fontSize: \"10px\",\r\n                                        marginTop: \"10px\",\r\n                                      }}\r\n                                    >\r\n                                      {\" \"}\r\n                                      Discussion\r\n                                    </span>\r\n                                  </button>\r\n                                ) : null}\r\n                                &nbsp;&nbsp;\r\n                                {Privacy == 0 &&\r\n                                  createdby == UserId &&\r\n                                  this.state.reloadbutton === true ? (\r\n                                  <button\r\n                                    className=\"Privatebutton-42\"\r\n                                    onClick={this.GroupPrivate}\r\n                                  >\r\n                                    <span style={{ fontSize: \"10px\" }}>\r\n                                      Private\r\n                                    </span>\r\n                                  </button>\r\n                                ) : Privacy == 0 && createdby != UserId ? (\r\n                                  <button\r\n                                    className=\"Privatebutton-42\"\r\n                                    onClick={this.private}\r\n                                  >\r\n                                    <span style={{ fontSize: \"10px\" }}>\r\n                                      Private\r\n                                    </span>\r\n                                  </button>\r\n                                ) : (\r\n                                  <button\r\n                                    className=\"Privatebutton-42\"\r\n                                    onClick={this.private}\r\n                                  >\r\n                                    <span style={{ fontSize: \"10px\" }}>\r\n                                      Public\r\n                                    </span>\r\n                                  </button>\r\n                                )}\r\n                                &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                {createdby == UserId ? (\r\n                                  <i\r\n                                    className=\"fa fa-plus\"\r\n                                    id=\"GroupAddIcon\"\r\n                                    onClick={this.openPopup}\r\n                                    style={{\r\n                                      color: \"#594eaa\",\r\n                                      fontSize: \"20px\",\r\n                                      marginTop: \"8px\",\r\n                                      position: \"absolute\",\r\n                                    }}\r\n                                    aria-hidden=\"true\"\r\n                                  ></i>\r\n                                ) : null}\r\n                                <br></br>\r\n                                <br></br>\r\n                              </center>\r\n                              <br></br>\r\n                              <div>\r\n                                <div\r\n                                  style={{\r\n                                    height: \"300px\",\r\n                                    overflowY: \"scroll\",\r\n                                    overflowX: \"hidden\",\r\n                                    textAlign: \"left\",\r\n                                  }}\r\n                                  id=\"test\"\r\n                                >\r\n                                  {AllMembers.map((member) => {\r\n                                    return (\r\n                                      <>\r\n                                        <center>\r\n                                          <ul\r\n                                            style={{\r\n                                              listStyle: \"none\",\r\n                                              padding: \"0\",\r\n                                              width: \"95%\",\r\n                                              textAlign: \"left\",\r\n                                              marginLeft: \"3%\",\r\n                                            }}\r\n                                          >\r\n                                            <li\r\n                                              style={{\r\n                                                padding: \" 10px 10px\",\r\n                                                border: \"1px solid #DDDDDD\",\r\n                                              }}\r\n                                            >\r\n                                              {EMail === member.user_id ? (\r\n                                                <b>You</b>\r\n                                              ) : (\r\n                                                <b>{member.name}</b>\r\n                                              )}\r\n                                              {/* <b>{member.name}</b> */}\r\n                                              {/* <br></br> */}\r\n                                              <span>{member.user_id}</span>\r\n                                              {createdby == UserId ? (\r\n                                                <span\r\n                                                  style={{\r\n                                                    float: \"right\",\r\n                                                    marginTop: \"-25px\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  <i\r\n                                                    className=\"fa fa-times\"\r\n                                                    aria-hidden=\"true\"\r\n                                                    style={{\r\n                                                      color: \"gray\",\r\n                                                      cursor: \"pointer\",\r\n                                                    }}\r\n                                                    onClick={() =>\r\n                                                      this.Deletepop(\r\n                                                        member.user_id,\r\n                                                        member.name\r\n                                                      )\r\n                                                    }\r\n                                                  ></i>\r\n                                                </span>\r\n                                              ) : null}\r\n                                            </li>\r\n                                          </ul>\r\n                                        </center>\r\n                                      </>\r\n                                    );\r\n                                  })}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            {this.state.isPopupOpen && (\r\n                              <div className=\"popup\">\r\n                                <div className=\"popup-content\">\r\n                                  <center id=\"DiscAddPop\">\r\n                                    <div>\r\n                                      <center>\r\n                                        <h6\r\n                                          className=\"placeholder\"\r\n                                          style={{ fontWeight: \"bold\", marginTop: \"-2%\" }}\r\n                                        >\r\n                                          Add Member\r\n                                        </h6>\r\n                                        <center>\r\n                                          <input\r\n                                            className=\"DiscSearchbox\"\r\n                                            placeholder=\"Search\"\r\n                                            onChange={this.Addmemberfilter}\r\n                                          />\r\n                                          <center>\r\n                                            <form id=\"memberFormA\" hidden>\r\n                                              <ul\r\n                                                style={{\r\n                                                  width: \"100%\",\r\n                                                  paddingLeft: \"0px\",\r\n                                                  marginTop: \"5%\",\r\n                                                }}\r\n                                              >\r\n                                                {selectedUsers.map(\r\n                                                  (Addmembers) => (\r\n                                                    <li\r\n                                                      className=\"Fontsize_In_chat\"\r\n                                                      key={Addmembers.id}\r\n                                                      style={{\r\n                                                        color: \"black\",\r\n                                                        display: \"inline-block\",\r\n                                                        overflowX: \"scroll\",\r\n                                                        marginLeft: \"10px\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <CloseIcon\r\n                                                        onClick={() => {\r\n                                                          this.handleUserRemove(\r\n                                                            Addmembers.email,\r\n                                                            Addmembers.name\r\n                                                          );\r\n                                                        }}\r\n                                                        style={{\r\n                                                          fontSize: \"14px\",\r\n\r\n                                                          color: \"red\",\r\n\r\n                                                          position: \"absolute\",\r\n\r\n                                                          marginTop: \"-3px\",\r\n\r\n                                                          backgroundColor:\r\n                                                            \"#d6d6d6\",\r\n\r\n                                                          borderRadius: \"50%\",\r\n\r\n                                                          marginLeft: \"26px\",\r\n                                                        }}\r\n                                                      />\r\n                                                      <img\r\n                                                        className=\"media-object img-circle\"\r\n                                                        // src=\"assets/images/avatar-1.png\"\r\n                                                        src={\r\n                                                          Addmembers.profile_Picture\r\n                                                        }\r\n                                                        alt=\"img\"\r\n                                                        style={{\r\n                                                          height: \"32px\",\r\n                                                          width: \"32px\",\r\n                                                        }}\r\n                                                      />\r\n                                                      <br />\r\n                                                      {Addmembers.name}{\" \"}\r\n                                                      <input\r\n                                                        hidden\r\n                                                        type=\"text\"\r\n                                                        className=\"grupuser\"\r\n                                                        value={Addmembers.name}\r\n                                                        name=\"FirstName\"\r\n                                                      />\r\n                                                      <input\r\n                                                        hidden\r\n                                                        type=\"text\"\r\n                                                        className=\"grupuser\"\r\n                                                        value={Addmembers.email}\r\n                                                        name=\"Email\"\r\n                                                      />\r\n                                                      <input\r\n                                                        hidden\r\n                                                        type=\"text\"\r\n                                                        name=\"User_Id\"\r\n                                                      />\r\n                                                    </li>\r\n                                                  )\r\n                                                )}\r\n                                              </ul>\r\n                                            </form>\r\n                                          </center>\r\n                                          <form id=\"AddMemberPopA\">\r\n                                            <center>\r\n                                              <br />\r\n                                              <span\r\n                                                id=\"AddmemberFilterErr\"\r\n                                                style={{ color: \"red\" }}\r\n                                              ></span>\r\n                                            </center>\r\n                                            {MemberAccess.map(\r\n                                              (Announcement) => (\r\n                                                <>\r\n                                                  {Accessed === 1 &&\r\n                                                    Accessed_to === 1 ? (\r\n                                                    <div\r\n                                                      className=\"media userlist-box\"\r\n                                                      data-id=\"1\"\r\n                                                      data-status=\"online\"\r\n                                                      data-username=\"Josephin Doe\"\r\n                                                      data-toggle=\"tooltip\"\r\n                                                      data-placement=\"left\"\r\n                                                      style={{\r\n                                                        // padding: \"5px\",\r\n                                                        height: \"55px\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <div\r\n                                                        className=\"checkbox-wrapper-12\"\r\n                                                        style={{\r\n                                                          marginTop: \"4%\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div className=\"cbx\">\r\n                                                          <input\r\n                                                            type=\"checkbox\"\r\n                                                            title=\"Add\"\r\n                                                            className=\"check\"\r\n                                                            id=\"Checkboxchat\"\r\n                                                            value={\r\n                                                              Announcement.email\r\n                                                            }\r\n                                                            // checked={selectedUserIds.includes(\r\n                                                            //   Announcement.email\r\n                                                            // )}\r\n                                                            onChange={\r\n                                                              this\r\n                                                                .handleUserSelectionChange\r\n                                                            }\r\n                                                          />\r\n                                                          <label for=\"cbx-12\"></label>\r\n                                                          <svg\r\n                                                            width=\"15\"\r\n                                                            height=\"14\"\r\n                                                            viewbox=\"0 0 15 14\"\r\n                                                            fill=\"none\"\r\n                                                          >\r\n                                                            <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                                          </svg>\r\n                                                        </div>\r\n\r\n                                                        <svg\r\n                                                          xmlns=\"http://www.w3.org/2000/svg\"\r\n                                                          version=\"1.1\"\r\n                                                        >\r\n                                                          <defs>\r\n                                                            <filter id=\"goo-12\">\r\n                                                              <fegaussianblur\r\n                                                                in=\"SourceGraphic\"\r\n                                                                stddeviation=\"4\"\r\n                                                                result=\"blur\"\r\n                                                              ></fegaussianblur>\r\n                                                              <fecolormatrix\r\n                                                                in=\"blur\"\r\n                                                                mode=\"matrix\"\r\n                                                                values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                                result=\"goo-12\"\r\n                                                              ></fecolormatrix>\r\n                                                              <feblend\r\n                                                                in=\"SourceGraphic\"\r\n                                                                in2=\"goo-12\"\r\n                                                              ></feblend>\r\n                                                            </filter>\r\n                                                          </defs>\r\n                                                        </svg>\r\n                                                      </div>\r\n                                                      &nbsp;&nbsp;&nbsp;\r\n                                                      <a\r\n                                                        className=\"media-left\"\r\n                                                        style={{\r\n                                                          marginTop: \"-2%\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <img\r\n                                                          className=\"media-object img-circle\"\r\n                                                          src={\r\n                                                            Announcement.profile_Picture\r\n                                                          }\r\n                                                          alt=\"img\"\r\n                                                          style={{\r\n                                                            marginTop: \"20px\",\r\n                                                            width: \"35px\",\r\n                                                            height: \"35px\",\r\n                                                          }}\r\n                                                        />\r\n                                                      </a>\r\n                                                      <div\r\n                                                        className=\"media-body\"\r\n                                                        style={{\r\n                                                          textAlign: \"initial\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div\r\n                                                          className=\"f-13 chat-header\"\r\n                                                          style={{\r\n                                                            color: \"black\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {\" \"}\r\n                                                          <li\r\n                                                            key={\r\n                                                              Announcement.id\r\n                                                            }\r\n                                                            value={\r\n                                                              Announcement.id\r\n                                                            }\r\n                                                            style={{\r\n                                                              listStyleType:\r\n                                                                \"none\",\r\n                                                            }}\r\n                                                          >\r\n                                                            <label\r\n                                                              style={\r\n                                                                {\r\n                                                                  marginTop: \"-2%\"\r\n                                                                }\r\n                                                              }\r\n                                                            >\r\n                                                              <span\r\n                                                                className=\"Fontsize_In_chat\"\r\n                                                                style={{\r\n                                                                  color:\r\n                                                                    \"black\",\r\n                                                                  whiteSpace:\r\n                                                                    \"nowrap\",\r\n                                                                  fontWeight:\r\n                                                                    \"bold\",\r\n                                                                }}\r\n                                                              ></span>\r\n                                                              <br />\r\n                                                              <span\r\n                                                                className=\"Fontsize_In_chat\"\r\n                                                                style={{\r\n                                                                  color:\r\n                                                                    \"black\",\r\n                                                                  whiteSpace:\r\n                                                                    \"nowrap\",\r\n                                                                  fontWeight:\r\n                                                                    \"bold\",\r\n                                                                }}\r\n                                                              >\r\n                                                                {\r\n                                                                  Announcement.firstName\r\n                                                                }\r\n                                                              </span>\r\n                                                              &nbsp;\r\n                                                              <span\r\n                                                                className=\"Fontsize_In_chat\"\r\n                                                                style={{\r\n                                                                  color: \"Gray\",\r\n                                                                  whiteSpace:\r\n                                                                    \"nowrap\",\r\n                                                                }}\r\n                                                              >\r\n                                                                (\r\n                                                                {\r\n                                                                  Announcement.email\r\n                                                                }\r\n                                                                )\r\n                                                              </span>\r\n                                                            </label>\r\n                                                          </li>\r\n                                                        </div>\r\n                                                      </div>\r\n                                                      <input\r\n                                                        hidden\r\n                                                        type=\"text\"\r\n                                                        name=\"User_Id\"\r\n                                                      />\r\n                                                    </div>\r\n                                                  ) : null}\r\n                                                </>\r\n                                              )\r\n                                            )}\r\n                                            <>\r\n                                              {NonAccess.map((Announcement) => (\r\n                                                <>\r\n                                                  {(Accessed === 1 &&\r\n                                                    Accessed_to === 0) ||\r\n                                                    (Accessed === 0 &&\r\n                                                      Accessed_to === 0) ||\r\n                                                    (Accessed === 0 &&\r\n                                                      Accessed_to === 1) ? (\r\n                                                    <div\r\n                                                      className=\"media userlist-box\"\r\n                                                      data-id=\"1\"\r\n                                                      data-status=\"online\"\r\n                                                      data-username=\"Josephin Doe\"\r\n                                                      data-toggle=\"tooltip\"\r\n                                                      data-placement=\"left\"\r\n                                                      style={{\r\n                                                        // padding: \"5px\",\r\n                                                        height: \"55px\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <div\r\n                                                        className=\"checkbox-wrapper-12\"\r\n                                                        style={{\r\n                                                          marginTop: \"4%\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div className=\"cbx\">\r\n                                                          <input\r\n                                                            type=\"checkbox\"\r\n                                                            title=\"Add\"\r\n                                                            className=\"check\"\r\n                                                            id=\"Checkboxchat\"\r\n                                                            value={\r\n                                                              Announcement.email\r\n                                                            }\r\n                                                            // checked={selectedUserIds.includes(\r\n                                                            //   Announcement.email\r\n                                                            // )}\r\n                                                            onChange={\r\n                                                              this\r\n                                                                .handleUserSelectionChange\r\n                                                            }\r\n                                                          />\r\n                                                          <label for=\"cbx-12\"></label>\r\n                                                          <svg\r\n                                                            width=\"15\"\r\n                                                            height=\"14\"\r\n                                                            viewbox=\"0 0 15 14\"\r\n                                                            fill=\"none\"\r\n                                                          >\r\n                                                            <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                                          </svg>\r\n                                                        </div>\r\n\r\n                                                        <svg\r\n                                                          xmlns=\"http://www.w3.org/2000/svg\"\r\n                                                          version=\"1.1\"\r\n                                                        >\r\n                                                          <defs>\r\n                                                            <filter id=\"goo-12\">\r\n                                                              <fegaussianblur\r\n                                                                in=\"SourceGraphic\"\r\n                                                                stddeviation=\"4\"\r\n                                                                result=\"blur\"\r\n                                                              ></fegaussianblur>\r\n                                                              <fecolormatrix\r\n                                                                in=\"blur\"\r\n                                                                mode=\"matrix\"\r\n                                                                values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                                result=\"goo-12\"\r\n                                                              ></fecolormatrix>\r\n                                                              <feblend\r\n                                                                in=\"SourceGraphic\"\r\n                                                                in2=\"goo-12\"\r\n                                                              ></feblend>\r\n                                                            </filter>\r\n                                                          </defs>\r\n                                                        </svg>\r\n                                                      </div>\r\n                                                      &nbsp;&nbsp;&nbsp;\r\n                                                      <a\r\n                                                        className=\"media-left\"\r\n                                                        style={{\r\n                                                          marginTop: \"-2%\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <img\r\n                                                          className=\"media-object img-circle\"\r\n                                                          src={\r\n                                                            Announcement.profile_Picture\r\n                                                          }\r\n                                                          alt=\"img\"\r\n                                                          style={{\r\n                                                            marginTop: \"20px\",\r\n                                                            width: \"35px\",\r\n                                                            height: \"35px\",\r\n                                                          }}\r\n                                                        />\r\n                                                      </a>\r\n                                                      <div\r\n                                                        className=\"media-body\"\r\n                                                        style={{\r\n                                                          textAlign: \"initial\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div\r\n                                                          className=\"f-13 chat-header\"\r\n                                                          style={{\r\n                                                            color: \"black\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {\" \"}\r\n                                                          <li\r\n                                                            key={\r\n                                                              Announcement.id\r\n                                                            }\r\n                                                            value={\r\n                                                              Announcement.id\r\n                                                            }\r\n                                                            style={{\r\n                                                              listStyleType:\r\n                                                                \"none\",\r\n                                                            }}\r\n                                                          >\r\n                                                            <label\r\n                                                              style={\r\n                                                                {\r\n                                                                  marginTop: \"-2%\"\r\n                                                                }\r\n                                                              }\r\n                                                            >\r\n                                                              <span\r\n                                                                className=\"Fontsize_In_chat\"\r\n                                                                style={{\r\n                                                                  color:\r\n                                                                    \"black\",\r\n                                                                  whiteSpace:\r\n                                                                    \"nowrap\",\r\n                                                                  fontWeight:\r\n                                                                    \"bold\",\r\n                                                                }}\r\n                                                              ></span>\r\n                                                              <br />\r\n                                                              <span\r\n                                                                className=\"Fontsize_In_chat\"\r\n                                                                style={{\r\n                                                                  color:\r\n                                                                    \"black\",\r\n                                                                  whiteSpace:\r\n                                                                    \"nowrap\",\r\n                                                                  fontWeight:\r\n                                                                    \"bold\",\r\n                                                                }}\r\n                                                              >\r\n                                                                {\r\n                                                                  Announcement.firstName\r\n                                                                }\r\n                                                              </span>\r\n                                                              &nbsp;\r\n                                                              <span\r\n                                                                className=\"Fontsize_In_chat\"\r\n                                                                style={{\r\n                                                                  color: \"Gray\",\r\n                                                                  whiteSpace:\r\n                                                                    \"nowrap\",\r\n                                                                }}\r\n                                                              >\r\n                                                                (\r\n                                                                {\r\n                                                                  Announcement.email\r\n                                                                }\r\n                                                                )\r\n                                                              </span>\r\n                                                            </label>\r\n                                                          </li>\r\n                                                        </div>\r\n                                                      </div>\r\n                                                      <input\r\n                                                        hidden\r\n                                                        type=\"text\"\r\n                                                        name=\"User_Id\"\r\n                                                      />\r\n                                                    </div>\r\n                                                  ) : null}\r\n                                                </>\r\n                                              ))}\r\n                                            </>\r\n                                          </form>\r\n                                        </center>\r\n                                        <div style={{ marginTop: '4%' }}>\r\n                                          <span\r\n                                            className=\"AddmemberpopAddbtn\"\r\n                                            id=\"addbutton\"\r\n                                            onClick={this.AddGroupMember}\r\n                                            disabled=\"disabled\"\r\n                                          >\r\n                                            Add\r\n                                          </span>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                          <span\r\n                                            className=\"Addmemberpopbtns\"\r\n                                            id=\"ACancelbutton\"\r\n                                            onClick={this.closePopup}\r\n                                          >\r\n                                            Cancel\r\n\r\n                                          </span></div>\r\n                                      </center>\r\n                                    </div>\r\n                                  </center>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n                            {/* ADD USER */}\r\n\r\n                            {/* <div style={addpop} id=\"MemberPop-Chat\">\r\n\r\n                              <center style={{ marginTop: \"30px\" }}>\r\n\r\n                                {/* <label className=\"custom-field one\" style={{marginTop:\"-30px\"}}>\r\n  <input type=\"email\" placeholder=\" \"  list=\"contacts\"   id=\"AddmemberEmail\" onKeyUp={this.onChange}/>\r\n  <span className=\"placeholder\">Add Member</span>\r\n</label>\r\n<br></br>\r\n<span id=\"AddmemberError\" style={{color:\"red\"}}></span>\r\n<br></br>\r\n<br></br>\r\n\r\n\r\n        <datalist id=\"contacts\">\r\n        {Addmembers.map((member) =>{\r\n                   \r\n                   return (<> \r\n               \r\n               <option value={member.email}>{member.name}</option>\r\n                  \r\n               \r\n\r\n                   </>\r\n                    );\r\n      })}\r\n\r\n</datalist> */}\r\n                            {/* <h6 className=\"placeholder\" style={{fontWeight:'bold'}}>Add Member</h6>\r\n                               \r\n                                <center style={{width:\"90%\"}}>\r\n                                <span id=\"MemberlnErr\" style={{ color: \"red\" }}></span>\r\n                                <ReactSelect\r\n                                  options={options}\r\n                                  value={selectedOptions}\r\n                                  onChange={this.handleSelect}\r\n                                  isSearchable={true}\r\n                                  isMulti\r\n                                  isClearable\r\n                                  formatOptionLabel={formatOptionLabel}\r\n                                  maxMenuHeight={180} \r\n                                 maxMenuWidth={500}\r\n                              \r\n                                /></center> */}\r\n\r\n                            {/* <Multiselect\r\n                  options={this.state.Addmembers}\r\n                  getSelectedItems={Addmembers}\r\n                  isObject={false}\r\n                  /> */}\r\n                            {/* {selectedOptions} */}\r\n\r\n                            {/* <div className=\"checkboxes\">\r\n                                  {this.state.letters.map(\r\n                                    (letter, index) => (\r\n                                      <button\r\n                                        className=\"alphabet\"\r\n                                        key={index}\r\n                                        onClick={(event) =>\r\n                                          this.handleFilter(\r\n                                            letter,\r\n                                            event\r\n                                          )\r\n                                        }\r\n                                      >\r\n                                        {letter}\r\n                                      </button>\r\n                                    )\r\n                                  )}\r\n                                </div>\r\n\r\n\r\n                                <span id=\"AddmemberError\" style={{ color: \"red\" }}></span>\r\n                                <br></br>\r\n                              \r\n                                <span className=\"btn\" id=\"addbutton\" onClick={this.AddGroupMember} disabled=\"disabled\">Add</span> &nbsp;&nbsp;&nbsp;&nbsp; <span className=\"btn\" onClick={this.hideAddpop}>Cancel</span>\r\n                              </center>\r\n\r\n                              <br></br>\r\n\r\n                            </div>  */}\r\n\r\n                            <div style={documentpop} id=\"DocPop\">\r\n                              <span style={{ textAlign: \"center\" }}>\r\n                                {isdocumentpopOpen && (\r\n                                  <DragDrop\r\n                                    values={this.state.Group}\r\n                                    handleClose={() => this.documentPopup()}\r\n                                    AllMembers={this.state.mergedUsers}\r\n                                  />\r\n                                )}\r\n                              </span>\r\n                            </div>\r\n\r\n                            <div style={picturepop} id=\"DocPop\">\r\n                              <span style={{ textAlign: \"center\" }}>\r\n                                {ispicturepopOpen && (\r\n                                  <Picturepop\r\n                                    values={this.state.Group}\r\n                                    handleClose={() => this.picturePopup()}\r\n                                    AllMembers={this.state.mergedUsers}\r\n                                  />\r\n                                )}\r\n                              </span>\r\n                            </div>\r\n                            {Minimized ? null : (\r\n                              <div>\r\n                                <div\r\n                                  className=\"chat-body p-10\"\r\n                                  // style={{\r\n                                  //   overflowY: \"scroll\",\r\n                                  //   overflowX: \"hidden\",\r\n                                  //   height: \"468px\",\r\n                                  //   // width:\"80%\"\r\n                                  // }}\r\n\r\n                                  id=\"chat-hadcontainer\"\r\n                                >\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-8\">\r\n                                      <div className=\"chat-container-left\">\r\n                                        <div className=\"messages\">\r\n                                          <div\r\n                                            className=\"containers\"\r\n                                            style={{ width: \"100%\" }}\r\n                                          >\r\n                                            {Allmessage.map(\r\n                                              (message, index) => {\r\n                                                let Sender = message.senderId;\r\n                                                {\r\n                                                  /* // console.log('rrrrrrrr', Sender) */\r\n                                                }\r\n                                                const isSender =\r\n                                                  Sender.includes(UserId);\r\n                                                {\r\n                                                  /* // console.log(isSender,'ssssssssssss') */\r\n                                                }\r\n                                                let text =\r\n                                                  message.document_Path;\r\n                                                let result = text.slice(45, 85);\r\n                                                let result1 = text.slice(45);\r\n                                                const member =\r\n                                                  this.state.Memberslist.includes(\r\n                                                    Email\r\n                                                  );\r\n                                                const privacy =\r\n                                                  this.state.Privacy;\r\n                                                return (\r\n                                                  <>\r\n                                                    {(member &&\r\n                                                      privacy === 0) ||\r\n                                                      privacy === 1 ? (\r\n                                                      <>\r\n                                                        {message.createDateTime &&\r\n                                                          message.rowNum === 1 ? (\r\n                                                          <>\r\n                                                          <div style={{margin:\"15px\"}}>\r\n\r\n                                                            <span\r\n                                                              style={{\r\n                                                                color: \"gray\",\r\n                                                                backgroundColor:\r\n                                                                  \"#ddd\",\r\n                                                                height: \"35px\",\r\n                                                                padding:\r\n                                                                  \"5px 5px 5px 3px\",\r\n                                                                borderRadius:\r\n                                                                  \"7px\",\r\n                                                              }}\r\n                                                            >\r\n                                                              &nbsp;\r\n                                                              {this.formatDateAA1(\r\n                                                                message.createDateTime\r\n                                                              )}\r\n                                                            </span>\r\n                                                            </div>\r\n                                                          </>\r\n                                                        ) : null}\r\n\r\n                                                        {message.type ==\r\n                                                          null ? (\r\n                                                          <>\r\n                                                            {message.message.includes('Left') ?\r\n                                                              <center>\r\n                                                                <div\r\n                                                                  style={{\r\n                                                                    // padding:\r\n                                                                      //   \"10px 10px\",\r\n                                                                    overflowWrap:\r\n                                                                      \"break-word\",\r\n                                                                    fontSize:\r\n                                                                      \"8px\",\r\n                                                                    // margin:\r\n                                                                      //   \"10px\",\r\n                                                                    width: \"50%\",\r\n                                                                    margin:\"15px\"\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {isSender ? (\r\n                                                                    <p\r\n                                                                      style={{\r\n                                                                        // display:\r\n                                                                        //   \"contents\",\r\n                                                                        textAlign:\r\n                                                                          \"center\",\r\n                                                                        verticalAlign:\r\n                                                                          \"middle\",\r\n                                                                          marginBottom: \"0px\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      You{\" \"}\r\n                                                                      {\r\n                                                                        message.message\r\n                                                                      }{\" \"}\r\n                                                                    </p>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      <p\r\n                                                                        style={{\r\n                                                                          // display:\r\n                                                                          //   \"contents\",\r\n                                                                          textAlign:\r\n                                                                            \"center\",\r\n                                                                          verticalAlign:\r\n                                                                            \"middle\",\r\n                                                                            marginBottom:\"0px\"\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        {\r\n                                                                          message.displayName\r\n                                                                        }{\" \"}\r\n                                                                        {\r\n                                                                          message.message\r\n                                                                        }{\" \"}\r\n                                                                      </p>\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                </div>\r\n                                                              </center> :\r\n<>\r\n                                                              {message.message.includes('Removed')?\r\n                                                              <center>\r\n                                                                <div\r\n                                                                  style={{\r\n                                                                    // padding:\r\n                                                                    //   \"10px 10px\",\r\n                                                                    overflowWrap:\r\n                                                                      \"break-word\",\r\n                                                                    fontSize:\r\n                                                                      \"8px\",\r\n                                                                    // margin:\r\n                                                                    //   \"10px\",\r\n                                                                    width: \"50%\",\r\n                                                                    margin:\"10px\"\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {isSender ? (\r\n                                                                    <p\r\n                                                                      style={{\r\n                                                                        // display:\r\n                                                                        //   \"contents\",\r\n                                                                        textAlign:\r\n                                                                          \"center\",\r\n                                                                        verticalAlign:\r\n                                                                          \"middle\",\r\n                                                                          marginBottom:\"0px\"\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      You{\" \"}\r\n                                                                      {\r\n                                                                        message.message\r\n                                                                      }{\" \"}\r\n                                                                    </p>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      <p\r\n                                                                        style={{\r\n                                                                          // display:\r\n                                                                          //   \"contents\",\r\n                                                                          textAlign:\r\n                                                                            \"center\",\r\n                                                                          verticalAlign:\r\n                                                                            \"middle\",\r\n                                                                            marginBottom: \"0px\"\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        {\r\n                                                                          message.displayName\r\n                                                                        }{\" \"}\r\n                                                                        {\r\n                                                                          message.message.includes(name)?message.message.replace(name, 'You'):message.message\r\n                                                                        }{\" \"}\r\n                                                                      </p>\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                </div>\r\n                                                                {/* <br></br> */}\r\n                                                              </center>:\r\n                                                              <center>\r\n                                                                <div\r\n                                                                  style={{\r\n                                                                    padding:\r\n                                                                      \"10px 10px\",\r\n                                                                    overflowWrap:\r\n                                                                      \"break-word\",\r\n                                                                    backgroundColor:\r\n                                                                      \"#ddd\",\r\n                                                                    borderRadius:\r\n                                                                      \"7px\",\r\n                                                                    fontSize:\r\n                                                                      \"8px\",\r\n                                                                    margin:\r\n                                                                      \"15px\",\r\n                                                                    width: \"50%\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {isSender ? (\r\n                                                                    <p\r\n                                                                      style={{\r\n                                                                        // display:\r\n                                                                        //   \"contents\",\r\n                                                                        textAlign:\r\n                                                                          \"center\",\r\n                                                                        verticalAlign:\r\n                                                                          \"middle\",\r\n                                                                          marginBottom: \"0px\"\r\n                                                                        \r\n                                                                      }}\r\n                                                                    >\r\n                                                                      You{\" \"}\r\n                                                                      {\r\n                                                                        message.message\r\n                                                                      }{\" \"}\r\n                                                                    </p>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      <p\r\n                                                                        style={{\r\n                                                                          // display:\r\n                                                                          //   \"contents\",\r\n                                                                          textAlign:\r\n                                                                            \"center\",\r\n                                                                          verticalAlign:\r\n                                                                            \"middle\",\r\n                                                                            marginBottom:\"0px\"\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        {\r\n                                                                          message.displayName\r\n                                                                        }{\" \"}\r\n                                                                        {\r\n                                                                          message.message.includes(name)?message.message.replace(name, 'You'):message.message\r\n                                                                        }{\" \"}\r\n                                                                      </p>\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                </div>\r\n                                                                {/* <br></br> */}\r\n                                                              </center>\r\n                                                            } </>}\r\n\r\n                                                          </>\r\n                                                        ) : (\r\n                                                          <div\r\n                                                            className={`message-${isSender\r\n                                                              ? \"orange\"\r\n                                                              : \"blue\"\r\n                                                              }`}\r\n                                                            key={index}\r\n                                                            style={{\r\n                                                              height: \"auto\",\r\n                                                              overflowWrap:\r\n                                                                \"break-word\",\r\n                                                              marginTop: \"8px\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {/* MessageOption */}\r\n                                                            {MsgOption &&\r\n                                                              this.state\r\n                                                                .deleteId ==\r\n                                                              message.id ? (\r\n                                                              <div\r\n                                                                style={\r\n                                                                  MessageOption\r\n                                                                }\r\n                                                                ref={\r\n                                                                  this\r\n                                                                    .containerRef\r\n                                                                }\r\n                                                              >\r\n                                                                {/* <input type=\"hidden\" id=\"id\"></input>\r\n                                                    <input type=\"hidden\" id=\"name\"></input> */}\r\n                                                                <center>\r\n                                                                  {isSender ? (\r\n                                                                    <>\r\n                                                                      <span\r\n                                                                        onClick={\r\n                                                                          this\r\n                                                                            .EditMessage\r\n                                                                        }\r\n                                                                        id=\"MsgOption\"\r\n                                                                      >\r\n                                                                        <i\r\n                                                                          className=\"fa fa-pencil-square-o\"\r\n                                                                          aria-hidden=\"true\"\r\n                                                                          style={{\r\n                                                                            float:\r\n                                                                              \"left\",\r\n                                                                            marginLeft:\r\n                                                                              \"20px\",\r\n                                                                          }}\r\n                                                                        ></i>\r\n                                                                        <b\r\n                                                                          style={{\r\n                                                                            position:\r\n                                                                              \"absolute\",\r\n                                                                            marginLeft:\r\n                                                                              \"-23px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          Edit\r\n                                                                        </b>\r\n                                                                      </span>\r\n                                                                      <br />{\" \"}\r\n                                                                      <hr></hr>\r\n                                                                      <span\r\n                                                                        onClick={\r\n                                                                          this\r\n                                                                            .SeenMessages\r\n                                                                        }\r\n                                                                        id=\"MsgOption\"\r\n                                                                      >\r\n                                                                        <i\r\n                                                                          className=\"fa fa-eye\"\r\n                                                                          aria-hidden=\"true\"\r\n                                                                          style={{\r\n                                                                            float:\r\n                                                                              \"left\",\r\n                                                                            marginLeft:\r\n                                                                              \"20px\",\r\n                                                                          }}\r\n                                                                        ></i>\r\n                                                                        <b\r\n                                                                          style={{\r\n                                                                            position:\r\n                                                                              \"absolute\",\r\n                                                                            marginLeft:\r\n                                                                              \"-25px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          Seen\r\n                                                                        </b>\r\n                                                                      </span>\r\n                                                                      <br />{\" \"}\r\n                                                                      <hr></hr>\r\n                                                                    </>\r\n                                                                  ) : null}\r\n                                                                  {/* <span onClick={this.EditMessage} id=\"MsgOption\">\r\n                                                        <i className=\"fa fa-pencil-square-o\" aria-hidden=\"true\" style={{ float: \"left\", marginLeft: \"20px\" }}></i>\r\n                                                        <b style={{ position: \"absolute\", marginLeft: \"-33px\" }}>Edit</b></span>\r\n                                                      <br /> <hr></hr> */}\r\n                                                                  <span\r\n                                                                    onClick={\r\n                                                                      this\r\n                                                                        .deleteMenu\r\n                                                                    }\r\n                                                                    id=\"MsgOption\"\r\n                                                                  >\r\n                                                                    <i\r\n                                                                      className=\"fa fa-trash\"\r\n                                                                      aria-hidden=\"true\"\r\n                                                                      style={{\r\n                                                                        float:\r\n                                                                          \"left\",\r\n                                                                        marginLeft:\r\n                                                                          \"20px\",\r\n                                                                      }}\r\n                                                                    ></i>\r\n                                                                    <b\r\n                                                                      style={{\r\n                                                                        position:\r\n                                                                          \"absolute\",\r\n                                                                        marginLeft:\r\n                                                                          \"-23px\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      Delete\r\n                                                                    </b>\r\n                                                                  </span>\r\n                                                                  <br />\r\n                                                                  <hr></hr>\r\n                                                                  <span\r\n                                                                    onClick={\r\n                                                                      this\r\n                                                                        .forwardopenpop\r\n                                                                    }\r\n                                                                    id=\"MsgOption\"\r\n                                                                  >\r\n                                                                    <i\r\n                                                                      className=\"fa fa-share\"\r\n                                                                      aria-hidden=\"true\"\r\n                                                                      style={{\r\n                                                                        float:\r\n                                                                          \"left\",\r\n                                                                        marginLeft:\r\n                                                                          \"20px\",\r\n                                                                      }}\r\n                                                                    ></i>\r\n                                                                    <b\r\n                                                                      style={{\r\n                                                                        position:\r\n                                                                          \"absolute\",\r\n                                                                        marginLeft:\r\n                                                                          \"-25px\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      Forward\r\n                                                                    </b>\r\n                                                                  </span>\r\n                                                                  <br />\r\n                                                                </center>\r\n                                                              </div>\r\n                                                            ) : null}\r\n                                                            {member && EndStatus == 1 && Status == 1 ? (\r\n                                                              <i\r\n                                                                className=\"fa fa-ellipsis-h\"\r\n                                                                style={{\r\n                                                                  float:\r\n                                                                    \"Right\",\r\n                                                                  cursor:\r\n                                                                    \"pointer\",\r\n                                                                }}\r\n                                                                aria-hidden=\"true\"\r\n                                                                onClick={() =>\r\n                                                                  this.MessageOption(\r\n                                                                    message.id,\r\n                                                                    message.group_id,\r\n                                                                    message.senderId,\r\n                                                                    message.createDateTime,\r\n                                                                    message.message,\r\n                                                                    message.picture_Path,\r\n                                                                    message.document_Path,\r\n                                                                    message.dateTimeSec\r\n                                                                  )\r\n                                                                }\r\n                                                              ></i>\r\n                                                            ) : null}\r\n                                                            {!isSender ? (\r\n                                                              <h6\r\n                                                                style={{\r\n                                                                  fontWeight:\r\n                                                                    \"600\",\r\n                                                                  // color:\r\n                                                                  //   \"rgb(215 205 252)\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <a\r\n                                                                  className=\"media-left\"\r\n                                                                  style={{\r\n                                                                    marginTop:\r\n                                                                      \"-2%\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  <img\r\n                                                                    className=\"media-object img-circle\"\r\n                                                                    // src={\r\n\r\n                                                                    //   message.particularUserProfile === null\r\n                                                                    //     ? (message.profile.toString() === `${Image_URLs}Images/profile.png` ? Profile : message.particularUserProfile)\r\n                                                                    //     : message.particularUserProfile\r\n                                                                    // }\r\n                                                                    src={\r\n\r\n                                                                      message.particularUserProfile\r\n                                                                    }\r\n                                                                    alt={message.particularUserProfile}\r\n                                                                    style={{\r\n                                                                      // marginTop: \"20px\",\r\n                                                                      width:\r\n                                                                        \"35px\",\r\n                                                                      height:\r\n                                                                        \"35px\",\r\n                                                                    }}\r\n                                                                  />&nbsp;{\r\n                                                                    message.displayName\r\n                                                                  }\r\n                                                                </a>\r\n                                                                <br />\r\n                                                                {message.editStatus ===\r\n                                                                  1 ? (\r\n                                                                  <span\r\n                                                                    style={{\r\n                                                                      fontWeight:\r\n                                                                        \"200\",\r\n                                                                      color:\r\n                                                                        \"grey\",\r\n                                                                      fontSize:\r\n                                                                        \"10px\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    Edited\r\n                                                                  </span>\r\n                                                                ) : null}\r\n                                                              </h6>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                {message.editStatus ===\r\n                                                                  1 ? (\r\n                                                                  <h6\r\n                                                                    style={{\r\n                                                                      fontWeight:\r\n                                                                        \"200\",\r\n                                                                      color:\r\n                                                                        \"grey\",\r\n                                                                      fontSize:\r\n                                                                        \"10px\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    Edited\r\n                                                                  </h6>\r\n                                                                ) : null}\r\n                                                              </>\r\n                                                            )}\r\n                                                            {message.forwarded ===\r\n                                                              1 ? (\r\n                                                              <h6\r\n                                                                style={{\r\n                                                                  fontWeight:\r\n                                                                    \"200\",\r\n                                                                  color: \"grey\",\r\n                                                                  fontSize:\r\n                                                                    \"10px\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <i\r\n                                                                  className=\"fa fa-share\"\r\n                                                                  aria-hidden=\"true\"\r\n                                                                ></i>\r\n                                                                &nbsp;&nbsp;Forwarded\r\n                                                              </h6>\r\n                                                            ) : null}\r\n                                                            {message.picture_Path ===\r\n                                                              \"-\" &&\r\n                                                              message.document_Path ===\r\n                                                              \"-\" ? (\r\n                                                              <>\r\n                                                                <p\r\n                                                                  className=\"message-content\"\r\n                                                                  name=\"Popmsg\"\r\n                                                                // style={{ wordWrap: \"break-word\" }}\r\n                                                                >\r\n                                                                  {regexp.test(\r\n                                                                    message.message\r\n                                                                  ) == true ? (\r\n                                                                    <>\r\n                                                                      {filterurl.map(\r\n                                                                        (\r\n                                                                          item\r\n                                                                        ) => (\r\n                                                                          <p>\r\n                                                                            {message.message ==\r\n                                                                              item ? (\r\n                                                                              <a\r\n                                                                                style={{\r\n                                                                                  color:\r\n                                                                                    \"blue\",\r\n                                                                                  textDecoration:\r\n                                                                                    \"underline\",\r\n                                                                                }}\r\n                                                                                target=\"_blank\"\r\n                                                                                rel=\"noopener noreferrer\"\r\n                                                                                href={\r\n                                                                                  item\r\n                                                                                }\r\n                                                                              >\r\n                                                                                {\r\n                                                                                  item\r\n                                                                                }\r\n                                                                              </a>\r\n                                                                            ) : null}\r\n                                                                          </p>\r\n                                                                        )\r\n                                                                      )}{\" \"}\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <div>\r\n                                                                      {/* <i className=\"fa fa-ellipsis-h\" style={{ float: \"Right\" }} aria-hidden=\"true\"\r\n                                                  onClick={() => this.deleteMenu(message.id, message.group_id, message.senderId, message.createDateTime,\r\n                                                    message.message, message.picture_Path, message.document_Path)}></i> */}\r\n                                                                      <p>\r\n                                                                        {\r\n                                                                          message.message\r\n                                                                        }\r\n                                                                      </p>\r\n                                                                    </div>\r\n                                                                  )}\r\n                                                                </p>{\" \"}\r\n                                                              </>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                {message.picture_Path !==\r\n                                                                  \"-\" &&\r\n                                                                  message.document_Path !==\r\n                                                                  \"-\" ? (\r\n                                                                  <div>\r\n                                                                    <div>\r\n                                                                      <p\r\n                                                                        className=\"message-content\"\r\n                                                                        name=\"Popmsg\"\r\n                                                                      // style={{ wordWrap: \"break-word\" }}\r\n                                                                      >\r\n                                                                        {message.message !=\r\n                                                                          \"-\" ? (\r\n                                                                          <>\r\n                                                                            {\r\n                                                                              message.message\r\n                                                                            }\r\n                                                                          </>\r\n                                                                        ) : null}\r\n                                                                      </p>\r\n                                                                      <br />\r\n                                                                      <div>\r\n                                                                        <img\r\n                                                                          id=\"fileImg\"\r\n                                                                          color=\"#0275d8\"\r\n                                                                          width=\"80\"\r\n                                                                          height=\"80\"\r\n                                                                          src={\r\n                                                                            message.picture_Path\r\n                                                                          }\r\n                                                                          style={{\r\n                                                                            width:\r\n                                                                              \"inherit\",\r\n                                                                          }}\r\n                                                                        />\r\n                                                                      </div>\r\n                                                                      <div>\r\n                                                                        <a\r\n                                                                          href={\r\n                                                                            message.document_Path\r\n                                                                          }\r\n                                                                          name=\"picture\"\r\n                                                                          readOnly\r\n                                                                          value={\r\n                                                                            message.document_Path\r\n                                                                          }\r\n                                                                          title=\"\"\r\n                                                                          target=\"_blank\"\r\n                                                                          style={{\r\n                                                                            width:\r\n                                                                              \"120px\",\r\n                                                                            height:\r\n                                                                              \"200px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <embed\r\n                                                                            src={\r\n                                                                              message.document_Path\r\n                                                                            }\r\n                                                                            id=\"Gstiframe\"\r\n                                                                            title=\"\"\r\n                                                                            scrolling=\"no\"\r\n                                                                            target=\"_blank\"\r\n                                                                            style={{\r\n                                                                              width:\r\n                                                                                \"100px\",\r\n                                                                              height:\r\n                                                                                \"100px\",\r\n                                                                              pointerEvents:\r\n                                                                                \"none\",\r\n                                                                            }}\r\n                                                                          ></embed>\r\n                                                                          <p>\r\n                                                                            {\r\n                                                                              message.document_Path\r\n                                                                            }\r\n                                                                          </p>\r\n                                                                        </a>\r\n                                                                      </div>\r\n                                                                    </div>\r\n                                                                  </div>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    {message.picture_Path ===\r\n                                                                      \"-\" &&\r\n                                                                      message.document_Path !==\r\n                                                                      \"-\" ? (\r\n                                                                      <div>\r\n                                                                        <p\r\n                                                                          className=\"message-content\"\r\n                                                                          name=\"Popmsg\"\r\n                                                                        // style={{\r\n                                                                        //   wordWrap: \"break-word\",\r\n                                                                        // }}\r\n                                                                        >\r\n                                                                          {message.message !=\r\n                                                                            \"-\" ? (\r\n                                                                            <>\r\n                                                                              {\r\n                                                                                message.message\r\n                                                                              }\r\n                                                                            </>\r\n                                                                          ) : null}\r\n                                                                        </p>\r\n                                                                        {/* <i className=\"fa fa-ellipsis-h\" style={{ float: \"Right\" }} aria-hidden=\"true\"\r\n                                                    onClick={() => this.deleteMenu(message.id, message.group_id, message.senderId, message.createDateTime,\r\n                                                      message.message, message.picture_Path, message.document_Path)}></i> */}\r\n                                                                        <br />\r\n                                                                        <a\r\n                                                                          href={\r\n                                                                            message.document_Path\r\n                                                                          }\r\n                                                                          name=\"picture\"\r\n                                                                          readOnly\r\n                                                                          value={\r\n                                                                            message.document_Path\r\n                                                                          }\r\n                                                                          title=\"\"\r\n                                                                          target=\"_blank\"\r\n                                                                          style={{\r\n                                                                            width:\r\n                                                                              \"120px\",\r\n                                                                            height:\r\n                                                                              \"200px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          {/* <embed\r\n                                                    src={message.document_Path}\r\n                                                    title=\"\"\r\n                                                    scrolling=\"no\"\r\n                                                    target=\"_blank\"\r\n                                                    style={{\r\n                                                      width: \"100px\",\r\n                                                      height: \"100px\",\r\n                                                      pointerEvents: \"none\",\r\n                                                    }}\r\n                                                  ></embed> */}\r\n                                                                          <div\r\n                                                                            className=\"row\"\r\n                                                                            style={{\r\n                                                                              width:\r\n                                                                                \"180px\",\r\n                                                                              height:\r\n                                                                                \"60px\",\r\n                                                                              borderRadius:\r\n                                                                                \"5px\",\r\n                                                                              boxShadow:\r\n                                                                                \"rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px\",\r\n                                                                              background:\r\n                                                                                \"#e8e8e8\",\r\n                                                                              alignItems:\r\n                                                                                \"center\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            <div className=\"col-lg-3\">\r\n                                                                              <img\r\n                                                                                src={\r\n                                                                                  File1\r\n                                                                                }\r\n                                                                                style={{\r\n                                                                                  height:\r\n                                                                                    \"30px\",\r\n                                                                                  width:\r\n                                                                                    \"30px\",\r\n                                                                                }}\r\n                                                                              ></img>\r\n                                                                            </div>\r\n                                                                            <div className=\"col-lg-9\">\r\n                                                                              {message\r\n                                                                                .document_Path\r\n                                                                                .length >\r\n                                                                                85 ? (\r\n                                                                                <>\r\n                                                                                  <div\r\n                                                                                    style={{\r\n                                                                                      opacity:\r\n                                                                                        DName &&\r\n                                                                                          documentname ==\r\n                                                                                          message.id\r\n                                                                                          ? 1\r\n                                                                                          : 0,\r\n                                                                                      width:\r\n                                                                                        \"150px\",\r\n                                                                                      height:\r\n                                                                                        \"auto\",\r\n                                                                                      overflowWrap:\r\n                                                                                        \"break-word\",\r\n                                                                                      zIndex:\r\n                                                                                        \"109\",\r\n                                                                                      border:\r\n                                                                                        \"1px solid black\",\r\n                                                                                      background:\r\n                                                                                        \"#0000007d\",\r\n                                                                                      color:\r\n                                                                                        \"white\",\r\n                                                                                      alignItems:\r\n                                                                                        \"center\",\r\n                                                                                      position:\r\n                                                                                        \"absolute\",\r\n                                                                                      top: \"-50px\",\r\n                                                                                      left: \"-50px\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    <p\r\n                                                                                      style={{\r\n                                                                                        fontSize:\r\n                                                                                          \"10px\",\r\n                                                                                      }}\r\n                                                                                    >\r\n                                                                                      {\r\n                                                                                        result1\r\n                                                                                      }\r\n                                                                                    </p>\r\n                                                                                  </div>\r\n                                                                                  <p\r\n                                                                                    style={{\r\n                                                                                      marginTop:\r\n                                                                                        \"10px\",\r\n                                                                                      textAlign:\r\n                                                                                        \"center\",\r\n                                                                                      fontSize:\r\n                                                                                        \"10px\",\r\n                                                                                      fontWeight:\r\n                                                                                        \"600\",\r\n                                                                                      color:\r\n                                                                                        \"#19578b\",\r\n                                                                                    }}\r\n                                                                                    onMouseOver={(\r\n                                                                                      e\r\n                                                                                    ) => {\r\n                                                                                      e.preventDefault();\r\n                                                                                      this.documentName(\r\n                                                                                        message.id\r\n                                                                                      );\r\n                                                                                    }}\r\n                                                                                    onMouseLeave={\r\n                                                                                      this\r\n                                                                                        .documentNameL\r\n                                                                                    }\r\n                                                                                  >\r\n                                                                                    {\r\n                                                                                      result\r\n                                                                                    }\r\n                                                                                    ...\r\n                                                                                  </p>\r\n                                                                                </>\r\n                                                                              ) : (\r\n                                                                                <p\r\n                                                                                  style={{\r\n                                                                                    marginTop:\r\n                                                                                      \"10px\",\r\n                                                                                    textAlign:\r\n                                                                                      \"center\",\r\n                                                                                    fontSize:\r\n                                                                                      \"10px\",\r\n                                                                                    fontWeight:\r\n                                                                                      \"600\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  {\r\n                                                                                    result\r\n                                                                                  }\r\n                                                                                </p>\r\n                                                                              )}\r\n                                                                            </div>\r\n                                                                          </div>\r\n                                                                          {/* <br></br>\r\n                                                  <p>\r\n                                                    {message.document_Path}\r\n                                                  </p> */}\r\n                                                                        </a>\r\n                                                                      </div>\r\n                                                                    ) : (\r\n                                                                      <div>\r\n                                                                        {/* <i className=\"fa fa-ellipsis-h\" style={{ float: \"Right\" }} aria-hidden=\"true\"\r\n                                                    onClick={() => this.deleteMenu(message.id, message.group_id, message.senderId, message.createDateTime,\r\n                                                      message.message, message.picture_Path, message.document_Path)}></i> */}\r\n                                                                        <p\r\n                                                                          className=\"message-content\"\r\n                                                                          name=\"Popmsg\"\r\n                                                                        // style={{\r\n                                                                        //   wordWrap: \"break-word\",\r\n                                                                        // }}\r\n                                                                        >\r\n                                                                          {message.message !=\r\n                                                                            \"-\" ? (\r\n                                                                            <>\r\n                                                                              {\r\n                                                                                message.message\r\n                                                                              }\r\n                                                                            </>\r\n                                                                          ) : null}\r\n                                                                        </p>\r\n                                                                        <br />\r\n                                                                        <a\r\n                                                                          href={\r\n                                                                            message.picture_Path\r\n                                                                          }\r\n                                                                          name=\"picture\"\r\n                                                                          readOnly\r\n                                                                          value={\r\n                                                                            message.picture_Path\r\n                                                                          }\r\n                                                                          title=\"\"\r\n                                                                          target=\"_blank\"\r\n                                                                          style={{\r\n                                                                            width:\r\n                                                                              \"120px\",\r\n                                                                            height:\r\n                                                                              \"200px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <div>\r\n                                                                            {message.picture_Path.includes(\r\n                                                                              \".mp4\"\r\n                                                                            ) ? (\r\n                                                                              <>\r\n                                                                                {\" \"}\r\n                                                                                <img\r\n                                                                                  alt=\"Video\"\r\n                                                                                  width=\"30\"\r\n                                                                                  height=\"30\"\r\n                                                                                  src={\r\n                                                                                    video\r\n                                                                                  }\r\n                                                                                  title=\"Click to play video\"\r\n                                                                                  style={{\r\n                                                                                    width:\r\n                                                                                      \"inherit\",\r\n                                                                                  }}\r\n                                                                                />{\" \"}\r\n                                                                                <span\r\n                                                                                  style={{\r\n                                                                                    color:\r\n                                                                                      \"#000\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  Video\r\n                                                                                  File\r\n                                                                                </span>{\" \"}\r\n                                                                              </>\r\n                                                                            ) : (\r\n                                                                              <img\r\n                                                                                alt=\"chatimg\"\r\n                                                                                width=\"80\"\r\n                                                                                height=\"80\"\r\n                                                                                src={\r\n                                                                                  message.picture_Path\r\n                                                                                }\r\n                                                                              // style={{\r\n                                                                              //   width:\r\n                                                                              //     \"inherit\",\r\n                                                                              // }}\r\n                                                                              />\r\n                                                                            )}\r\n                                                                          </div>\r\n                                                                        </a>\r\n                                                                      </div>\r\n                                                                    )}\r\n                                                                  </>\r\n                                                                )}\r\n                                                              </>\r\n                                                            )}\r\n                                                            {isSender &&\r\n                                                              message.displayStatus == 1 ? (\r\n                                                              <img\r\n                                                                src={doubletick}\r\n                                                                style={{\r\n                                                                  // marginTop: \"50px\",\r\n                                                                  marginLeft: \"-2px\",\r\n                                                                  width: \"20px\",\r\n                                                                  float: \"right\",\r\n                                                                }}\r\n                                                                title=\"Seen\"\r\n                                                              />\r\n                                                            ) : isSender ? <img\r\n                                                              src={singletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft: \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                              title=\"Unread\"\r\n                                                            /> : null}\r\n                                                            {/* {\r\n                                                              isSender && message.displayStatus === 1 ? <p>double tick</p> : <p>Single tick</p>\r\n                                                            } */}\r\n\r\n                                                            <br /><br />\r\n                                                            <div className=\"message-timestamp-right\">\r\n                                                              {/* <TimeAgo\r\n                                      date={message.createDateTime}\r\n                                      live={true}\r\n                                      format={(value, unit, suffix) => {\r\n                                        if (unit === \"second\") {\r\n                                          // Custom formatting for seconds\r\n                                          return `${value} seconds ago`;\r\n                                        }\r\n                                        // Default formatting for other units\r\n                                        return `${value} ${unit}${suffix}`;\r\n                                      }}\r\n                                      locale=\"en-US\"\r\n                                      style={{ color: \"gray\" }}\r\n                                    /> */}\r\n                                                              <span\r\n                                                                style={{\r\n                                                                  color: \"gray\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <i className=\"fa fa-clock-o\"></i>\r\n                                                                &nbsp;\r\n                                                                {this.formatDateAA(\r\n                                                                  message.createDateTime\r\n                                                                )}\r\n                                                              </span>\r\n                                                              {/* <ReactTimeAgo date={message.createDateTime} locale=\"en-US\" timeStyle=\"round-minute\" style={{ color: \"gray\" }} /> */}\r\n                                                            </div>\r\n                                                          </div>\r\n                                                        )}\r\n                                                      </>\r\n                                                    ) : !member &&\r\n                                                      privacy === 1 &&\r\n                                                      message.privacy === 1 ? (\r\n                                                      <>\r\n                                                        {message.createDateTime &&\r\n                                                          message.rowNum === 1 ? (\r\n                                                          <>\r\n                                                            <span\r\n                                                              style={{\r\n                                                                color: \"gray\",\r\n                                                                backgroundColor:\r\n                                                                  \"#8eb6d859\",\r\n                                                                height: \"35px\",\r\n                                                                padding:\r\n                                                                  \"5px 5px 5px 3px\",\r\n                                                                borderRadius:\r\n                                                                  \"7px\",\r\n                                                              }}\r\n                                                            >\r\n                                                              &nbsp;\r\n                                                              {this.formatDateAA1(\r\n                                                                message.createDateTime\r\n                                                              )}\r\n                                                            </span>\r\n                                                          </>\r\n                                                        ) : null}\r\n                                                        {message.type ==\r\n                                                          null ? (\r\n                                                          <>\r\n                                                            <center>\r\n                                                              <div\r\n                                                                style={{\r\n                                                                  width: \"max\",\r\n                                                                  height:\r\n                                                                    \"35px\",\r\n                                                                  display:\r\n                                                                    \"table\",\r\n                                                                  padding:\r\n                                                                    \"10px 10px\",\r\n                                                                  overflowWrap:\r\n                                                                    \"break-word\",\r\n                                                                    backgroundColor:\r\n                                                                      \"#ddd\",\r\n                                                                  borderRadius:\r\n                                                                    \"7px\",\r\n                                                                  fontSize:\r\n                                                                    \"8px\",\r\n                                                                }}\r\n                                                              >\r\n                                                                {isSender ? (\r\n                                                                  <p\r\n                                                                    style={{\r\n                                                                      display:\r\n                                                                        \"table-cell\",\r\n                                                                      textAlign:\r\n                                                                        \"center\",\r\n                                                                      verticalAlign:\r\n                                                                        \"middle\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    You{\" \"}\r\n                                                                    {\r\n                                                                      message.message\r\n                                                                    }{\" \"}\r\n                                                                  </p>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    <p\r\n                                                                      style={{\r\n                                                                        display:\r\n                                                                          \"table-cell\",\r\n                                                                        textAlign:\r\n                                                                          \"center\",\r\n                                                                        verticalAlign:\r\n                                                                          \"middle\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      {\r\n                                                                        message.displayName\r\n                                                                      }{\" \"}\r\n                                                                      {\r\n                                                                        message.message\r\n                                                                      }{\" \"}\r\n                                                                    </p>\r\n                                                                  </>\r\n                                                                )}\r\n                                                              </div>\r\n                                                            </center>{\" \"}\r\n                                                          </>\r\n                                                        ) : (\r\n                                                          <div\r\n                                                            className={`message-${isSender\r\n                                                              ? \"orange\"\r\n                                                              : \"blue\"\r\n                                                              }`}\r\n                                                            key={index}\r\n                                                            style={{\r\n                                                              height: \"auto\",\r\n                                                              overflowWrap:\r\n                                                                \"break-word\",\r\n                                                              marginTop: \"8px\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {/* MessageOption */}\r\n                                                            {MsgOption &&\r\n                                                              this.state\r\n                                                                .deleteId ==\r\n                                                              message.id ? (\r\n                                                              <div\r\n                                                                style={\r\n                                                                  MessageOption\r\n                                                                }\r\n                                                                ref={\r\n                                                                  this\r\n                                                                    .containerRef\r\n                                                                }\r\n                                                              >\r\n                                                                {/* <input type=\"hidden\" id=\"id\"></input>\r\n                                                    <input type=\"hidden\" id=\"name\"></input> */}\r\n                                                                <center>\r\n                                                                  {isSender ? (\r\n                                                                    <>\r\n                                                                      <span\r\n                                                                        onClick={\r\n                                                                          this\r\n                                                                            .EditMessage\r\n                                                                        }\r\n                                                                        id=\"MsgOption\"\r\n                                                                      >\r\n                                                                        <i\r\n                                                                          className=\"fa fa-pencil-square-o\"\r\n                                                                          aria-hidden=\"true\"\r\n                                                                          style={{\r\n                                                                            float:\r\n                                                                              \"left\",\r\n                                                                            marginLeft:\r\n                                                                              \"20px\",\r\n                                                                          }}\r\n                                                                        ></i>\r\n                                                                        <b\r\n                                                                          style={{\r\n                                                                            position:\r\n                                                                              \"absolute\",\r\n                                                                            marginLeft:\r\n                                                                              \"-23px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          Edit\r\n                                                                        </b>\r\n                                                                      </span>\r\n                                                                      <br />{\" \"}\r\n                                                                      <hr></hr>\r\n                                                                      <span\r\n                                                                        onClick={\r\n                                                                          this\r\n                                                                            .SeenMessages\r\n                                                                        }\r\n                                                                        id=\"MsgOption\"\r\n                                                                      >\r\n                                                                        <i\r\n                                                                          className=\"fa fa-eye\"\r\n                                                                          aria-hidden=\"true\"\r\n                                                                          style={{\r\n                                                                            float:\r\n                                                                              \"left\",\r\n                                                                            marginLeft:\r\n                                                                              \"20px\",\r\n                                                                          }}\r\n                                                                        ></i>\r\n                                                                        <b\r\n                                                                          style={{\r\n                                                                            position:\r\n                                                                              \"absolute\",\r\n                                                                            marginLeft:\r\n                                                                              \"-25px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          Seen\r\n                                                                        </b>\r\n                                                                      </span>\r\n                                                                      <br />{\" \"}\r\n                                                                      <hr></hr>\r\n                                                                    </>\r\n                                                                  ) : null}\r\n                                                                  {/* <span onClick={this.EditMessage} id=\"MsgOption\">\r\n                                                        <i className=\"fa fa-pencil-square-o\" aria-hidden=\"true\" style={{ float: \"left\", marginLeft: \"20px\" }}></i>\r\n                                                        <b style={{ position: \"absolute\", marginLeft: \"-33px\" }}>Edit</b></span>\r\n                                                      <br /> <hr></hr> */}\r\n                                                                  <span\r\n                                                                    onClick={\r\n                                                                      this\r\n                                                                        .deleteMenu\r\n                                                                    }\r\n                                                                    id=\"MsgOption\"\r\n                                                                  >\r\n                                                                    <i\r\n                                                                      className=\"fa fa-trash\"\r\n                                                                      aria-hidden=\"true\"\r\n                                                                      style={{\r\n                                                                        float:\r\n                                                                          \"left\",\r\n                                                                        marginLeft:\r\n                                                                          \"20px\",\r\n                                                                      }}\r\n                                                                    ></i>\r\n                                                                    <b\r\n                                                                      style={{\r\n                                                                        position:\r\n                                                                          \"absolute\",\r\n                                                                        marginLeft:\r\n                                                                          \"-23px\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      Delete\r\n                                                                    </b>\r\n                                                                  </span>\r\n                                                                  <br />\r\n                                                                  <hr></hr>\r\n                                                                  <span\r\n                                                                    onClick={\r\n                                                                      this\r\n                                                                        .forwardopenpop\r\n                                                                    }\r\n                                                                    id=\"MsgOption\"\r\n                                                                  >\r\n                                                                    <i\r\n                                                                      className=\"fa fa-share\"\r\n                                                                      aria-hidden=\"true\"\r\n                                                                      style={{\r\n                                                                        float:\r\n                                                                          \"left\",\r\n                                                                        marginLeft:\r\n                                                                          \"20px\",\r\n                                                                      }}\r\n                                                                    ></i>\r\n                                                                    <b\r\n                                                                      style={{\r\n                                                                        position:\r\n                                                                          \"absolute\",\r\n                                                                        marginLeft:\r\n                                                                          \"-25px\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      Forward\r\n                                                                    </b>\r\n                                                                  </span>\r\n                                                                  <br />\r\n                                                                </center>\r\n                                                              </div>\r\n                                                            ) : null}\r\n                                                            {member ? (\r\n                                                              <i\r\n                                                                className=\"fa fa-ellipsis-h\"\r\n                                                                style={{\r\n                                                                  float:\r\n                                                                    \"Right\",\r\n                                                                  cursor:\r\n                                                                    \"pointer\",\r\n                                                                }}\r\n                                                                aria-hidden=\"true\"\r\n                                                                onClick={() =>\r\n                                                                  this.MessageOption(\r\n                                                                    message.id,\r\n                                                                    message.group_id,\r\n                                                                    message.senderId,\r\n                                                                    message.createDateTime,\r\n                                                                    message.message,\r\n                                                                    message.picture_Path,\r\n                                                                    message.document_Path,\r\n                                                                    message.dateTimeSec\r\n                                                                  )\r\n                                                                }\r\n                                                              ></i>\r\n                                                            ) : null}\r\n                                                            {!isSender ? (\r\n                                                              <h6\r\n                                                                style={{\r\n                                                                  fontWeight:\r\n                                                                    \"600\",\r\n                                                                  color:\r\n                                                                    \"#09679f\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <a\r\n                                                                  className=\"media-left\"\r\n                                                                  style={{\r\n                                                                    marginTop:\r\n                                                                      \"-2%\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  <img\r\n                                                                    className=\"media-object img-circle\"\r\n                                                                    src={\r\n                                                                      message.particularUserProfile\r\n                                                                    }\r\n                                                                    alt=\"img\"\r\n                                                                    style={{\r\n                                                                      // marginTop: \"20px\",\r\n                                                                      width:\r\n                                                                        \"35px\",\r\n                                                                      height:\r\n                                                                        \"35px\",\r\n                                                                    }}\r\n                                                                  />&nbsp;{\r\n                                                                    message.displayName\r\n                                                                  }\r\n                                                                </a>\r\n                                                                <br />\r\n                                                                {message.editStatus ===\r\n                                                                  1 ? (\r\n                                                                  <span\r\n                                                                    style={{\r\n                                                                      fontWeight:\r\n                                                                        \"200\",\r\n                                                                      color:\r\n                                                                        \"grey\",\r\n                                                                      fontSize:\r\n                                                                        \"10px\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    Edited\r\n                                                                  </span>\r\n                                                                ) : null}\r\n                                                              </h6>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                {message.editStatus ===\r\n                                                                  1 ? (\r\n                                                                  <h6\r\n                                                                    style={{\r\n                                                                      fontWeight:\r\n                                                                        \"200\",\r\n                                                                      color:\r\n                                                                        \"grey\",\r\n                                                                      fontSize:\r\n                                                                        \"10px\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    Edited\r\n                                                                  </h6>\r\n                                                                ) : null}\r\n                                                              </>\r\n                                                            )}\r\n                                                            {message.forwarded ===\r\n                                                              1 ? (\r\n                                                              <h6\r\n                                                                style={{\r\n                                                                  fontWeight:\r\n                                                                    \"200\",\r\n                                                                  color: \"grey\",\r\n                                                                  fontSize:\r\n                                                                    \"10px\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <i\r\n                                                                  className=\"fa fa-share\"\r\n                                                                  aria-hidden=\"true\"\r\n                                                                ></i>\r\n                                                                &nbsp;&nbsp;Forwarded\r\n                                                              </h6>\r\n                                                            ) : null}\r\n                                                            {message.picture_Path ===\r\n                                                              \"-\" &&\r\n                                                              message.document_Path ===\r\n                                                              \"-\" ? (\r\n                                                              <>\r\n                                                                {/* <DocumentViewer\r\n  url=\"https://drive.google.com/file/d/0B5ImRpiNhCfGZDVhMGEyYmUtZTdmMy00YWEyLWEyMTQtN2E2YzM3MDg3MTZh/preview\"\r\n  viewer=\"url\"\r\n  style={{width:\"100%\",height:\"50vh\"}}\r\n>\r\n</DocumentViewer> */}\r\n                                                                <p\r\n                                                                  className=\"message-content\"\r\n                                                                  name=\"Popmsg\"\r\n                                                                // style={{ wordWrap: \"break-word\" }}\r\n                                                                >\r\n                                                                  {regexp.test(\r\n                                                                    message.message\r\n                                                                  ) == true ? (\r\n                                                                    <>\r\n                                                                      {filterurl.map(\r\n                                                                        (\r\n                                                                          item\r\n                                                                        ) => (\r\n                                                                          <p>\r\n                                                                            {message.message ==\r\n                                                                              item ? (\r\n                                                                              <a\r\n                                                                                style={{\r\n                                                                                  color:\r\n                                                                                    \"blue\",\r\n                                                                                  textDecoration:\r\n                                                                                    \"underline\",\r\n                                                                                }}\r\n                                                                                target=\"_blank\"\r\n                                                                                rel=\"noopener noreferrer\"\r\n                                                                                href={\r\n                                                                                  item\r\n                                                                                }\r\n                                                                              >\r\n                                                                                {\r\n                                                                                  item\r\n                                                                                }\r\n                                                                              </a>\r\n                                                                            ) : null}\r\n                                                                          </p>\r\n                                                                        )\r\n                                                                      )}{\" \"}\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <div>\r\n                                                                      {/* <i className=\"fa fa-ellipsis-h\" style={{ float: \"Right\" }} aria-hidden=\"true\"\r\n                                                  onClick={() => this.deleteMenu(message.id, message.group_id, message.senderId, message.createDateTime,\r\n                                                    message.message, message.picture_Path, message.document_Path)}></i> */}\r\n                                                                      <p>\r\n                                                                        {\r\n                                                                          message.message\r\n                                                                        }\r\n                                                                      </p>\r\n                                                                    </div>\r\n                                                                  )}\r\n                                                                </p>{\" \"}\r\n                                                              </>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                {message.picture_Path !==\r\n                                                                  \"-\" &&\r\n                                                                  message.document_Path !==\r\n                                                                  \"-\" ? (\r\n                                                                  <div>\r\n                                                                    <div>\r\n                                                                      <p\r\n                                                                        className=\"message-content\"\r\n                                                                        name=\"Popmsg\"\r\n                                                                      // style={{ wordWrap: \"break-word\" }}\r\n                                                                      >\r\n                                                                        {message.message !=\r\n                                                                          \"-\" ? (\r\n                                                                          <>\r\n                                                                            {\r\n                                                                              message.message\r\n                                                                            }\r\n                                                                          </>\r\n                                                                        ) : null}\r\n                                                                      </p>\r\n                                                                      <br />\r\n                                                                      <div>\r\n                                                                        <img\r\n                                                                          id=\"fileImg\"\r\n                                                                          color=\"#0275d8\"\r\n                                                                          width=\"80\"\r\n                                                                          height=\"80\"\r\n                                                                          src={\r\n                                                                            message.picture_Path\r\n                                                                          }\r\n                                                                        // style={{\r\n                                                                        //   width:\r\n                                                                        //     \"inherit\",\r\n                                                                        // }}\r\n                                                                        />\r\n                                                                      </div>\r\n                                                                      <div>\r\n                                                                        <a\r\n                                                                          href={\r\n                                                                            message.document_Path\r\n                                                                          }\r\n                                                                          name=\"picture\"\r\n                                                                          readOnly\r\n                                                                          value={\r\n                                                                            message.document_Path\r\n                                                                          }\r\n                                                                          title=\"\"\r\n                                                                          target=\"_blank\"\r\n                                                                          style={{\r\n                                                                            width:\r\n                                                                              \"120px\",\r\n                                                                            height:\r\n                                                                              \"200px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <embed\r\n                                                                            src={\r\n                                                                              message.document_Path\r\n                                                                            }\r\n                                                                            id=\"Gstiframe\"\r\n                                                                            title=\"\"\r\n                                                                            scrolling=\"no\"\r\n                                                                            target=\"_blank\"\r\n                                                                            style={{\r\n                                                                              width:\r\n                                                                                \"100px\",\r\n                                                                              height:\r\n                                                                                \"100px\",\r\n                                                                              pointerEvents:\r\n                                                                                \"none\",\r\n                                                                            }}\r\n                                                                          ></embed>\r\n                                                                          <p>\r\n                                                                            {\r\n                                                                              message.document_Path\r\n                                                                            }\r\n                                                                          </p>\r\n                                                                        </a>\r\n                                                                      </div>\r\n                                                                    </div>\r\n                                                                  </div>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    {message.picture_Path ===\r\n                                                                      \"-\" &&\r\n                                                                      message.document_Path !==\r\n                                                                      \"-\" ? (\r\n                                                                      <div>\r\n                                                                        <p\r\n                                                                          className=\"message-content\"\r\n                                                                          name=\"Popmsg\"\r\n                                                                        // style={{\r\n                                                                        //   wordWrap: \"break-word\",\r\n                                                                        // }}\r\n                                                                        >\r\n                                                                          {message.message !=\r\n                                                                            \"-\" ? (\r\n                                                                            <>\r\n                                                                              {\r\n                                                                                message.message\r\n                                                                              }\r\n                                                                            </>\r\n                                                                          ) : null}\r\n                                                                        </p>\r\n                                                                        {/* <i className=\"fa fa-ellipsis-h\" style={{ float: \"Right\" }} aria-hidden=\"true\"\r\n                                                    onClick={() => this.deleteMenu(message.id, message.group_id, message.senderId, message.createDateTime,\r\n                                                      message.message, message.picture_Path, message.document_Path)}></i> */}\r\n                                                                        <br />\r\n                                                                        <a\r\n                                                                          href={\r\n                                                                            message.document_Path\r\n                                                                          }\r\n                                                                          name=\"picture\"\r\n                                                                          readOnly\r\n                                                                          value={\r\n                                                                            message.document_Path\r\n                                                                          }\r\n                                                                          title=\"\"\r\n                                                                          target=\"_blank\"\r\n                                                                          style={{\r\n                                                                            width:\r\n                                                                              \"120px\",\r\n                                                                            height:\r\n                                                                              \"200px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          {/* <embed\r\n                                                    src={message.document_Path}\r\n                                                    title=\"\"\r\n                                                    scrolling=\"no\"\r\n                                                    target=\"_blank\"\r\n                                                    style={{\r\n                                                      width: \"100px\",\r\n                                                      height: \"100px\",\r\n                                                      pointerEvents: \"none\",\r\n                                                    }}\r\n                                                  ></embed> */}\r\n                                                                          <div\r\n                                                                            className=\"row\"\r\n                                                                            style={{\r\n                                                                              width:\r\n                                                                                \"180px\",\r\n                                                                              height:\r\n                                                                                \"60px\",\r\n                                                                              borderRadius:\r\n                                                                                \"5px\",\r\n                                                                              boxShadow:\r\n                                                                                \"rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px\",\r\n                                                                              background:\r\n                                                                                \"#e8e8e8\",\r\n                                                                              alignItems:\r\n                                                                                \"center\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            <div className=\"col-lg-3\">\r\n                                                                              <img\r\n                                                                                src={\r\n                                                                                  File1\r\n                                                                                }\r\n                                                                                style={{\r\n                                                                                  height:\r\n                                                                                    \"30px\",\r\n                                                                                  width:\r\n                                                                                    \"30px\",\r\n                                                                                }}\r\n                                                                              ></img>\r\n                                                                            </div>\r\n                                                                            <div className=\"col-lg-9\">\r\n                                                                              {message\r\n                                                                                .document_Path\r\n                                                                                .length >\r\n                                                                                85 ? (\r\n                                                                                <>\r\n                                                                                  <div\r\n                                                                                    style={{\r\n                                                                                      opacity:\r\n                                                                                        DName &&\r\n                                                                                          documentname ==\r\n                                                                                          message.id\r\n                                                                                          ? 1\r\n                                                                                          : 0,\r\n                                                                                      width:\r\n                                                                                        \"150px\",\r\n                                                                                      height:\r\n                                                                                        \"auto\",\r\n                                                                                      overflowWrap:\r\n                                                                                        \"break-word\",\r\n                                                                                      zIndex:\r\n                                                                                        \"109\",\r\n                                                                                      border:\r\n                                                                                        \"1px solid black\",\r\n                                                                                      background:\r\n                                                                                        \"#0000007d\",\r\n                                                                                      color:\r\n                                                                                        \"white\",\r\n                                                                                      alignItems:\r\n                                                                                        \"center\",\r\n                                                                                      position:\r\n                                                                                        \"absolute\",\r\n                                                                                      top: \"-50px\",\r\n                                                                                      left: \"-50px\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    <p\r\n                                                                                      style={{\r\n                                                                                        fontSize:\r\n                                                                                          \"10px\",\r\n                                                                                      }}\r\n                                                                                    >\r\n                                                                                      {\r\n                                                                                        result1\r\n                                                                                      }\r\n                                                                                    </p>\r\n                                                                                  </div>\r\n                                                                                  <p\r\n                                                                                    style={{\r\n                                                                                      marginTop:\r\n                                                                                        \"10px\",\r\n                                                                                      textAlign:\r\n                                                                                        \"center\",\r\n                                                                                      fontSize:\r\n                                                                                        \"10px\",\r\n                                                                                      fontWeight:\r\n                                                                                        \"600\",\r\n                                                                                      color:\r\n                                                                                        \"#19578b\",\r\n                                                                                    }}\r\n                                                                                    onMouseOver={(\r\n                                                                                      e\r\n                                                                                    ) => {\r\n                                                                                      e.preventDefault();\r\n                                                                                      this.documentName(\r\n                                                                                        message.id\r\n                                                                                      );\r\n                                                                                    }}\r\n                                                                                    onMouseLeave={\r\n                                                                                      this\r\n                                                                                        .documentNameL\r\n                                                                                    }\r\n                                                                                  >\r\n                                                                                    {\r\n                                                                                      result\r\n                                                                                    }\r\n                                                                                    ...\r\n                                                                                  </p>\r\n                                                                                </>\r\n                                                                              ) : (\r\n                                                                                <p\r\n                                                                                  style={{\r\n                                                                                    marginTop:\r\n                                                                                      \"10px\",\r\n                                                                                    textAlign:\r\n                                                                                      \"center\",\r\n                                                                                    fontSize:\r\n                                                                                      \"10px\",\r\n                                                                                    fontWeight:\r\n                                                                                      \"600\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  {\r\n                                                                                    result\r\n                                                                                  }\r\n                                                                                </p>\r\n                                                                              )}\r\n                                                                            </div>\r\n                                                                          </div>\r\n                                                                          {/* <br></br>\r\n                                                  <p>\r\n                                                    {message.document_Path}\r\n                                                  </p> */}\r\n                                                                        </a>\r\n                                                                      </div>\r\n                                                                    ) : (\r\n                                                                      <div>\r\n                                                                        {/* <i className=\"fa fa-ellipsis-h\" style={{ float: \"Right\" }} aria-hidden=\"true\"\r\n                                                    onClick={() => this.deleteMenu(message.id, message.group_id, message.senderId, message.createDateTime,\r\n                                                      message.message, message.picture_Path, message.document_Path)}></i> */}\r\n                                                                        <p\r\n                                                                          className=\"message-content\"\r\n                                                                          name=\"Popmsg\"\r\n                                                                        // style={{\r\n                                                                        //   wordWrap: \"break-word\",\r\n                                                                        // }}\r\n                                                                        >\r\n                                                                          {message.message !=\r\n                                                                            \"-\" ? (\r\n                                                                            <>\r\n                                                                              {\r\n                                                                                message.message\r\n                                                                              }\r\n                                                                            </>\r\n                                                                          ) : null}\r\n                                                                        </p>\r\n                                                                        <br />\r\n                                                                        <a\r\n                                                                          href={\r\n                                                                            message.picture_Path\r\n                                                                          }\r\n                                                                          name=\"picture\"\r\n                                                                          readOnly\r\n                                                                          value={\r\n                                                                            message.picture_Path\r\n                                                                          }\r\n                                                                          title=\"\"\r\n                                                                          target=\"_blank\"\r\n                                                                          style={{\r\n                                                                            width:\r\n                                                                              \"120px\",\r\n                                                                            height:\r\n                                                                              \"200px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <div>\r\n                                                                            {message.picture_Path.includes(\r\n                                                                              \".mp4\"\r\n                                                                            ) ? (\r\n                                                                              <>\r\n                                                                                {\" \"}\r\n                                                                                <img\r\n                                                                                  alt=\"Video\"\r\n                                                                                  width=\"30\"\r\n                                                                                  height=\"30\"\r\n                                                                                  src={\r\n                                                                                    video\r\n                                                                                  }\r\n                                                                                  title=\"Click to play video\"\r\n                                                                                  style={{\r\n                                                                                    width:\r\n                                                                                      \"inherit\",\r\n                                                                                  }}\r\n                                                                                />{\" \"}\r\n                                                                                <span\r\n                                                                                  style={{\r\n                                                                                    color:\r\n                                                                                      \"#000\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  Video\r\n                                                                                  File\r\n                                                                                </span>{\" \"}\r\n                                                                              </>\r\n                                                                            ) : (\r\n                                                                              <img\r\n                                                                                alt=\"chatimg\"\r\n                                                                                width=\"80\"\r\n                                                                                height=\"80\"\r\n                                                                                src={\r\n                                                                                  message.picture_Path\r\n                                                                                }\r\n                                                                              // style={{\r\n                                                                              //   width:\r\n                                                                              //     \"inherit\",\r\n                                                                              // }}\r\n                                                                              />\r\n                                                                            )}\r\n                                                                          </div>\r\n                                                                        </a>\r\n                                                                      </div>\r\n                                                                    )}\r\n                                                                  </>\r\n                                                                )}\r\n                                                              </>\r\n                                                            )}\r\n                                                            <br />\r\n                                                            <div className=\"message-timestamp-right\">\r\n                                                              {/* <TimeAgo\r\n                                      date={message.createDateTime}\r\n                                      live={true}\r\n                                      format={(value, unit, suffix) => {\r\n                                        if (unit === \"second\") {\r\n                                          // Custom formatting for seconds\r\n                                          return `${value} seconds ago`;\r\n                                        }\r\n                                        // Default formatting for other units\r\n                                        return `${value} ${unit}${suffix}`;\r\n                                      }}\r\n                                      locale=\"en-US\"\r\n                                      style={{ color: \"gray\" }}\r\n                                    /> */}\r\n                                                              <span\r\n                                                                style={{\r\n                                                                  color: \"gray\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <i className=\"fa fa-clock-o\"></i>\r\n                                                                &nbsp;\r\n                                                                {this.formatDateAA(\r\n                                                                  message.createDateTime\r\n                                                                )}\r\n                                                              </span>\r\n                                                              {/* <ReactTimeAgo date={message.createDateTime} locale=\"en-US\" timeStyle=\"round-minute\" style={{ color: \"gray\" }} /> */}\r\n                                                            </div>\r\n                                                          </div>\r\n                                                        )}\r\n                                                      </>\r\n                                                    ) : (!member &&\r\n                                                      privacy === 0 &&\r\n                                                      message.privacy !== 1 &&\r\n                                                      message.publicchat ==\r\n                                                      0) ||\r\n                                                      message.publicchat ==\r\n                                                      1 ? (\r\n                                                      <>\r\n                                                        {message.createDateTime &&\r\n                                                          message.rowNum === 1 ? (\r\n                                                          <>\r\n                                                            <span\r\n                                                              style={{\r\n                                                                color: \"gray\",\r\n                                                                backgroundColor:\r\n                                                                  \"#8eb6d859\",\r\n                                                                height: \"35px\",\r\n                                                                padding:\r\n                                                                  \"5px 5px 5px 3px\",\r\n                                                                borderRadius:\r\n                                                                  \"7px\",\r\n                                                              }}\r\n                                                            >\r\n                                                              &nbsp;\r\n                                                              {this.formatDateAA1(\r\n                                                                message.createDateTime\r\n                                                              )}\r\n                                                            </span>\r\n                                                          </>\r\n                                                        ) : null}\r\n                                                        {message.type ==\r\n                                                          null ? (\r\n                                                          <>\r\n                                                            <center>\r\n                                                              <div\r\n                                                                style={{\r\n                                                                  width: \"max\",\r\n                                                                  height:\r\n                                                                    \"35px\",\r\n                                                                  display:\r\n                                                                    \"table\",\r\n                                                                  padding:\r\n                                                                    \"10px 10px\",\r\n                                                                  overflowWrap:\r\n                                                                    \"break-word\",\r\n                                                                    backgroundColor:\r\n                                                                      \"#ddd\",\r\n                                                                  borderRadius:\r\n                                                                    \"7px\",\r\n                                                                  fontSize:\r\n                                                                    \"8px\",\r\n                                                                }}\r\n                                                              >\r\n                                                                {isSender ? (\r\n                                                                  <p\r\n                                                                    style={{\r\n                                                                      display:\r\n                                                                        \"table-cell\",\r\n                                                                      textAlign:\r\n                                                                        \"center\",\r\n                                                                      verticalAlign:\r\n                                                                        \"middle\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    You{\" \"}\r\n                                                                    {\r\n                                                                      message.message\r\n                                                                    }{\" \"}\r\n                                                                  </p>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    <p\r\n                                                                      style={{\r\n                                                                        display:\r\n                                                                          \"table-cell\",\r\n                                                                        textAlign:\r\n                                                                          \"center\",\r\n                                                                        verticalAlign:\r\n                                                                          \"middle\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      {\r\n                                                                        message.displayName\r\n                                                                      }{\" \"}\r\n                                                                      {\r\n                                                                        message.message\r\n                                                                      }{\" \"}\r\n                                                                    </p>\r\n                                                                  </>\r\n                                                                )}\r\n                                                              </div>\r\n                                                              \r\n                                                            </center>{\" \"}\r\n                                                          </>\r\n                                                        ) : (\r\n                                                          <div\r\n                                                            className={`message-${isSender\r\n                                                              ? \"orange\"\r\n                                                              : \"blue\"\r\n                                                              }`}\r\n                                                            key={index}\r\n                                                            style={{\r\n                                                              height: \"auto\",\r\n                                                              overflowWrap:\r\n                                                                \"break-word\",\r\n                                                              marginTop: \"8px\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {/* MessageOption */}\r\n                                                            {MsgOption &&\r\n                                                              this.state\r\n                                                                .deleteId ==\r\n                                                              message.id ? (\r\n                                                              <div\r\n                                                                style={\r\n                                                                  MessageOption\r\n                                                                }\r\n                                                                ref={\r\n                                                                  this\r\n                                                                    .containerRef\r\n                                                                }\r\n                                                              >\r\n                                                                {/* <input type=\"hidden\" id=\"id\"></input>\r\n                                                    <input type=\"hidden\" id=\"name\"></input> */}\r\n                                                                <center>\r\n                                                                  {isSender ? (\r\n                                                                    <>\r\n                                                                      <span\r\n                                                                        onClick={\r\n                                                                          this\r\n                                                                            .EditMessage\r\n                                                                        }\r\n                                                                        id=\"MsgOption\"\r\n                                                                      >\r\n                                                                        <i\r\n                                                                          className=\"fa fa-pencil-square-o\"\r\n                                                                          aria-hidden=\"true\"\r\n                                                                          style={{\r\n                                                                            float:\r\n                                                                              \"left\",\r\n                                                                            marginLeft:\r\n                                                                              \"20px\",\r\n                                                                          }}\r\n                                                                        ></i>\r\n                                                                        <b\r\n                                                                          style={{\r\n                                                                            position:\r\n                                                                              \"absolute\",\r\n                                                                            marginLeft:\r\n                                                                              \"-23px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          Edit\r\n                                                                        </b>\r\n                                                                      </span>\r\n                                                                      <br />{\" \"}\r\n                                                                      <hr></hr>\r\n                                                                      <span\r\n                                                                        onClick={\r\n                                                                          this\r\n                                                                            .SeenMessages\r\n                                                                        }\r\n                                                                        id=\"MsgOption\"\r\n                                                                      >\r\n                                                                        <i\r\n                                                                          className=\"fa fa-eye\"\r\n                                                                          aria-hidden=\"true\"\r\n                                                                          style={{\r\n                                                                            float:\r\n                                                                              \"left\",\r\n                                                                            marginLeft:\r\n                                                                              \"20px\",\r\n                                                                          }}\r\n                                                                        ></i>\r\n                                                                        <b\r\n                                                                          style={{\r\n                                                                            position:\r\n                                                                              \"absolute\",\r\n                                                                            marginLeft:\r\n                                                                              \"-25px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          Seen\r\n                                                                        </b>\r\n                                                                      </span>\r\n                                                                      <br />{\" \"}\r\n                                                                      <hr></hr>\r\n                                                                    </>\r\n                                                                  ) : null}\r\n                                                                  {/* <span onClick={this.EditMessage} id=\"MsgOption\">\r\n                                                        <i className=\"fa fa-pencil-square-o\" aria-hidden=\"true\" style={{ float: \"left\", marginLeft: \"20px\" }}></i>\r\n                                                        <b style={{ position: \"absolute\", marginLeft: \"-33px\" }}>Edit</b></span>\r\n                                                      <br /> <hr></hr> */}\r\n                                                                  <span\r\n                                                                    onClick={\r\n                                                                      this\r\n                                                                        .deleteMenu\r\n                                                                    }\r\n                                                                    id=\"MsgOption\"\r\n                                                                  >\r\n                                                                    <i\r\n                                                                      className=\"fa fa-trash\"\r\n                                                                      aria-hidden=\"true\"\r\n                                                                      style={{\r\n                                                                        float:\r\n                                                                          \"left\",\r\n                                                                        marginLeft:\r\n                                                                          \"20px\",\r\n                                                                      }}\r\n                                                                    ></i>\r\n                                                                    <b\r\n                                                                      style={{\r\n                                                                        position:\r\n                                                                          \"absolute\",\r\n                                                                        marginLeft:\r\n                                                                          \"-23px\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      Delete\r\n                                                                    </b>\r\n                                                                  </span>\r\n                                                                  <br />\r\n                                                                  <hr></hr>\r\n                                                                  <span\r\n                                                                    onClick={\r\n                                                                      this\r\n                                                                        .forwardopenpop\r\n                                                                    }\r\n                                                                    id=\"MsgOption\"\r\n                                                                  >\r\n                                                                    <i\r\n                                                                      className=\"fa fa-share\"\r\n                                                                      aria-hidden=\"true\"\r\n                                                                      style={{\r\n                                                                        float:\r\n                                                                          \"left\",\r\n                                                                        marginLeft:\r\n                                                                          \"20px\",\r\n                                                                      }}\r\n                                                                    ></i>\r\n                                                                    <b\r\n                                                                      style={{\r\n                                                                        position:\r\n                                                                          \"absolute\",\r\n                                                                        marginLeft:\r\n                                                                          \"-25px\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      Forward\r\n                                                                    </b>\r\n                                                                  </span>\r\n                                                                  <br />\r\n                                                                </center>\r\n                                                              </div>\r\n                                                            ) : null}\r\n                                                            {member ? (\r\n                                                              <i\r\n                                                                className=\"fa fa-ellipsis-h\"\r\n                                                                style={{\r\n                                                                  float:\r\n                                                                    \"Right\",\r\n                                                                  cursor:\r\n                                                                    \"pointer\",\r\n                                                                }}\r\n                                                                aria-hidden=\"true\"\r\n                                                                onClick={() =>\r\n                                                                  this.MessageOption(\r\n                                                                    message.id,\r\n                                                                    message.group_id,\r\n                                                                    message.senderId,\r\n                                                                    message.createDateTime,\r\n                                                                    message.message,\r\n                                                                    message.picture_Path,\r\n                                                                    message.document_Path,\r\n                                                                    message.dateTimeSec\r\n                                                                  )\r\n                                                                }\r\n                                                              ></i>\r\n                                                            ) : null}\r\n                                                            {!isSender ? (\r\n                                                              <h6\r\n                                                                style={{\r\n                                                                  fontWeight:\r\n                                                                    \"600\",\r\n                                                                  // color:\r\n                                                                  //   \"#09679f\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <a\r\n                                                                  className=\"media-left\"\r\n                                                                  style={{\r\n                                                                    marginTop:\r\n                                                                      \"-2%\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  <img\r\n                                                                    className=\"media-object img-circle\"\r\n                                                                    src={\r\n                                                                      message.particularUserProfile\r\n                                                                    }\r\n                                                                    alt=\"img\"\r\n                                                                    style={{\r\n                                                                      // marginTop: \"20px\",\r\n                                                                      width:\r\n                                                                        \"35px\",\r\n                                                                      height:\r\n                                                                        \"35px\",\r\n                                                                    }}\r\n                                                                  />&nbsp;{\r\n                                                                    message.displayName\r\n                                                                  }\r\n                                                                </a>\r\n                                                                <br />\r\n                                                                {message.editStatus ===\r\n                                                                  1 ? (\r\n                                                                  <span\r\n                                                                    style={{\r\n                                                                      fontWeight:\r\n                                                                        \"200\",\r\n                                                                      color:\r\n                                                                        \"grey\",\r\n                                                                      fontSize:\r\n                                                                        \"10px\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    Edited\r\n                                                                  </span>\r\n                                                                ) : null}\r\n                                                              </h6>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                {message.editStatus ===\r\n                                                                  1 ? (\r\n                                                                  <h6\r\n                                                                    style={{\r\n                                                                      fontWeight:\r\n                                                                        \"200\",\r\n                                                                      color:\r\n                                                                        \"grey\",\r\n                                                                      fontSize:\r\n                                                                        \"10px\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    Edited\r\n                                                                  </h6>\r\n                                                                ) : null}\r\n                                                              </>\r\n                                                            )}\r\n                                                            {message.forwarded ===\r\n                                                              1 ? (\r\n                                                              <h6\r\n                                                                style={{\r\n                                                                  fontWeight:\r\n                                                                    \"200\",\r\n                                                                  color: \"grey\",\r\n                                                                  fontSize:\r\n                                                                    \"10px\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <i\r\n                                                                  className=\"fa fa-share\"\r\n                                                                  aria-hidden=\"true\"\r\n                                                                ></i>\r\n                                                                &nbsp;&nbsp;Forwarded\r\n                                                              </h6>\r\n                                                            ) : null}\r\n                                                            {message.picture_Path ===\r\n                                                              \"-\" &&\r\n                                                              message.document_Path ===\r\n                                                              \"-\" ? (\r\n                                                              <>\r\n                                                                {/* <DocumentViewer\r\n  url=\"https://drive.google.com/file/d/0B5ImRpiNhCfGZDVhMGEyYmUtZTdmMy00YWEyLWEyMTQtN2E2YzM3MDg3MTZh/preview\"\r\n  viewer=\"url\"\r\n  style={{width:\"100%\",height:\"50vh\"}}\r\n>\r\n</DocumentViewer> */}\r\n                                                                <p\r\n                                                                  className=\"message-content\"\r\n                                                                  name=\"Popmsg\"\r\n                                                                // style={{ wordWrap: \"break-word\" }}\r\n                                                                >\r\n                                                                  {regexp.test(\r\n                                                                    message.message\r\n                                                                  ) == true ? (\r\n                                                                    <>\r\n                                                                      {filterurl.map(\r\n                                                                        (\r\n                                                                          item\r\n                                                                        ) => (\r\n                                                                          <p>\r\n                                                                            {message.message ==\r\n                                                                              item ? (\r\n                                                                              <a\r\n                                                                                style={{\r\n                                                                                  color:\r\n                                                                                    \"blue\",\r\n                                                                                  textDecoration:\r\n                                                                                    \"underline\",\r\n                                                                                }}\r\n                                                                                target=\"_blank\"\r\n                                                                                rel=\"noopener noreferrer\"\r\n                                                                                href={\r\n                                                                                  item\r\n                                                                                }\r\n                                                                              >\r\n                                                                                {\r\n                                                                                  item\r\n                                                                                }\r\n                                                                              </a>\r\n                                                                            ) : null}\r\n                                                                          </p>\r\n                                                                        )\r\n                                                                      )}{\" \"}\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <div>\r\n                                                                      {/* <i className=\"fa fa-ellipsis-h\" style={{ float: \"Right\" }} aria-hidden=\"true\"\r\n                                                  onClick={() => this.deleteMenu(message.id, message.group_id, message.senderId, message.createDateTime,\r\n                                                    message.message, message.picture_Path, message.document_Path)}></i> */}\r\n                                                                      <p>\r\n                                                                        {\r\n                                                                          message.message\r\n                                                                        }\r\n                                                                      </p>\r\n                                                                    </div>\r\n                                                                  )}\r\n                                                                </p>{\" \"}\r\n                                                              </>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                {message.picture_Path !==\r\n                                                                  \"-\" &&\r\n                                                                  message.document_Path !==\r\n                                                                  \"-\" ? (\r\n                                                                  <div>\r\n                                                                    <div>\r\n                                                                      <p\r\n                                                                        className=\"message-content\"\r\n                                                                        name=\"Popmsg\"\r\n                                                                      // style={{ wordWrap: \"break-word\" }}\r\n                                                                      >\r\n                                                                        {message.message !=\r\n                                                                          \"-\" ? (\r\n                                                                          <>\r\n                                                                            {\r\n                                                                              message.message\r\n                                                                            }\r\n                                                                          </>\r\n                                                                        ) : null}\r\n                                                                      </p>\r\n                                                                      <br />\r\n                                                                      <div>\r\n                                                                        <img\r\n                                                                          id=\"fileImg\"\r\n                                                                          color=\"#0275d8\"\r\n                                                                          width=\"80\"\r\n                                                                          height=\"80\"\r\n                                                                          src={\r\n                                                                            message.picture_Path\r\n                                                                          }\r\n                                                                        // style={{\r\n                                                                        //   width:\r\n                                                                        //     \"inherit\",\r\n                                                                        // }}\r\n                                                                        />\r\n                                                                      </div>\r\n                                                                      <div>\r\n                                                                        <a\r\n                                                                          href={\r\n                                                                            message.document_Path\r\n                                                                          }\r\n                                                                          name=\"picture\"\r\n                                                                          readOnly\r\n                                                                          value={\r\n                                                                            message.document_Path\r\n                                                                          }\r\n                                                                          title=\"\"\r\n                                                                          target=\"_blank\"\r\n                                                                          style={{\r\n                                                                            width:\r\n                                                                              \"120px\",\r\n                                                                            height:\r\n                                                                              \"200px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <embed\r\n                                                                            src={\r\n                                                                              message.document_Path\r\n                                                                            }\r\n                                                                            id=\"Gstiframe\"\r\n                                                                            title=\"\"\r\n                                                                            scrolling=\"no\"\r\n                                                                            target=\"_blank\"\r\n                                                                            style={{\r\n                                                                              width:\r\n                                                                                \"100px\",\r\n                                                                              height:\r\n                                                                                \"100px\",\r\n                                                                              pointerEvents:\r\n                                                                                \"none\",\r\n                                                                            }}\r\n                                                                          ></embed>\r\n                                                                          <p>\r\n                                                                            {\r\n                                                                              message.document_Path\r\n                                                                            }\r\n                                                                          </p>\r\n                                                                        </a>\r\n                                                                      </div>\r\n                                                                    </div>\r\n                                                                  </div>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    {message.picture_Path ===\r\n                                                                      \"-\" &&\r\n                                                                      message.document_Path !==\r\n                                                                      \"-\" ? (\r\n                                                                      <div>\r\n                                                                        <p\r\n                                                                          className=\"message-content\"\r\n                                                                          name=\"Popmsg\"\r\n                                                                        // style={{\r\n                                                                        //   wordWrap: \"break-word\",\r\n                                                                        // }}\r\n                                                                        >\r\n                                                                          {message.message !=\r\n                                                                            \"-\" ? (\r\n                                                                            <>\r\n                                                                              {\r\n                                                                                message.message\r\n                                                                              }\r\n                                                                            </>\r\n                                                                          ) : null}\r\n                                                                        </p>\r\n                                                                        {/* <i className=\"fa fa-ellipsis-h\" style={{ float: \"Right\" }} aria-hidden=\"true\"\r\n                                                    onClick={() => this.deleteMenu(message.id, message.group_id, message.senderId, message.createDateTime,\r\n                                                      message.message, message.picture_Path, message.document_Path)}></i> */}\r\n                                                                        <br />\r\n                                                                        <a\r\n                                                                          href={\r\n                                                                            message.document_Path\r\n                                                                          }\r\n                                                                          name=\"picture\"\r\n                                                                          readOnly\r\n                                                                          value={\r\n                                                                            message.document_Path\r\n                                                                          }\r\n                                                                          title=\"\"\r\n                                                                          target=\"_blank\"\r\n                                                                          style={{\r\n                                                                            width:\r\n                                                                              \"120px\",\r\n                                                                            height:\r\n                                                                              \"200px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          {/* <embed\r\n                                                    src={message.document_Path}\r\n                                                    title=\"\"\r\n                                                    scrolling=\"no\"\r\n                                                    target=\"_blank\"\r\n                                                    style={{\r\n                                                      width: \"100px\",\r\n                                                      height: \"100px\",\r\n                                                      pointerEvents: \"none\",\r\n                                                    }}\r\n                                                  ></embed> */}\r\n                                                                          <div\r\n                                                                            className=\"row\"\r\n                                                                            style={{\r\n                                                                              width:\r\n                                                                                \"180px\",\r\n                                                                              height:\r\n                                                                                \"60px\",\r\n                                                                              borderRadius:\r\n                                                                                \"5px\",\r\n                                                                              boxShadow:\r\n                                                                                \"rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px\",\r\n                                                                              background:\r\n                                                                                \"#e8e8e8\",\r\n                                                                              alignItems:\r\n                                                                                \"center\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            <div className=\"col-lg-3\">\r\n                                                                              <img\r\n                                                                                src={\r\n                                                                                  File1\r\n                                                                                }\r\n                                                                                style={{\r\n                                                                                  height:\r\n                                                                                    \"30px\",\r\n                                                                                  width:\r\n                                                                                    \"30px\",\r\n                                                                                }}\r\n                                                                              ></img>\r\n                                                                            </div>\r\n                                                                            <div className=\"col-lg-9\">\r\n                                                                              {message\r\n                                                                                .document_Path\r\n                                                                                .length >\r\n                                                                                85 ? (\r\n                                                                                <>\r\n                                                                                  <div\r\n                                                                                    style={{\r\n                                                                                      opacity:\r\n                                                                                        DName &&\r\n                                                                                          documentname ==\r\n                                                                                          message.id\r\n                                                                                          ? 1\r\n                                                                                          : 0,\r\n                                                                                      width:\r\n                                                                                        \"150px\",\r\n                                                                                      height:\r\n                                                                                        \"auto\",\r\n                                                                                      overflowWrap:\r\n                                                                                        \"break-word\",\r\n                                                                                      zIndex:\r\n                                                                                        \"109\",\r\n                                                                                      border:\r\n                                                                                        \"1px solid black\",\r\n                                                                                      background:\r\n                                                                                        \"#0000007d\",\r\n                                                                                      color:\r\n                                                                                        \"white\",\r\n                                                                                      alignItems:\r\n                                                                                        \"center\",\r\n                                                                                      position:\r\n                                                                                        \"absolute\",\r\n                                                                                      top: \"-50px\",\r\n                                                                                      left: \"-50px\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    <p\r\n                                                                                      style={{\r\n                                                                                        fontSize:\r\n                                                                                          \"10px\",\r\n                                                                                      }}\r\n                                                                                    >\r\n                                                                                      {\r\n                                                                                        result1\r\n                                                                                      }\r\n                                                                                    </p>\r\n                                                                                  </div>\r\n                                                                                  <p\r\n                                                                                    style={{\r\n                                                                                      marginTop:\r\n                                                                                        \"10px\",\r\n                                                                                      textAlign:\r\n                                                                                        \"center\",\r\n                                                                                      fontSize:\r\n                                                                                        \"10px\",\r\n                                                                                      fontWeight:\r\n                                                                                        \"600\",\r\n                                                                                      color:\r\n                                                                                        \"#19578b\",\r\n                                                                                    }}\r\n                                                                                    onMouseOver={(\r\n                                                                                      e\r\n                                                                                    ) => {\r\n                                                                                      e.preventDefault();\r\n                                                                                      this.documentName(\r\n                                                                                        message.id\r\n                                                                                      );\r\n                                                                                    }}\r\n                                                                                    onMouseLeave={\r\n                                                                                      this\r\n                                                                                        .documentNameL\r\n                                                                                    }\r\n                                                                                  >\r\n                                                                                    {\r\n                                                                                      result\r\n                                                                                    }\r\n                                                                                    ...\r\n                                                                                  </p>\r\n                                                                                </>\r\n                                                                              ) : (\r\n                                                                                <p\r\n                                                                                  style={{\r\n                                                                                    marginTop:\r\n                                                                                      \"10px\",\r\n                                                                                    textAlign:\r\n                                                                                      \"center\",\r\n                                                                                    fontSize:\r\n                                                                                      \"10px\",\r\n                                                                                    fontWeight:\r\n                                                                                      \"600\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  {\r\n                                                                                    result\r\n                                                                                  }\r\n                                                                                </p>\r\n                                                                              )}\r\n                                                                            </div>\r\n                                                                          </div>\r\n                                                                          {/* <br></br>\r\n                                                  <p>\r\n                                                    {message.document_Path}\r\n                                                  </p> */}\r\n                                                                        </a>\r\n                                                                      </div>\r\n                                                                    ) : (\r\n                                                                      <div>\r\n                                                                        {/* <i className=\"fa fa-ellipsis-h\" style={{ float: \"Right\" }} aria-hidden=\"true\"\r\n                                                    onClick={() => this.deleteMenu(message.id, message.group_id, message.senderId, message.createDateTime,\r\n                                                      message.message, message.picture_Path, message.document_Path)}></i> */}\r\n                                                                        <p\r\n                                                                          className=\"message-content\"\r\n                                                                          name=\"Popmsg\"\r\n                                                                        // style={{\r\n                                                                        //   wordWrap: \"break-word\",\r\n                                                                        // }}\r\n                                                                        >\r\n                                                                          {message.message !=\r\n                                                                            \"-\" ? (\r\n                                                                            <>\r\n                                                                              {\r\n                                                                                message.message\r\n                                                                              }\r\n                                                                            </>\r\n                                                                          ) : null}\r\n                                                                        </p>\r\n                                                                        <br />\r\n                                                                        <a\r\n                                                                          href={\r\n                                                                            message.picture_Path\r\n                                                                          }\r\n                                                                          name=\"picture\"\r\n                                                                          readOnly\r\n                                                                          value={\r\n                                                                            message.picture_Path\r\n                                                                          }\r\n                                                                          title=\"\"\r\n                                                                          target=\"_blank\"\r\n                                                                          style={{\r\n                                                                            width:\r\n                                                                              \"120px\",\r\n                                                                            height:\r\n                                                                              \"200px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <div>\r\n                                                                            <img\r\n                                                                              alt=\"chatimg\"\r\n                                                                              width=\"80\"\r\n                                                                              height=\"80\"\r\n                                                                              src={\r\n                                                                                message.picture_Path\r\n                                                                              }\r\n                                                                            // style={{\r\n                                                                            //   width:\r\n                                                                            //     \"inherit\",\r\n                                                                            // }}\r\n                                                                            />\r\n                                                                          </div>\r\n                                                                        </a>\r\n                                                                      </div>\r\n                                                                    )}\r\n                                                                  </>\r\n                                                                )}\r\n                                                              </>\r\n                                                            )}\r\n                                                            <br />\r\n                                                            <div className=\"message-timestamp-right\">\r\n                                                              {/* <TimeAgo\r\n                                      date={message.createDateTime}\r\n                                      live={true}\r\n                                      format={(value, unit, suffix) => {\r\n                                        if (unit === \"second\") {\r\n                                          // Custom formatting for seconds\r\n                                          return `${value} seconds ago`;\r\n                                        }\r\n                                        // Default formatting for other units\r\n                                        return `${value} ${unit}${suffix}`;\r\n                                      }}\r\n                                      locale=\"en-US\"\r\n                                      style={{ color: \"gray\" }}\r\n                                    /> */}\r\n                                                              <span\r\n                                                                style={{\r\n                                                                  color: \"gray\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <i className=\"fa fa-clock-o\"></i>\r\n                                                                &nbsp;\r\n                                                                {this.formatDateAA(\r\n                                                                  message.createDateTime\r\n                                                                )}\r\n                                                              </span>\r\n                                                              {/* <ReactTimeAgo date={message.createDateTime} locale=\"en-US\" timeStyle=\"round-minute\" style={{ color: \"gray\" }} /> */}\r\n                                                            </div>\r\n                                                          </div>\r\n                                                        )}\r\n                                                      </>\r\n                                                    ) : null}\r\n                                                  </>\r\n                                                );\r\n                                              }\r\n                                            )}\r\n                                            <div ref={this.myRef} />\r\n                                            <center>\r\n                                              <span\r\n                                                id=\"FilterErr\"\r\n                                                style={errorpop}\r\n                                              ></span>\r\n                                            </center>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                    {Seenside && Seen == false ? (\r\n                                      <div className=\"col-lg-4\">\r\n                                        <div\r\n                                          className=\"chat-container-right\"\r\n\r\n                                        // style={{\r\n                                        //   position: \"fixed\",\r\n                                        //   height: \"71.2%\",\r\n                                        //   width: \"23%\",\r\n                                        //   backgroundColor: \"white\",\r\n                                        // }}\r\n                                        //                               style={{ borderLeft: '1px solid #DDDDDD',\r\n                                        //    height: '502px',\r\n                                        //   position: 'absolute',\r\n                                        //   left: '50%',\r\n                                        //   marginLeft: '18%',\r\n                                        //  width:'19.5%',\r\n                                        //   top: '20.5%',\r\n                                        //   background:'white'\r\n                                        //   }}\r\n                                        >\r\n                                          <div className=\"mchat10\">\r\n                                            <div className=\"mchat\">\r\n                                              {/* <center>\r\n\r\n<span className=\"btn\" style={{color:\"red\"}} onClick={this.enddisc}>End Discussion</span>\r\n{Privacy == 0 ?<span className=\"btn\" onClick={this.GroupPrivate}>Private</span>: <span className=\"btn\" >Public</span>}<br></br>\r\n<span className=\"btn\" onClick={this.Addpop}>Add Members</span>  \r\n\r\n</center> */}\r\n                                              {/* <center style={{marginLeft: \"3%\"}}>\r\n  <br></br>\r\n  {/* <h6 style={{ marginTop: \"40px\" }}><b>{GroupTitle}: {this.state.AllMember.length} Participants</b></h6> */}\r\n                                              {/* {EndStatus != 0 ? <button className=\"Endbutton-42\" onClick={this.enddisc} >\r\n    <span style={{ fontSize: \"10px\" }}>End</span>\r\n    <span style={{ fontSize: \"10px\", marginTop: \"10px\" }}> Discussion</span>\r\n  </button> : null}&nbsp;&nbsp;\r\n  {Privacy == 0 && createdby == UserId && this.state.reloadbutton === true ? (<button className=\"Privatebutton-42\" onClick={this.GroupPrivate}>\r\n    <span style={{ fontSize: \"10px\" }}>Private</span>\r\n  </button>) : (Privacy == 0 && createdby != UserId ? <button className=\"Privatebutton-42\" onClick={this.private}><span style={{ fontSize: \"10px\" }}>Private</span></button> : <button className=\"Privatebutton-42\" onClick={this.private}>\r\n    <span style={{ fontSize: \"10px\" }} >Public</span></button>)}&nbsp;&nbsp;&nbsp;&nbsp;\r\n  {createdby == UserId && EndStatus != 0 ? <i className=\"fa fa-user-plus\" id=\"GroupAddIcon\" onClick={this.openPopup} style={{ color: \"#594eaa\",fontSize:\"20px\", marginTop: \"8px\", position: \"absolute\" }} aria-hidden=\"true\"></i> : null}\r\n  <br></br>\r\n  <br></br>\r\n</center> */}\r\n                                              <div style={{ marginLeft: \"7%\", width: \"10%\" }}>\r\n                                                <br></br>\r\n                                                {/* {Privacy === 0 && this.state.reloadbutton === true  ?\r\n<><div style={{marginBottom:\"-6%\"}}>\r\n<label style={{color:\"green\"}}>\r\n<input\r\n          id=\"option1\"\r\n            type=\"radio\"\r\n            value=\"option1\"\r\n            checked={this.state.selectedOption === 'option1'}\r\n            onChange={this.handleOptionChange1}\r\n            style={{marginLeft:\"-6%\"}}\r\n          />\r\n<span style={{marginLeft:\"6%\"}}>This discussion is Private</span>\r\n</label>\r\n<br></br>\r\n<label style={{marginLeft:\"-4%\"}}>\r\n<input\r\n           id=\"option2\"\r\n            type=\"radio\"\r\n            value=\"option2\"\r\n            checked={this.state.selectedOption === 'option2'}\r\n            onChange={this.handleOptionChange}\r\n           // onClick={this.GroupPrivate}\r\n            style={{marginLeft:\"-29%\"}}\r\n          />\r\n         { (<label   style={{marginLeft:\"19%\",marginTop:\"2%\"}}>\r\n<div onClick={this.GroupPrivate} style={{ fontSize: \"15px\",color:\"red\",cursor:\"pointer\",marginLeft:\"-15%\" }} >Make it as Public</div> \r\n</label>)}\r\n</label>\r\n</div>\r\n<br/>\r\n</>\r\n        :\r\n<>\r\n       {<span style={{ fontSize: \"15px\", color:\"gray\",cursor:\"pointer\",marginLeft:\"7%\"}}><p style={{color:\"red\",marginTop:\"-6%\",marginBottom:\"2%\"}}>This discussion is Public</p>All the user can view the discussion</span>} &nbsp;&nbsp;&nbsp;&nbsp;  \r\n</>} */}\r\n\r\n                                                {/* <div\r\n                                              className=\"row\"\r\n                                              id=\"p2\"\r\n                                              style={{ marginTop: \"-10%\" }}\r\n                                            >\r\n                                              {Privacy === 0 &&\r\n                                              this.state.reloadbutton ===\r\n                                                true ? (\r\n                                                <>\r\n                                                  <div\r\n                                                    id=\"btnp\"\r\n                                                    style={{\r\n                                                      marginBottom: \"-6%\",\r\n                                                      marginTop: \"9%\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <span\r\n                                                      className=\"GTbuttons\"\r\n                                                      style={{\r\n                                                        marginLeft: \"93%\",\r\n                                                        marginTop: \"1%\",\r\n                                                        border:\r\n                                                          \"2px solid rgb(156 145 244)\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <b>Private</b>\r\n                                                    </span>\r\n\r\n                                                    <br></br>\r\n                                                    {\r\n                                                      <div\r\n                                                        className=\"GTbuttons\"\r\n                                                        onClick={\r\n                                                          this.GroupPrivate\r\n                                                        }\r\n                                                        style={{\r\n                                                          top: \"-50%\",\r\n                                                          marginLeft: \"240%\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <b>Public</b>\r\n                                                      </div>\r\n                                                    }\r\n                                                  </div>\r\n                                                  <br />\r\n                                                </>\r\n                                              ) : (\r\n                                                <>\r\n                                                  {\r\n                                                    <span\r\n                                                      style={{\r\n                                                        marginLeft: \"24%\",\r\n                                                        marginTop: \"9%\",\r\n                                                        marginBottom: \"4%\",\r\n                                                        color: \"gray\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <b>\r\n                                                        This discussion is\r\n                                                        Public\r\n                                                      </b>\r\n                                                      <br></br>\r\n                                                      <b>\r\n                                                        All the user can view\r\n                                                        the Chat\r\n                                                      </b>\r\n                                                    </span>\r\n                                                  }{\" \"}\r\n                                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                </>\r\n                                              )}\r\n                                            </div> */}\r\n\r\n\r\n                                                {createdby == UserId &&\r\n                                                  EndStatus != 0 ? (\r\n                                                  <>\r\n                                                    <span\r\n                                                      className=\"btn\"\r\n                                                      style={{\r\n                                                        width: \"3%\",\r\n                                                        color: \"gray\",\r\n                                                        backgroundColor:\r\n                                                          \"lightGray\",\r\n                                                        borderRadius: \"50%\",\r\n                                                        alignItems: \"center\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <span\r\n                                                        onClick={this.openPopup}\r\n                                                        id=\"GroupAddIcon\"\r\n                                                      >\r\n                                                        <i\r\n                                                          className=\"fa-solid fa-user-plus\"\r\n                                                          aria-hidden=\"true\"\r\n                                                        ></i>\r\n                                                        &nbsp;&nbsp;Add\r\n                                                        Participants\r\n                                                      </span>\r\n                                                    </span>\r\n                                                    <br></br>\r\n                                                    {/* <p\r\n                                                      style={{\r\n                                                        color: \"black\",\r\n                                                        marginLeft: \"14%\",\r\n                                                        marginTop: \"2%\",\r\n                                                        fontWeight: \"bold\",\r\n                                                      }}\r\n                                                    >\r\n                                                      Group Participants :\r\n                                                    </p> */}\r\n                                                  </>\r\n                                                ) : null}\r\n\r\n                                                {/* &nbsp;&nbsp;&nbsp;\r\n                                                {EndStatus != 0 &&\r\n                                                Status == 1 ? (\r\n                                                  <span\r\n                                                    className=\"btn\"\r\n                                                    style={{\r\n                                                      width: \"3%\",\r\n                                                      color: \"gray\",\r\n                                                      backgroundColor:\r\n                                                        \"lightGray\",\r\n                                                      borderRadius: \"50%\",\r\n                                                      alignItems: \"center\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <span\r\n                                                      onClick={this.enddisc}\r\n                                                      id=\"enddiscresp\"\r\n                                                    >\r\n                                                      <i\r\n                                                        className=\"fa-solid fa-arrow-right-from-bracket\"\r\n                                                        aria-hidden=\"true\"\r\n                                                      ></i>\r\n                                                      &nbsp;&nbsp;\r\n                                                    </span>\r\n                                                  </span>\r\n                                                ) : null}\r\n                                                <br />\r\n                                                <br /> */}\r\n                                                {/* {createdby !== UserId &&\r\n                                                EndStatus != 0 ? ( */}\r\n                                                <span\r\n                                                  style={\r\n                                                    {\r\n                                                      // width:\"3%\",\r\n                                                      // color:\"gray\",\r\n                                                      // backgroundColor:\"lightGray\",\r\n                                                      // borderRadius:\"50%\",\r\n                                                      // alignItems:\"center\"\r\n                                                    }\r\n                                                  }\r\n                                                >\r\n\r\n                                                </span>\r\n                                                {/* ) : null} */}\r\n                                                {/*  {EndStatus != 0 ? <button className=\"Endbutton-42\" onClick={this.enddisc} style={{marginLeft:\"17%\",marginTop:\"0%\"}} >\r\n <span style={{ fontSize: \"10px\" }}>End</span>\r\n<span style={{ fontSize: \"10px\", marginTop: \"10px\" }}> Discussion</span> \r\n</button> : null}*/}\r\n\r\n                                                {/* <br></br>\r\n                                              <br></br> */}\r\n                                              </div>\r\n\r\n                                              {/* {createdby == UserId && EndStatus != 0 ? <i className=\"fa fa-user-plus\" id=\"GroupAddIcon\" onClick={this.openPopup} style={{ color: \"#594eaa\",fontSize:\"20px\", marginTop: \"8px\", marginLeft:\"3%\", position: \"absolute\" }} aria-hidden=\"true\"></i> : null}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; */}\r\n                                              {/* {Privacy == 0 && createdby == UserId && this.state.reloadbutton === true ? (<label  className=\"high\" onClick={this.GroupPrivate} style={{marginLeft:\"19%\",marginTop:\"2%\"}}>\r\n    <a style={{ fontSize: \"15px\",color:\"#4BB543\",cursor:\"pointer\",marginLeft:\"-34%\" }} >This Discussion is Private</a>\r\n  </label>) : (Privacy == 0 && createdby != UserId ? <label className=\"high\" onClick={this.private}><span style={{ fontSize: \"10px\",marginLeft:\"-10%\" }}>Private</span></label> : <label className=\"high\" onClick={this.private} style={{marginLeft:\"19%\",marginTop:\"2%\"}}>\r\n    <span style={{ fontSize: \"15px\", color:\"#4BB543 \",cursor:\"pointer\",marginLeft:\"-34%\" }} >This Discussion is Public</span></label>)}&nbsp;&nbsp;&nbsp;&nbsp;\r\n    <br />\r\n    {createdby == UserId && EndStatus != 0 ? <i className=\"fa fa-user-plus\" id=\"GroupAddIcon\" onClick={this.openPopup} style={{ color: \"#594eaa\",fontSize:\"20px\", marginTop: \"8px\", marginLeft:\"-7%\", position: \"absolute\" }} aria-hidden=\"true\"></i> : null}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n    {EndStatus != 0 ? <button className=\"Endbutton-42\" onClick={this.enddisc} style={{marginLeft:\"-1%\"}} >\r\n    <span style={{ fontSize: \"10px\" }}>End</span>\r\n    <span style={{ fontSize: \"10px\", marginTop: \"10px\" }}> Discussion</span>\r\n  </button> : null}\r\n  <br></br>\r\n  <br></br>\r\n</center>   */}\r\n\r\n                                              <br></br>\r\n                                              <div style={{ marginTop: \"-6%\" }}>\r\n                                                <p\r\n                                                  style={{\r\n                                                    color: \"black\",\r\n                                                    marginTop: \"2%\",\r\n                                                  }}\r\n                                                >\r\n                                                  Group Participants :\r\n                                                </p>\r\n                                                <div\r\n                                                  id={createdby === UserId ? 'rightside' : 'rightsideA'}\r\n                                                // style={{\r\n                                                //   height: \"335px\",\r\n                                                //   overflowY: \"scroll\",\r\n                                                //   overflowX: \"hidden\",\r\n                                                //   textAlign: \"left\",\r\n                                                // }}\r\n                                                >\r\n                                                  {AllMembers.map((member) => {\r\n                                                    return (\r\n                                                      <>\r\n                                                        <center>\r\n                                                          <ul\r\n                                                            style={{\r\n                                                              listStyle: \"none\",\r\n                                                              padding: \"0\",\r\n                                                              textAlign: \"left\",\r\n                                                            }}\r\n                                                            id=\"srll\"\r\n                                                          >\r\n                                                            {member.end_Status_ChangeDate === null ?\r\n                                                              <>\r\n                                                                {member.end_Status === 1 && member.status === 1 ?\r\n                                                                  <li\r\n                                                                    style={{\r\n                                                                      padding:\r\n                                                                        \" 9px 9px\",\r\n                                                                      borderBottom:\r\n                                                                        \"1px solid #DDDDDD\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {/* <i\r\n                                                              className=\"fa-solid fa-circle\"\r\n                                                              style={{\r\n                                                                fontSize: \"7px\",\r\n                                                                color: \"gray\",\r\n                                                              }}\r\n                                                            ></i> */}\r\n                                                                    &nbsp;&nbsp;&nbsp;\r\n                                                                    {member.activeStatus ===\r\n                                                                      1 && member.end_Status === 1 ? (\r\n                                                                      <>\r\n                                                                        <img\r\n                                                                          src={\r\n                                                                            onlinedot\r\n                                                                          }\r\n                                                                          className=\"media-object img-circle\"\r\n                                                                          style={{\r\n                                                                            marginTop:\r\n                                                                              \"0px\",\r\n                                                                            width:\r\n                                                                              \"10px\",\r\n                                                                            animation:\r\n                                                                              \"greenonline 2s infinite\",\r\n                                                                            // position: \"absolute\",\r\n                                                                          }}\r\n                                                                          title=\"Online\"\r\n                                                                        />\r\n                                                                      </>\r\n                                                                    ) : member.end_Status === 1 ? (\r\n                                                                      <>\r\n                                                                        <img\r\n                                                                          src={\r\n                                                                            offlinedot\r\n                                                                          }\r\n                                                                          className=\"media-object img-circle\"\r\n                                                                          style={{\r\n                                                                            marginTop:\r\n                                                                              \"0px\",\r\n                                                                            width:\r\n                                                                              \"10px\",\r\n                                                                            animation:\r\n                                                                              \"offlinego 2s infinite\",\r\n                                                                            // position: \"absolute\",\r\n                                                                          }}\r\n                                                                          title=\"Offline\"\r\n                                                                        />\r\n                                                                      </>\r\n                                                                    ) : null}\r\n                                                                    &nbsp;&nbsp;&nbsp;\r\n                                                                    {EMail ===\r\n                                                                      member.user_id && createdby === UserId ? (\r\n                                                                      <b>\r\n                                                                        You{\" \"}\r\n                                                                        <span\r\n                                                                          className=\"Fontsize_In_chat\"\r\n                                                                          style={{\r\n                                                                            color:\r\n                                                                              \"Gray\",\r\n                                                                            whiteSpace:\r\n                                                                              \"nowrap\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          (\r\n                                                                          {\r\n                                                                            member.user_id\r\n                                                                          }\r\n                                                                          )\r\n                                                                        </span>&nbsp;&nbsp;\r\n                                                                        <span style={{\r\n                                                                          display: \"inline-block\",\r\n                                                                          padding: \"2px 5px\",\r\n                                                                          backgroundColor: \"lightgreen\",\r\n                                                                          borderRadius: \"10px\",\r\n                                                                          color: \"gray\",\r\n                                                                          fontSize: \"6px\",\r\n                                                                        }}>\r\n                                                                          Group Admin\r\n                                                                        </span>\r\n                                                                      </b>\r\n                                                                    ) : member.end_Status === 1 ? (\r\n                                                                      <b>\r\n                                                                        {member.name}{\" \"}\r\n                                                                        <span\r\n                                                                          className=\"Fontsize_In_chat\"\r\n                                                                          style={{\r\n                                                                            color:\r\n                                                                              \"Gray\",\r\n                                                                            whiteSpace:\r\n                                                                              \"nowrap\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          (\r\n                                                                          {\r\n                                                                            member.user_id\r\n                                                                          }\r\n                                                                          )\r\n                                                                        </span>&nbsp;&nbsp;\r\n                                                                        {member.created_Name === member.name ?\r\n                                                                          <span style={{\r\n                                                                            display: \"inline-block\",\r\n                                                                            padding: \"2px 5px\",\r\n                                                                            backgroundColor: \"lightgreen\",\r\n                                                                            borderRadius: \"10px\",\r\n                                                                            color: \"gray\",\r\n                                                                            fontSize: \"6px\",\r\n                                                                          }}>\r\n                                                                            Group Admin\r\n                                                                          </span>\r\n                                                                          : null}\r\n                                                                      </b>\r\n                                                                    ) : null}\r\n                                                                    {/* <b>{member.name}</b> */}\r\n                                                                    {createdby ==\r\n                                                                      UserId ? (\r\n                                                                      <span\r\n                                                                        style={{\r\n                                                                          float:\r\n                                                                            \"right\",\r\n                                                                          marginRight:\r\n                                                                            \"-3%\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        {\" \"}\r\n                                                                        {EMail !==\r\n                                                                          member.user_id &&\r\n                                                                          EndStatus ==\r\n                                                                          1 && member.end_Status === 1 ? (\r\n                                                                          <i\r\n                                                                            className=\"fa fa-times\"\r\n                                                                            aria-hidden=\"true\"\r\n                                                                            style={{\r\n                                                                              color:\r\n                                                                                \"gray\",\r\n                                                                              cursor:\r\n                                                                                \"pointer\",\r\n                                                                            }}\r\n                                                                            onClick={() =>\r\n                                                                              this.Deletepop(\r\n                                                                                member.user_id,\r\n                                                                                member.name\r\n                                                                              )\r\n                                                                            }\r\n                                                                          ></i>\r\n                                                                        ) : null}\r\n                                                                      </span>\r\n                                                                    ) : null}\r\n                                                                  </li> : null}</> : <>\r\n                                                                {member.status === 1 && member.leaving === 0 ?\r\n                                                                  <li\r\n                                                                    style={{\r\n                                                                      padding:\r\n                                                                        \" 9px 9px\",\r\n                                                                      borderBottom:\r\n                                                                        \"1px solid #DDDDDD\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {/* <i\r\n                                                              className=\"fa-solid fa-circle\"\r\n                                                              style={{\r\n                                                                fontSize: \"7px\",\r\n                                                                color: \"gray\",\r\n                                                              }}\r\n                                                            ></i> */}\r\n                                                                    &nbsp;&nbsp;&nbsp;\r\n                                                                    {member.activeStatus ===\r\n                                                                      1 && member.end_Status === 0 ? (\r\n                                                                      <>\r\n                                                                        <img\r\n                                                                          src={\r\n                                                                            onlinedot\r\n                                                                          }\r\n                                                                          className=\"media-object img-circle\"\r\n                                                                          style={{\r\n                                                                            marginTop:\r\n                                                                              \"0px\",\r\n                                                                            width:\r\n                                                                              \"10px\",\r\n                                                                            animation:\r\n                                                                              \"greenonline 2s infinite\",\r\n                                                                            // position: \"absolute\",\r\n                                                                          }}\r\n                                                                          title=\"Online\"\r\n                                                                        />\r\n                                                                      </>\r\n                                                                    ) : member.end_Status === 0 ? (\r\n                                                                      <>\r\n                                                                        <img\r\n                                                                          src={\r\n                                                                            offlinedot\r\n                                                                          }\r\n                                                                          className=\"media-object img-circle\"\r\n                                                                          style={{\r\n                                                                            marginTop:\r\n                                                                              \"0px\",\r\n                                                                            width:\r\n                                                                              \"10px\",\r\n                                                                            animation:\r\n                                                                              \"offlinego 2s infinite\",\r\n                                                                            // position: \"absolute\",\r\n                                                                          }}\r\n                                                                          title=\"Offline\"\r\n                                                                        />\r\n                                                                      </>\r\n                                                                    ) : null}\r\n                                                                    &nbsp;&nbsp;&nbsp;\r\n                                                                    {EMail ===\r\n                                                                      member.user_id && createdby === UserId ? (\r\n                                                                      <b>\r\n                                                                        You{\" \"}\r\n                                                                        <span\r\n                                                                          className=\"Fontsize_In_chat\"\r\n                                                                          style={{\r\n                                                                            color:\r\n                                                                              \"Gray\",\r\n                                                                            whiteSpace:\r\n                                                                              \"nowrap\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          (\r\n                                                                          {\r\n                                                                            member.user_id\r\n                                                                          }\r\n                                                                          )\r\n                                                                        </span>&nbsp;&nbsp;\r\n                                                                        <span style={{\r\n                                                                          display: \"inline-block\",\r\n                                                                          padding: \"2px 5px\",\r\n                                                                          backgroundColor: \"lightgreen\",\r\n                                                                          borderRadius: \"10px\",\r\n                                                                          color: \"gray\",\r\n                                                                          fontSize: \"6px\",\r\n                                                                        }}>\r\n                                                                          Group Admin\r\n                                                                        </span>\r\n                                                                      </b>\r\n                                                                    ) : member.end_Status === 0 ? (\r\n                                                                      <b>\r\n                                                                        {member.name}{\" \"}\r\n                                                                        <span\r\n                                                                          className=\"Fontsize_In_chat\"\r\n                                                                          style={{\r\n                                                                            color:\r\n                                                                              \"Gray\",\r\n                                                                            whiteSpace:\r\n                                                                              \"nowrap\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          (\r\n                                                                          {\r\n                                                                            member.user_id\r\n                                                                          }\r\n                                                                          )\r\n                                                                        </span>&nbsp;&nbsp;\r\n                                                                        {member.created_Name === member.name ?\r\n                                                                          <span style={{\r\n                                                                            display: \"inline-block\",\r\n                                                                            padding: \"2px 5px\",\r\n                                                                            backgroundColor: \"lightgreen\",\r\n                                                                            borderRadius: \"10px\",\r\n                                                                            color: \"gray\",\r\n                                                                            fontSize: \"6px\",\r\n                                                                          }}>\r\n                                                                            Group Admin\r\n                                                                          </span>\r\n                                                                          : null}\r\n                                                                      </b>\r\n                                                                    ) : null}\r\n\r\n                                                                  </li> : null}</>}\r\n                                                            {/* <li style={{padding:\" 10px 10px\",border:\"1px solid #DDDDDD\"}}>{member.name}</li> */}\r\n                                                          </ul>\r\n                                                        </center>\r\n                                                        {/* <div style={deletepop}>\r\n\r\n    <center style={{ marginTop: \"50px\" }}>\r\n      <input defaultValue={this.props.values.groupId} type=\"hidden\" id=\"groupid\"></input>\r\n\r\n      <input defaultValue={Deleteuserid} type=\"hidden\" id=\"duserid\"></input>\r\n      <input defaultValue={Deleteusername} type=\"hidden\" id=\"dusername\"></input>\r\n      \r\n      <h6>Are You Sure Want to <span style={{ color: \"red\" }}>Delete?</span></h6>\r\n      <br></br>\r\n      <span className=\"btn\" onClick={this.DeleteUserGroup}>Confirm</span> &nbsp;&nbsp;&nbsp;&nbsp; <span className=\"btn\" onClick={this.hideDeletepop}>Cancel</span>\r\n    </center>\r\n\r\n    <br></br>\r\n\r\n  </div> */}\r\n                                                      </>\r\n                                                    );\r\n                                                  })}\r\n                                                </div>\r\n                                                <br />\r\n                                                <center\r\n                                                  style={{\r\n                                                    marginRight: \"76%\",\r\n                                                    cursor: \"pointer\",\r\n                                                    // marginTop: \"-15%\",\r\n                                                  }}\r\n                                                >\r\n\r\n                                                  {EndStatus != 0 && createdby === UserId &&\r\n                                                    Status == 1 ? (\r\n                                                    <span\r\n                                                      className=\"btn\"\r\n                                                      style={{\r\n                                                        width: \"3%\",\r\n                                                        color: \"gray\",\r\n                                                        backgroundColor:\r\n                                                          \"lightGray\",\r\n                                                        borderRadius: \"50%\",\r\n                                                        alignItems: \"center\",\r\n                                                        marginBottom: \"13px\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <span\r\n                                                        onClick={this.enddisc}\r\n                                                        id=\"enddiscresp\"\r\n                                                      >\r\n                                                        <i\r\n                                                          className=\"fa-solid fa-arrow-right-from-bracket\"\r\n                                                          aria-hidden=\"true\"\r\n                                                        ></i>\r\n                                                        &nbsp;&nbsp;End Discussion\r\n                                                      </span>\r\n                                                    </span>\r\n                                                  ) : (\r\n\r\n                                                    <>\r\n                                                      {AllMembers.map((member) => {\r\n                                                        return (\r\n                                                          <>\r\n                                                            {EMail === member.user_id && member.end_Status === 1 && member.status === 1 ?\r\n                                                              <span\r\n                                                                className=\"btn\"\r\n                                                                style={{\r\n                                                                  width: \"3%\",\r\n                                                                  color: \"gray\",\r\n                                                                  backgroundColor:\r\n                                                                    \"lightGray\",\r\n                                                                  borderRadius: \"50%\",\r\n                                                                  alignItems: \"center\",\r\n                                                                  marginBottom: \"13px\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <span\r\n                                                                  onClick={this.Leavedisc}\r\n                                                                  id=\"enddiscresp\"\r\n                                                                >\r\n                                                                  <i\r\n                                                                    className=\"fa-solid fa-arrow-right-from-bracket\"\r\n                                                                    aria-hidden=\"true\"\r\n                                                                  ></i>\r\n                                                                  &nbsp;&nbsp;Leave Discussion\r\n                                                                </span>\r\n                                                              </span> : null}\r\n                                                          </>\r\n                                                        );\r\n                                                      })}\r\n\r\n\r\n                                                    </>\r\n                                                  )}\r\n\r\n                                                </center>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    ) : (\r\n                                      <>\r\n                                        <div className=\"col-lg-4\" style={seenStyles} ref={this.containerRef}>\r\n                                          <div\r\n                                            className=\"chat-container-right\"\r\n                                          >\r\n                                            <div style={{\r\n                                              marginTop: \"14px\",\r\n                                              color: \"gray\",\r\n                                              marginLeft: \"-7%\",\r\n                                              marginBottom: \"19px\",\r\n                                              alignItems: \"center\",\r\n                                            }}\r\n                                            >\r\n                                              <i className=\"fa-solid fa-eye\" style={{ fontSize: \"17px\", marginLeft: \"39px\" }}></i>&nbsp;&nbsp;&nbsp;<span style={{ color: \"black\", fontSize: \"17px\" }}><b>Seen By</b></span>\r\n                                              <i className=\"fa fa-times\" style={{ fontSize: \"17px\", float: \"right\", marginRight: \"10px\" }} onClick={() => {\r\n                                                this.setState({\r\n                                                  Seen: false,\r\n                                                });\r\n                                              }}></i>\r\n                                            </div>\r\n                                            <div className=\"mchat10\" style={{ overflow: \"hidden scroll\", height: \"340px\" }}>\r\n                                              <div>\r\n                                                {SeenMsgMembers.map((Members) => (\r\n                                                  <span style={{ float: \"\" }}>\r\n                                                    <>\r\n                                                      <ul\r\n                                                        style={{\r\n                                                          listStyle: \"none\",\r\n                                                          padding: \"0\",\r\n                                                          width: \"95%\",\r\n                                                          textAlign: \"left\",\r\n                                                          display: \"block\",\r\n                                                        }}\r\n                                                      >\r\n                                                        {EMail ==\r\n                                                          Members.group_Member ? null : (\r\n                                                          <li\r\n                                                            style={{\r\n                                                              padding: \" 10px 10px\",\r\n                                                              borderBottom: \"1px solid #DDDDDD\",\r\n                                                              display: \"block\",\r\n                                                            }}\r\n                                                          >\r\n                                                            <i\r\n                                                              className=\"fa-solid fa-circle\"\r\n                                                              style={{\r\n                                                                fontSize: \"7px\",\r\n                                                                color: \"gray\",\r\n                                                              }}\r\n                                                            ></i>\r\n                                                            &nbsp;&nbsp;&nbsp;\r\n                                                            {Members.name}{\" \"}\r\n                                                            <span\r\n                                                              className=\"Fontsize_In_chat\"\r\n                                                              style={{\r\n                                                                color: \"Gray\",\r\n                                                                whiteSpace: \"nowrap\",\r\n                                                              }}\r\n                                                            ></span>\r\n                                                          </li>\r\n                                                        )}\r\n                                                      </ul>\r\n                                                    </>\r\n                                                  </span>\r\n                                                ))}\r\n                                                <br />\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </>\r\n                                    )}\r\n                                  </div>\r\n                                </div>\r\n                                <div id=\"attachments\" style={attachStyles}>\r\n                              <ul id=\"listmenu\">\r\n                                <label style={{ marginTop: \"8px\" }}>\r\n                                  <span\r\n                                    className=\"fa fa-picture-o\"\r\n                                    aria-hidden=\"true\"\r\n                                    style={{\r\n                                      color: \"#5d4fd0\",\r\n                                      marginLeft: \"7px\",\r\n                                      cursor: \"pointer\",\r\n                                    }}\r\n                                    onClick={this.Picturepop}\r\n                                  ></span>\r\n                                </label>\r\n                                &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                <br />\r\n                                <label style={{ marginTop: \"8px\" }}>\r\n                                  <span\r\n                                    className=\"fa fa-file\"\r\n                                    aria-hidden=\"true\"\r\n                                    style={{\r\n                                      color: \"#5d4fd0\",\r\n                                      cursor: \"pointer\",\r\n                                    }}\r\n                                    onClick={this.Documentpop}\r\n                                  ></span>\r\n                                </label>\r\n                                &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              </ul>\r\n                            </div>\r\n                                <div\r\n                                  id=\"Chat-Input-outer\"\r\n                                >\r\n                                  <div\r\n                                    className=\"chat-footer b-t-muted\"\r\n                                    style={{ backgroundColor: \"white\" }}\r\n                                  >\r\n                                    {AllMember.map((member) => {\r\n                                      return (\r\n                                        <center>\r\n                                          {checkClosedDate.map((cd) => {\r\n                                            if (cd.group_id === member.group_Id && member.end_Status_ChangeDate !== null)\r\n                                              return (\r\n                                                <span\r\n                                                  id=\"exitspan\"\r\n                                                  style={{ display: \"none\" }}\r\n                                                >\r\n                                                  Discussion has been Ended by{\" \"}\r\n                                                  {cd.closed_Name === name ? 'You' : cd.closed_Name}{\" \"}on{\" \"}\r\n                                                  {this.formatDateAA2(\r\n                                                    cd.closed_Date\r\n                                                  )}\r\n                                                </span>\r\n                                              );\r\n                                          })}\r\n                                        </center>\r\n                                      );\r\n                                    })}\r\n                                    {AllMembers.map((member) => {\r\n                                      return (\r\n                                        <>\r\n                                          {EMail === member.user_id && member.status === 1 ?\r\n                                            <div\r\n                                              className=\"input-group write-msg\"\r\n                                              id=\"input-group write-msg\"\r\n                                              style={{\r\n                                                border: \"1px solid #bfbfbe\",\r\n                                                padding: \"2px 2px\",\r\n                                              }}\r\n                                            >\r\n                                              <input\r\n                                                type=\"text\"\r\n                                                className=\"form-control input-value\"\r\n                                                placeholder=\"Type a Message\"\r\n                                                value={this.state.message}\r\n                                                onChange={this.handleTextChange}\r\n                                                name=\"Message\"\r\n                                                style={{ border: \"none\",background:'white'  }}\r\n                                                onKeyPress={this.handleKeyPress}\r\n                                                disabled={this.state.InputDisabled}\r\n                                              />\r\n                                              {Privacy == 0 ? (\r\n                                                <input\r\n                                                  type=\"hidden\"\r\n                                                  value={Memberslist}\r\n                                                  name=\"GroupMember\"\r\n                                                />\r\n                                              ) : (\r\n                                                <input\r\n                                                  type=\"hidden\"\r\n                                                  value={mergedUsers}\r\n                                                  name=\"GroupMember\"\r\n                                                />\r\n                                              )}\r\n                                              <input\r\n                                                type=\"file\"\r\n                                                id=\"file\"\r\n                                                name=\"Picture_Path\"\r\n                                                accept=\"image/*\"\r\n                                                onChange={this.handleFileChange}\r\n                                                onFocus={(e) =>\r\n                                                  (e.target.type = \"file\")\r\n                                                }\r\n                                                style={{ display: \"none\" }}\r\n                                              />\r\n                                              <span\r\n                                                className=\"fa fa-smile-o\"\r\n                                                aria-hidden=\"true\"\r\n                                                style={{\r\n                                                  marginTop: \"10px\",\r\n                                                  fontSize: \"18px\",\r\n                                                }}\r\n                                                onClick={this.myEmoji}\r\n                                              ></span>\r\n                                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                              {showEmoji && (\r\n                                                <div\r\n                                                  style={{\r\n                                                    position: \"absolute\",\r\n                                                    zIndex: 100,\r\n                                                  }}\r\n                                                  id=\"DragpopEmoji1\"\r\n                                                >\r\n                                                  <Picker\r\n                                                    onEmojiClick={this.handleEmojiClick}\r\n                                                    height={height}\r\n                                                    width={emojiWidth}\r\n                                                  />\r\n                                                </div>\r\n                                              )}\r\n                                              <label\r\n                                                style={{\r\n                                                  marginTop: \"8px\",\r\n                                                  cursor: \"pointer\",\r\n                                                }}\r\n                                              >\r\n                                                <i\r\n                                                  className=\"fa fa-paperclip\"\r\n                                                  style={{ fontSize: \"20px\" }}\r\n                                                  aria-hidden=\"true\"\r\n                                                  onClick={this.attachMenu}\r\n                                                  id=\"AttachIcon\"\r\n                                                ></i>\r\n                                              </label>\r\n                                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                              <span className=\"input-group-btn\">\r\n                                                <button\r\n                                                  id=\"paper-btn\"\r\n                                                  className=\"btn btn-secondary\"\r\n                                                  type=\"submit\"\r\n                                                  disabled={this.state.InputDisabled}\r\n                                                >\r\n                                                  <i className=\"icofont icofont-paper-plane\"></i>\r\n                                                </button>\r\n                                              </span>\r\n                                            </div> : null}\r\n                                        </>\r\n                                      );\r\n                                    })}\r\n\r\n                                    <div\r\n                                      className=\"input-group write-msg\"\r\n                                      id=\"input-groupEdit\"\r\n                                      style={{\r\n                                        border: \"1px solid #bfbfbe\",\r\n                                        padding: \"2px 2px\",\r\n                                      }}\r\n                                    >\r\n                                      <input\r\n                                        type=\"text\"\r\n                                        className=\"form-control input-value\"\r\n                                        placeholder=\"Type a Message\"\r\n                                        value={this.state.deletemsg}\r\n                                        onChange={this.handleTextChange}\r\n                                        name=\"Message\"\r\n                                        style={{ border: \"none\",background:'white'  }}\r\n                                        onKeyPress={this.handleKeyPress}\r\n                                        disabled={this.state.InputDisabled}\r\n                                      />\r\n                                      {Privacy == 0 ? (\r\n                                        <input\r\n                                          type=\"hidden\"\r\n                                          value={Memberslist}\r\n                                          name=\"GroupMember\"\r\n                                        />\r\n                                      ) : (\r\n                                        <input\r\n                                          type=\"hidden\"\r\n                                          value={mergedUsers}\r\n                                          name=\"GroupMember\"\r\n                                        />\r\n                                      )}\r\n                                      <input\r\n                                        type=\"file\"\r\n                                        id=\"file\"\r\n                                        name=\"Picture_Path\"\r\n                                        accept=\"image/*\"\r\n                                        onChange={this.handleFileChange}\r\n                                        onFocus={(e) =>\r\n                                          (e.target.type = \"file\")\r\n                                        }\r\n                                        style={{ display: \"none\" }}\r\n                                      />\r\n                                      <span\r\n                                        className=\"fa fa-smile-o\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          marginTop: \"10px\",\r\n                                          fontSize: \"18px\",\r\n                                        }}\r\n                                        onClick={this.myEmoji}\r\n                                      ></span>\r\n                                      &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                      {showEmoji && (\r\n                                        <div\r\n                                          style={{\r\n                                            position: \"absolute\",\r\n                                            zIndex: 100,\r\n                                          }}\r\n                                          id=\"DragpopEmoji1\"\r\n                                        >\r\n                                          <Picker\r\n                                            onEmojiClick={this.handleEmojiClick}\r\n                                            height={height}\r\n                                            width={emojiWidth}\r\n                                          />\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"input-group-btn\">\r\n                                        <span\r\n                                          id=\"paper-btn\"\r\n                                          className=\"btn btn-secondary\"\r\n                                        // type=\"submit\"\r\n                                        >\r\n                                          <i\r\n                                            className=\"fa fa-check\"\r\n                                            onClick={this.EditChatMessage}\r\n                                          ></i>{\" \"}\r\n                                          &nbsp;&nbsp;{\" \"}\r\n                                          <i\r\n                                            className=\"fa fa-times\"\r\n                                            onClick={this.CanceEdit}\r\n                                          ></i>\r\n                                        </span>\r\n                                      </span>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n                          </div>\r\n                        </form>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div >\r\n          </div >\r\n        )\r\n        }\r\n      </>\r\n    );\r\n  }\r\n}","export default __webpack_public_path__ + \"static/media/online.542b1d73.png\";","export default __webpack_public_path__ + \"static/media/offlineimg.e11b44c6.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEPklEQVR4nO2aTWgWRxjHf5bGqlGsHqrpSRCag4T0UFqIphTqR9VYKkGpvZhctIVqglqr4qEXadWmnj2IoIIggoYUv3IQUsVTtUkEMWpLxYNoQAsWUWkiA88L24fZd3d2ZjdvYP/wQHiz8zzz35l5vmahRIkSJUpY0QB8DKwBvhQxf7fK/yY93gf2AP3AP8B4gjwFLgG7gWYmCWYC3cBQCoJJMgh0AfXUIKYDe4HRAES1PJadMo0awWfAvYRJ3wfOAvuBHcAmkX0OxO8AKyaS6FTgEDAWM8Hfga3Awio6FjiutrHVA9RRMOYCV2Mm9SvQklKPK+GKDABzKAjvAjctkxgBljvqykrYyHAR4WxuDNmjKb2peeaWnHkjf3s6tOE8V3oqcEUZ/E9CR1qsy8GLD+R1pg9ZyG501HEqB8JGDuYResaUEZeVrWznZzkRNnNbFjKpuGc5s65YnxPZaJwOkpzstXhjl3RvEbAUuJAzYSO7fMnWS2oXVbrSUcfRAohWZFTy+czotiQVrugADifIcXGCIUib7C4zBpWyxeSHzkCkb/jUs+MqN84b7cBPlnjvKk1ZjO/xDEM++MGT8M4sRvuVkmpVj8uu2SdxPc65vAGc8SRsIoIzom0Zk/P64mvgeUTnK+Aa8GPkBRiyRwKc4yeuk2tQCno9iM4CTqaYpHkBdx1IPZT4XpHf1P/nuUyyVQ0+4LGFRwKsmE3+UrZ+8Ykoa9Tg7QG2cBZC7VJORn9/CZwGPlX2tqvn2lwmu0ENNv2n0Fs4iaxpDiD58QHZKaaFOz/G7ialw3BIja88CHcE2K6XccdmH8Kfq8HbCiZs5BNHwt+p8auLclqhCLuu8s8+TqvBIyyFIlw5SktT9q36fMISctcTbaRPBGGX7f3AJ/FALraypJb6/IeQjxJsNoZILXcrJaY2Lir5j8p1YEqCPR2DjQNzRrPFMBNA+osUtv5QY0xbKRN0A2CJ4/jvAxTzSavb4rkw/0OXUnYOd6yN3BZGJQ3hb1Lov6jGbMGzifdIKVxFGKQhbDx+NaxQzz/2beLZOh93At3KJ5F9IdVWHGZa+uWZOh0abwG3lWJTHORNOCkqHFPPj4T8SmC55arFJb+2oRrZMwnOaod6fsxSLnqjx2Ik6YxVQ9yHL38mpJKdlpdvPqUIjjq5mtSks670tzHn9sOElR2zFBlvkhNmS2zUEz2ewTsaXf+mPLdG94miL8SjldSwxfhdz3unuHO7OuYroaEiv+CbY9ne0cQ9bUb2gfS/ey0r1WpJKqLb+G0KRp3cvMd9tnRDzvd7DjobpRDQKW3UZ+zP88ymwbIUrdgHUqAflOSgkl7ulE5Fn6pnbXI7j9Djk5zssqShIeSRvBhjo+ZQL/ezulzLItelEJjBJEGTrMwFabkkETTPnJfiPXM9W0uYJ563LfKBeJv89s5ET65EiRIlqEW8BoK7QsHX800RAAAAAElFTkSuQmCC\"","export default __webpack_public_path__ + \"static/media/Verified.6294948e.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABxklEQVR4nO2avUoDQRSFv9SmFRsDUYRtRbFR8AksFcQXsFTsLfIUPoFoNJDOSrGztzLaKoL4g4kWiuLIwghhWMluZnDv4P3gNAtz9h7unVmWXVAURRnMDNAAToEL4BW4BY6BHWAdGCVyKsAy0AFMDn0AR8A8ETIBnOUM6uoL2AXGiIQF4G7IsP26AaYRziLwnlH8G7AHrAIJMGKV2Gv7v6x7BuYQPMb3GUU3gXrO9QcZ668ljnclY89+AhtDeG3atf1e6WkuipWMzgwT9oetDL8lBHW3kzHGvhw6nuf2XqUz6xSWHj6TAXzr9rDr9xZxajecotLTOBRNx3sbAZw6RaWPmVCsOd4nCODKKWoqoHfieF8igBenqGpA76rjnd6rdIyj2PwLo4EDox3+C2pAC+gFeO0LrbSmtj3Rg4V9FBBskJ5srd60BITJq/T10puegCB51Q0R2EQmDVyUsjumHUZHGt3DPpjI5I2JTBq4KGV3TDuMjjS6h30wkckbE5k0cFHK7ph2GB1pdA/7YCKTNyYyaeCi/LsO9wSEyKv0zz1v2gKC5FWI36VI7IcqI1wPwDiBqNkPVV0BwVx1bWeDhVUURVEoiW9A4CAfHE5J9QAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAACDklEQVR4nO2aP0scQRiHH85EP4NJ0CBolQ8QSJO0wX9IQrCx8yyMGpMqhWAhJ6K1jaYJJARJlyKJFmqjREmTRiFGC0vLXBEueCsD74KcLHg679y7yTzwg2VZdudhb/Zm3hmIRCKRyAU6gJfAKrAPlCXu+CswKdfkni5gBagCySWyBtwjp7wC/l5S9HwqwAtyRAF4cwXR2izLvcwz50E2TQnjPPEom0jfH8AozcAvz8IuR0ALBhlXkE3zHIPsKApvY4zbdfzXXrUv38EQvYqyaboxxEgA4SKGeB1A2D3DDMUAwsMYoieA8GMMcUv5K30KtGKMb4rCWxhkTFF4FKNj6QMF2UOrY2lkZuOzL7t79WOcWY/CM+SAglQrriu7lJeKR8qk1KfqFa3IVDOXtANv6+jXn4BO/gHuSiXyC7AH/Ja448/AhFwTiUQiER/Dx01Z/UsaFPfsjRDDzoUGSmbFLe2ovdnEaPo0hDcNiGVlXUO4bEAsK27U5p3EeKLwdfnvftI/DYhlxbXNO+8MiGXlfR62MyQe80yrDHtoQK42x5pl3AEDgrUZRJlFA5JpXHVUnSbggwHZj8DNEMKpdEl5xTArVZkhuTYE56FUHkPJumc9osEUZEF8W1H0OzAE3MAYD4B5T2/9h6xT3ScndABPgWnZM70rWxNPgD+SEzm3Ix/CKRngtDW68ZFIJIIFzgACyY5jOSH8BwAAAABJRU5ErkJggg==\"","import React, { useState, useEffect } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport \"../Css/Chat.css\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport axios from \"axios\";\r\nconst thumb = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 10,\r\n  border: \"6px dotted #eaeaea\",\r\n  marginBottom: 20,\r\n  marginTop: 80,\r\n  marginRight: 4,\r\n  alignItems: \"center\",\r\n  textAlign: \"center\",\r\n  width: \"100%\",\r\n  height: 200,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\n\r\nconst OneonOneDragDrop = (props) => {\r\n  const [message, setMessage] = useState(\"\");\r\n  const [files, setFiles] = useState([]);\r\n  const [inputDisabled, setInputDisabled] = useState(false);\r\n\r\n  const [showEmoji, setShowEmoji] = useState(false);\r\n\r\n  const storedValue = localStorage.getItem(\"fileee\");\r\n  const emailA = storedValue ? storedValue.replace(/\"/g, \"\") : \"\";\r\n\r\n  const [email, setEmail] = useState(emailA);\r\n\r\n  const toggleEmoji = () => {\r\n    setShowEmoji((prevShowEmoji) => !prevShowEmoji);\r\n  };\r\n\r\n  const handleEmojiClick = (emojiObject) => {\r\n    setMessage((prevMessage) => prevMessage + emojiObject.emoji);\r\n    setShowEmoji(false);\r\n  };\r\n  const handleKeyPress = async(event) => {\r\n    if (event.charCode === 13) {\r\n      event.preventDefault();\r\n      if (!message.toString().trim() && files.length === 0) {\r\n        alert(\"Please choose a document.\");\r\n      } else {\r\n        try {\r\n          const ids = files.map((file) => file.path);\r\n          const filteredResponse = files.filter(\r\n            ({ path }, index) => !ids.includes(path, index + 1)\r\n          );\r\n    \r\n          for (const file of filteredResponse) {\r\n            const formData = new FormData();\r\n            setInputDisabled(true)\r\n    \r\n            formData.append(\"Message\", message);\r\n            formData.append(\"UserName\", email);\r\n            formData.append(\"Document_Path\", file);\r\n    \r\n            const options = {\r\n              headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n              },\r\n            };\r\n    \r\n            await axios.post(`${BASE_URLs}/contact/OneOnOne`, formData, options);\r\n    \r\n            setFiles([]);\r\n            setMessage(\"\");\r\n            setInputDisabled(false)\r\n            props.handleClose();\r\n          }\r\n        } catch (error) {\r\n          // Handle errors\r\n          console.error(\"Error:\", error);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please choose a document.\");\r\n    } else {\r\n      try {\r\n        const ids = files.map((file) => file.path);\r\n        const filteredResponse = files.filter(\r\n          ({ path }, index) => !ids.includes(path, index + 1)\r\n        );\r\n  \r\n        for (const file of filteredResponse) {\r\n          const formData = new FormData();\r\n          setInputDisabled(true)\r\n  \r\n          formData.append(\"Message\", message);\r\n          formData.append(\"UserName\", email);\r\n          formData.append(\"Document_Path\", file);\r\n  \r\n          const options = {\r\n            headers: {\r\n              \"Access-Control-Allow-Origin\": \"*\",\r\n              \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n              Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n          };\r\n  \r\n          await axios.post(`${BASE_URLs}/contact/OneOnOne`, formData, options);\r\n  \r\n          setFiles([]);\r\n          setMessage(\"\");\r\n          setInputDisabled(false)\r\n          props.handleClose();\r\n        }\r\n      } catch (error) {\r\n        // Handle errors\r\n        console.error(\"Error:\", error);\r\n      }\r\n    }\r\n  };\r\n  \r\n\r\n  const handleTextChange = (event) => {\r\n    setMessage(event.target.value);\r\n  };\r\n\r\n  const { getRootProps, getInputProps, open } = useDropzone({\r\n    noClick: true,\r\n    noKeyboard: true,\r\n    onDrop: (acceptedFiles) => {\r\n      setFiles([...files, ...acceptedFiles]);\r\n    },\r\n  });\r\n\r\n  const handleFileDelete = (index) => {\r\n    const ids =files.map(file => file.path);\r\n  const filteredResponse = files.filter(\r\n  ({ path}, index) => !ids.includes(path, index + 1)\r\n  )\r\n  const updatedFiles = [...filteredResponse];\r\n    updatedFiles.splice(index, 1);\r\n    setFiles(updatedFiles);\r\n  };\r\n\r\n  const uniqueFileList = [...new Set(files.map(file => file.path))];\r\n  const fileList = uniqueFileList.map((path, index) => {\r\n\r\n    return (\r\n      <li key={path}>\r\n        <br />\r\n        {path}&nbsp;&nbsp;\r\n        <button className=\"GTbuttons1\" onClick={() => handleFileDelete(index)}>\r\n          x\r\n        </button>\r\n      </li>\r\n    );\r\n  });\r\n\r\n  return (\r\n    <div className=\"container\">\r\n      <form id=\"contactForm\" autoComplete=\"off\" encType=\"multipart/form-data\">\r\n        <div {...getRootProps({ className: \"dropzone\" })}>\r\n          <span\r\n            className=\"GTclose-icon\"\r\n            onClick={props.handleClose}\r\n            style={{ marginTop: \"20px\" }}\r\n          >\r\n            x\r\n          </span>\r\n\r\n          <input {...getInputProps()} />\r\n          <h4 style={thumb} onClick={open}>\r\n            Drag & drop some files here....\r\n          </h4>\r\n        </div>\r\n        <aside>\r\n          <h5>File Name:</h5>\r\n          <div\r\n            // id=\"fileList\"\r\n            id=\"Fileoneonone\"\r\n          // style={{ height: \"200px\", overflow: \"scroll\" }}\r\n          >\r\n            <ul>{fileList}</ul>\r\n          </div>\r\n          <div id=\"\">\r\n            <div\r\n              className=\"input-group write-msg\"\r\n              id=\"input-group write-msg\"\r\n              style={{\r\n                border: \"1px solid #bfbfbe\",\r\n                padding: \"2px 2px\",\r\n                //  marginTop:'200px',\r\n              }}\r\n              \r\n            >\r\n              <input\r\n                type=\"text\"\r\n                className=\"form-control input-value\"\r\n                placeholder=\"Type a Message\"\r\n                value={message}\r\n                onChange={handleTextChange}\r\n                onKeyPress={handleKeyPress}\r\n                name=\"Message\"\r\n                style={{ border: \"none\" }}\r\n                disabled={inputDisabled}\r\n              />\r\n              <span\r\n                className=\"fa fa-smile-o\"\r\n                aria-hidden=\"true\"\r\n                style={{ marginTop: \"10px\", fontSize: \"18px\" }}\r\n                onClick={toggleEmoji}\r\n              ></span>\r\n              &nbsp;&nbsp;&nbsp;&nbsp;\r\n              {showEmoji && (\r\n                <div\r\n                  style={{\r\n                    position: \"absolute\",\r\n                    top: \"-410%\",\r\n\r\n                    transform: \"translate(-50%, -50%)\",\r\n                    maxWidth: \"90vw\",\r\n                    maxHeight: \"90vh\",\r\n                  }}\r\n                  id='PickerDiv'\r\n                >\r\n                  <Picker\r\n                    onEmojiClick={handleEmojiClick}\r\n\r\n                    height={350}\r\n                    width={\"100%\"}\r\n\r\n                  />\r\n                </div>\r\n              )}\r\n              <span className=\"input-group-btn\">\r\n                <button\r\n                  id=\"paper-btn\"\r\n                  className=\"btn btn-secondary\"\r\n                  type=\"submit\"\r\n                  onClick={handleSubmit}\r\n                  disabled={inputDisabled}\r\n                >\r\n                  <i className=\"icofont icofont-paper-plane\"></i>\r\n                </button>\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </aside>\r\n\r\n      </form>\r\n    </div>\r\n  );\r\n};\r\nexport default OneonOneDragDrop;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport Swal from \"sweetalert2\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport video from \"../Assets/images/videoplay.png\";\r\nimport axios from \"axios\";\r\nconst thumb = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 2,\r\n  border: \"1px solid #eaeaea\",\r\n  marginBottom: 8,\r\n  marginRight: 8,\r\n  width: 100,\r\n  height: 100,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\nconst thumbsContainer = {\r\n  // display: \"flex\",\r\n  // flexDirection: \"row\",\r\n  // flexWrap: \"wrap\",\r\n  height: 10,\r\n  marginTop: 2,\r\n};\r\nconst thumbss = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 10,\r\n  border: \"6px dotted #eaeaea\",\r\n  marginBottom: 20,\r\n  marginTop: 80,\r\n  marginRight: 4,\r\n  alignItems: \"center\",\r\n  textAlign: \"center\",\r\n  width: \"100%\",\r\n  height: 200,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\nconst thumbInner = {\r\n  display: \"flex\",\r\n  minWidth: 0,\r\n  overflow: \"hidden\",\r\n};\r\n\r\nconst img = {\r\n  display: \"block\",\r\n  width: \"auto\",\r\n  height: \"100%\",\r\n};\r\n\r\nfunction OneonOnePicturepop(props) {\r\n  const [message, setMessage] = useState(\"\");\r\n  const [files, setFiles] = useState([]);\r\n  const [inputDisabled, setInputDisabled] = useState(false);\r\n\r\n  const [showEmoji, setShowEmoji] = useState(false);\r\n\r\n  const storedValue = localStorage.getItem(\"fileee\");\r\n  const emailA = storedValue ? storedValue.replace(/\"/g, \"\") : \"\";\r\n\r\n  const [email, setEmail] = useState(emailA);\r\n\r\n  const toggleEmoji = () => {\r\n    setShowEmoji((prevShowEmoji) => !prevShowEmoji);\r\n  };\r\n\r\n  const handleEmojiClick = (emojiObject) => {\r\n    setMessage((prevMessage) => prevMessage + emojiObject.emoji);\r\n    setShowEmoji(false);\r\n  };\r\n\r\n  const handleKeyPress = async (event) => {\r\n    if (event.charCode === 13) {\r\n    event.preventDefault();\r\n  \r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please select an image\");\r\n    } else {\r\n      try {\r\n        for (const file of files) {\r\n          if (file.size >= 2048000) {\r\n            Swal.fire({\r\n              text: \"Upload less than 2MB\",\r\n              icon: \"warning\",\r\n            });\r\n          } else {\r\n            const formData = new FormData();\r\n            setInputDisabled(true)\r\n  \r\n            formData.append(\"Message\", message);\r\n            formData.append(\"UserName\", email);\r\n            formData.append(\"Picture_Path\", file);\r\n  \r\n            const options = {\r\n              headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n              },\r\n            };\r\n  \r\n            await axios.post(`${BASE_URLs}/contact/OneOnOne`, formData, options);\r\n          }\r\n        }\r\n  \r\n        setFiles([]);\r\n        setMessage(\"\");\r\n        setInputDisabled(false)\r\n        props.handleClose();\r\n      } catch (error) {\r\n        // Handle errors\r\n        console.error(\"Error:\", error);\r\n      }\r\n    }\r\n  }\r\n  };\r\n\r\n  const handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n  \r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please select an image\");\r\n    } else {\r\n      try {\r\n        for (const file of files) {\r\n          if (file.size >= 2048000) {\r\n            Swal.fire({\r\n              text: \"Upload less than 2MB\",\r\n              icon: \"warning\",\r\n            });\r\n          } else {\r\n            const formData = new FormData();\r\n            setInputDisabled(true)\r\n  \r\n            formData.append(\"Message\", message);\r\n            formData.append(\"UserName\", email);\r\n            formData.append(\"Picture_Path\", file);\r\n  \r\n            const options = {\r\n              headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n              },\r\n            };\r\n  \r\n            await axios.post(`${BASE_URLs}/contact/OneOnOne`, formData, options);\r\n          }\r\n        }\r\n  \r\n        setFiles([]);\r\n        setMessage(\"\");\r\n        setInputDisabled(false)\r\n        props.handleClose();\r\n      } catch (error) {\r\n        // Handle errors\r\n        console.error(\"Error:\", error);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleTextChange = (event) => {\r\n    setMessage(event.target.value);\r\n  };\r\n\r\n  const handleRemoveImage = (index) => {\r\n    const updatedFiles = [...files];\r\n    updatedFiles.splice(index, 1);\r\n    setFiles(updatedFiles);\r\n  };\r\n\r\n  const { getRootProps, getInputProps } = useDropzone({\r\n    accept: {\r\n      'image/*': [],\r\n      'video/mp4': ['.mp4', '.MP4', '.gif', '.GIF', '.mov', '.mkv'],\r\n    },\r\n    onDrop: (acceptedFiles) => {\r\n      setFiles(\r\n        acceptedFiles.map((file) =>\r\n          Object.assign(file, {\r\n            preview: URL.createObjectURL(file),\r\n          })\r\n         \r\n        )\r\n        \r\n      );\r\n    },\r\n  });\r\n\r\n  const thumbs = files.map((file, index) => (\r\n    <div style={thumb} key={file.name}>\r\n      <div style={thumbInner}>\r\n        <img\r\n          src={file.name.includes('mp4') ? video : file.preview}\r\n          style={img}\r\n          alt={`Thumbnail-${index}`}\r\n          onLoad={() => {\r\n            URL.revokeObjectURL(file.preview);\r\n          }}\r\n        />\r\n      </div>\r\n      <span onClick={() => handleRemoveImage(index)}>x</span>\r\n    </div>\r\n  ));\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      files.forEach((file) => URL.revokeObjectURL(file.preview));\r\n    };\r\n  }, [files]);\r\n\r\n  return (\r\n    <div className=\"container\">\r\n      <form id=\"contactForm\" autoComplete=\"off\" encType=\"multipart/form-data\">\r\n        <span\r\n          className=\"GTclose-icon\"\r\n          onClick={props.handleClose}\r\n          style={{ marginTop: \"20px\" }}\r\n        >\r\n          x\r\n        </span>\r\n        <div {...getRootProps({ className: \"dropzone\" })}>\r\n          <input {...getInputProps()} multiple accept=\"image/png, image/jpg, image/jpeg, image/gif\" />\r\n          <h4 style={thumbss}>\r\n            Drag & drop some image here, or click to select images\r\n          </h4>\r\n        </div>\r\n        <aside style={thumbsContainer}>\r\n          <div id=\"Imageoneonone\"\r\n          //  style={{ height: \"25vh\", overflow: \"scroll\", backgroundColor:'gray'}}\r\n          >\r\n            {thumbs.length > 0 ? thumbs : <p>No images selected</p>}\r\n          </div>\r\n          <div >\r\n            <div\r\n              className=\"input-group write-msg\"\r\n              id=\"input-group write-msg\"\r\n              style={{\r\n                border: \"1px solid #bfbfbe\",\r\n                padding: \"2px 2px\",\r\n                // marginTop: \"220px\",\r\n              }}\r\n            >\r\n              <input\r\n                type=\"text\"\r\n                className=\"form-control input-value\"\r\n                placeholder=\"Type a Message\"\r\n                value={message}\r\n                onChange={handleTextChange}\r\n                onKeyPress={handleKeyPress}\r\n                name=\"Message\"\r\n                style={{ border: \"none\" }}\r\n                disabled={inputDisabled}\r\n              />\r\n              <span\r\n                className=\"fa fa-smile-o\"\r\n                aria-hidden=\"true\"\r\n                style={{ marginTop: \"10px\", fontSize: \"18px\" }}\r\n                onClick={toggleEmoji}\r\n              ></span>\r\n              &nbsp;&nbsp;&nbsp;&nbsp;\r\n              {showEmoji && (\r\n                <div\r\n                  style={{\r\n                    position: \"absolute\",\r\n                    top: \"-410%\",\r\n\r\n                    transform: \"translate(-50%, -50%)\",\r\n                    maxWidth: \"90vw\",\r\n                    maxHeight: \"90vh\",\r\n                  }}\r\n                  id='PickerDiv'\r\n                >\r\n                  <Picker\r\n                    onEmojiClick={handleEmojiClick}\r\n\r\n                    height={350}\r\n                    width={\"100%\"}\r\n\r\n                  />\r\n                </div>\r\n              )}\r\n              <span className=\"input-group-btn\">\r\n                <button\r\n                  id=\"paper-btn\"\r\n                  className=\"btn btn-secondary\"\r\n                  type=\"submit\"\r\n                  onClick={handleSubmit}\r\n                  disabled={inputDisabled}\r\n                >\r\n                  <i className=\"icofont icofont-paper-plane\"></i>\r\n                </button>\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </aside>\r\n\r\n      </form>\r\n    </div>\r\n  );\r\n}\r\nexport default OneonOnePicturepop;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport axios from 'axios';\r\nimport Swal from 'sweetalert2';\r\nimport video from \"../Assets/images/videoplay.png\";\r\nconst thumb = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 2,\r\n  border: \"1px solid #eaeaea\",\r\n  marginBottom: 8,\r\n  marginRight: 8,\r\n  width: 100,\r\n  height: 100,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\nconst thumbsContainer = {\r\n  // display: \"flex\",\r\n  // flexDirection: \"row\",\r\n  // flexWrap: \"wrap\",\r\n  height: 10,\r\n  marginTop: 2,\r\n};\r\nconst thumbss = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 10,\r\n  border: \"6px dotted #eaeaea\",\r\n  marginBottom: 20,\r\n  marginTop: 80,\r\n  marginRight: 4,\r\n  alignItems: \"center\",\r\n  textAlign: \"center\",\r\n  width: \"100%\",\r\n  height: 200,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\nconst thumbInner = {\r\n  display: \"flex\",\r\n  minWidth: 0,\r\n  overflow: \"hidden\",\r\n};\r\n\r\nconst img = {\r\n  display: \"block\",\r\n  width: \"auto\",\r\n  height: \"100%\",\r\n};\r\n\r\nfunction OneonOnePicturepop(props) {\r\n  const [message, setMessage] = useState(\"\");\r\n  const [files, setFiles] = useState([]);\r\n  const [inputDisabled, setInputDisabled] = useState(false);\r\n\r\n  const [showEmoji, setShowEmoji] = useState(false);\r\n\r\n  const storedValue = localStorage.getItem(\"fileee\");\r\n  const emailA = storedValue ? storedValue.replace(/\"/g, \"\") : \"\";\r\n\r\n  const [email, setEmail] = useState(emailA);\r\n\r\n  const toggleEmoji = () => {\r\n    setShowEmoji((prevShowEmoji) => !prevShowEmoji);\r\n  };\r\n\r\n  const handleEmojiClick = (emojiObject) => {\r\n    setMessage((prevMessage) => prevMessage + emojiObject.emoji);\r\n    setShowEmoji(false);\r\n  };\r\n\r\n  const handleKeyPress = (event) => {\r\n    if (event.charCode === 13) {\r\n    event.preventDefault();\r\n  \r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please select an image\");\r\n    } else {\r\n      files.forEach((file) => {\r\n        if (file.size >= 2048000) {\r\n          Swal.fire({\r\n            text: \"Upload less than 2MB\",\r\n            icon: \"warning\",\r\n          });\r\n        } else {\r\n          const formData = new FormData();\r\n          setInputDisabled(true)\r\n          formData.append(\"Message\", message);\r\n          formData.append(\"UserName\", email);\r\n          formData.append(\"Picture_Path\", file);\r\n  \r\n          const options = {\r\n            headers: {\r\n              \"Access-Control-Allow-Origin\": \"*\",\r\n              \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n              Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            }\r\n          };\r\n  \r\n          axios.post(`${BASE_URLs}/contact/Receiversend`, formData, options)\r\n            .then((response) => {\r\n              setFiles([]);\r\n              setMessage(\"\");\r\n              setInputDisabled(false)\r\n              props.handleClose();\r\n            })\r\n            .catch((error) => {\r\n              console.error(\"There was an error!\", error);\r\n            });\r\n        }\r\n      });\r\n    }\r\n  }\r\n  };\r\n\r\n\r\n  const handleSubmit = (event) => {\r\n    event.preventDefault();\r\n  \r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please select an image\");\r\n    } else {\r\n      files.forEach((file) => {\r\n        if (file.size >= 2048000) {\r\n          Swal.fire({\r\n            text: \"Upload less than 2MB\",\r\n            icon: \"warning\",\r\n          });\r\n        } else {\r\n          const formData = new FormData();\r\n          setInputDisabled(true)\r\n          formData.append(\"Message\", message);\r\n          formData.append(\"UserName\", email);\r\n          formData.append(\"Picture_Path\", file);\r\n  \r\n          const options = {\r\n            headers: {\r\n              \"Access-Control-Allow-Origin\": \"*\",\r\n              \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n              Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            }\r\n          };\r\n  \r\n          axios.post(`${BASE_URLs}/contact/Receiversend`, formData, options)\r\n            .then((response) => {\r\n              setFiles([]);\r\n              setMessage(\"\");\r\n              setInputDisabled(false)\r\n              props.handleClose();\r\n            })\r\n            .catch((error) => {\r\n              console.error(\"There was an error!\", error);\r\n            });\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  const handleTextChange = (event) => {\r\n    setMessage(event.target.value);\r\n  };\r\n\r\n  const handleRemoveImage = (index) => {\r\n    const updatedFiles = [...files];\r\n    updatedFiles.splice(index, 1);\r\n    setFiles(updatedFiles);\r\n  };\r\n\r\n  const { getRootProps, getInputProps } = useDropzone({\r\n    accept: {\r\n      'image/*': [],\r\n      'video/mp4': ['.mp4', '.MP4', '.gif', '.GIF','.mov', '.mkv'],\r\n    },\r\n    onDrop: (acceptedFiles) => {\r\n      setFiles(\r\n        acceptedFiles.map((file) =>\r\n          Object.assign(file, {\r\n            preview: URL.createObjectURL(file),\r\n          })\r\n        )\r\n      );\r\n    },\r\n  });\r\n\r\n  const thumbs = files.map((file, index) => (\r\n    <div style={thumb} key={file.name}>\r\n      <div style={thumbInner}>\r\n        <img\r\n          src={file.name.includes('mp4') ? video : file.preview}\r\n          style={img}\r\n          alt={`Thumbnail-${index}`}\r\n          onLoad={() => {\r\n            URL.revokeObjectURL(file.preview);\r\n          }}\r\n        />\r\n      </div>\r\n      <span onClick={() => handleRemoveImage(index)}>x</span>\r\n    </div>\r\n  ));\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      files.forEach((file) => URL.revokeObjectURL(file.preview));\r\n    };\r\n  }, [files]);\r\n\r\n  return (\r\n    <div className=\"container\">\r\n      <form id=\"contactForm\" autoComplete=\"off\" encType=\"multipart/form-data\">\r\n        <span\r\n          className=\"GTclose-icon\"\r\n          onClick={props.handleClose}\r\n          style={{ marginTop: \"20px\" }}\r\n        >\r\n          x\r\n        </span>\r\n        <div {...getRootProps({ className: \"dropzone\" })}>\r\n          <input {...getInputProps()} multiple />\r\n          <h4 style={thumbss}>\r\n            Drag & drop some image here, or click to select images\r\n          </h4>\r\n        </div>\r\n        <aside style={thumbsContainer}>\r\n          <div id=\"Imageoneonone\" >\r\n            {thumbs.length > 0 ? thumbs : <p>No images selected</p>}\r\n          </div>\r\n                  <div\r\n            className=\"input-group write-msg\"\r\n            id=\"input-group write-msg\"\r\n            style={{\r\n              border: \"1px solid #bfbfbe\",\r\n              padding: \"2px 2px\",\r\n              // marginTop: \"220px\",\r\n            }}\r\n          >\r\n            <input\r\n              type=\"text\"\r\n              className=\"form-control input-value\"\r\n              placeholder=\"Type a Message\"\r\n              value={message}\r\n              onChange={handleTextChange}\r\n              onKeyPress={handleKeyPress}\r\n              name=\"Message\"\r\n              style={{ border: \"none\" }}\r\n              disabled={inputDisabled}\r\n            />\r\n            <span\r\n              className=\"fa fa-smile-o\"\r\n              aria-hidden=\"true\"\r\n              style={{ marginTop: \"10px\", fontSize: \"18px\" }}\r\n              onClick={toggleEmoji}\r\n            ></span>\r\n            &nbsp;&nbsp;&nbsp;&nbsp;\r\n            {showEmoji && (\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  top: \"-410%\",\r\n                  \r\n                                                   transform: \"translate(-50%, -50%)\", \r\n                                                   maxWidth: \"90vw\", \r\n                                              maxHeight: \"90vh\",\r\n                }}\r\n                id='PickerDiv'\r\n              >\r\n                <Picker\r\n                                                    onEmojiClick={handleEmojiClick}\r\n                                                   \r\n                                                    height={350} \r\n                                                    width={\"100%\"}\r\n                                                  \r\n                                                  />\r\n              </div>\r\n            )}\r\n            <span className=\"input-group-btn\">\r\n              <button\r\n                id=\"paper-btn\"\r\n                className=\"btn btn-secondary\"\r\n                type=\"submit\"\r\n                onClick={handleSubmit}\r\n                disabled={inputDisabled}\r\n              >\r\n                <i className=\"icofont icofont-paper-plane\"></i>\r\n              </button>\r\n            </span>\r\n          </div>\r\n        </aside>\r\n    \r\n      </form>\r\n    </div>\r\n  );\r\n}\r\nexport default OneonOnePicturepop;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport axios from 'axios';\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport \"../Css/Chat.css\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nconst thumb = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 10,\r\n  border: \"6px dotted #eaeaea\",\r\n  marginBottom: 20,\r\n  marginTop: 80,\r\n  marginRight: 4,\r\n  alignItems: \"center\",\r\n  textAlign: \"center\",\r\n  width: \"100%\",\r\n  height: 200,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\n\r\nconst OneonOneDragDrop = (props) => {\r\n  // const [senderId, setsenderId] = useState (\"\");\r\n\r\n  // const [UserName, setUserName] = useState(\"\");\r\n  const [message, setMessage] = useState(\"\");\r\n  const [files, setFiles] = useState([]);\r\n  const [inputDisabled, setInputDisabled] = useState(false);\r\n\r\n  const [showEmoji, setShowEmoji] = useState(false);\r\n\r\n  const storedValue = localStorage.getItem(\"fileee\");\r\n  const emailA = storedValue ? storedValue.replace(/\"/g, \"\") : \"\";\r\n\r\n  const [email, setEmail] = useState(emailA);\r\n\r\n  const toggleEmoji = () => {\r\n    setShowEmoji((prevShowEmoji) => !prevShowEmoji);\r\n  };\r\n\r\n  const handleEmojiClick = (emojiObject) => {\r\n    setMessage((prevMessage) => prevMessage + emojiObject.emoji);\r\n    setShowEmoji(false);\r\n  };\r\n\r\n  const handleKeyPress = (event) => {\r\n    if (event.charCode === 13) {\r\n      event.preventDefault();\r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please choose a document.\");\r\n    } else {\r\n      const ids = files.map(file => file.path);\r\n      const filteredResponse = files.filter(\r\n        ({ path }, index) => !ids.includes(path, index + 1)\r\n      );\r\n  \r\n      filteredResponse.forEach((file) => {\r\n        const formData = new FormData();\r\n        setInputDisabled(true)\r\n        formData.append(\"Message\", message);\r\n        formData.append(\"UserName\", email);\r\n        formData.append(\"Document_Path\", file);\r\n  \r\n        const options = {\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          }\r\n        };\r\n  \r\n        axios.post(`${BASE_URLs}/Contact/Receiversend`, formData, options)\r\n          .then((response) => {\r\n            setFiles([]);\r\n            setMessage(\"\");\r\n            setInputDisabled(false)\r\n            props.handleClose();\r\n          })\r\n          .catch((error) => {\r\n            console.error(\"There was an error!\", error);\r\n          });\r\n      });\r\n    }\r\n    }\r\n  };\r\n\r\n\r\n\r\n  const handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please choose a document.\");\r\n    } else {\r\n      const ids = files.map(file => file.path);\r\n      const filteredResponse = files.filter(\r\n        ({ path }, index) => !ids.includes(path, index + 1)\r\n      );\r\n  \r\n      filteredResponse.forEach((file) => {\r\n        const formData = new FormData();\r\n        setInputDisabled(true)\r\n        formData.append(\"Message\", message);\r\n        formData.append(\"UserName\", email);\r\n        formData.append(\"Document_Path\", file);\r\n  \r\n        const options = {\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          }\r\n        };\r\n  \r\n        axios.post(`${BASE_URLs}/Contact/Receiversend`, formData, options)\r\n          .then((response) => {\r\n            setFiles([]);\r\n            setMessage(\"\");\r\n            setInputDisabled(false)\r\n            props.handleClose();\r\n          })\r\n          .catch((error) => {\r\n            console.error(\"There was an error!\", error);\r\n          });\r\n      });\r\n    }\r\n  };\r\n  const handleTextChange = (event) => {\r\n    setMessage(event.target.value);\r\n  };\r\n\r\n  const { getRootProps, getInputProps, open } = useDropzone({\r\n    noClick: true,\r\n    noKeyboard: true,\r\n    onDrop: (acceptedFiles) => {\r\n      setFiles(prevFiles => [...prevFiles, ...acceptedFiles,...files]);\r\n    },\r\n  });\r\n\r\n const handleFileDelete = (index) => {\r\n    const ids =files.map(file => file.path);\r\n  const filteredResponse = files.filter(\r\n  ({ path}, index) => !ids.includes(path, index + 1)\r\n  )\r\n  const updatedFiles = [...filteredResponse];\r\n    updatedFiles.splice(index, 1);\r\n    setFiles(updatedFiles);\r\n  };\r\n\r\n  const uniqueFileList = [...new Set(files.map(file => file.path))];\r\n  const fileList = uniqueFileList.map((path, index) => {\r\n\r\n    return (\r\n      <li key={path}>\r\n        <br />\r\n        {path} {index}&nbsp;&nbsp;\r\n        <button className=\"GTbuttons1\" onClick={() => handleFileDelete(index)}>\r\n          x\r\n        </button>\r\n      </li>\r\n    );\r\n  });\r\n\r\n  return (\r\n    <div className=\"container\">\r\n      <form id=\"contactForm\" autoComplete=\"off\" encType=\"multipart/form-data\">\r\n        <div {...getRootProps({ className: \"dropzone\" })}>\r\n          <span\r\n            className=\"GTclose-icon\"\r\n            onClick={props.handleClose}\r\n            style={{ marginTop: \"20px\" }}\r\n          >\r\n            x\r\n          </span>\r\n\r\n          <input {...getInputProps()} />\r\n          <h4 style={thumb} onClick={open}>\r\n            Drag & drop some files here....\r\n          </h4>\r\n        </div>\r\n        <aside>\r\n          <h5>File Name:</h5>\r\n          <div\r\n            id=\"Fileoneonone\"\r\n            // style={{ height: \"200px\", overflow: \"scroll\" }}\r\n          >\r\n            <ul>{fileList}</ul>\r\n          </div>\r\n        </aside>\r\n        <div id=\"dropInput\">\r\n          <div\r\n            className=\"input-group write-msg\"\r\n            id=\"input-group write-msg\"\r\n            style={{\r\n              border: \"1px solid #bfbfbe\",\r\n              padding: \"2px 2px\",\r\n              //  marginTop:'200px',\r\n            }}\r\n           \r\n          >\r\n            <input\r\n              type=\"text\"\r\n              className=\"form-control input-value\"\r\n              placeholder=\"Type a Message\"\r\n              value={message}\r\n              onChange={handleTextChange}\r\n              onKeyPress={handleKeyPress}\r\n              name=\"Message\"\r\n              style={{ border: \"none\" }}\r\n              disabled={inputDisabled}\r\n            />\r\n            <span\r\n              className=\"fa fa-smile-o\"\r\n              aria-hidden=\"true\"\r\n              style={{ marginTop: \"10px\", fontSize: \"18px\" }}\r\n              onClick={toggleEmoji}\r\n            ></span>\r\n            &nbsp;&nbsp;&nbsp;&nbsp;\r\n            {showEmoji && (\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  top: \"-360px\",\r\n                  // marginLeft: \"650px\",\r\n                }}\r\n                id=\"DragpopEmoji\"\r\n              >\r\n                <Picker onEmojiClick={handleEmojiClick} height={350} />\r\n              </div>\r\n            )}\r\n            <span className=\"input-group-btn\">\r\n              <button\r\n                id=\"paper-btn\"\r\n                className=\"btn btn-secondary\"\r\n                type=\"submit\"\r\n                onClick={handleSubmit}\r\n                disabled={inputDisabled}\r\n              >\r\n                <i className=\"icofont icofont-paper-plane\"></i>\r\n              </button>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  );\r\n};\r\nexport default OneonOneDragDrop;\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport SuccessPopup1 from \"./SuccessPopup1\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport $, { event } from \"jquery\";\r\nimport GroupPop from \"./GroupPop\";\r\nimport { Announcement } from \"@material-ui/icons\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SearchPopup from \"./SearchPopup\";\r\nimport msg from \"../Assets/images/msg.png\";\r\nimport Profile from \"../Assets/images/profile.png\";\r\nimport ReactTimeAgo from \"react-time-ago\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport onlineimg from \"../Assets/images/online.png\";\r\nimport offlineimg from \"../Assets/images/offlineimg.png\";\r\nimport doubletick from \"../Assets/images/double-check.webp\";\r\nimport singletick from \"../Assets/images/single-check.png\";\r\nimport onlinedot from \"../Assets/images/online-dot.png\";\r\nimport offlinedot from \"../Assets/images/offline-dot.png\";\r\nimport verified from \"../Assets/images/Verified.png\";\r\nimport publicpng from \"../Assets/images/public.png\";\r\nimport lockpng from \"../Assets/images/lockpng.png\";\r\nimport userpng from \"../Assets/images/userpng.png\";\r\nimport closepng from \"../Assets/images/closepng.png\";\r\nimport DragDrop from \"./DragDrop\";\r\nimport Picturepop from \"./Picturepop\";\r\nimport OneonOneDragDrop from \"./OneonOneDragDrop\";\r\nimport File1 from \"../Assets/images/document.png\";\r\nimport OneonOnePicturepop from \"./OneonOnePicturepop\";\r\nimport UserPicturepop from \"./UserPicturepop\";\r\nimport UserFilepop from \"./UserFilepop\";\r\nimport axios from \"axios\";\r\nimport Swal from \"sweetalert2\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport { Image_URLs } from \"../Config/Base\";\r\nimport video from \"../Assets/images/videoplay.png\";\r\nimport * as signalR from '@microsoft/signalr';\r\nimport addNotification from 'react-push-notification';\r\nexport default class LastGroup extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.containerRef = React.createRef();\r\n\r\n    this.state = {\r\n      Announcements: [],\r\n      AllAnnouncement: [],\r\n      showing: true,\r\n      attachMenu: false,\r\n      profile: [],\r\n      EditSkillModel: false,\r\n      EditSkillValues: [],\r\n      SearchModel: false,\r\n      SearchValues: [],\r\n      Id: \"\",\r\n      group_Name: \"\",\r\n      isButton1Visible: true,\r\n      isButton2Visible: true,\r\n      allmessage: \"\",\r\n      usermsgId: \"\",\r\n      receivemsg: \"\",\r\n      Skillname: \"\",\r\n      User: [],\r\n      Alluser: [],\r\n      User1: [],\r\n      Alluser1: [],\r\n      NonUsers: [],\r\n      NonUsers1: [],\r\n      Deleted: [],\r\n      childVisible: false,\r\n      SideBarOpen: true,\r\n      EntityMembers: [],\r\n      EntityMemberUsers: [],\r\n      AllEntityMemberUsers: [],\r\n      AllEntityMembers: [],\r\n      Chatpop: false,\r\n      Minimized: false,\r\n      Name: \"\",\r\n      Email: \"\",\r\n      message: [],\r\n      message: \"\",\r\n      picture_Path: null,\r\n      document_Path: null,\r\n      ReceivepopMsg: [],\r\n      Popmsg: [],\r\n      showEmoji: false,\r\n      RoleA: \"\",\r\n      UserMail: \"\",\r\n      UserId: \"\",\r\n      OneonOne: [],\r\n      OneonOneCount: [],\r\n      ReceivepopMsgUser: [],\r\n      loginUser: \"\",\r\n      USERNAME: \"\",\r\n      AdminName: [],\r\n      AdminNameA: [],\r\n      notificationCount: 0,\r\n      notificationClosed: 0,\r\n      individualCount: 0,\r\n      groupCount: 0,\r\n      publicCount: 0,\r\n      checkPrivacyandCreated: [],\r\n      checkPrivacyandCreatedPublic: [],\r\n      CheckCreatedName: [],\r\n      checkFilter: false,\r\n      trendList: [],\r\n      MutedDisc: [],\r\n      AllMutedDisc: [],\r\n      MuteMessage: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      isdocumentpopOpen: false,\r\n      Documentpopup: false,\r\n      ispicturepopOpen: false,\r\n      Picturepopup: false,\r\n      OneonOneAdmin: [],\r\n      DName: false,\r\n      UserProfilePic: \"\",\r\n      activeTab: \"tab1\",\r\n\r\n      MsgMenu: false,\r\n      deleteId: \"\",\r\n      Forwardmembers: [],\r\n      AllForwardmembers: [],\r\n      forwardpopup: false,\r\n      selectedUserIds: [],\r\n      selectedUsers: [],\r\n      selectedUserName: [],\r\n      Addmembers: [],\r\n      AllAddmembers: [],\r\n      selectedUsersA: [],\r\n      deletemsg: \"\",\r\n      Forwardpic: \"\",\r\n      Forwarddoc: \"\",\r\n      Deletepop: false,\r\n      deletesender: \"\",\r\n      delparticularId: \"\",\r\n      deletedate: \"\",\r\n      deleteEvery: \"\",\r\n      ICMuteDisc: false,\r\n      deletemsg: \"\",\r\n      Popmsguserside: [],\r\n      ReceivepopMsgUserSide: [],\r\n      ReceivepopMsgUsersideA: [],\r\n      Time: \"\",\r\n      MailId: \"\",\r\n      createdby: \"\",\r\n      MemberAccess: [],\r\n      AllMemberAccess: [],\r\n      NonAccess: [],\r\n      AllNonAccess: [],\r\n      EditInput: false,\r\n      ICcountinterval: null,\r\n      ICcountTabinterval: null,\r\n      InputDisabled:false,\r\n      scrolledByUser: false,\r\n      hubConnection: null,\r\n    };\r\n    this.initialState = this.state;\r\n    this.connection = null;\r\n\r\n    this.Chatpop = this.Chatpop.bind(this);\r\n    this.hideChatpop = this.hideChatpop.bind(this);\r\n    this.Hidechatheader = this.Hidechatheader.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.chatPopRef = React.createRef();\r\n    this.check = this.check.bind(this);\r\n    this.formRef = React.createRef();\r\n    this.chatBoxRef = React.createRef();\r\n    this.firstInputRef = React.createRef();\r\n    this.searchForDiscRef = React.createRef();\r\n    this.attachMenu = this.attachMenu.bind(this);\r\n    this.Documentpop = this.Documentpop.bind(this);\r\n    this.Picturepop = this.Picturepop.bind(this);\r\n    this.deleteMenu = this.deleteMenu.bind(this);\r\n    this.EditMessage = this.EditMessage.bind(this);\r\n  }\r\n\r\n  dot = () => {\r\n  };\r\n  toggleMinimize = () => {\r\n    this.setState((prevState) => ({\r\n      Minimized: !prevState.Minimized,\r\n      Chatpop: false,\r\n    }), () => {\r\n      this.updateCheckedState();\r\n      const pageHeaderElement = document.querySelector('.page-header .page-header-title .pcoded-content .pcoded-inner-content');\r\n      if (pageHeaderElement) {\r\n        pageHeaderElement.classList.remove('override-page-header-margin');\r\n      }\r\n\r\n      const pageHeaderElement1 = document.getElementById('last');\r\n      if (pageHeaderElement1) {\r\n        pageHeaderElement1.classList.remove('override-page-header-margin');\r\n      }\r\n\r\n      const pageHeaderElements2 = document.getElementsByClassName('.card, .page-body .col-sm-12 .row');\r\n      if (pageHeaderElements2.length > 0) {\r\n        Array.from(pageHeaderElements2).forEach(element => {\r\n          element.classList.remove('override-page-header-margin');\r\n        });\r\n      }\r\n    });\r\n  };\r\n  toggleMinimizeA = () => {\r\n    this.setState({\r\n      Chatpop: true,\r\n      Minimized: false,\r\n    }, () => {\r\n      this.updateCheckedState();\r\n  \r\n      if (this.chatPopRef.current) {\r\n        const windowWidth = window.innerWidth;\r\n\r\n        // if (windowWidth <= 776) {\r\n        //   this.chatPopRef.current.style.marginTop = '-198px'; // Example margin for width <= 900px\r\n        // }else if (windowWidth <= 900) {\r\n        //   this.chatPopRef.current.style.marginTop = '-201px'; \r\n        // } else if (windowWidth <= 1024) {\r\n        //   this.chatPopRef.current.style.marginTop = '-215px'; // Example margin for width <= 1024px\r\n        // } else {\r\n        //   this.chatPopRef.current.style.marginTop = '-227px'; // Default margin\r\n        // }\r\n      }\r\n\r\n      const pageHeaderElement = document.querySelector('.page-header .page-header-title .pcoded-content .pcoded-inner-content');\r\n      if (pageHeaderElement) {\r\n        pageHeaderElement.classList.add('override-page-header-margin');\r\n      }\r\n\r\n      const pageHeaderElement1 = document.getElementById('last');\r\n      if (pageHeaderElement1) {\r\n        pageHeaderElement1.classList.add('override-page-header-margin');\r\n      }\r\n  \r\n      // Correct query selector for card and page-body elements\r\n      const pageHeaderElements2 = document.querySelectorAll('.card, .page-body .col-sm-12 .row');\r\n      if (pageHeaderElements2.length > 0) {\r\n        pageHeaderElements2.forEach(element => {\r\n          element.classList.add('override-page-header-margin');\r\n        });\r\n      }\r\n    });\r\n  };\r\n  onClick() {\r\n    this.setState({ childVisible: !this.state.childVisible });\r\n  }\r\n\r\n  StateCheck = () => {\r\n    clearInterval(this.ICcountTabinterval);\r\n    this.setState({\r\n      activeTab: \"\",\r\n      Filterpop: false\r\n    })\r\n  }\r\n\r\n  updateCheckedState = () => {\r\n    const { activeTab } = this.state;\r\n    const oneonone = document.getElementById(\"tab5\");\r\n    const tabA = document.getElementById(\"tab1\");\r\n\r\n    if (activeTab === \"tab5\" && oneonone) {\r\n      oneonone.checked = true;\r\n      if (this.ICcountTabinterval) {\r\n        clearInterval(this.ICcountTabinterval);\r\n      }\r\n      this.ICcountTabinterval = setInterval(() => {\r\n        this.OneononeUser();\r\n\r\n        this.fetchNotificationCount();\r\n        this.fetchclosedCount();\r\n        this.fetchindividualCount();\r\n        this.fetchgroupCount();\r\n        this.fetchpublicCount();\r\n\r\n      }, 1000);\r\n    } else if (tabA) {\r\n      tabA.checked = true;\r\n      oneonone.checked = false;\r\n      this.setState({ OneonOne: [] })\r\n      if (this.ICcountTabinterval) {\r\n        clearInterval(this.ICcountTabinterval);\r\n      }\r\n      this.ICcountTabinterval = setInterval(() => {\r\n        this.getUserData();\r\n        this.setState({ OneonOne: [] })\r\n        this.fetchNotificationCount();\r\n        this.fetchclosedCount();\r\n        this.fetchindividualCount();\r\n        this.fetchgroupCount();\r\n        this.fetchpublicCount();\r\n      }, 1000);\r\n    }\r\n  }\r\n\r\n  handleTabChange = (tabId) => {\r\n    this.setState({ activeTab: tabId });\r\n  };\r\n\r\n  fetchpublicCount = async () => {\r\n    var UserEmail = JSON.parse(localStorage.getItem(\"email\"));\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    try {\r\n      const response = await axios.post(\r\n        `${BASE_URLs}/Notification/NotificationPublic?Email=`,\r\n        { email: UserEmail },\r\n        options\r\n      );\r\n      const data = response.data;\r\n      this.setState({ publicCount: data.count });\r\n      if (this.state.publicCount.length !== 0) {\r\n        this.setState({\r\n          publicCounts: this.state.publicCount[0].noticount,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      // Handle errors\r\n      console.error(\"Error:\", error);\r\n    }\r\n    setInterval(1000);\r\n  };\r\n\r\n  documentName = (dn) => {\r\n    this.setState({\r\n      DName: true,\r\n      documentname: dn,\r\n    });\r\n  };\r\n  documentNameL = () => {\r\n    setTimeout(() => {\r\n      this.setState({\r\n        DName: false,\r\n      });\r\n    }, 500);\r\n  };\r\n\r\n  closefuncdisc = () => {\r\n    document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n    this.setState({ Filterpop: false });\r\n    var tabA = document.getElementById(\"tab1\");\r\n    var tabB = document.getElementById(\"tab2\");\r\n    var tabC = document.getElementById(\"tab3\");\r\n    var tabE = document.getElementById(\"tab4\");\r\n    var tabD = document.getElementById(\"tab5\");\r\n    const tt6 = document.getElementById(\"tab6\");\r\n    var tabG = document.getElementById(\"tab7\");\r\n\r\n    if (tabA.checked) {\r\n      var Alluser1 = this.state.AlluserFilter;\r\n      this.setState({ Alluser1: Alluser1, showResults: true });\r\n    } else if (tabB.checked) {\r\n      var Alluser2 = this.state.Deleteduser;\r\n      this.setState({ Deleted: Alluser2, showResults: true });\r\n    } else if (tabC.checked) {\r\n      var Alluser3 = this.state.Alluser1;\r\n      this.setState({ Alluser1: Alluser3, showResults: true });\r\n    } else if (tabE.checked) {\r\n      var Alluser4 = this.state.Groupuser;\r\n      this.setState({ User: Alluser4, showResults: true });\r\n    } else if (tabD.checked) {\r\n      var Alluser5 = this.state.OneonOneCount;\r\n      this.setState({ OneonOne: Alluser5, showResults: true });\r\n    } else if (tt6) {\r\n    } else if (tabG.checked) {\r\n      var Alluser6 = this.state.MuteMessage;\r\n      this.setState({ MutedDisc: Alluser6, showResults: true });\r\n    }\r\n  };\r\n  setFocus = () => {\r\n    this.setState(\r\n      (prevState) => ({\r\n        Filterpop: !prevState.Filterpop,\r\n      }),\r\n      () => {\r\n        if (this.state.Filterpop) {\r\n          this.searchForDiscRef.current.focus();\r\n        }\r\n      }\r\n    );\r\n  };\r\n  fetchgroupCount = async () => {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    try {\r\n      const response = await axios.get(\r\n        `${BASE_URLs}/Notification/NotificationGroup`,\r\n        options\r\n      );\r\n      const data = response.data;\r\n  \r\n      await this.setState({ groupCount: data.count });\r\n  \r\n      if (this.state.groupCount.length !== 0) {\r\n        this.setState({\r\n          Noticount: this.state.groupCount[0].noticount,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      // Handle errors here\r\n      console.error(\"Error:\", error);\r\n    }\r\n  };\r\n  \r\n\r\n  fetchclosedCount = async () => {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    try {\r\n      const response = await axios.get(\r\n        `${BASE_URLs}/Notification/NotificationClosed`,\r\n        options\r\n      );\r\n      const data = response.data;\r\n  \r\n      await this.setState({ notificationClosed: data.totalCountLeft });\r\n  \r\n      if (this.state.notificationClosed.length !== 0) {\r\n        this.setState({\r\n          NotiClosedcount: this.state.notificationClosed[0].noticount,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      // Handle errors here\r\n      console.error(\"Error:\", error);\r\n    }\r\n  };\r\n  \r\n  fetchPrivacyandCreatedby = async () => {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    try {\r\n      const response = await axios.get(\r\n        `${BASE_URLs}/Chat/CheckPrivacyandCreatedby`,\r\n        options\r\n      );\r\n      const data = response.data;\r\n  \r\n      await this.setState({ checkPrivacyandCreated: data });\r\n    } catch (error) {\r\n      // Handle errors here\r\n      console.error(\"Error:\", error);\r\n    }\r\n  };\r\n  \r\n  fetchPrivacyandCreatedbyPublic = async () => {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    try {\r\n      const response = await axios.get(\r\n        `${BASE_URLs}/Chat/CheckPrivacyandCreatedbyPublic`,\r\n        options\r\n      );\r\n      const data = response.data;\r\n  \r\n      await this.setState({ checkPrivacyandCreatedPublic: data });\r\n    } catch (error) {\r\n      // Handle errors here\r\n      console.error(\"Error:\", error);\r\n    }\r\n  };\r\n  \r\n  fetchCreatedName = async () => {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    try {\r\n      const response = await axios.get(\r\n        `${BASE_URLs}/Chat/CheckCreatedName`,\r\n        options\r\n      );\r\n      const data = response.data;\r\n  \r\n      await this.setState({ CheckCreatedName: data });\r\n    } catch (error) {\r\n      // Handle errors here\r\n      console.error(\"Error:\", error);\r\n    }\r\n  };\r\n\r\n  // clicktoNotify = ()=>{\r\n  //   addNotification({\r\n  //     title:\"OAT TownHall\",\r\n  //     message:\"New message recieved!!\",\r\n  //     native:true,\r\n  //   })\r\n  // }\r\n\r\n  fetchNotificationCount = async () => {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    try {\r\n      const response = await axios.get(\r\n        `${BASE_URLs}/Notification/NotificationCurrent`,\r\n        options\r\n      );\r\n      const data = response.data;\r\n  \r\n      await this.setState({ notificationCount: data.totalCount });\r\n      // if(data.totalCount !== 0){\r\n      //   addNotification({\r\n      //     title:\"OAT TownHall\",\r\n      //     message:`${data.totalCount} New message recieved!`,\r\n      //     duration:5000,\r\n      //     native:true,\r\n      //   })\r\n      // }\r\n\r\n      if (this.state.notificationCount.length !== 0) {\r\n        \r\n        this.setState({\r\n          Noticount: this.state.notificationCount[0].noticount,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      // Handle errors here\r\n      console.error(\"Error:\", error);\r\n    }\r\n  };\r\n  \r\n\r\n  getUserData() {\r\n    const oneononeOptions = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    const userOrgOptions = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    Promise.all([\r\n      axios.get(`${BASE_URLs}/UserBank/GetAllUserPop`, oneononeOptions),\r\n      axios.get(`${BASE_URLs}/UserBank/GetLastGroupMsg`, userOrgOptions),\r\n      axios.get(`${BASE_URLs}/UserBank/GetLastGroupNonusers`, userOrgOptions),\r\n      axios.get(`${BASE_URLs}/UserBank/GetLastGroupMsgLeft`, userOrgOptions),\r\n    ])\r\n      .then(([oneononeResponse, userOrgResponse, userOrgNonUserResponse, userOrgLeftResponse]) => {\r\n        const oneononeData = oneononeResponse.data;\r\n        const userOrgData = userOrgResponse.data;\r\n        const userOrgNonUserData = userOrgNonUserResponse.data;\r\n        const userOrgLeftData = userOrgLeftResponse.data;\r\n  \r\n        const mergedData = [\r\n          ...oneononeData,\r\n          ...userOrgData,\r\n          ...userOrgNonUserData,\r\n          ...userOrgLeftData,\r\n        ];\r\n  \r\n        const sortedMergedData = mergedData.sort(\r\n          (a, b) => new Date(b.createDateTime) - new Date(a.createDateTime)\r\n        );\r\n  \r\n        this.setState({\r\n          OneonOne: oneononeData,\r\n          OneonOneCount: oneononeData,\r\n          Alluser1: sortedMergedData,\r\n          AlluserFilter: sortedMergedData,\r\n          OneonOne: [],\r\n          Deleted: [],\r\n          User: [],\r\n          MutedDisc: [],\r\n          NonUsers: [],\r\n          Groupuser: userOrgNonUserData,\r\n          Deleteduser: userOrgLeftData,\r\n        });\r\n  \r\n      })\r\n      .catch((error) => {\r\n      });\r\n  }\r\n  fetchindividualCount = async () => {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    try {\r\n      const response = await axios.get(\r\n        `${BASE_URLs}/Notification/NotificationOneonone`,\r\n        options\r\n      );\r\n      const data = response.data;\r\n      this.setState({ individualCount: data.individualCount });\r\n      if (this.state.individualCount.length !== 0) {\r\n        this.setState({\r\n          Noticount: this.state.individualCount[0].noticount,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      console.error(\"Error:\", error);\r\n    }\r\n    setInterval(1000);\r\n  };\r\n\r\n  OneononeUser() {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    const fetchOneonOne = axios.get(`${BASE_URLs}/UserBank/GetAllUserPop`, options);\r\n  \r\n    fetchOneonOne\r\n      .then((response) => {\r\n        const oneonOneData = response.data;\r\n        this.setState({\r\n          OneonOne: oneonOneData,\r\n          OneonOneCount: oneonOneData,\r\n          User: [],\r\n          Alluser1: [],\r\n          Deleted: [],\r\n          trendList: [],\r\n          MutedDisc: [],\r\n          NonUsers: [],\r\n        });\r\n        // // console.log(\"oneonone\", oneonOneData);\r\n      })\r\n      .catch((error) => {\r\n        // Handle error if any of the promises fail\r\n        // console.error(\"Error fetching data:\", error);\r\n      });\r\n  } \r\n\r\n  CombainedData() {\r\n    const combineddata = [...this.state.OneonOne, ...this.state.User];\r\n\r\n    const sortCombinedData = combineddata.sort(\r\n      (a, b) => new Date(b.createDateTime) - new Date(a.createDateTime)\r\n    );\r\n\r\n  }\r\n\r\n  UserOrg() {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    const fetchLastGroupMsg = axios.get(`${BASE_URLs}/UserBank/GetLastGroupMsg`, options);\r\n  \r\n    fetchLastGroupMsg\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          User: data,\r\n          Groupuser: data,\r\n          Alluser1: [],\r\n          OneonOne: [],\r\n          trendList: [],\r\n          Deleted: [],\r\n          MutedDisc: [],\r\n          NonUsers: [],\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching data:\", error);\r\n      });\r\n  }\r\n  \r\n  UserOrg1() {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    const fetchLastGroupNonusers = axios.get(`${BASE_URLs}/UserBank/GetLastGroupNonusers`, options);\r\n  \r\n    fetchLastGroupNonusers\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          NonUsers: data,\r\n          NonUsers1: data,\r\n          OneonOne: [],\r\n          Deleted: [],\r\n          trendList: [],\r\n          MutedDisc: [],\r\n          User: [],\r\n          Groupuser: [],\r\n          Alluser1: [],\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching data:\", error);\r\n      });\r\n  }\r\n\r\n  UserOrgTrend() {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    const fetchTrendLastGroupMsg = axios.get(`${BASE_URLs}/UserBank/GetTrendLastGroupMsg`, options);\r\n  \r\n    fetchTrendLastGroupMsg\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          trendList: data,\r\n          User1: [],\r\n          Alluser1: [],\r\n          OneonOne: [],\r\n          User: [],\r\n          MutedDisc: [],\r\n          Deleted: [],\r\n          NonUsers: [],\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching data:\", error);\r\n      });\r\n  }\r\n\r\n  UserOrgLeft() {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    const fetchLastGroupMsgLeft = axios.get(`${BASE_URLs}/UserBank/GetLastGroupMsgLeft`, options);\r\n  \r\n    fetchLastGroupMsgLeft\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          Deleted: data,\r\n          Deleteduser: data,\r\n          User1: [],\r\n          Alluser1: [],\r\n          OneonOne: [],\r\n          User: [],\r\n          trendList: [],\r\n          MutedDisc: [],\r\n          NonUsers: [],\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching data:\", error);\r\n      });\r\n  }\r\n\r\n  handleButtonClick1 = () => {\r\n    this.setState((prevState) => ({\r\n      isButton2Visible: !prevState.isButton2Visible,\r\n      isButton1Visible: true,\r\n    }));\r\n  };\r\n  handlehide = () => {\r\n    document.getElementById(\"Searchbox2\").style.display = \"none\";\r\n    document.getElementById(\"Searchbox1\").style.display = \"none\";\r\n  };\r\n  EditSkillModel = (e, fn, al, uid, rmsg, em, mb, userName) => {\r\n    //  document.getElementById(\"EntityList\").style.display = \"none\";\r\n\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        firstName: fn,\r\n        allmessage: al,\r\n        usermsgId: uid,\r\n        receivemsg: rmsg,\r\n        email: em,\r\n        displayName: mb,\r\n        userName: userName,\r\n      },\r\n    });\r\n\r\n    this.setState((prevState) => ({\r\n      EditSkillModel: !prevState.EditSkillModel,\r\n      Chatpop: true,\r\n    }));\r\n  };\r\n\r\n  EditSkillModels = (id, fn, cb, pr) => {\r\n\r\n    this.setState({\r\n      EditSkillValues: {\r\n        groupId: id,\r\n        groupName: fn,\r\n        createdby: cb,\r\n        privacy: pr,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModels: !prevState.EditSkillModels,\r\n      Chatpop: false,\r\n      Filterpop: false,\r\n    }));\r\n  };\r\n  SearchModel = (e, fn) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      SearchValues: {\r\n        id: e,\r\n        Skillname: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      SearchModel: !prevState.SearchModel,\r\n    }));\r\n  };\r\n  GetAnnouncement(Id) {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/UserBank/GetAdminGroup`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          Announcements: data,\r\n          AllAnnouncement: data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching data:\", error);\r\n      });\r\n  }\r\n  myFunction = (e) => {\r\n    const Announcements = this.state.AllAnnouncement.filter((item) =>\r\n      item.group_Name.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcements });\r\n    const User = this.state.Alluser.filter((item) =>\r\n      item.group_Name.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ User });\r\n  };\r\n\r\n  scrollIntoView() {\r\n    this.myRef.current?.scrollIntoView();\r\n  }\r\n\r\n\r\n\r\n  ActiveMemberFilter = (e) => {\r\n    const EntityMembers = this.state.AllEntityMembers.filter(\r\n      (item) =>\r\n        item.displayName\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ EntityMembers, showResults: true });\r\n    if (EntityMembers.length === 0) {\r\n      document.getElementById(\"FilterErr\").innerHTML = \"Member Not Found\";\r\n    } else {\r\n      document.getElementById(\"FilterErr\").innerHTML = \"\";\r\n    }\r\n  };\r\n\r\n  LetterDiscussionFilter = (letter, e) => {\r\n    e.preventDefault();\r\n    var tabA = document.getElementById(\"tab1\");\r\n    if (this.state.RoleA === \"Admin\") {\r\n      if (tabA.checked) {\r\n        const Alluser1 = this.state.AlluserFilter.filter((item) => {\r\n          const receiver = item.receiver || \"\";\r\n          const group_Name = item.group_Name || \"\";\r\n\r\n          return (\r\n            receiver.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n            group_Name.toLowerCase().startsWith(letter.toLowerCase())\r\n          );\r\n        });\r\n\r\n        this.setState({ Alluser1: Alluser1, showResults: true });\r\n\r\n        if (Alluser1.length === 0) {\r\n          document.getElementById(\"FilterErr1\").innerHTML =\r\n            \"Discussion Not Found\";\r\n        } else {\r\n          document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n        }\r\n      }\r\n    } else if (this.state.RoleA === \"User\") {\r\n      if (tabA.checked) {\r\n        const Alluser1 = this.state.AlluserFilter.filter((item) => {\r\n          const receiver = item.receiver || \"\";\r\n          const group_Name = item.group_Name || \"\";\r\n          const firstName = item.firstName || \"\";\r\n          const displayName = item.displayName || \"\";\r\n\r\n          return (\r\n            receiver.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n            group_Name.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n            firstName.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n            displayName.toLowerCase().startsWith(letter.toLowerCase())\r\n          );\r\n        });\r\n\r\n        this.setState({ Alluser1: Alluser1, showResults: true });\r\n        // // // console.log(\"discussionss\", Alluser1);\r\n\r\n        if (Alluser1.length === 0) {\r\n          document.getElementById(\"FilterErr1\").innerHTML =\r\n            \"Discussion Not Found\";\r\n        } else {\r\n          document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n        }\r\n      }\r\n    }\r\n\r\n    var tabD = document.getElementById(\"tab5\");\r\n    if (tabD.checked) {\r\n      const OneonOne = this.state.OneonOneCount.filter((item) => {\r\n        const receiver = item.receiver || \"\";\r\n        const displayName = item.displayName || \"\";\r\n        const firstName = item.firstName || \"\";\r\n\r\n        return (\r\n          receiver.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n          displayName.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n          firstName.toLowerCase().startsWith(letter.toLowerCase())\r\n        );\r\n      });\r\n\r\n      this.setState({ OneonOne, showResults: true });\r\n      // // // console.log(\"discussionss\", OneonOne);\r\n\r\n      if (OneonOne.length === 0) {\r\n        document.getElementById(\"FilterErr1\").innerHTML =\r\n          \"Discussion Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n      }\r\n    }\r\n\r\n    var tabE = document.getElementById(\"tab4\");\r\n    if (tabE.checked) {\r\n      const User = this.state.Groupuser.filter((item) => {\r\n        const group_Name = item.group_Name || \"\";\r\n\r\n        return group_Name.toLowerCase().startsWith(letter.toLowerCase());\r\n      });\r\n\r\n      this.setState({ User, showResults: true });\r\n      // // // console.log(\"discussions1\", User);\r\n\r\n      if (User.length === 0) {\r\n        document.getElementById(\"FilterErr1\").innerHTML =\r\n          \"Discussion Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n      }\r\n    }\r\n    var tabB = document.getElementById(\"tab2\");\r\n    if (tabB.checked) {\r\n      const Deleted = this.state.Deleteduser.filter((item) => {\r\n        const group_Name = item.group_Name || \"\";\r\n\r\n        return group_Name.toLowerCase().startsWith(letter.toLowerCase());\r\n      });\r\n\r\n      this.setState({ Deleted, showResults: true });\r\n      // // // console.log(\"discussionss\", Deleted);\r\n\r\n      if (Deleted.length === 0) {\r\n        document.getElementById(\"FilterErr1\").innerHTML =\r\n          \"Discussion Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n      }\r\n    }\r\n    var tabC = document.getElementById(\"tab3\");\r\n    if (tabC.checked) {\r\n      const Alluser1 = this.state.Alluser1.filter((item) => {\r\n        const group_Name = item.group_Name || \"\";\r\n\r\n        return group_Name.toLowerCase().startsWith(letter.toLowerCase());\r\n      });\r\n\r\n      this.setState({ Alluser1, showResults: true });\r\n      // // // console.log(\"discussionss\", Alluser1);\r\n\r\n      if (Alluser1.length === 0) {\r\n        document.getElementById(\"FilterErr1\").innerHTML =\r\n          \"Discussion Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n      }\r\n    }\r\n\r\n    var tabG = document.getElementById(\"tab7\");\r\n    if (tabG.checked) {\r\n      const MutedDisc = this.state.MuteMessage.filter((item) => {\r\n        const group_Name = item.group_Name || \"\";\r\n\r\n        return group_Name.toLowerCase().startsWith(letter.toLowerCase());\r\n      });\r\n\r\n      this.setState({ MutedDisc, showResults: true });\r\n      // // // console.log(\"discussionss\", MutedDisc);\r\n\r\n      if (MutedDisc.length === 0) {\r\n        document.getElementById(\"FilterErr1\").innerHTML =\r\n          \"Discussion Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n      }\r\n    }\r\n  };\r\n\r\n  DiscussionFilter = (e) => {\r\n    clearInterval(this.interval);\r\n    var tabA = document.getElementById(\"tab1\");\r\n    if (this.state.RoleA === \"Admin\") {\r\n      if (tabA.checked) {\r\n        const Alluser1 = this.state.AlluserFilter.filter((item) => {\r\n          const receiver = item.receiver || \"\";\r\n          const group_Name = item.group_Name || \"\";\r\n          return (\r\n            receiver.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n            group_Name.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n          );\r\n        });\r\n\r\n        this.setState({ Alluser1: Alluser1, showResults: true });\r\n        // // // console.log(\"discussionss\", Alluser1);\r\n\r\n        if (Alluser1.length === 0) {\r\n          document.getElementById(\"FilterErr1\").innerHTML =\r\n            \"Discussion Not Found\";\r\n        } else {\r\n          document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n        }\r\n      }\r\n    } else if (this.state.RoleA === \"User\") {\r\n      if (tabA.checked) {\r\n        const Alluser1 = this.state.AlluserFilter.filter((item) => {\r\n          const receiver = item.receiver || \"\";\r\n          const group_Name = item.group_Name || \"\";\r\n          const firstName = item.firstName || \"\";\r\n          const displayName = item.displayName || \"\";\r\n\r\n          return (\r\n            receiver.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n            group_Name.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n            firstName.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n            displayName.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n          );\r\n        });\r\n\r\n        this.setState({ Alluser1: Alluser1, showResults: true });\r\n        // // // console.log(\"discussionss\", Alluser1);\r\n\r\n        if (Alluser1.length === 0) {\r\n          document.getElementById(\"FilterErr1\").innerHTML =\r\n            \"Discussion Not Found\";\r\n        } else {\r\n          document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n        }\r\n      }\r\n    }\r\n\r\n    var tabD = document.getElementById(\"tab5\");\r\n    if (tabD.checked) {\r\n      const OneonOne = this.state.OneonOneCount.filter((item) => {\r\n        const receiver = item.receiver || \"\";\r\n        const displayName = item.displayName || \"\";\r\n        const firstName = item.firstName || \"\";\r\n\r\n        return (\r\n          receiver.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n          displayName.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n          firstName.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n        );\r\n      });\r\n\r\n      this.setState({ OneonOne, showResults: true });\r\n      // // // console.log(\"discussionss\", OneonOne);\r\n\r\n      if (OneonOne.length === 0) {\r\n        document.getElementById(\"FilterErr1\").innerHTML =\r\n          \"Discussion Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n      }\r\n    }\r\n\r\n    var tabE = document.getElementById(\"tab4\");\r\n    if (tabE.checked) {\r\n      const User = this.state.Groupuser.filter((item) => {\r\n        const group_Name = item.group_Name || \"\";\r\n\r\n        return group_Name\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase());\r\n      });\r\n\r\n      this.setState({ User, showResults: true });\r\n      // // // console.log(\"discussions1\", User);\r\n\r\n      if (User.length === 0) {\r\n        document.getElementById(\"FilterErr1\").innerHTML =\r\n          \"Discussion Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n      }\r\n    }\r\n    var tabB = document.getElementById(\"tab2\");\r\n    if (tabB.checked) {\r\n      const Deleted = this.state.Deleteduser.filter((item) => {\r\n        const group_Name = item.group_Name || \"\";\r\n\r\n        return group_Name\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase());\r\n      });\r\n\r\n      this.setState({ Deleted, showResults: true });\r\n      // // // console.log(\"discussionss\", Deleted);\r\n\r\n      if (Deleted.length === 0) {\r\n        document.getElementById(\"FilterErr1\").innerHTML =\r\n          \"Discussion Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n      }\r\n    }\r\n    var tabC = document.getElementById(\"tab3\");\r\n    if (tabC.checked) {\r\n      const Alluser1 = this.state.Alluser1.filter((item) => {\r\n        const group_Name = item.group_Name || \"\";\r\n\r\n        return group_Name\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase());\r\n      });\r\n\r\n      this.setState({ Alluser1, showResults: true });\r\n      // // // console.log(\"discussionss\", Alluser1);\r\n\r\n      if (Alluser1.length === 0) {\r\n        document.getElementById(\"FilterErr1\").innerHTML =\r\n          \"Discussion Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n      }\r\n    }\r\n\r\n    var tabG = document.getElementById(\"tab7\");\r\n    if (tabG.checked) {\r\n      const MutedDisc = this.state.MuteMessage.filter((item) => {\r\n        const group_Name = item.group_Name || \"\";\r\n\r\n        return group_Name\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase());\r\n      });\r\n\r\n      this.setState({ MutedDisc, showResults: true });\r\n      // // // console.log(\"discussionss\", MutedDisc);\r\n\r\n      if (MutedDisc.length === 0) {\r\n        document.getElementById(\"FilterErr1\").innerHTML =\r\n          \"Discussion Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n      }\r\n    }\r\n\r\n    var tabMute = document.getElementById(\"tab7\");\r\n    if (tabMute.checked) {\r\n      const MutedDisc = this.state.AllMutedDisc.filter((item) => {\r\n        const group_Name = item.group_Name || \"\";\r\n\r\n        return group_Name\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase());\r\n      });\r\n\r\n      this.setState({ MutedDisc, showResults: true });\r\n      // // // console.log(\"discussionss\", MutedDisc);\r\n\r\n      if (MutedDisc.length === 0) {\r\n        document.getElementById(\"FilterErr1\").innerHTML =\r\n          \"Discussion Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n      }\r\n    }\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  \r\n    if (event.charCode === 13 && !this.state.EditInput) {\r\n      const { message, picture_Path, document_Path } = this.state;\r\n      if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n        alert(\"Please enter a message, select an image, or choose a document.\");\r\n      } else {\r\n        event.preventDefault();\r\n  \r\n        const formData = new FormData(this.formRef.current);\r\n        this.setState({\r\n          InputDisabled: true,\r\n        });\r\n  \r\n        for (const [key, value] of formData.entries()) {\r\n        }\r\n        axios.post(`${BASE_URLs}/Contact/OneOnOne`, formData, {\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            \"Content-Type\": \"multipart/form-data\",\r\n          },\r\n        })\r\n          .then((response) => {\r\n            // // // console.log(response.data);\r\n            var FirstName = this.state.Name;\r\n            var UserName = this.state.Email;\r\n            this.GetReceivemsgPop(FirstName, UserName);\r\n            this.GetmsgPop(UserName);\r\n            this.setState({\r\n              message: \"\",\r\n              picture_Path: null,\r\n              document_Path: null,\r\n              InputDisabled: false,\r\n            });\r\n          })\r\n          .catch((error) => {\r\n            // // // console.log(error);\r\n          });\r\n      }\r\n    }\r\n  \r\n    if (event.charCode === 13 && this.state.EditInput) {\r\n      document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n      document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n      // let Id = document.getElementById('groupid').value\r\n      const data = {\r\n        ParticularId: this.state.delparticularId,\r\n        Message: this.state.deletemsg,\r\n        SenderId: this.state.deletesender,\r\n        SysDateTimeWithSeconds: this.state.Time,\r\n      };\r\n      // // // console.log(\"Edits\", data);\r\n      axios.post(`${BASE_URLs}/Chat/EditOneonOneMessage`, data, {\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n          // // // console.log(response.data);\r\n          this.setState({ message: \"\", MsgMenu: false, deletemsg: \"\" });\r\n          var FirstName = this.state.Name;\r\n          var UserName = this.state.Email;\r\n          var Email = this.state.MailId;\r\n          this.GetReceivemsgPopUser(FirstName, Email);\r\n          this.GetmsgPop(UserName);\r\n  \r\n          this.setState({ EditInput: false });\r\n        })\r\n        .catch((error) => {\r\n          // // // console.log(error);\r\n        });\r\n    }\r\n  };\r\n  \r\n\r\n  handleKeyPressUser = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  \r\n    if (event.charCode === 13 && !this.state.EditInput) {\r\n      const { message, picture_Path, document_Path } = this.state;\r\n      if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n        alert(\"Please enter a message, select an image, or choose a document.\");\r\n      } else {\r\n        event.preventDefault();\r\n  \r\n        const formData = new FormData(this.formRef.current);\r\n        this.setState({\r\n          InputDisabled: true,\r\n        });\r\n  \r\n        for (const [key, value] of formData.entries()) {\r\n        }\r\n  \r\n        axios.post(`${BASE_URLs}/Contact/Receiversend`, formData, {\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        })\r\n          .then((response) => {\r\n            var FirstName = this.state.Name;\r\n            var UserName = this.state.Email;\r\n            this.GetReceivemsgPopUser(FirstName, UserName);\r\n            this.GetmsgPop(UserName);\r\n            this.setState({\r\n              message: \"\",\r\n              picture_Path: null,\r\n              document_Path: null,\r\n              InputDisabled: false,\r\n            });\r\n          })\r\n          .catch((error) => {\r\n            // Handle error\r\n            // console.error(\"Error sending message:\", error);\r\n          });\r\n      }\r\n    }\r\n  \r\n    if (event.charCode === 13 && this.state.EditInput) {\r\n      document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n      document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n      const data = {\r\n        ParticularId: this.state.delparticularId,\r\n        Message: this.state.deletemsg,\r\n        SenderId: this.state.deletesender,\r\n        SysDateTimeWithSeconds: this.state.Time,\r\n      };\r\n  \r\n      axios.post(`${BASE_URLs}/Chat/EditOneonOneMessage`, data, {\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n          // Handle success\r\n          this.setState({ message: \"\", MsgMenu: false, deletemsg: \"\" });\r\n          var FirstName = this.state.Name;\r\n          var UserName = this.state.Email;\r\n          var Email = this.state.MailId;\r\n          this.GetReceivemsgPopUser(FirstName, Email);\r\n          this.GetmsgPop(UserName);\r\n          this.setState({ EditInput: false });\r\n        })\r\n        .catch((error) => {\r\n          // Handle error\r\n          // console.error(\"Error editing message:\", error);\r\n        });\r\n    }\r\n  };\r\n  \r\n\r\n  ActiveMemberUserFilter = (e) => {\r\n\r\n    const EntityMemberUsers = this.state.AllEntityMemberUsers.filter(\r\n      (item) =>\r\n        item.displayName\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n\r\n    const AdminName = this.state.AdminNameA.filter(\r\n      (item) =>\r\n        item.name.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ EntityMemberUsers, showResults: true, AdminName });\r\n\r\n    if (EntityMemberUsers.length === 0) {\r\n      if (AdminName.length === 0) {\r\n        document.getElementById(\"FilterErr\").innerHTML = \"User Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr\").innerHTML = \"\";\r\n      }\r\n    } else {\r\n      if (EntityMemberUsers.length === 0 && AdminName.length === 0) {\r\n        document.getElementById(\"FilterErr\").innerHTML = \"User Not Found\";\r\n      } else {\r\n        document.getElementById(\"FilterErr\").innerHTML = \"\";\r\n      }\r\n    }\r\n  };\r\n\r\n  OATSearch = (e) => {\r\n    const User = this.state.Alluser.filter((item) =>\r\n      item.company_Name.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ User });\r\n  };\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  markMessageAsSeen = (group_id) => {\r\n    const data = {\r\n      id: group_id,\r\n    };\r\n  \r\n    const config = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      data: JSON.stringify(data),\r\n      url: `${BASE_URLs}/Notification/Msgcount`,\r\n    };\r\n  \r\n    axios(config)\r\n      .then((response) => {\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error updating Seen field:\", error);\r\n      });\r\n  };\r\n  \r\n\r\n  markMessageAsSeenUser = (senderId, particularId) => {\r\n    const data = {\r\n      senderId: senderId,\r\n      particularId: particularId,\r\n    };\r\n  \r\n    const config = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      data: JSON.stringify(data),\r\n      url: `${BASE_URLs}/Notification/MsgSeenUser`,\r\n    };\r\n  \r\n    axios(config)\r\n      .then((response) => {\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error updating Seen field:\", error);\r\n      });\r\n  };\r\n  \r\n\r\n  markMessageAsSeenAdmin = (senderId, particularId) => {\r\n    const data = {\r\n      senderId: senderId,\r\n      particularId: particularId,\r\n    };\r\n  \r\n    const config = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      data: JSON.stringify(data),\r\n      url: `${BASE_URLs}/Notification/MsgcountSeenAdmin`,\r\n    };\r\n  \r\n    axios(config)\r\n      .then((response) => {\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error updating Seen field:\", error);\r\n      });\r\n  };\r\n  \r\n\r\n  GetMemberAccess() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Chat/GetAccessMemberUsers`, options)\r\n      .then((response) => {\r\n        this.setState({\r\n          MemberAccess: response.data,\r\n          AllMemberAccess: response.data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching member access:\", error);\r\n      });\r\n  \r\n      setInterval(1000);\r\n  }\r\n\r\n  GetNonAccess() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Team/GetAccessMembers`, options)\r\n      .then((response) => {\r\n        this.setState({\r\n          NonAccess: response.data,\r\n          AllNonAccess: response.data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching non-access members:\", error);\r\n      });\r\n  }\r\n\r\n  \r\n  connectToHub = async () => {\r\n    this.connection = new signalR.HubConnectionBuilder()\r\n        .withUrl(`${BASE_URLs}/groupchathub`) // Adjust URL as needed\r\n        .withAutomaticReconnect()\r\n        .build();\r\n\r\n    try {\r\n        await this.connection.start();\r\n        // console.log('Group SignalR Connected.');\r\n\r\n        this.connection.on('ReceiveMessage', (message) => {\r\n            // console.log('Received:', message);\r\n            this.setState(prevState => ({\r\n                message: [...prevState.message, message],\r\n            }));\r\n        });\r\n    } catch (err) {\r\n        // console.error('SignalR Connection Error:', err);\r\n    }\r\n};\r\n\r\n\r\n\r\n  \r\n  componentDidMount() {\r\n    // document.removeEventListener(\"keydown\", this.handleKeyDown);\r\n    // document.addEventListener(\"keydown\", this.handleKeyDown);\r\n    this.chatBoxRef = React.createRef();\r\n    this.GetAnnouncement();\r\n    this.fetchCreatedName();\r\n    this.GetMemberAccess();\r\n    this.GetNonAccess();\r\n\r\n    this.connectToHub();\r\n\r\n    const hubConnection = new signalR.HubConnectionBuilder()\r\n      .withUrl(`${BASE_URLs}/chatHub`) // Replace with your SignalR hub URL\r\n      .configureLogging(signalR.LogLevel.Information)\r\n      .build();\r\n\r\n    this.setState({ hubConnection }, () => {\r\n      this.state.hubConnection\r\n        .start()\r\n        .then(() => {\r\n          // console.log('SignalR Connected');\r\n\r\n          this.state.hubConnection.on('ReceiveMessage', (user, message) => {\r\n            // console.log(`New message received: ${message} from ${user}`);\r\n            this.setState(prevState => ({\r\n              message: [...prevState.message, { user, message }]\r\n            }));\r\n          });\r\n        })\r\n        .catch(error => {}\r\n          // console.error('SignalR Connection Error:', error)\r\n        );\r\n    });\r\n    // this.OneononeUser();\r\n    // this.UserOrg();\r\n    const tt = document.getElementById(\"tab1\");\r\n    const tt2 = document.getElementById(\"tab2\");\r\n    const tt3 = document.getElementById(\"tab3\");\r\n    const tt4 = document.getElementById(\"tab4\");\r\n    const tt5 = document.getElementById(\"tab5\");\r\n    const tt6 = document.getElementById(\"tab6\");\r\n    const tt7 = document.getElementById(\"tab7\");\r\n    const searchtabs = document.getElementById(\"searchfordisc\");\r\n    window.onload = function () {\r\n      document.getElementById(\"searchfordisc\").blur();\r\n    };\r\n\r\n    if (tt) {\r\n      tt.checked = true;\r\n    }\r\n    function delay(ms) {\r\n      return new Promise(resolve => setTimeout(resolve, ms));\r\n    }\r\n    \r\n    function getUserDataAsync() {\r\n      return new Promise(resolve => {\r\n        this.getUserData();\r\n        resolve();\r\n      });\r\n    }\r\n    \r\n    function fetchData() {\r\n      const fetchPromises = [\r\n        this.fetchNotificationCount(),\r\n        this.fetchclosedCount(),\r\n        this.fetchindividualCount(),\r\n        this.fetchgroupCount(),\r\n        this.fetchpublicCount(),\r\n        this.fetchPrivacyandCreatedby(),\r\n        this.fetchPrivacyandCreatedbyPublic()\r\n      ];\r\n      return Promise.all(fetchPromises);\r\n    }\r\n    \r\n    async function fetchDataWithDelay() {\r\n      await getUserDataAsync.call(this);\r\n      await fetchData.call(this);\r\n    }\r\n    \r\n    async function fetchDataWithDelayAndCheck() {\r\n      if (tt.checked && !this.state.Filterpop) {\r\n        // Check if searchtabs is not in focus\r\n        if (!searchtabs || (searchtabs && !this.state.Filterpop)) {\r\n          if (\r\n            !tt2.checked &&\r\n            !tt3.checked &&\r\n            !tt4.checked &&\r\n            !tt5.checked &&\r\n            !tt6.checked &&\r\n            !tt7.checked\r\n          ) {\r\n            await fetchDataWithDelay.call(this);\r\n          }\r\n        }\r\n      }\r\n    }\r\n    \r\n    // Call fetchDataWithDelayAndCheck\r\n    fetchDataWithDelayAndCheck.call(this);\r\n    \r\n    // this.UserOrg1();\r\n    // this.UserOrgLeft();\r\n    this.Team();\r\n    this.TeamUsers();\r\n    // this.check();\r\n    this.GetAdminDetails();\r\n\r\n    const tab1Radio = document.getElementById(\"tab1\");\r\n\r\n    if (tab1Radio) {\r\n      tab1Radio.checked = true;\r\n    }\r\n\r\n    var role = JSON.parse(localStorage.getItem(\"Role\"));\r\n    this.setState({ RoleA: role });\r\n\r\n    var mail = JSON.parse(localStorage.getItem(\"email\"));\r\n    this.setState({ UserMail: mail });\r\n\r\n    var Id = JSON.parse(localStorage.getItem(\"userId\"));\r\n    this.setState({ UserId: Id });\r\n\r\n    var namee = JSON.parse(localStorage.getItem(\"uname\"));\r\n    this.setState({ USERNAME: namee });\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n\r\n    document.addEventListener(\"mousedown\", this.handleClickOutside);\r\n\r\n    if (this.state.Chatpop) {\r\n      this.scrollToBottom();\r\n    }\r\n  \r\n    // Scroll to bottom if there are messages\r\n    if (this.props.messages && this.props.messages.length > 0) {\r\n      this.scrollToBottom();\r\n    }\r\n\r\n  }\r\n\r\n  // scrollToBottom = () => {\r\n  //   const chatContainer = document.getElementsByClassName(\"ICchat-messages\"); // Change to the actual container ID\r\n  //   if (chatContainer) {\r\n  //     chatContainer.scrollTop = chatContainer.scrollHeight;\r\n  //     // Alternatively, you can use scrollIntoView with behavior: \"instant\"\r\n  //     const bottomElement = document.getElementById(\"bottomOfChat\");\r\n  //     if (bottomElement) {\r\n  //       bottomElement.scrollIntoView({ behavior: \"instant\", block: \"end\" });\r\n  //     }\r\n  //     } \r\n    \r\n  // }\r\n\r\n  scrollToBottom = () => {\r\n    const chatContainer = document.getElementsByClassName(\"ICchat-messages\")[0]; // Change to the actual container ID\r\n\r\n    if (chatContainer) {\r\n      chatContainer.scrollTop = chatContainer.scrollHeight;\r\n      // Alternatively, you can use scrollIntoView with behavior: \"instant\"\r\n      const bottomElement = document.getElementById(\"bottomOfChat\");\r\n      if (bottomElement) {\r\n        bottomElement.scrollIntoView({ behavior: \"instant\", block: \"end\" });\r\n      }\r\n    }\r\n  }\r\n\r\n  componentDidUpdate(prevProps, prevState) {\r\n    // Check if Chatpop state has changed from false to true\r\n    if (this.state.Chatpop && !prevState.Chatpop) {\r\n      this.scrollToBottom();\r\n    }\r\n\r\n    // Check if new messages have been received\r\n    if (prevProps.messages && this.props.messages && prevProps.messages.length !== this.props.messages.length) {\r\n      // Only scroll if not scrolled by user\r\n      if (!this.state.scrolledByUser) {\r\n        this.scrollToBottom();\r\n      }\r\n    }\r\n  }\r\n\r\n  handleScroll = () => {\r\n    // Set scrolledByUser to true when the user manually scrolls\r\n    this.setState({ scrolledByUser: true });\r\n  }\r\n\r\n\r\n  componentWillUnmount() {\r\n    // Clear the interval when the component is unmounted to avoid memory leaks\r\n    clearInterval(this.interval);\r\n    clearInterval(this.ICcountinterval);\r\n    clearInterval(this.ICcountTabinterval);\r\n    if (this.connection) {\r\n      this.connection.stop();\r\n  }\r\n  }\r\n\r\n  // componentDidUpdate(prevProps, prevState) {\r\n  //   // Check if Chatpop state has changed from false to true\r\n  //   if (this.state.Chatpop) {\r\n  //     this.scrollToBottom();\r\n  //   } \r\n  \r\n  //   // Check if messages have changed and scroll to bottom\r\n  //   if (prevProps.messages && this.props.messages && prevProps.messages.length !== this.props.messages.length) {\r\n  //     this.scrollToBottom();\r\n  //   }\r\n  // }\r\n\r\n  \r\n\r\n \r\n  \r\n\r\n \r\n  \r\n  \r\n\r\n  handleClickOutside = (event) => {\r\n    if (\r\n      this.containerRef.current &&\r\n      !this.containerRef.current.contains(event.target)\r\n    ) {\r\n      this.setState({\r\n        Deletepop: false,\r\n\r\n        showEmoji: false,\r\n        MsgMenu: false,\r\n        attachMenu: false,\r\n      });\r\n    }\r\n  };\r\n\r\n  Team() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Team/GetActiveMembers`, options)\r\n      .then((response) => {\r\n        this.setState({\r\n          EntityMembers: response.data,\r\n          AllEntityMembers: response.data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching active team members:\", error);\r\n      });\r\n  }\r\n  \r\n\r\n  TeamUsers() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Team/GetActiveMemberUsers`, options)\r\n      .then((response) => {\r\n        this.setState({\r\n          EntityMemberUsers: response.data,\r\n          AllEntityMemberUsers: response.data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching active team member users:\", error);\r\n      });\r\n  }\r\n  \r\n  navigate = () => {\r\n    this.props.history.push(\"/NewDiscussion\");\r\n  };\r\n\r\n  GetmsgPop(UserName) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetmsgPop?UserName=${UserName}`, options)\r\n      .then((response) => {\r\n        const DataLength = this.state.Popmsg.length;\r\n        this.setState(\r\n          {\r\n            Popmsg: response.data,\r\n          },\r\n          () => {\r\n            // if (response.data.length > DataLength) {\r\n            //   this.scrollToBottom();\r\n            // }\r\n          }\r\n        );\r\n        this.setState({\r\n          Popmsg: response.data,\r\n          OneonOneAdmin: UserName,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n  \r\n\r\n  GetAdminDetails() {\r\n    var UserEmail = JSON.parse(localStorage.getItem(\"email\"));\r\n  \r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/UserBank/GetAdminOnly?Email=${UserEmail}`, options)\r\n      .then((response) => {\r\n        this.setState({\r\n          AdminName: response.data,\r\n          AdminNameA: response.data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n      });\r\n  }\r\n  \r\n\r\n  GetReceivemsgPop(FirstName, Email) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetReceivemsgPop?FirstName=${FirstName}&Email=${Email}`, options)\r\n      .then((response) => {\r\n        const DataLength = this.state.ReceivepopMsg.length;\r\n        this.setState(\r\n          {\r\n            ReceivepopMsg: response.data,\r\n          },\r\n          () => {\r\n            // if (response.data.length > DataLength) {\r\n            //   this.scrollToBottom();\r\n            // }\r\n          }\r\n        );\r\n        this.setState({\r\n          ReceivepopMsg: response.data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching received messages:\", error);\r\n      });\r\n  }\r\n  \r\n\r\n  GetReceivemsgPopUser(FirstName, Email) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetReceivemsgPopUser?FirstName=${FirstName}&Email=${Email}`, options)\r\n      .then((response) => {\r\n        const DataLength = this.state.ReceivepopMsgUser.length;\r\n        this.setState(\r\n          {\r\n            ReceivepopMsgUser: response.data,\r\n          },\r\n          () => {\r\n            // if (response.data.length > DataLength) {\r\n            //   this.scrollToBottom();\r\n            // }\r\n          }\r\n        );\r\n        this.setState({\r\n          ReceivepopMsgUser: response.data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching received messages for user:\", error);\r\n      });\r\n  }\r\n  \r\n\r\n  handleSubmit = (event) => {\r\n    const { message, picture_Path, document_Path } = this.state;\r\n    if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n      event.preventDefault();\r\n      alert(\"Please enter a message, select an image, or choose a document.\");\r\n    } else {\r\n      event.preventDefault();\r\n  \r\n      const formData = new FormData(this.formRef.current);\r\n      this.setState({\r\n        InputDisabled: true,\r\n      });\r\n  \r\n      axios.post(`${BASE_URLs}/Contact/OneOnOne`, formData, {\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          \"Content-Type\": \"multipart/form-data\",\r\n        },\r\n      })\r\n        .then((response) => {\r\n          var FirstName = this.state.Name;\r\n          var UserName = this.state.Email;\r\n          this.GetReceivemsgPop(FirstName, UserName);\r\n          this.GetmsgPop(UserName);\r\n          this.setState({\r\n            message: \"\",\r\n            picture_Path: null,\r\n            document_Path: null,\r\n            InputDisabled: false,\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          // console.error(\"Error submitting form:\", error);\r\n        });\r\n    }\r\n  };\r\n  \r\n\r\n  handleSubmitUser = (event) => {\r\n    const { message, picture_Path, document_Path } = this.state;\r\n    if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n      event.preventDefault();\r\n      alert(\"Please enter a message, select an image, or choose a document.\");\r\n    } else {\r\n      event.preventDefault();\r\n  \r\n      const formData = new FormData(this.formRef.current);\r\n\r\n      this.setState({\r\n        InputDisabled: true,\r\n      });\r\n  \r\n      axios.post(`${BASE_URLs}/Contact/Receiversend`, formData, {\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          \"Content-Type\": \"multipart/form-data\",\r\n        },\r\n      })\r\n        .then((response) => {\r\n          var FirstName = this.state.Name;\r\n          var UserName = this.state.Email;\r\n          this.GetReceivemsgPopUser(FirstName, UserName);\r\n          this.GetmsgPop(UserName);\r\n          this.setState({\r\n            message: \"\",\r\n            picture_Path: null,\r\n            document_Path: null,\r\n            InputDisabled: false,\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          // console.error(\"Error submitting form:\", error);\r\n        });\r\n    }\r\n  };\r\n  \r\n\r\n  handleTextChange = (event) => {\r\n    this.setState({\r\n      message: event.target.value,\r\n      deletemsg: event.target.value,\r\n    });\r\n  };\r\n\r\n\r\n  Chatpop = (FirstName, UserName, pic, Email, senderId, particularId) => {\r\n\r\n    this.fetchNotificationCount();\r\n    this.fetchindividualCount();\r\n\r\n    this.setState({\r\n      Chatpop: true,\r\n      Name: FirstName,\r\n      Email: UserName,\r\n      Minimized: false,\r\n      Filterpop: false,\r\n      UserProfilePic: pic,\r\n      MailId: Email,\r\n    }, () => {\r\n      if (this.chatPopRef.current) {\r\n        const windowWidth = window.innerWidth;\r\n\r\n        // if (windowWidth <= 776) {\r\n        //   this.chatPopRef.current.style.marginTop = '-198px'; // Example margin for width <= 900px\r\n        // }else if (windowWidth <= 900) {\r\n        //   this.chatPopRef.current.style.marginTop = '-201px'; \r\n        // } else if (windowWidth <= 1024) {\r\n        //   this.chatPopRef.current.style.marginTop = '-215px'; // Example margin for width <= 1024px\r\n        // } else {\r\n        //   this.chatPopRef.current.style.marginTop = '-227px'; // Default margin\r\n        // }\r\n      }\r\n      const pageHeaderElement = document.querySelector('.page-header .page-header-title .pcoded-content .pcoded-inner-content');\r\n      if (pageHeaderElement) {\r\n        pageHeaderElement.classList.add('override-page-header-margin');\r\n      }\r\n\r\n      const pageHeaderElement1 = document.getElementById('last');\r\n      if (pageHeaderElement1) {\r\n        pageHeaderElement1.classList.add('override-page-header-margin');\r\n      }\r\n\r\n      const pageHeaderElements2 = document.getElementsByClassName('.card, .page-body .col-sm-12 .row');\r\n      if (pageHeaderElements2) {\r\n        Array.from(pageHeaderElements2).forEach(element => {\r\n          element.classList.add('override-page-header-margin');\r\n        });\r\n      }\r\n    });\r\n   \r\n   \r\n\r\n\r\n\r\n    this.GetReceivemsgPop(FirstName, Email);\r\n    this.GetReceivemsgPopUser(FirstName, Email);\r\n    this.GetmsgPop(UserName);\r\n    this.OneononeUser();\r\n    this.GetForwardmembers();\r\n\r\n    if (this.interval) {\r\n      clearInterval(this.interval);\r\n    }\r\n    this.interval = setInterval(() => {\r\n      this.GetReceivemsgPop(FirstName, Email);\r\n      this.GetReceivemsgPopUser(FirstName, Email);\r\n      this.GetmsgPop(UserName);\r\n\r\n    }, 1000);\r\n\r\n\r\n\r\n    if (this.state.UserId !== senderId) {\r\n      this.ICcountinterval = setInterval(() => {\r\n        // // // console.log('aarthiii')\r\n        this.markMessageAsSeenAdmin(\r\n          senderId, particularId\r\n        );\r\n        this.markMessageAsSeenUser(senderId, particularId\r\n        );\r\n      }, 1000);\r\n    }\r\n  };\r\n\r\n  hideChatpop = () => {\r\n    this.setState({\r\n      Chatpop: false,\r\n      attachMenu: false,\r\n      showEmoji: false,\r\n      MsgMenu: false,\r\n      Deletepop: false,\r\n    }, () => {\r\n      this.updateCheckedState();\r\n      if (this.chatPopRef.current) {\r\n        const windowWidth = window.innerWidth;\r\n\r\n        // if (windowWidth <= 776) {\r\n        //   this.chatPopRef.current.style.marginTop = '-198px'; // Example margin for width <= 900px\r\n        // }else if (windowWidth <= 900) {\r\n        //   this.chatPopRef.current.style.marginTop = '-201px'; \r\n        // } else if (windowWidth <= 1024) {\r\n        //   this.chatPopRef.current.style.marginTop = '-215px'; // Example margin for width <= 1024px\r\n        // } else {\r\n        //   this.chatPopRef.current.style.marginTop = '-227px'; // Default margin\r\n        // }\r\n      }\r\n      const pageHeaderElement = document.querySelector('.page-header .page-header-title .pcoded-content .pcoded-inner-content');\r\n      if (pageHeaderElement) {\r\n        pageHeaderElement.classList.remove('override-page-header-margin');\r\n      }\r\n\r\n      const pageHeaderElement1 = document.getElementById('last');\r\n      if (pageHeaderElement1) {\r\n        pageHeaderElement1.classList.remove('override-page-header-margin');\r\n      }\r\n\r\n      const pageHeaderElements2 = document.getElementsByClassName('.card, .page-body .col-sm-12 .row');\r\n      if (pageHeaderElements2.length > 0) {\r\n        Array.from(pageHeaderElements2).forEach(element => {\r\n          element.classList.remove('override-page-header-margin');\r\n        });\r\n      }\r\n\r\n\r\n    });\r\n    clearInterval(this.ICcountinterval);\r\n  };\r\n\r\n  Hidechatheader = () => {\r\n    var tabA = document.getElementById(\"tab1\");\r\n    // alert(\"chat\")\r\n    this.setState({\r\n      Chatpop: false,\r\n      attachMenu: false,\r\n      showEmoji: false,\r\n      MsgMenu: false,\r\n      Deletepop: false,\r\n      Minimized: false,\r\n    });\r\n    if (tabA.checked) {\r\n      this.setState({\r\n        OneonOne: [],\r\n      });\r\n      this.getUserData();\r\n    }\r\n\r\n  };\r\n\r\n  handleEmojiClick = (emojiObject) => {\r\n    this.setState((prevState) => ({\r\n      message: prevState.message + emojiObject.emoji,\r\n      showEmoji: false,\r\n      deletemsg: prevState.deletemsg + emojiObject.emoji,\r\n    }));\r\n  };\r\n\r\n  myEmoji = () => {\r\n    const changeState = this.state.showEmoji;\r\n    if (changeState) {\r\n      this.setState({\r\n        showEmoji: false,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        showEmoji: true,\r\n      });\r\n    }\r\n  };\r\n\r\n  check = () => { };\r\n\r\n  formatDateAA = (dateString) => {\r\n    const inputDate = new Date(dateString);\r\n    const currentDate = new Date();\r\n    const oneDay = 24 * 60 * 60 * 1000; // Number of milliseconds in a day\r\n    const oneWeekAgo = new Date(currentDate.getTime() - 7 * oneDay);\r\n\r\n    const isToday =\r\n      inputDate.getDate() === currentDate.getDate() &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isYesterday =\r\n      inputDate.getDate() === currentDate.getDate() - 1 &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isBeforeYesterday =\r\n      inputDate.getTime() > oneWeekAgo.getTime() && !isYesterday;\r\n\r\n    const options = {\r\n      hour: \"numeric\",\r\n      minute: \"numeric\",\r\n      hour12: true,\r\n    };\r\n\r\n    if (isToday) {\r\n      const timeOnly = inputDate.toLocaleTimeString(\"en-US\", {\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n        hour12: true,\r\n      });\r\n      return `${timeOnly}`;\r\n    } else if (isYesterday) {\r\n      return `${inputDate.toLocaleTimeString(\"en-US\", {\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n        hour12: true,\r\n      })}`;\r\n    } else if (isBeforeYesterday) {\r\n      // const formattedDate = inputDate.toLocaleDateString(\"en-US\", { weekday: \"long\" });\r\n      const formattedTime = inputDate.toLocaleTimeString(\"en-US\", {\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n        hour12: true,\r\n      });\r\n      return `${formattedTime}`;\r\n    } else {\r\n      return inputDate.toLocaleString(\"en-US\", options);\r\n    }\r\n  };\r\n\r\n  formatDateAA1 = (dateString) => {\r\n    const inputDate = new Date(dateString);\r\n    const currentDate = new Date();\r\n    const oneDay = 24 * 60 * 60 * 1000; // Number of milliseconds in a day\r\n    const oneWeekAgo = new Date(currentDate.getTime() - 7 * oneDay);\r\n\r\n    const isToday =\r\n      inputDate.getDate() === currentDate.getDate() &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isYesterday =\r\n      inputDate.getDate() === currentDate.getDate() - 1 &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isBeforeYesterday =\r\n      inputDate.getTime() > oneWeekAgo.getTime() && !isYesterday;\r\n\r\n    const options = {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n      hour: \"numeric\",\r\n      minute: \"numeric\",\r\n      hour12: true,\r\n    };\r\n\r\n    const options1 = {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n    };\r\n\r\n    if (isToday) {\r\n      return \"Today\";\r\n    } else if (isYesterday) {\r\n      return \"Yesterday\";\r\n    } else if (isBeforeYesterday) {\r\n      const formattedDate = inputDate.toLocaleDateString(\"en-US\", {\r\n        weekday: \"long\",\r\n      });\r\n      // const formattedTime = inputDate.toLocaleTimeString(\"en-US\", { hour: \"numeric\", minute: \"numeric\", hour12: true });\r\n      return `${formattedDate}`;\r\n    } else {\r\n      return inputDate.toLocaleString(\"en-US\", options1);\r\n    }\r\n  };\r\n\r\n  formatDateAA2 = (dateString) => {\r\n    const options = {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n    };\r\n\r\n    return new Date(dateString).toLocaleString(\"en-US\", options);\r\n  };\r\n\r\n  Mute() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Chat/GetMuteChat`, options)\r\n      .then((response) => {\r\n        this.setState({\r\n          MutedDisc: response.data,\r\n          AllMutedDisc: response.data,\r\n          OneonOne: [],\r\n          User: [],\r\n          Alluser1: [],\r\n          Deleted: [],\r\n          trendList: [],\r\n          NonUsers: [],\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching muted chats:\", error);\r\n      });\r\n  }\r\n  \r\n\r\n  attachMenu() {\r\n    this.setState({\r\n      attachMenu: !this.state.attachMenu,\r\n      showEmoji: false,\r\n      Addpopup: false,\r\n      showMenu: false,\r\n      Deletepop: false,\r\n      MsgMenu: false,\r\n    });\r\n  }\r\n  Picturepop() {\r\n    this.setState({\r\n      Picturepopup: !this.state.Picturepopup,\r\n      ispicturepopOpen: true,\r\n      attachMenu: false,\r\n    });\r\n    localStorage.setItem(\"fileee\", JSON.stringify(this.state.OneonOneAdmin));\r\n  }\r\n  Documentpop() {\r\n    this.setState({\r\n      Documentpopup: !this.state.Documentpopup,\r\n      isdocumentpopOpen: true,\r\n\r\n      attachMenu: false,\r\n    });\r\n\r\n    // // // console.log(this.state.OneonOneAdmin, \"droppppppp\");\r\n    localStorage.setItem(\"fileee\", JSON.stringify(this.state.OneonOneAdmin));\r\n    localStorage.setItem(\"UNamee\", JSON.stringify(this.state.Name));\r\n  }\r\n\r\n  documentPopup = () => {\r\n    this.setState({\r\n      isdocumentpopOpen: false,\r\n      Documentpopup: false,\r\n    });\r\n    var FirstName = this.state.Name;\r\n    var UserName = this.state.Email;\r\n    var Email = this.state.MailId;\r\n    this.GetmsgPop(UserName);\r\n    this.GetReceivemsgPop(FirstName, Email);\r\n    this.GetReceivemsgPopUser(FirstName, Email);\r\n  };\r\n  picturePopup = () => {\r\n    this.setState({\r\n      ispicturepopOpen: false,\r\n      Picturepopup: false,\r\n    });\r\n    var FirstName = this.state.Name;\r\n    var UserName = this.state.Email;\r\n    var Email = this.state.MailId;\r\n    this.GetmsgPop(UserName);\r\n    this.GetReceivemsgPop(FirstName, Email);\r\n    this.GetReceivemsgPopUser(FirstName, Email);\r\n  };\r\n\r\n  documentpop() {\r\n    this.setState({ Documentpopup: !this.state.Documentpopup });\r\n  }\r\n\r\n  picturepop() {\r\n    this.setState({ Picturepopup: !this.state.Picturepopup });\r\n  }\r\n\r\n  hidedocumentpop = () => {\r\n    this.setState({\r\n      Documentpopup: false,\r\n    });\r\n  };\r\n  hidepicturepop = () => {\r\n    this.setState({\r\n      Picturepopup: false,\r\n    });\r\n  };\r\n  EditOneonOneMessage = () => {\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n    // let Id = document.getElementById('groupid').value\r\n    const data = {\r\n      ParticularId: this.state.delparticularId,\r\n      Message: this.state.deletemsg,\r\n      SenderId: this.state.deletesender,\r\n      SysDateTimeWithSeconds: this.state.Time,\r\n    };\r\n    // // // console.log(\"Edits\", data);\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/Chat/EditOneonOneMessage`,\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // // console.log(response.data);\r\n        this.setState({ message: \"\", MsgMenu: false, deletemsg: \"\" });\r\n        var FirstName = this.state.Name;\r\n        var UserName = this.state.Email;\r\n        var Email = this.state.MailId;\r\n        this.GetReceivemsgPopUser(FirstName, Email);\r\n        this.GetmsgPop(UserName);\r\n\r\n        this.setState({ EditInput: false });\r\n      })\r\n\r\n      .catch((error) => {\r\n        // // // console.log(error);\r\n      });\r\n  };\r\n\r\n  DeleteMessageOne = () => {\r\n    const data = {\r\n      Id: this.state.deleteId,\r\n      UserName: this.state.Email,\r\n    };\r\n\r\n    // // // console.log(data, \"delete message\");\r\n\r\n    Swal.fire({\r\n      // title: \"Are you sure\",\r\n\r\n      text: \"Are you sure want to delete message?\",\r\n\r\n      icon: \"warning\",\r\n\r\n      showCancelButton: true,\r\n\r\n      confirmButtonColor: \"#3085d6\",\r\n\r\n      cancelButtonColor: \"#d33\",\r\n\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n      if (result.isConfirmed) {\r\n        axios({\r\n          method: \"POST\",\r\n\r\n          url: `${BASE_URLs}/Chat/DeleteMessageOne`,\r\n\r\n          data: data,\r\n\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"multipart/form-data\",\r\n\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        })\r\n          .then((response) => {\r\n            // // // console.log(response.data);\r\n\r\n            var FirstName = this.state.Name;\r\n            var UserName = this.state.Email;\r\n            var Email = this.state.MailId;\r\n            this.GetmsgPop(UserName);\r\n            this.GetReceivemsgPop(FirstName, Email);\r\n            this.GetReceivemsgPopUser(FirstName, Email);\r\n\r\n            this.setState({\r\n              Deletepop: false,\r\n            });\r\n          })\r\n\r\n          .catch((error) => {\r\n            // // // console.log(error);\r\n          });\r\n      }\r\n\r\n      if (result.isDismissed) {\r\n        this.setState({\r\n          Deletepop: false,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  DisplayMenu(id, Imsg, Ipic, Idoc, Isd, Icd, ParticularId, Ist) {\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n    this.setState({\r\n      MsgMenu: !this.state.MsgMenu,\r\n      deleteId: id,\r\n      // deletemsg: Imsg,\r\n      Forwardpic: Ipic,\r\n      Forwarddoc: Idoc,\r\n      deletesender: Isd,\r\n      deletedate: Icd,\r\n      Deletepop: false,\r\n      attachMenu: false,\r\n      deleteEvery: id,\r\n      deletemsg: Imsg,\r\n      delparticularId: ParticularId,\r\n      //  Time:Ist,\r\n      Time: Ist,\r\n    });\r\n  }\r\n\r\n  GetForwardmembers() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Chat/GetallMembers`, options)\r\n      .then((response) => {\r\n        if (Array.isArray(response.data)) {\r\n          this.setState({\r\n            Forwardmembers: response.data,\r\n            AllForwardmembers: response.data,\r\n            Addmembers: response.data,\r\n            AllAddmembers: response.data,\r\n          });\r\n        } else {\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching forward members:\", error);\r\n      });\r\n  }\r\n  \r\n  forwardopenpop = () => {\r\n    this.setState({\r\n      forwardpopup: !this.state.forwardpopup,\r\n\r\n      MsgMenu: false,\r\n    });\r\n    this.GetMemberAccess();\r\n    this.GetNonAccess();\r\n  };\r\n\r\n  hideForwardpop = () => {\r\n    this.setState({\r\n      forwardpopup: false,\r\n      selectedUserIds: []\r\n    });\r\n    this.GetMemberAccess();\r\n    this.GetNonAccess();\r\n  };\r\n\r\n  handleUserSelectionChange = (event) => {\r\n    //document.getElementById(\"Searchbox2\").style.display = \"block\";\r\n    const { value, checked } = event.target;\r\n    this.setState((prevState) => {\r\n      let selectedUsers = [...prevState.selectedUsers];\r\n      let selectedUserIds = [...prevState.selectedUserIds];\r\n      let selectedUsersA = [...prevState.selectedUsersA];\r\n      let selectedUserName = [...prevState.selectedUserName];\r\n      if (checked) {\r\n        const userToAdd = prevState.Addmembers.find(\r\n          (user) => user.email === value\r\n        );\r\n        if (userToAdd) {\r\n          selectedUsers.push(userToAdd);\r\n          selectedUserIds.push(userToAdd.email);\r\n        }\r\n\r\n        const userNameToAdd = prevState.Addmembers.find(\r\n          (user) => user.email === value\r\n        );\r\n        if (userNameToAdd) {\r\n          // let Both = userNameToAdd.name + \" [ \" + userNameToAdd.email + \" ] \";\r\n          let Both = userNameToAdd.name;\r\n          selectedUsersA.push(userNameToAdd);\r\n          selectedUserName.push(Both);\r\n        }\r\n      } else {\r\n        const userNameToAdd = prevState.Addmembers.find(\r\n          (user) => user.email === value\r\n        );\r\n\r\n        selectedUsers = selectedUsers.filter((user) => user.email !== value);\r\n        selectedUserIds = selectedUserIds.filter((email) => email !== value);\r\n\r\n        selectedUsersA = selectedUsersA.filter((user) => user.email !== value);\r\n        selectedUserName = selectedUserName.filter(\r\n          (name) => name !== userNameToAdd.name\r\n        );\r\n      }\r\n\r\n      return { selectedUsers, selectedUserIds, selectedUserName };\r\n    });\r\n    // this.handleUserRemove()\r\n  };\r\n\r\n  handleUserRemove = (email, name) => {\r\n    this.setState((prevState) => {\r\n      const updatedSelectedUsers = prevState.selectedUsers.filter(\r\n        (user) => user.email !== email\r\n      );\r\n      const updatedSelectedUserIds = prevState.selectedUserIds.filter(\r\n        (userId) => userId !== email\r\n      );\r\n      const updatedSelectedUserName = prevState.selectedUserName.filter(\r\n        (userName) => userName !== name\r\n      );\r\n\r\n      //const updatedSelectedUsersA = prevState.selectedUsersA.filter((usersA) => usersA.email !== email);\r\n\r\n      return {\r\n        selectedUsers: updatedSelectedUsers,\r\n        selectedUserIds: updatedSelectedUserIds,\r\n        selectedUserName: updatedSelectedUserName,\r\n\r\n        //selectedUsersA: updatedSelectedUsersA\r\n      };\r\n    });\r\n  };\r\n\r\n  Addmemberfilter = (e) => {\r\n    const MemberAccess = this.state.AllMemberAccess.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ MemberAccess, showResults: true });\r\n    const NonAccess = this.state.AllNonAccess.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n\r\n    // // // console.log(\"NonAccess\", NonAccess);\r\n    this.setState({ NonAccess, showResults: true });\r\n\r\n  };\r\n\r\n  ForwardIChatMsg = (event) => {\r\n    event.preventDefault();\r\n\r\n    let ParticularId = this.state.selectedUserIds.toString();\r\n\r\n    if (!ParticularId) {\r\n      alert(\"Choose Any Member\");\r\n    } else {\r\n      const data = {\r\n        Message: this.state.deletemsg,\r\n\r\n        Picture_Path: this.state.Forwardpic,\r\n\r\n        Document_Path: this.state.Forwarddoc,\r\n\r\n        UserName: ParticularId,\r\n      };\r\n\r\n      // // // console.log(data, \"ICupdatename check\");\r\n\r\n      axios({\r\n        method: \"POST\",\r\n\r\n        url: `${BASE_URLs}/contact/OneonOneFwdMessage`,\r\n\r\n        data: data,\r\n\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n          // // // console.log(response.data);\r\n\r\n          this.setState({\r\n            //   selectedOptionsFwd: [],\r\n            forwardpopup: false,\r\n            selectedUserIds: [],\r\n          });\r\n          Swal.fire({\r\n            position: \"center\",\r\n            icon: \"success\",\r\n            text: \"Forwarded\",\r\n            showConfirmButton: false,\r\n            timer: 2000,\r\n            timerProgressBar: true,\r\n            customClass: \"IC-swal-container\",\r\n          });\r\n          var FirstName = this.state.Name;\r\n          var UserName = this.state.Email;\r\n          var Email = this.state.MailId;\r\n          this.GetmsgPop(UserName);\r\n          this.GetReceivemsgPop(FirstName, Email);\r\n          this.GetReceivemsgPopUser(FirstName, Email);\r\n          this.GetMemberAccess();\r\n          this.GetNonAccess();\r\n        })\r\n\r\n        .catch((error) => {\r\n          // // // console.log(error);\r\n\r\n          alert(\"failed !\");\r\n        });\r\n    }\r\n  };\r\n  deleteMenu() {\r\n    this.setState({\r\n      Deletepop: !this.state.Deletepop,\r\n      MsgMenu: false,\r\n    });\r\n  }\r\n  handleClose = () => {\r\n    this.setState({\r\n      Deletepop: false,\r\n    });\r\n  };\r\n  ICDeleteMessageEveryone = () => {\r\n    const data = {\r\n      UserName: this.state.Email,\r\n\r\n      SenderId: this.state.deletesender,\r\n\r\n      DateTimeSec: this.state.Time,\r\n\r\n      Message: this.state.deletemsg,\r\n\r\n      PicturePath: this.state.Forwardpic,\r\n\r\n      DocumentPath: this.state.Forwarddoc,\r\n      // SysDateTimeWithSeconds: this.state.Time,\r\n    };\r\n\r\n    // // // console.log(data, \"delete message\");\r\n\r\n    Swal.fire({\r\n      // title: \"Are you sure\",\r\n\r\n      text: \"Are you sure want to delete message?\",\r\n\r\n      icon: \"warning\",\r\n\r\n      showCancelButton: true,\r\n\r\n      confirmButtonColor: \"#3085d6\",\r\n\r\n      cancelButtonColor: \"#d33\",\r\n\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n      if (result.isConfirmed) {\r\n        axios({\r\n          method: \"POST\",\r\n\r\n          url: `${BASE_URLs}/contact/ICDelMsgEveryone`,\r\n\r\n          data: data,\r\n\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"multipart/form-data\",\r\n\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        })\r\n          .then((response) => {\r\n            // // // console.log(response.data);\r\n\r\n            var FirstName = this.state.Name;\r\n            var UserName = this.state.Email;\r\n            var Email = this.state.MailId;\r\n            this.GetmsgPop(UserName);\r\n            this.GetReceivemsgPop(FirstName, Email);\r\n            this.GetReceivemsgPopUser(FirstName, Email);\r\n\r\n            this.setState({\r\n              Deletepop: false,\r\n            });\r\n          })\r\n\r\n          .catch((error) => {\r\n            // // console.log(error);\r\n          });\r\n      }\r\n\r\n      if (result.isDismissed) {\r\n        this.setState({\r\n          Deletepop: false,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  ICMuteDiscpop(e) {\r\n    e.preventDefault();\r\n    this.setState({\r\n      ICMuteDisc: !this.state.MuteDisc,\r\n    });\r\n  }\r\n\r\n  EditMessage = () => {\r\n    this.setState({ EditInput: true });\r\n    document.getElementById(\"input-groupEdit\").style.display = \"flex\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"none\";\r\n  };\r\n\r\n  CancelEdit() {\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const {\r\n      EntityMembers,\r\n      EntityMemberUsers,\r\n      UserId,\r\n      RoleA,\r\n      UserMail,\r\n      USERNAME,\r\n      showEmoji,\r\n      ReceivepopMsg,\r\n      ReceivepopMsgUser,\r\n      Popmsg,\r\n      User,\r\n      Name,\r\n      Email,\r\n      Chatpop,\r\n      Minimized,\r\n      isButton1Visible,\r\n      isButton2Visible,\r\n      Announcements,\r\n      SideBarOpen,\r\n      User1,\r\n      Alluser,\r\n      Alluser1,\r\n      NonUsers,\r\n      OneonOne,\r\n      AdminName,\r\n      OneonOneCount,\r\n      Deleted,\r\n      notificationCount,\r\n      notificationClosed,\r\n      individualCount,\r\n      groupCount,\r\n      publicCount,\r\n      checkPrivacyandCreated,\r\n      checkPrivacyandCreatedPublic,\r\n      CheckCreatedName,\r\n      trendList,\r\n      MutedDisc,\r\n      Filterpop,\r\n      isdocumentpopOpen,\r\n      ispicturepopOpen,\r\n      DName,\r\n      documentname,\r\n      UserProfilePic,\r\n\r\n      MsgMenu,\r\n      Forwardmembers,\r\n      selectedUserIds,\r\n      selectedUsers,\r\n      Deletepop,\r\n      Popmsguserside,\r\n      ReceivepopMsgUserSide,\r\n      ReceivepopMsgUsersideA,\r\n      createdby,\r\n      MemberAccess,\r\n      NonAccess,\r\n      activeTab\r\n    } = this.state;\r\n    const messages = [...Popmsg, ...ReceivepopMsg, ...ReceivepopMsgUser];\r\n\r\n    messages.sort(\r\n      (a, b) => new Date(a.createDateTime) - new Date(b.createDateTime)\r\n    );\r\n    messages.sort((a, b) => a.id - b.id);\r\n\r\n    let seenCreateDateTime = {}; // to keep track of createDateTime\r\n\r\n    for (let i = 0; i < messages.length; i++) {\r\n      const currentObject = messages[i];\r\n\r\n      // Check if createDateTime is already seen\r\n      if (seenCreateDateTime[currentObject.createDateTime.split(\"T\")[0]]) {\r\n        // Check if displayName is different\r\n        if (\r\n          seenCreateDateTime[currentObject.createDateTime.split(\"T\")[0]] !==\r\n          currentObject.displayName\r\n        ) {\r\n          // Update rowNum to 2\r\n          messages[i].rowNum = 2;\r\n        }\r\n      } else {\r\n        // Store the displayName for the createDateTime\r\n        seenCreateDateTime[currentObject.createDateTime.split(\"T\")[0]] =\r\n          currentObject.displayName;\r\n      }\r\n    }\r\n\r\n    messages.sort(\r\n      (a, b) => new Date(a.createDateTime) - new Date(b.createDateTime)\r\n    );\r\n    const merge = [...User, ...User1];\r\n    merge.sort(\r\n      (a, b) => new Date(b.createDateTime) - new Date(a.createDateTime)\r\n    );\r\n\r\n    var Accessed = JSON.parse(localStorage.access);\r\n    var Accessed_to = JSON.parse(localStorage.accessed_to);\r\n    var MailIds = JSON.parse(localStorage.email);\r\n\r\n    const deleteStyles = {\r\n      position: \"absolute\",\r\n      // top: \"350px\",\r\n      alignItems: \"center\",\r\n      zIndex: \"10\",\r\n\r\n      // width: \"300px\",\r\n      backgroundColor: \"white\",\r\n      padding: \"10px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: this.state.Deletepop ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"9px\",\r\n      top: \"50%\",\r\n       left: \"50%\",\r\n      transform: \"translate(-50%, -50%)\",\r\n    };\r\n\r\n    const MessageMenu = {\r\n      position: \"absolute\",\r\n      top: \"-10px\",\r\n      alignItems: \"center\",\r\n      zIndex: \"100\",\r\n      // left: \"19.5%\",\r\n      width: \"140px\",\r\n      backgroundColor: \"white\",\r\n      padding: \"10px\",\r\n      boxShadow: \"rgb(0 0 0 / 20%) 0px 2px 5px\",\r\n      display: this.state.MsgMenu ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"none\",\r\n\r\n    };\r\n\r\n    const chatpop = {\r\n      zIndex: Minimized ? \"0\" : \"0\",\r\n      display: this.state.Chatpop ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n    };\r\n\r\n    const chatpopA = {\r\n      position: \"absolute\",\r\n      top: \"46px\",\r\n      left: \"-0%\",\r\n      backgroundColor: \"white\",\r\n      // display: this.state.Chatpop ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      height: \"auto\",\r\n    };\r\n\r\n    const attachStyles = {\r\n      position: \"absolute\",\r\n      //  top: \"400px\",\r\n\r\n      marginTop: \"-122px\",\r\n      alignItems: \"center\",\r\n      zIndex: \"100\",\r\n      // left: \"89%\",\r\n      backgroundColor: \"white\",\r\n      padding: \"10px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: this.state.attachMenu ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"9px\",\r\n      // left: \"89%\",\r\n      // left: \"43%\",\r\n    };\r\n\r\n    const documentpop = {\r\n      position: \"absolute\",\r\n      zIndex: \"100\",\r\n      backgroundColor: \"white\",\r\n      cursor: \"pointer\",\r\n      border: \"3px solid rgb(156, 145, 244)\",\r\n      display: this.state.Documentpopup ? \"block\" : \"none\",\r\n    };\r\n\r\n    const picturepop = {\r\n      position: \"absolute\",\r\n      zIndex: \"100\",\r\n      backgroundColor: \"white\",\r\n      display: this.state.Picturepopup ? \"block\" : \"none\",\r\n\r\n      cursor: \"pointer\",\r\n\r\n      border: \"3px solid rgb(156 145 244)\",\r\n    };\r\n    const regexp =\r\n      /(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?/;\r\n\r\n      const LoginUserName = localStorage.getItem(\"uname\");\r\n      \r\n      const name = LoginUserName.replace(/\"/g, \"\");\r\n\r\n    return (\r\n      <>\r\n        <div>\r\n          {this.state.EditSkillModels ? (\r\n            <div className=\"row\">\r\n              {/* <div className=\"col-lg-6\"> */}\r\n              <GroupPop\r\n                id=\"\"\r\n                values={this.state.EditSkillValues}\r\n                close={() => {\r\n                  var tabA = document.getElementById(\"tab1\");\r\n                  if (tabA.checked) {\r\n                    this.EditSkillModels();\r\n                    this.getUserData();\r\n                  }\r\n\r\n                  var tabB = document.getElementById(\"tab2\");\r\n                  if (tabB.checked) {\r\n                    this.EditSkillModels();\r\n                    this.UserOrgLeft();\r\n                  }\r\n                  var tabC = document.getElementById(\"tab3\");\r\n                  if (tabC.checked) {\r\n                    this.EditSkillModels();\r\n                    this.UserOrg1();\r\n                  }\r\n\r\n                  var tabD = document.getElementById(\"tab5\");\r\n                  if (tabD.checked) {\r\n                    this.EditSkillModels();\r\n                    this.OneononeUser();\r\n                  }\r\n\r\n                  var tabE = document.getElementById(\"tab4\");\r\n                  if (tabE.checked) {\r\n                    this.EditSkillModels();\r\n                    this.UserOrg();\r\n                  }\r\n\r\n                  var tabF = document.getElementById(\"tab6\");\r\n                  if (tabF.checked) {\r\n                    this.EditSkillModels();\r\n                    this.UserOrgTrend();\r\n                  }\r\n\r\n                  var tabG = document.getElementById(\"tab7\");\r\n                  if (tabG.checked) {\r\n                    this.EditSkillModels();\r\n                    this.Mute();\r\n                  }\r\n                }}\r\n              />\r\n              {/* </div> */}\r\n            </div>\r\n          ) : null}\r\n          {this.state.SearchModel ? (\r\n            <SearchPopup id=\"\" close={() => this.SearchModel()} />\r\n          ) : null}\r\n          \r\n                {!Chatpop && (\r\n                  <div id=\"Ndbtnad\">\r\n                      <div className=\"DiscussionTab\" id=\"DiscussionTab\">\r\n                        <input\r\n                          id=\"tab1\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          className=\"DInput\"\r\n                          checked={activeTab === 'tab1' ? \"checked\" : ''}\r\n                          onChange={() => {\r\n                            this.handleTabChange('tab1');\r\n                          }}\r\n                        />\r\n                        <label\r\n                          for=\"tab1\"\r\n                          id=\"Dlabel\"\r\n                          onClick={() => {\r\n                            this.StateCheck();\r\n                            this.getUserData();\r\n                            document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n                          }}\r\n                        >\r\n                          <span className=\"hover-zoom\">\r\n                            <i className=\"fa fa-comments-o \" aria-hidden=\"true\"></i>\r\n                            &nbsp;&nbsp;\r\n                            <span id=\"DText\">Current </span>&nbsp;{\" \"}\r\n                          </span>\r\n                          <span>\r\n                            {notificationCount === 0 ? (\r\n                              <span\r\n                                className=\"badge\"\r\n                                id=\"size\"\r\n                                style={{\r\n                                  fontSize: \"13px\",\r\n                                  backgroundColor: \"none\",\r\n                                  marginLeft: \"-10%\",\r\n                                }}\r\n                              ></span>\r\n                            ) : (\r\n                              <img\r\n                                src={onlinedot}\r\n                                className=\"media-object img-circle\"\r\n                                style={{\r\n                                  marginTop: \"0px\",\r\n                                  width: \"10px\",\r\n                                }}\r\n                                title=\"Online\"\r\n                              />\r\n                            )}{\" \"}\r\n                          </span>\r\n                        </label>\r\n\r\n                        <input id=\"tab5\" type=\"radio\" name=\"tabs\" hidden\r\n                          checked={activeTab === 'tab5' ? \"checked\" : ''}\r\n                          onChange={() => {\r\n                            this.handleTabChange('tab5');\r\n                          }}\r\n                        />\r\n                        <label\r\n                          for=\"tab5\"\r\n                          id=\"Dlabel\"\r\n                          onClick={() => {\r\n                            this.StateCheck();\r\n                            this.OneononeUser();\r\n                            document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n                          }}\r\n                        >\r\n                          <span className=\"hover-zoom\">\r\n                            <i\r\n                              className=\"fa fa-user\"\r\n                              aria-hidden=\"true\"\r\n                              style={{ fontSize: \"13px\" }}\r\n                            ></i>\r\n                            &nbsp;&nbsp;\r\n                            <span id=\"DText\" style={{ marginRight: \"30px\" }}>\r\n                              1:1{\" \"}\r\n                            </span>\r\n                            &nbsp;{\" \"}\r\n                          </span>\r\n                          <span>\r\n                            {individualCount === 0 ? (\r\n                              <span\r\n                                className=\"badge\"\r\n                                id=\"size\"\r\n                                style={{\r\n                                  fontSize: \"12px\",\r\n                                  backgroundColor: \"none\",\r\n                                  marginLeft: \"-46%\",\r\n                                  color: \"transparent\",\r\n                                  visibility: \"hidden\",\r\n                                }}\r\n                              ></span>\r\n                            ) : (\r\n                              <img\r\n                                src={onlinedot}\r\n                                className=\"media-object img-circle\"\r\n                                style={{\r\n                                  marginTop: \"0px\",\r\n                                  width: \"10px\",\r\n                                }}\r\n                                title=\"Online\"\r\n                              />\r\n                            )}\r\n                          </span>\r\n                        </label>\r\n                        <input id=\"tab4\" type=\"radio\" name=\"tabs\" hidden />\r\n                        <label\r\n                          for=\"tab4\"\r\n                          id=\"Dlabel\"\r\n                          onClick={() => {\r\n                            this.StateCheck();\r\n                            this.UserOrg();\r\n                            document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n                          }}\r\n                        >\r\n                          <span className=\"hover-zoom\">\r\n                            <i\r\n                              className=\"fa fa-users\"\r\n                              aria-hidden=\"true\"\r\n                              style={{ fontSize: \"13px\" }}\r\n                            ></i>\r\n                            &nbsp;&nbsp;\r\n                            <span id=\"DText\">Group </span>&nbsp;{\" \"}\r\n                          </span>\r\n                          <span>\r\n                            {groupCount === 0 ? (\r\n                              <span\r\n                                className=\"badge\"\r\n                                style={{\r\n                                  fontSize: \"13px\",\r\n                                  backgroundColor: \"none\",\r\n                                  marginLeft: \"-40%\",\r\n                                  color: \"transparent\",\r\n                                  visibility: \"hidden\",\r\n                                }}\r\n                              ></span>\r\n                            ) : (\r\n                              <img\r\n                                src={onlinedot}\r\n                                className=\"media-object img-circle\"\r\n                                style={{\r\n                                  marginTop: \"0px\",\r\n                                  width: \"10px\",\r\n                                }}\r\n                                title=\"Online\"\r\n                              />\r\n                            )}\r\n                          </span>\r\n                        </label>\r\n                        <input id=\"tab2\" type=\"radio\" name=\"tabs\" />\r\n                        <label\r\n                          for=\"tab2\"\r\n                          id=\"Dlabel\"\r\n                          onClick={() => {\r\n                            this.StateCheck();\r\n                            this.UserOrgLeft();\r\n                            document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n                          }}\r\n                        >\r\n                          <span className=\"hover-zoom\">\r\n                            <i className=\"fa fa-times\" aria-hidden=\"true\"></i>\r\n                            &nbsp;&nbsp;\r\n                            <span id=\"DText\">Closed </span>&nbsp;{\" \"}\r\n                          </span>\r\n                          <span>\r\n                            {notificationClosed === 0 ? (\r\n                              <span\r\n                                className=\"badge\"\r\n                                style={{\r\n                                  fontSize: \"13px\",\r\n                                  backgroundColor: \"none\",\r\n                                  marginLeft: \"-18%\",\r\n                                  color: \"transparent\",\r\n                                  visibility: \"hidden\",\r\n                                }}\r\n                              ></span>\r\n                            ) : (\r\n                              <img\r\n                                src={onlinedot}\r\n                                className=\"media-object img-circle\"\r\n                                style={{\r\n                                  marginTop: \"0px\",\r\n                                  width: \"10px\",\r\n                                }}\r\n                                title=\"Online\"\r\n                              />\r\n                            )}\r\n                            {\" \"}\r\n                          </span>\r\n                        </label>\r\n\r\n                        <input id=\"tab3\" type=\"radio\" name=\"tabs\" />\r\n                        <label\r\n                          for=\"tab3\"\r\n                          id=\"Dlabel\"\r\n                          onClick={() => {\r\n                            this.StateCheck();\r\n                            this.UserOrg1();\r\n                            document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n                          }}\r\n                        >\r\n                          <span className=\"hover-zoom\">\r\n                            <i\r\n                              className=\"icofont icofont-people\"\r\n                              aria-hidden=\"true\"\r\n                            ></i>\r\n                            &nbsp;&nbsp;\r\n                            <span id=\"DText\">Public </span>&nbsp;{\" \"}\r\n                          </span>\r\n                          <span>\r\n                            {publicCount === 0 ? (\r\n                              <span\r\n                                className=\"badge\"\r\n                                style={{\r\n                                  fontSize: \"13px\",\r\n                                  backgroundColor: \"none\",\r\n                                  marginLeft: \"-18%\",\r\n                                  color: \"transparent\",\r\n                                  visibility: \"hidden\",\r\n                                }}\r\n                              ></span>\r\n                            ) : (\r\n                              <img\r\n                                src={onlinedot}\r\n                                className=\"media-object img-circle\"\r\n                                style={{\r\n                                  marginTop: \"0px\",\r\n                                  width: \"10px\",\r\n                                }}\r\n                                title=\"Online\"\r\n                              />\r\n                            )}\r\n                          </span>\r\n                        </label>\r\n                        <input id=\"tab7\" type=\"radio\" name=\"tabs\" hidden />\r\n                        <label\r\n                          for=\"tab7\"\r\n                          id=\"Dlabel\"\r\n                          onClick={() => {\r\n                            this.StateCheck();\r\n                            this.Mute();\r\n                            document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n                          }}\r\n                        >\r\n                          <span className=\"hover-zoom\">\r\n                            <i className=\"fa-solid fa-bell-slash\" id=\"mute\"></i>\r\n                            &nbsp;&nbsp;\r\n                            <span id=\"DText\">Mute</span>&nbsp;{\" \"}\r\n                          </span>\r\n                          <span>\r\n                            {publicCount === 0 &&\r\n                              groupCount === 0 &&\r\n                              individualCount === 0 &&\r\n                              notificationCount === 0 ? (\r\n                              <span\r\n                                className=\"badge\"\r\n                                style={{\r\n                                  fontSize: \"13px\",\r\n                                  backgroundColor: \"none\",\r\n                                  marginLeft: \"-40%\",\r\n                                  color: \"transparent\",\r\n                                  visibility: \"hidden\",\r\n                                }}\r\n                              >\r\n                                weee\r\n                              </span>\r\n                            ) : (\r\n                              <span\r\n                                className=\"badge\"\r\n                                style={{\r\n                                  fontSize: \"13px\",\r\n                                  backgroundColor: \"none\",\r\n                                  marginLeft: \"-14%\",\r\n                                  color: \"transparent\",\r\n                                  visibility: \"hidden\",\r\n                                }}\r\n                              ></span>\r\n                            )}{\" \"}\r\n                          </span>\r\n                        </label>\r\n                        {/* <input id=\"tab6\" type=\"radio\" name=\"tabs\" hidden />\r\n                            <label\r\n                              for=\"tab6\"\r\n                              id=\"Dlabel\"\r\n                               onClick={() => {\r\n                                 this.UserOrgLeft();\r\n                               }}\r\n                            ></label> */}\r\n                        <input id=\"tab6\" type=\"radio\" name=\"tabs\" hidden />\r\n                        <label\r\n                          for=\"tab6\"\r\n                          id=\"Dlabel\"\r\n                          onClick={() => {\r\n                            this.StateCheck();\r\n                            this.UserOrgTrend();\r\n                            document.getElementById(\"FilterErr1\").innerHTML = \"\";\r\n                          }}\r\n                        >\r\n                          <span className=\"hover-zoom\">\r\n                            <i\r\n                              className=\"fa-solid fa-arrow-trend-up\"\r\n                              id=\"trend\"\r\n                            ></i>\r\n                            &nbsp;&nbsp;\r\n                            <span id=\"DText\">Trending </span>&nbsp;{\" \"}\r\n                          </span>\r\n                          <span>\r\n                            {publicCount === 0 &&\r\n                              groupCount === 0 &&\r\n                              individualCount === 0 &&\r\n                              notificationCount === 0 ? (\r\n                              <span\r\n                                className=\"badge\"\r\n                                style={{\r\n                                  fontSize: \"13px\",\r\n                                  backgroundColor: \"none\",\r\n                                  marginLeft: \"-35%\",\r\n                                  color: \"transparent\",\r\n                                  visibility: \"hidden\",\r\n                                }}\r\n                              ></span>\r\n                            ) : (\r\n                              <span\r\n                                className=\"badge\"\r\n                                style={{\r\n                                  fontSize: \"13px\",\r\n                                  backgroundColor: \"none\",\r\n                                  marginLeft: \"-21%\",\r\n                                  color: \"transparent\",\r\n                                  visibility: \"hidden\",\r\n                                }}\r\n                              ></span>\r\n                            )}{\" \"}\r\n                          </span>\r\n                        </label>\r\n                      </div>\r\n\r\n                      <div >\r\n                        <div>\r\n                          <form\r\n                            id=\"maintabA\"\r\n                            // style={{height:\"50vh\"}}\r\n                            className=\"container1\"\r\n                          >\r\n                            <div>\r\n                              <input\r\n                                id=\"searchfordisc\"\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                style={{ float: \"right\", marginRight: \"20px\" }}\r\n                                // onKeyPress={this.handleKeyPress}\r\n                                ref={this.firstInputRef}\r\n                                onClick={this.setFocus}\r\n                                onChange={this.DiscussionFilter}\r\n                              />\r\n                              <br />\r\n                              <br />\r\n                              <br />\r\n\r\n                              <center>\r\n                                <span\r\n                                  id=\"FilterErr1\"\r\n                                  style={{ color: \"red\" }}\r\n                                ></span>\r\n                              </center>\r\n                            </div>\r\n                            <div>\r\n                              <div className=\"col-lg-12\">\r\n                                <input\r\n                                  id=\"tab1\"\r\n                                  type=\"radio\"\r\n                                  name=\"tabs\"\r\n                                  defaultChecked\r\n                                  style={{ display: \"none\" }}\r\n                                />\r\n                                <input id=\"tab2\" type=\"radio\" name=\"tabs\" />\r\n\r\n                                {Filterpop && (\r\n                                  <div className=\"AccPop\">\r\n                                    <div className=\"accesspopSearchinnernormal1\">\r\n                                      <div\r\n                                        className=\"accesspopSearchinnertitle\"\r\n                                        id=\"accesspopSearchinnernormal\"\r\n                                      >\r\n                                        <button\r\n                                          id=\"close\"\r\n                                          style={{\r\n                                            float: \"right\",\r\n                                            backgroundColor: \"#a0a3a305\",\r\n                                            color: \"#797070\",\r\n                                            border: \"1px solid #a3a5a505\",\r\n                                            marginTop: \"-20px\",\r\n                                            marginRight: \"-20px\",\r\n                                          }}\r\n                                          onClick={this.closefuncdisc}\r\n                                        >\r\n                                          <CloseIcon />\r\n                                        </button>\r\n\r\n                                        <div className=\"checkboxes\">\r\n                                          <i\r\n                                            className=\"fa fa-search\"\r\n                                            aria-hidden=\"true\"\r\n                                            style={{\r\n                                              fontSize: \"20px\",\r\n                                              color: \"gray\",\r\n                                              // marginLeft: \"-1%\",\r\n                                              position: \"absolute\",\r\n                                              marginTop: \"0.5%\",\r\n                                            }}\r\n                                          ></i>\r\n                                          <input\r\n                                            id=\"searchfordisc\"\r\n                                            className=\"Searchbox\"\r\n                                            placeholder=\"Search\"\r\n                                            onKeyUp={this.DiscussionFilter}\r\n                                            style={{\r\n                                              float: \"right\",\r\n                                              width: \"80%\",\r\n                                            }}\r\n                                            ref={this.searchForDiscRef}\r\n                                          />\r\n                                          <br></br>\r\n                                          {this.state.letters.map(\r\n                                            (letter, index) => (\r\n                                              <button\r\n                                                id=\"searchfordisc\"\r\n                                                className=\"filter\"\r\n                                                key={index}\r\n                                                onClick={(event) =>\r\n                                                  this.LetterDiscussionFilter(\r\n                                                    letter,\r\n                                                    event\r\n                                                  )\r\n                                                }\r\n                                              >\r\n                                                {letter}\r\n                                              </button>\r\n                                            )\r\n                                          )}\r\n                                          <br></br>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                )}\r\n                              </div>\r\n\r\n                              {/* {Announcement.length > 0 && ( */}\r\n\r\n                              {/* Current Discussion */}\r\n\r\n                              <>\r\n                                <>\r\n                                  {RoleA === \"Admin\" ?\r\n                                    (\r\n                                      <>\r\n                                        {Alluser1.map((Announcement) => {\r\n                                          let Message = Announcement.message;\r\n                                          let Messageresult = Message.slice(\r\n                                            0,\r\n                                            55\r\n                                          );\r\n                                          let Sender = Announcement.senderId;\r\n                                          const isSender =\r\n                                            Sender.includes(UserId);\r\n\r\n                                          return (\r\n                                            <>\r\n                                              {UserMail ===\r\n                                                Announcement.userName ||\r\n                                                UserMail === Announcement.email ? (\r\n                                                <div\r\n                                                  className=\"media userlist-box\"\r\n                                                  data-id=\"1\"\r\n                                                  data-status=\"online\"\r\n                                                  data-toggle=\"tooltip\"\r\n                                                  data-placement=\"left\"\r\n                                                  // key={Announcement.id,Announcement.usermsgId}\r\n                                                  key={[\r\n                                                    Announcement.id,\r\n                                                    Announcement.usermsgId,\r\n                                                  ].join(\"-\")}\r\n                                                  onClick={(e) => {\r\n                                                    e.preventDefault();\r\n                                                    this.Chatpop(\r\n                                                      Announcement.displayName ===\r\n                                                        null ||\r\n                                                        Announcement.displayName ===\r\n                                                        USERNAME\r\n                                                        ? Announcement.receiver ===\r\n                                                          USERNAME\r\n                                                          ? Announcement.firstName\r\n                                                          : Announcement.receiver\r\n                                                        : Announcement.displayName,\r\n                                                      Announcement.userName ===\r\n                                                        UserMail\r\n                                                        ? Announcement.email\r\n                                                        : Announcement.userName,\r\n                                                      UserId ===\r\n                                                        Announcement.senderId\r\n                                                        ? Announcement.particularProfile_Picture\r\n                                                        : Announcement.senderProfile_Picture,\r\n                                                      Announcement.email ===\r\n                                                        UserMail\r\n                                                        ? Announcement.userName\r\n                                                        : Announcement.email,\r\n                                                      Announcement.senderId,\r\n                                                      Announcement.particularId\r\n                                                    );\r\n                                                    this.markMessageAsSeenUser(\r\n                                                      Announcement.senderId,\r\n                                                      Announcement.particularId\r\n                                                    );\r\n                                                  }}\r\n                                                  style={{\r\n                                                    padding: \"7px\",\r\n                                                    height: \"65px\",\r\n                                                  }}\r\n                                                >\r\n                                                  <a className=\"media-left\">\r\n                                                    {UserId ===\r\n                                                      Announcement.senderId ? (\r\n                                                      <img\r\n                                                        className=\"media-object img-circle\"\r\n                                                        src={\r\n                                                          Announcement.particularProfile_Picture\r\n                                                        }\r\n                                                        alt=\"Generic placeholder image\"\r\n                                                        style={{\r\n                                                          height: \"50px\",\r\n                                                          width: \"50px\",\r\n                                                          padding: \"1px 1px\",\r\n                                                          marginLeft: \"20px\",\r\n                                                        }}\r\n                                                      />\r\n                                                    ) : (\r\n                                                      <img\r\n                                                        className=\"media-object img-circle\"\r\n                                                        src={\r\n                                                          Announcement.senderProfile_Picture\r\n                                                        }\r\n                                                        alt=\"Generic placeholder image\"\r\n                                                        style={{\r\n                                                          height: \"50px\",\r\n                                                          width: \"50px\",\r\n                                                          padding: \"1px 1px\",\r\n                                                          marginLeft: \"20px\",\r\n                                                        }}\r\n                                                      />\r\n                                                    )}\r\n                                                  </a>\r\n                                                  <div\r\n                                                    className=\"media-body\"\r\n                                                    style={{\r\n                                                      textAlign: \"initial\",\r\n                                                      // padding: \"2px 2px\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <div className=\"f-13 chat-header\">\r\n                                                      {\" \"}\r\n                                                      <span\r\n                                                        style={{\r\n                                                          color: \"black\",\r\n                                                          whiteSpace: \"nowrap\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <b>\r\n                                                          {Announcement.displayName ===\r\n                                                            null ||\r\n                                                            Announcement.displayName ===\r\n                                                            USERNAME\r\n                                                            ? Announcement.receiver ===\r\n                                                              USERNAME\r\n                                                              ? Announcement.firstName\r\n                                                              : Announcement.receiver\r\n                                                            : Announcement.displayName}{\" \"}\r\n                                                          <img\r\n                                                            src={userpng}\r\n                                                            style={{\r\n                                                              width: \"15px\",\r\n                                                              background: \"white\",\r\n                                                            }}\r\n                                                          />\r\n                                                        </b>\r\n                                                        <ReactTimeAgo\r\n                                                          date={\r\n                                                            Announcement.createDateTime\r\n                                                          }\r\n                                                          locale=\"en-US\"\r\n                                                          timeStyle=\"round-minute\"\r\n                                                          style={{\r\n                                                            color:\"gray\",\r\n                                                            float: \"right\",\r\n                                                            fontSize: \"10px\",\r\n                                                            marginTop: \"41px\",\r\n                                                            marginRight: \"10px\",\r\n                                                            fontWeight: \"bold\",\r\n                                                          }}\r\n                                                        />\r\n                                                      </span>\r\n                                                      <br />\r\n                                                      {Announcement.senderId ==\r\n                                                        JSON.parse(\r\n                                                          localStorage.userId\r\n                                                        ) ? (\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"black\",\r\n                                                            whiteSpace: \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <div\r\n                                                            onClick={() =>\r\n                                                              this.markMessageAsSeenUser(\r\n                                                                Announcement.senderId,\r\n                                                                Announcement.particularId\r\n                                                              )\r\n                                                            }\r\n                                                          >\r\n                                                            You:{\" \"}\r\n                                                            {Announcement.seen ==\r\n                                                              1 ? (\r\n                                                              <img\r\n                                                                src={doubletick}\r\n                                                                style={{\r\n                                                                  // marginTop: \"50px\",\r\n                                                                  marginLeft:\r\n                                                                    \"-2px\",\r\n                                                                  width: \"20px\",\r\n                                                                  backgroundImage:\r\n                                                                    \"green\",\r\n                                                                }}\r\n                                                                title=\"Seen\"\r\n                                                              />\r\n                                                            ) : null}{\" \"}\r\n                                                            {Announcement.seen ==\r\n                                                              0 ? (\r\n                                                              <img\r\n                                                                src={singletick}\r\n                                                                style={{\r\n                                                                  // marginTop: \"50px\",\r\n                                                                  marginLeft:\r\n                                                                    \"-2px\",\r\n                                                                  width: \"20px\",\r\n                                                                  backgroundImage:\r\n                                                                    \"green\",\r\n                                                                }}\r\n                                                                title=\"Unread\"\r\n                                                              />\r\n                                                            ) : null}{\" \"}\r\n                                                            {\r\n                                                              Announcement.message\r\n                                                                === \"-\"\r\n                                                                ? \"Sent a File\"\r\n                                                                : <>\r\n                                                                  {Messageresult}\r\n                                                                  {Announcement\r\n                                                                    .message.length >\r\n                                                                    85\r\n                                                                    ? \"...\"\r\n                                                                    : null}{\" \"}\r\n                                                                </>}{\" \"}\r\n                                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                            {Announcement.senderId !==\r\n                                                              UserId ? (\r\n                                                              <>\r\n                                                                {Announcement.counts >\r\n                                                                  0 ? (\r\n                                                                  <p\r\n                                                                    className=\"badge badge-primary\"\r\n                                                                    style={{\r\n                                                                      fontSize:\r\n                                                                        \"15px\",\r\n                                                                      backgroundColor:\r\n                                                                        \"#563ccf\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {\r\n                                                                      Announcement.counts\r\n                                                                    }\r\n                                                                  </p>\r\n                                                                ) : null}\r\n                                                              </>\r\n                                                            ) : null}\r\n                                                            {/* <ReactTimeAgo\r\n                                                              date={\r\n                                                                Announcement.createDateTime\r\n                                                              }\r\n                                                              locale=\"en-US\"\r\n                                                              timeStyle=\"round-minute\"\r\n                                                              style={{\r\n                                                                color: \"gray\",\r\n                                                                float: \"right\",\r\n                                                                fontSize:\r\n                                                                  \"11px\",\r\n                                                                fontWeight: 100,\r\n                                                              }}\r\n                                                            /> */}\r\n                                                          </div>\r\n                                                        </span>\r\n                                                      ) : (\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"black\",\r\n                                                            whiteSpace: \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <div\r\n                                                            onClick={() =>\r\n                                                              this.markMessageAsSeenUser(\r\n                                                                Announcement.senderId,\r\n                                                                Announcement.particularId\r\n                                                              ) ||\r\n                                                              this.markMessageAsSeenAdmin(\r\n                                                                Announcement.senderId,\r\n                                                                Announcement.particularId\r\n                                                              )\r\n                                                            }\r\n                                                          >\r\n                                                            {Announcement.displayName ===\r\n                                                              null ||\r\n                                                              Announcement.displayName ===\r\n                                                              USERNAME\r\n                                                              ? Announcement.receiver ===\r\n                                                                USERNAME\r\n                                                                ? Announcement.firstName\r\n                                                                : Announcement.receiver\r\n                                                              : Announcement.displayName}\r\n                                                            :{\" \"}\r\n                                                            {\r\n                                                              Announcement.message\r\n                                                                === \"-\"\r\n                                                                ? \"Sent a File\"\r\n                                                                : <>\r\n                                                                  {Messageresult}\r\n                                                                  {Announcement\r\n                                                                    .message.length >\r\n                                                                    85\r\n                                                                    ? \"...\"\r\n                                                                    : null}{\" \"}\r\n                                                                </>}{\" \"}\r\n                                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                            {Announcement.senderId !==\r\n                                                              UserId ? (\r\n                                                              <>\r\n                                                                {Announcement.counts >\r\n                                                                  0 ? (\r\n                                                                  <p\r\n                                                                    className=\"badge badge-primary\"\r\n                                                                    style={{\r\n                                                                      fontSize:\r\n                                                                        \"15px\",\r\n                                                                      backgroundColor:\r\n                                                                        \"#563ccf\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {\r\n                                                                      Announcement.counts\r\n                                                                    }\r\n                                                                  </p>\r\n                                                                ) : null}\r\n                                                              </>\r\n                                                            ) : null}\r\n                                                            {/* <ReactTimeAgo\r\n                                                              date={\r\n                                                                Announcement.createDateTime\r\n                                                              }\r\n                                                              locale=\"en-US\"\r\n                                                              timeStyle=\"twitter\"\r\n                                                              style={{\r\n                                                                color: \"gray\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                            /> */}\r\n                                                          </div>\r\n                                                        </span>\r\n                                                      )}\r\n                                                      <br />\r\n                                                    </div>\r\n                                                  </div>\r\n                                                </div>\r\n                                              ) : (\r\n                                                <>\r\n                                                  {/* let Message = User.message;\r\n                                            let Messageresult = Message.slice(0, 55); */}\r\n                                                  {UserMail ===\r\n                                                    Announcement.userName ||\r\n                                                    UserMail ===\r\n                                                    Announcement.email ||\r\n                                                    UserMail ===\r\n                                                    Announcement.group_Member ? (\r\n                                                    <div\r\n                                                      className=\"media userlist-box\"\r\n                                                      data-id=\"1\"\r\n                                                      data-status=\"online\"\r\n                                                      data-toggle=\"tooltip\"\r\n                                                      data-placement=\"left\"\r\n                                                      // key={Announcement.id,Announcement.usermsgId}\r\n                                                      onClick={(e) => {\r\n                                                        e.preventDefault();\r\n                                                        this.EditSkillModels(\r\n                                                          Announcement.group_id,\r\n                                                          Announcement.group_Name,\r\n                                                          Announcement.created_by,\r\n                                                          Announcement.privacy\r\n                                                        );\r\n\r\n                                                        this.markMessageAsSeen(\r\n                                                          Announcement.group_id\r\n                                                        );\r\n                                                        //this.handleButtonClick1();\r\n                                                        // this.handlehide();\r\n                                                      }}\r\n                                                      style={{ padding: \"7px\" }}\r\n                                                    >\r\n                                                      <a className=\"media-left\">\r\n                                                        {Announcement.profile ==\r\n                                                          `${Image_URLs}Images/profile.png` ? (\r\n                                                          <img\r\n                                                            className=\"media-object img-circle\"\r\n                                                            src={Profile}\r\n                                                            alt=\"1Generic placeholder image\"\r\n                                                            style={{\r\n                                                              height: \"50px\",\r\n                                                              width: \"50px\",\r\n                                                              padding: \"1px 1px\",\r\n                                                              marginLeft: \"20px\",\r\n                                                            }}\r\n                                                          />\r\n                                                        ) : (\r\n                                                          <img\r\n                                                            className=\"media-object img-circle\"\r\n                                                            src={\r\n                                                              Announcement.profile\r\n                                                            }\r\n                                                            alt=\"Generic placeholder image\"\r\n                                                            style={{\r\n                                                              height: \"50px\",\r\n                                                              width: \"50px\",\r\n                                                              padding: \"1px 1px\",\r\n                                                              marginLeft: \"20px\",\r\n                                                            }}\r\n                                                          />\r\n                                                        )}\r\n                                                      </a>\r\n                                                      <div\r\n                                                        className=\"media-body\"\r\n                                                        style={{\r\n                                                          textAlign: \"initial\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div className=\"f-13 chat-header\">\r\n                                                          {\" \"}\r\n                                                          {/* <span style={{ color: \"Gray\" }}>{Announcement.teamId}</span>&nbsp; */}\r\n                                                          <span\r\n                                                            onClick={(e) => {\r\n                                                              e.preventDefault();\r\n                                                              this.EditSkillModels(\r\n                                                                Announcement.group_id,\r\n                                                                Announcement.group_Name,\r\n                                                                Announcement.created_by,\r\n                                                                Announcement.privacy\r\n                                                              );\r\n                                                              //this.handleButtonClick1();\r\n                                                            }}\r\n                                                            style={{\r\n                                                              color: \"black\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                              fontWeight: \"600\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {\r\n                                                              Announcement.group_Name\r\n                                                            }{\" \"}\r\n                                                            {checkPrivacyandCreated.map(\r\n                                                              (d) => {\r\n                                                                if (\r\n                                                                  d.group_Name ===\r\n                                                                  Announcement.group_Name &&\r\n                                                                  d.user_id ===\r\n                                                                  MailIds\r\n                                                                ) {\r\n                                                                  return (\r\n                                                                    <span>\r\n                                                                      {d.privacy ===\r\n                                                                        0 ? (\r\n                                                                        <>\r\n                                                                          <img\r\n                                                                            src={\r\n                                                                              lockpng\r\n                                                                            }\r\n                                                                            style={{\r\n                                                                              width:\r\n                                                                                \"12px\",\r\n                                                                              background:\r\n                                                                                \"white\",\r\n                                                                            }}\r\n                                                                          />\r\n                                                                        </>\r\n                                                                      ) : (\r\n                                                                        <>\r\n                                                                          <img\r\n                                                                            src={\r\n                                                                              publicpng\r\n                                                                            }\r\n                                                                            style={{\r\n                                                                              width:\r\n                                                                                \"14px\",\r\n                                                                              background:\r\n                                                                                \"white\",\r\n                                                                            }}\r\n                                                                          />\r\n                                                                        </>\r\n                                                                      )}\r\n                                                                    </span>\r\n                                                                  );\r\n                                                                }\r\n                                                              }\r\n                                                            )}\r\n                                                            &nbsp;\r\n                                                           \r\n                                                            {checkPrivacyandCreated.map(\r\n                                                              (d) => {\r\n                                                                if (\r\n                                                                  d.group_Name ===\r\n                                                                  Announcement.group_Name &&\r\n                                                                  d.user_id ===\r\n                                                                  MailIds\r\n                                                                ) {\r\n                                                                  return (\r\n                                                                    <span>\r\n                                                                      {d.privacy ===\r\n                                                                        0 &&\r\n                                                                        d.created_by ===\r\n                                                                        JSON.parse(\r\n                                                                          localStorage.userId\r\n                                                                        ) ? (\r\n                                                                        <>\r\n                                                                          <span\r\n                                                                            style={{\r\n                                                                              fontSize:\r\n                                                                                \"10px\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            by You{\" \"}\r\n                                                                            on{\" \"}\r\n                                                                            {this.formatDateAA2(\r\n                                                                              d.created_Date\r\n                                                                            )}\r\n                                                                          </span>\r\n                                                                        </>\r\n                                                                      ) : (\r\n                                                                        <>\r\n                                                                          <span\r\n                                                                            style={{\r\n                                                                              fontSize:\r\n                                                                                \"10px\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            by{\" \"}\r\n                                                                            {\r\n                                                                              d.created_Name\r\n                                                                            }{\" \"}\r\n                                                                            on{\" \"}\r\n                                                                            {this.formatDateAA2(\r\n                                                                              d.created_Date\r\n                                                                            )}\r\n                                                                          </span>\r\n                                                                        </>\r\n                                                                      )}\r\n                                                                    </span>\r\n                                                                  );\r\n                                                                }\r\n                                                              }\r\n                                                            )}\r\n                                                          </span>\r\n                                                          <br />\r\n                                                          {Announcement.senderId ==\r\n                                                            JSON.parse(\r\n                                                              localStorage.userId\r\n                                                            ) ? (\r\n                                                            <span\r\n                                                              style={{\r\n                                                                color: \"black\",\r\n                                                                whiteSpace:\r\n                                                                  \"nowrap\",\r\n                                                              }}\r\n                                                              onClick={() =>\r\n                                                                this.markMessageAsSeen(\r\n                                                                  Announcement.group_id\r\n                                                                )\r\n                                                              }\r\n                                                            >\r\n                                                              {/* {User.senderId == JSON.parse(localStorage.userId) */}\r\n\r\n                                                              {Announcement.type ==\r\n                                                                null ? (\r\n                                                                <>\r\n                                                                  You{\" \"}\r\n                                                                  {Messageresult}\r\n                                                                  {Announcement\r\n                                                                    .message\r\n                                                                    .length > 85\r\n                                                                    ? \"...\"\r\n                                                                    : null}{\" \"}\r\n                                                                </>\r\n                                                              ) : (\r\n                                                                <>\r\n                                                                  {/* You:{User.message} */}\r\n                                                                  {Announcement.message ==\r\n                                                                    \"-\" ? (\r\n                                                                    <>\r\n                                                                      {\" \"}\r\n                                                                      You: Sent a\r\n                                                                      File\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      {\" \"}\r\n                                                                      You:{\" \"}{(isSender &&\r\n                                                                        Announcement.displayStatus == 1) && !Announcement.message.includes(\"Ended Discussion On\")\r\n                                                                        && !Announcement.message.includes(\"Added\") ? (\r\n                                                                        <img\r\n                                                                          src={doubletick}\r\n                                                                          style={{\r\n                                                                            // marginTop: \"50px\",\r\n                                                                            marginLeft: \"-2px\",\r\n                                                                            width: \"20px\",\r\n                                                                          }}\r\n                                                                          title=\"Seen\"\r\n                                                                        />\r\n                                                                      ) : isSender && !Announcement.message.includes(\"Ended Discussion On\")\r\n                                                                        && !Announcement.message.includes(\"Added\") ? <img\r\n                                                                        src={singletick}\r\n                                                                        style={{\r\n                                                                          // marginTop: \"50px\",\r\n                                                                          marginLeft: \"-2px\",\r\n                                                                          width: \"20px\",\r\n\r\n                                                                        }}\r\n                                                                        title=\"Unread\"\r\n                                                                      /> : null}{\" \"}\r\n                                                                      {\r\n                                                                        Messageresult\r\n                                                                      }\r\n                                                                      {Announcement\r\n                                                                        .message\r\n                                                                        .length >\r\n                                                                        85\r\n                                                                        ? \"...\"\r\n                                                                        : null}\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                </>\r\n                                                              )}\r\n                                                            </span>\r\n                                                          ) : (\r\n                                                            <span\r\n                                                              style={{\r\n                                                                color: \"black\",\r\n                                                                whiteSpace:\r\n                                                                  \"nowrap\",\r\n                                                              }}\r\n                                                            >\r\n                                                              {/* {User.displayName}:{User.message} */}\r\n                                                              {Announcement.type ==\r\n                                                                null ? (\r\n                                                                <>\r\n                                                                  {\r\n                                                                    Announcement.displayName\r\n                                                                  }{\" \"}\r\n                                                                  {/* {Messageresult} */}\r\n                                                                  {Messageresult.includes(name)?Messageresult.replace(name, 'You'):Messageresult}\r\n                                                                </>\r\n                                                              ) : (\r\n                                                                <>\r\n                                                                  {Announcement.message ==\r\n                                                                    \"-\" ? (\r\n                                                                    <>\r\n                                                                      {\r\n                                                                        Announcement.displayName\r\n                                                                      }\r\n                                                                      :\r\n                                                                      {Announcement.seen ==\r\n                                                                        0 ? (\r\n                                                                        <b>\r\n                                                                          Sent a\r\n                                                                          File\r\n                                                                        </b>\r\n                                                                      ) : (\r\n                                                                        Announcement.seen ==\r\n                                                                        1 &&\r\n                                                                        \"Sent a File\"\r\n                                                                      )}\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      {\r\n                                                                        Announcement.displayName\r\n                                                                      }\r\n                                                                      :\r\n                                                                      {Announcement.seen ==\r\n                                                                        0 ? (\r\n                                                                        <b>\r\n                                                                          {\" \"}\r\n                                                                          {\r\n                                                                            Messageresult\r\n                                                                          }\r\n                                                                          {Announcement\r\n                                                                            .message\r\n                                                                            .length >\r\n                                                                            85\r\n                                                                            ? \"...\"\r\n                                                                            : null}\r\n                                                                        </b>\r\n                                                                      ) : (\r\n                                                                        Announcement.seen ==\r\n                                                                        1 &&\r\n                                                                        `${\" \"}${Messageresult}${Announcement\r\n                                                                          .message\r\n                                                                          .length >\r\n                                                                          85\r\n                                                                          ? \"...\"\r\n                                                                          : \" \"\r\n                                                                        }`\r\n                                                                      )}\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                </>\r\n                                                              )}\r\n                                                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                              {Announcement.counts >\r\n                                                                0 ? (\r\n                                                                <p\r\n                                                                  className=\"badge badge-primary\"\r\n                                                                  style={{\r\n                                                                    fontSize:\r\n                                                                      \"15px\",\r\n                                                                    backgroundColor:\r\n                                                                      \"#563ccf\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {\r\n                                                                    Announcement.counts\r\n                                                                  }\r\n                                                                </p>\r\n                                                              ) : null}\r\n                                                            </span>\r\n                                                          )}\r\n                                                          {/* {username} */}\r\n                                                          <br />\r\n                                                          {/* <span\r\n                                                            style={{\r\n                                                              color: \"Gray\",\r\n                                                              whiteSpace: \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {Announcement.email}\r\n                                                          </span> */}\r\n                                                           <ReactTimeAgo\r\n                                                              date={\r\n                                                                Announcement.createDateTime\r\n                                                              }\r\n                                                              locale=\"en-US\"\r\n                                                              timeStyle=\"round-minute\"\r\n                                                              style={{\r\n                                                                color: \"gray\",\r\n                                                                float: \"right\",\r\n                                                                fontSize: \"10px\",\r\n                                                                marginTop: \"10px\",\r\n                                                                marginRight:\r\n                                                                  \"10px\",\r\n                                                              }}\r\n                                                            />\r\n                                                        </div>\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  ) : null}\r\n                                                </>\r\n                                              )}\r\n                                            </>\r\n                                          );\r\n                                        })}\r\n                                      </>\r\n                                    ) : (\r\n                                      <>\r\n                                        {Alluser1.map((Announcement) => {\r\n                                          let Message = Announcement.message;\r\n                                          let Messageresult = Message.slice(\r\n                                            0,\r\n                                            55\r\n                                          );\r\n                                          let Sender = Announcement.senderId;\r\n                                          const isSender =\r\n                                            Sender.includes(UserId);\r\n\r\n                                          return (\r\n                                            <>\r\n                                              {UserMail ===\r\n                                                Announcement.userName ||\r\n                                                UserMail === Announcement.email ? (\r\n                                                <div\r\n                                                  className=\"media userlist-box\"\r\n                                                  data-id=\"1\"\r\n                                                  data-status=\"online\"\r\n                                                  data-toggle=\"tooltip\"\r\n                                                  data-placement=\"left\"\r\n                                                  // key={Announcement.id,Announcement.usermsgId}\r\n                                                  key={[\r\n                                                    Announcement.id,\r\n                                                    Announcement.usermsgId,\r\n                                                  ].join(\"-\")}\r\n                                                  onClick={(e) => {\r\n                                                    e.preventDefault();\r\n                                                    this.Chatpop(\r\n                                                      Announcement.displayName ===\r\n                                                        null ||\r\n                                                        Announcement.displayName ===\r\n                                                        USERNAME\r\n                                                        ? Announcement.receiver ===\r\n                                                          USERNAME\r\n                                                          ? Announcement.firstName\r\n                                                          : Announcement.receiver\r\n                                                        : Announcement.displayName,\r\n                                                      Announcement.userName ===\r\n                                                        UserMail\r\n                                                        ? Announcement.email\r\n                                                        : Announcement.userName,\r\n                                                      UserId ===\r\n                                                        Announcement.senderId\r\n                                                        ? Announcement.particularProfile_Picture\r\n                                                        : Announcement.senderProfile_Picture,\r\n                                                      Announcement.email ===\r\n                                                        UserMail\r\n                                                        ? Announcement.userName\r\n                                                        : Announcement.email,\r\n                                                      Announcement.senderId,\r\n                                                      Announcement.particularId\r\n\r\n                                                    );\r\n\r\n                                                    this.markMessageAsSeenAdmin(\r\n                                                      Announcement.senderId,\r\n                                                      Announcement.particularId\r\n                                                    );\r\n                                                  }}\r\n                                                  style={{\r\n                                                    padding: \"7px\",\r\n                                                    height: \"65px\",\r\n                                                  }}\r\n                                                >\r\n                                                  <a className=\"media-left\">\r\n                                                    {UserId ===\r\n                                                      Announcement.senderId ? (\r\n                                                      <img\r\n                                                        className=\"media-object img-circle\"\r\n                                                        src={\r\n                                                          Announcement.particularProfile_Picture\r\n                                                        }\r\n                                                        alt=\"Generic placeholder image\"\r\n                                                        style={{\r\n                                                          height: \"50px\",\r\n                                                          width: \"50px\",\r\n                                                          padding: \"1px 1px\",\r\n                                                          marginLeft: \"20px\",\r\n                                                        }}\r\n                                                      />\r\n                                                    ) : (\r\n                                                      <img\r\n                                                        className=\"media-object img-circle\"\r\n                                                        src={\r\n                                                          Announcement.senderProfile_Picture\r\n                                                        }\r\n                                                        alt=\"Generic placeholder image\"\r\n                                                        style={{\r\n                                                          height: \"50px\",\r\n                                                          width: \"50px\",\r\n                                                          padding: \"1px 1px\",\r\n                                                          marginLeft: \"20px\",\r\n                                                        }}\r\n                                                      />\r\n                                                    )}\r\n                                                  </a>\r\n                                                  <div\r\n                                                    className=\"media-body\"\r\n                                                    style={{\r\n                                                      textAlign: \"initial\",\r\n                                                      // padding: \"2px 2px\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <div className=\"f-13 chat-header\">\r\n                                                      {\" \"}\r\n                                                      <span\r\n                                                        style={{\r\n                                                          color: \"black\",\r\n                                                          whiteSpace: \"nowrap\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <b>\r\n                                                          {Announcement.displayName ===\r\n                                                            null ||\r\n                                                            Announcement.displayName ===\r\n                                                            USERNAME\r\n                                                            ? Announcement.receiver ===\r\n                                                              USERNAME\r\n                                                              ? Announcement.firstName\r\n                                                              : Announcement.receiver\r\n                                                            : Announcement.displayName}\r\n                                                        </b>\r\n                                                        &nbsp;\r\n                                                        <span>\r\n                                                          <img\r\n                                                            src={userpng}\r\n                                                            style={{\r\n                                                              width: \"15px\",\r\n                                                              background: \"white\",\r\n                                                            }}\r\n                                                          />\r\n                                                        </span>\r\n                                                        <ReactTimeAgo\r\n                                                          date={\r\n                                                            Announcement.createDateTime\r\n                                                          }\r\n                                                          locale=\"en-US\"\r\n                                                          timeStyle=\"round-minute\"\r\n                                                          style={{\r\n                                                            color: \"gray\",\r\n                                                            float: \"right\",\r\n                                                            fontSize: \"10px\",\r\n                                                            marginTop: \"41px\",\r\n                                                            marginRight: \"10px\",\r\n                                                            fontWeight: \"bold\",\r\n                                                          }}\r\n                                                        />\r\n                                                      </span>\r\n                                                      <br />\r\n                                                      {Announcement.senderId ==\r\n                                                        JSON.parse(\r\n                                                          localStorage.userId\r\n                                                        ) ? (\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"black\",\r\n                                                            whiteSpace: \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <div\r\n                                                          >\r\n                                                            You:{\" \"}\r\n                                                            {Announcement.seen ==\r\n                                                              1 ? (\r\n                                                              <img\r\n                                                                src={doubletick}\r\n                                                                style={{\r\n                                                                  // marginTop: \"50px\",\r\n                                                                  marginLeft:\r\n                                                                    \"-2px\",\r\n                                                                  width: \"20px\",\r\n                                                                  backgroundImage:\r\n                                                                    \"green\",\r\n                                                                }}\r\n                                                                title=\"Seen\"\r\n                                                              />\r\n                                                            ) : null}{\" \"}\r\n                                                            {Announcement.seen ==\r\n                                                              0 ? (\r\n                                                              <img\r\n                                                                src={singletick}\r\n                                                                style={{\r\n                                                                  // marginTop: \"50px\",\r\n                                                                  marginLeft:\r\n                                                                    \"-2px\",\r\n                                                                  width: \"20px\",\r\n                                                                  backgroundImage:\r\n                                                                    \"green\",\r\n                                                                }}\r\n                                                                title=\"Unread\"\r\n                                                              />\r\n                                                            ) : null}{\" \"}\r\n                                                            {\r\n                                                              Announcement.message\r\n                                                                === \"-\"\r\n                                                                ? \"Sent a File\"\r\n                                                                : <>\r\n                                                                  {Messageresult}\r\n                                                                  {Announcement\r\n                                                                    .message.length >\r\n                                                                    85\r\n                                                                    ? \"...\"\r\n                                                                    : null}{\" \"}\r\n                                                                </>}{\" \"}\r\n                                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                            {Announcement.senderId !==\r\n                                                              UserId ? (\r\n                                                              <>\r\n                                                                {Announcement.counts >\r\n                                                                  0 ? (\r\n                                                                  <p\r\n                                                                    className=\"badge badge-primary\"\r\n                                                                    style={{\r\n                                                                      fontSize:\r\n                                                                        \"15px\",\r\n                                                                      backgroundColor:\r\n                                                                        \"#563ccf\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {\r\n                                                                      Announcement.counts\r\n                                                                    }\r\n                                                                  </p>\r\n                                                                ) : null}\r\n                                                              </>\r\n                                                            ) : null}\r\n                                                          </div>\r\n                                                        </span>\r\n                                                      ) : (\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"black\",\r\n                                                            whiteSpace: \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <div\r\n                                                            onClick={() => {\r\n                                                              this.markMessageAsSeenAdmin(\r\n                                                                Announcement.senderId,\r\n                                                                Announcement.particularId\r\n                                                              );\r\n                                                              this.markMessageAsSeenUser(\r\n                                                                Announcement.senderId,\r\n                                                                Announcement.particularId\r\n                                                              );\r\n                                                            }}\r\n                                                          >\r\n                                                            {Announcement.displayName ===\r\n                                                              null ||\r\n                                                              Announcement.displayName ===\r\n                                                              USERNAME\r\n                                                              ? Announcement.receiver ===\r\n                                                                USERNAME\r\n                                                                ? Announcement.firstName\r\n                                                                : Announcement.receiver\r\n                                                              : Announcement.displayName}\r\n                                                            :{\" \"}\r\n                                                            {\r\n                                                              Announcement.message\r\n                                                                === \"-\"\r\n                                                                ? \"Sent a File\"\r\n                                                                : <>\r\n                                                                  {Messageresult}\r\n                                                                  {Announcement\r\n                                                                    .message.length >\r\n                                                                    85\r\n                                                                    ? \"...\"\r\n                                                                    : null}{\" \"}\r\n                                                                </>}{\" \"}\r\n                                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                            {Announcement.senderId !==\r\n                                                              UserId ? (\r\n                                                              <>\r\n                                                                {Announcement.counts >\r\n                                                                  0 ? (\r\n                                                                  <p\r\n                                                                    className=\"badge badge-primary\"\r\n                                                                    style={{\r\n                                                                      fontSize:\r\n                                                                        \"15px\",\r\n                                                                      backgroundColor:\r\n                                                                        \"#563ccf\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {\r\n                                                                      Announcement.counts\r\n                                                                    }\r\n                                                                  </p>\r\n                                                                ) : null}\r\n                                                              </>\r\n                                                            ) : null}\r\n                                                            {/* <ReactTimeAgo\r\n                                                              date={\r\n                                                                Announcement.createDateTime\r\n                                                              }\r\n                                                              locale=\"en-US\"\r\n                                                              timeStyle=\"round-minute\"\r\n                                                              style={{\r\n                                                                color: \"gray\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                            /> */}\r\n                                                          </div>\r\n                                                        </span>\r\n                                                      )}\r\n                                                      <br />\r\n                                                    </div>\r\n                                                  </div>\r\n                                                </div>\r\n                                              ) : (\r\n                                                <>\r\n                                                  {/* let Message = User.message;\r\n                                            let Messageresult = Message.slice(0, 55); */}\r\n                                                  {UserMail ===\r\n                                                    Announcement.userName ||\r\n                                                    UserMail ===\r\n                                                    Announcement.email ||\r\n                                                    UserMail ===\r\n                                                    Announcement.group_Member ? (\r\n                                                    <div\r\n                                                      className=\"media userlist-box\"\r\n                                                      data-id=\"1\"\r\n                                                      data-status=\"online\"\r\n                                                      data-toggle=\"tooltip\"\r\n                                                      data-placement=\"left\"\r\n                                                      // key={Announcement.id,Announcement.usermsgId}\r\n                                                      onClick={(e) => {\r\n                                                        e.preventDefault();\r\n                                                        this.EditSkillModels(\r\n                                                          Announcement.group_id,\r\n                                                          Announcement.group_Name,\r\n                                                          Announcement.created_by,\r\n                                                          Announcement.privacy\r\n                                                        );\r\n\r\n                                                        this.markMessageAsSeen(\r\n                                                          Announcement.group_id\r\n                                                        );\r\n                                                        //this.handleButtonClick1();\r\n                                                        // this.handlehide();\r\n                                                      }}\r\n                                                      style={{ padding: \"7px\" }}\r\n                                                    >\r\n                                                      <a className=\"media-left\">\r\n                                                        {Announcement.profile ==\r\n                                                          `${Image_URLs}Images/profile.png` ? (\r\n                                                          <img\r\n                                                            className=\"media-object img-circle\"\r\n                                                            src={Profile}\r\n                                                            alt=\"1Generic placeholder image\"\r\n                                                            style={{\r\n                                                              height: \"50px\",\r\n                                                              width: \"50px\",\r\n                                                              padding: \"1px 1px\",\r\n                                                              marginLeft: \"20px\",\r\n                                                            }}\r\n                                                          />\r\n                                                        ) : (\r\n                                                          <img\r\n                                                            className=\"media-object img-circle\"\r\n                                                            src={\r\n                                                              Announcement.profile\r\n                                                            }\r\n                                                            alt=\"Generic placeholder image\"\r\n                                                            style={{\r\n                                                              height: \"50px\",\r\n                                                              width: \"50px\",\r\n                                                              padding: \"1px 1px\",\r\n                                                              marginLeft: \"20px\",\r\n                                                            }}\r\n                                                          />\r\n                                                        )}\r\n                                                      </a>\r\n                                                      <div\r\n                                                        className=\"media-body\"\r\n                                                        style={{\r\n                                                          textAlign: \"initial\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div className=\"f-13 chat-header\">\r\n                                                          {\" \"}\r\n                                                          {/* <span style={{ color: \"Gray\" }}>{Announcement.teamId}</span>&nbsp; */}\r\n                                                          <span\r\n                                                            onClick={(e) => {\r\n                                                              e.preventDefault();\r\n                                                              this.EditSkillModels(\r\n                                                                Announcement.group_id,\r\n                                                                Announcement.group_Name,\r\n                                                                Announcement.created_by,\r\n                                                                Announcement.privacy\r\n                                                            \r\n                                                              );\r\n                                                              //this.handleButtonClick1();\r\n                                                            }}\r\n                                                            style={{\r\n                                                              color: \"black\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                              fontWeight: \"600\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {\r\n                                                              Announcement.group_Name\r\n                                                            }\r\n                                                            &nbsp;\r\n                                                            {checkPrivacyandCreated.map(\r\n                                                              (d) => {\r\n                                                                if (\r\n                                                                  d.group_Name ===\r\n                                                                  Announcement.group_Name &&\r\n                                                                  d.user_id ===\r\n                                                                  MailIds\r\n                                                                ) {\r\n                                                                  return (\r\n                                                                    <span>\r\n                                                                      {d.privacy ===\r\n                                                                        0 ? (\r\n                                                                        <>\r\n                                                                          <img\r\n                                                                            src={\r\n                                                                              lockpng\r\n                                                                            }\r\n                                                                            style={{\r\n                                                                              width:\r\n                                                                                \"12px\",\r\n                                                                              background:\r\n                                                                                \"white\",\r\n                                                                            }}\r\n                                                                          />\r\n                                                                        </>\r\n                                                                      ) : (\r\n                                                                        <>\r\n                                                                          <img\r\n                                                                            src={\r\n                                                                              publicpng\r\n                                                                            }\r\n                                                                            style={{\r\n                                                                              width:\r\n                                                                                \"14px\",\r\n                                                                              background:\r\n                                                                                \"white\",\r\n                                                                            }}\r\n                                                                          />\r\n                                                                        </>\r\n                                                                      )}\r\n                                                                    </span>\r\n                                                                  );\r\n                                                                }\r\n                                                              }\r\n                                                            )}\r\n                                                            &nbsp;\r\n                                                            \r\n                                                            {checkPrivacyandCreated.map(\r\n                                                              (d) => {\r\n                                                                if (\r\n                                                                  d.group_Name ===\r\n                                                                  Announcement.group_Name &&\r\n                                                                  d.user_id ===\r\n                                                                  MailIds\r\n                                                                ) {\r\n                                                                  return (\r\n                                                                    <span>\r\n                                                                      {d.privacy ===\r\n                                                                        0 &&\r\n                                                                        d.created_by ===\r\n                                                                        JSON.parse(\r\n                                                                          localStorage.userId\r\n                                                                        ) ? (\r\n                                                                        <>\r\n                                                                          <span\r\n                                                                            style={{\r\n                                                                              fontSize:\r\n                                                                                \"10px\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            by You{\" \"}\r\n                                                                            on{\" \"}\r\n                                                                            {this.formatDateAA2(\r\n                                                                              d.created_Date\r\n                                                                            )}\r\n                                                                          </span>\r\n                                                                        </>\r\n                                                                      ) : (\r\n                                                                        <>\r\n                                                                          <span\r\n                                                                            style={{\r\n                                                                              fontSize:\r\n                                                                                \"10px\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            by{\" \"}\r\n                                                                            {\r\n                                                                              d.created_Name\r\n                                                                            }{\" \"}\r\n                                                                            on{\" \"}\r\n                                                                            {this.formatDateAA2(\r\n                                                                              d.created_Date\r\n                                                                            )}\r\n                                                                          </span>\r\n                                                                        </>\r\n                                                                      )}\r\n                                                                    </span>\r\n                                                                  );\r\n                                                                }\r\n                                                              }\r\n                                                            )}\r\n                                                          </span>\r\n                                                          <br />\r\n                                                          {Announcement.senderId ==\r\n                                                            JSON.parse(\r\n                                                              localStorage.userId\r\n                                                            ) ? (\r\n                                                            <span\r\n                                                              style={{\r\n                                                                color: \"black\",\r\n                                                                whiteSpace:\r\n                                                                  \"nowrap\",\r\n                                                              }}\r\n                                                              onClick={() =>\r\n                                                                this.markMessageAsSeen(\r\n                                                                  Announcement.group_id\r\n                                                                )\r\n                                                              }\r\n                                                            >\r\n                                                              {/* {User.senderId == JSON.parse(localStorage.userId) */}\r\n\r\n                                                              {Announcement.type ==\r\n                                                                null ? (\r\n                                                                <>\r\n                                                                  You{\" \"}\r\n                                                                  {Messageresult}\r\n                                                                  {Announcement\r\n                                                                    .message\r\n                                                                    .length > 85\r\n                                                                    ? \"...\"\r\n                                                                    : null}{\" \"}\r\n                                                                </>\r\n                                                              ) : (\r\n                                                                <>\r\n                                                                  {/* You:{User.message} */}\r\n                                                                  {Announcement.message ==\r\n                                                                    \"-\" ? (\r\n                                                                    <>\r\n                                                                      {\" \"}\r\n                                                                      You: Sent a\r\n                                                                      File\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      {\" \"}\r\n                                                                      You:{\" \"}\r\n                                                                      {(isSender &&\r\n                                                                        Announcement.displayStatus == 1) && !Announcement.message.includes(\"Ended Discussion On\")\r\n                                                                        && !Announcement.message.includes(\"Added\") ? (\r\n                                                                        <img\r\n                                                                          src={doubletick}\r\n                                                                          style={{\r\n                                                                            // marginTop: \"50px\",\r\n                                                                            marginLeft: \"-2px\",\r\n                                                                            width: \"20px\",\r\n                                                                          }}\r\n                                                                          title=\"Seen\"\r\n                                                                        />\r\n                                                                      ) : isSender && !Announcement.message.includes(\"Ended Discussion On\")\r\n                                                                        && !Announcement.message.includes(\"Added\") ? <img\r\n                                                                        src={singletick}\r\n                                                                        style={{\r\n                                                                          // marginTop: \"50px\",\r\n                                                                          marginLeft: \"-2px\",\r\n                                                                          width: \"20px\",\r\n\r\n                                                                        }}\r\n                                                                        title=\"Unread\"\r\n                                                                      /> : null}{\" \"}\r\n                                                                      {\r\n                                                                        Messageresult\r\n                                                                      }\r\n                                                                      {Announcement\r\n                                                                        .message\r\n                                                                        .length >\r\n                                                                        85\r\n                                                                        ? \"...\"\r\n                                                                        : null}\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                </>\r\n                                                              )}\r\n                                                            </span>\r\n                                                          ) : (\r\n                                                            <span\r\n                                                              style={{\r\n                                                                color: \"black\",\r\n                                                                whiteSpace:\r\n                                                                  \"nowrap\",\r\n                                                              }}\r\n                                                            >\r\n                                                              {/* {User.displayName}:{User.message} */}\r\n                                                              {Announcement.type ==\r\n                                                                null ? (\r\n                                                                <>\r\n                                                                  {\r\n                                                                    Announcement.displayName\r\n                                                                  }{\" \"}\r\n                                                                  {/* {Messageresult} */}\r\n                                                                   {Messageresult.includes(name)?Messageresult.replace(name, 'You'):Messageresult}\r\n                                                                </>\r\n                                                              ) : (\r\n                                                                <>\r\n                                                                  {Announcement.message ==\r\n                                                                    \"-\" ? (\r\n                                                                    <>\r\n                                                                      {\r\n                                                                        Announcement.displayName\r\n                                                                      }\r\n                                                                      :\r\n                                                                      {Announcement.seen ==\r\n                                                                        0 ? (\r\n                                                                        <b>\r\n                                                                          Sent a\r\n                                                                          File\r\n                                                                        </b>\r\n                                                                      ) : (\r\n                                                                        Announcement.seen ==\r\n                                                                        1 &&\r\n                                                                        \"Sent a File\"\r\n                                                                      )}\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      {\r\n                                                                        Announcement.displayName\r\n                                                                      }\r\n                                                                      :\r\n                                                                      {Announcement.seen ==\r\n                                                                        0 ? (\r\n                                                                        <b>\r\n                                                                          {\" \"}\r\n                                                                          {\r\n                                                                            Messageresult\r\n                                                                          }\r\n                                                                          {Announcement\r\n                                                                            .message\r\n                                                                            .length >\r\n                                                                            85\r\n                                                                            ? \"...\"\r\n                                                                            : null}\r\n                                                                        </b>\r\n                                                                      ) : (\r\n                                                                        Announcement.seen ==\r\n                                                                        1 &&\r\n                                                                        `${\" \"}${Messageresult}${Announcement\r\n                                                                          .message\r\n                                                                          .length >\r\n                                                                          85\r\n                                                                          ? \"...\"\r\n                                                                          : \" \"\r\n                                                                        }`\r\n                                                                      )}\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                </>\r\n                                                              )}\r\n                                                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                              {Announcement.counts >\r\n                                                                0 ? (\r\n                                                                <p\r\n                                                                  className=\"badge badge-primary\"\r\n                                                                  style={{\r\n                                                                    fontSize:\r\n                                                                      \"15px\",\r\n                                                                    backgroundColor:\r\n                                                                      \"#563ccf\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {\r\n                                                                    Announcement.counts\r\n                                                                  }\r\n                                                                </p>\r\n                                                              ) : null}\r\n                                                            </span>\r\n                                                          )}\r\n                                                          {/* {username} */}\r\n                                                          <br />\r\n                                                          {/* <span\r\n                                                            style={{\r\n                                                              color: \"Gray\",\r\n                                                              whiteSpace: \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {Announcement.email}\r\n                                                          </span> */}\r\n                                                          <ReactTimeAgo\r\n                                                              date={\r\n                                                                Announcement.createDateTime\r\n                                                              }\r\n                                                              locale=\"en-US\"\r\n                                                              timeStyle=\"round-minute\"\r\n                                                              style={{\r\n                                                                color: \"gray\",\r\n                                                                float: \"right\",\r\n                                                                fontSize: \"10px\",\r\n                                                                marginTop: \"10px\",\r\n                                                                marginRight:\r\n                                                                  \"10px\",\r\n                                                                fontWeight:\r\n                                                                  \"bold\",\r\n                                                              }}\r\n                                                            />\r\n                                                        </div>\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  ) : null}\r\n                                                </>\r\n                                              )}\r\n                                            </>\r\n                                          );\r\n                                        })}\r\n                                      </>\r\n                                    )}\r\n\r\n                                  {/* 1:1 Discussion */}\r\n\r\n                                  {RoleA === \"Admin\" ? (\r\n                                    <>\r\n                                      {OneonOne.map((Announcement) => {\r\n                                        let Message = Announcement.message;\r\n                                        let Messageresult = Message.slice(\r\n                                          0,\r\n                                          55\r\n                                        );\r\n\r\n                                        return (\r\n                                          <>\r\n                                            {UserMail ===\r\n                                              Announcement.userName ||\r\n                                              UserMail === Announcement.email ? (\r\n                                              <div\r\n                                                className=\"media userlist-box\"\r\n                                                data-id=\"1\"\r\n                                                data-status=\"online\"\r\n                                                data-toggle=\"tooltip\"\r\n                                                data-placement=\"left\"\r\n                                                // key={Announcement.id,Announcement.usermsgId}\r\n                                                key={[\r\n                                                  Announcement.id,\r\n                                                  Announcement.usermsgId,\r\n                                                ].join(\"-\")}\r\n                                                onClick={(e) => {\r\n                                                  e.preventDefault();\r\n                                                  this.Chatpop(\r\n                                                    Announcement.displayName ===\r\n                                                      null ||\r\n                                                      Announcement.displayName ===\r\n                                                      USERNAME\r\n                                                      ? Announcement.receiver ===\r\n                                                        USERNAME\r\n                                                        ? Announcement.firstName\r\n                                                        : Announcement.receiver\r\n                                                      : Announcement.displayName,\r\n                                                    Announcement.userName ===\r\n                                                      UserMail\r\n                                                      ? Announcement.email\r\n                                                      : Announcement.userName,\r\n                                                    UserId ===\r\n                                                      Announcement.senderId\r\n                                                      ? Announcement.particularProfile_Picture\r\n                                                      : Announcement.senderProfile_Picture,\r\n                                                    Announcement.email ===\r\n                                                      UserMail\r\n                                                      ? Announcement.userName\r\n                                                      : Announcement.email,\r\n                                                    Announcement.senderId,\r\n                                                    Announcement.particularId\r\n                                                  );\r\n                                                  this.markMessageAsSeenUser(\r\n                                                    Announcement.senderId,\r\n                                                    Announcement.particularId\r\n                                                  );\r\n                                                }}\r\n                                                style={{\r\n                                                  padding: \"7px\",\r\n                                                  height: \"65px\",\r\n                                                }}\r\n                                              >\r\n                                                <a className=\"media-left\">\r\n                                                  {UserId ===\r\n                                                    Announcement.senderId ? (\r\n                                                    <img\r\n                                                      className=\"media-object img-circle\"\r\n                                                      src={\r\n                                                        Announcement.particularProfile_Picture\r\n                                                      }\r\n                                                      alt=\"Generic placeholder image\"\r\n                                                      style={{\r\n                                                        height: \"50px\",\r\n                                                        width: \"50px\",\r\n                                                        padding: \"1px 1px\",\r\n                                                        marginLeft: \"20px\",\r\n                                                      }}\r\n                                                    />\r\n                                                  ) : (\r\n                                                    <img\r\n                                                      className=\"media-object img-circle\"\r\n                                                      src={\r\n                                                        Announcement.senderProfile_Picture\r\n                                                      }\r\n                                                      alt=\"Generic placeholder image\"\r\n                                                      style={{\r\n                                                        height: \"50px\",\r\n                                                        width: \"50px\",\r\n                                                        padding: \"1px 1px\",\r\n                                                        marginLeft: \"20px\",\r\n                                                      }}\r\n                                                    />\r\n                                                  )}\r\n                                                </a>\r\n                                                <div\r\n                                                  className=\"media-body\"\r\n                                                  style={{\r\n                                                    textAlign: \"initial\",\r\n                                                    // padding: \"2px 2px\",\r\n                                                  }}\r\n                                                >\r\n                                                  <div className=\"f-13 chat-header\">\r\n                                                    {\" \"}\r\n                                                    <span\r\n                                                      style={{\r\n                                                        color: \"black\",\r\n                                                        whiteSpace: \"nowrap\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <b>\r\n                                                        {Announcement.displayName ===\r\n                                                          null ||\r\n                                                          Announcement.displayName ===\r\n                                                          USERNAME\r\n                                                          ? Announcement.receiver ===\r\n                                                            USERNAME\r\n                                                            ? Announcement.firstName\r\n                                                            : Announcement.receiver\r\n                                                          : Announcement.displayName}\r\n                                                      </b>{\" \"}\r\n                                                      <span>\r\n                                                        <img\r\n                                                          src={userpng}\r\n                                                          style={{\r\n                                                            width: \"12px\",\r\n                                                            background: \"white\",\r\n                                                          }}\r\n                                                        />\r\n                                                      </span>\r\n                                                      <ReactTimeAgo\r\n                                                        date={\r\n                                                          Announcement.createDateTime\r\n                                                        }\r\n                                                        locale=\"en-US\"\r\n                                                        timeStyle=\"round-minute\"\r\n                                                        style={{\r\n                                                          color: \"gray\",\r\n                                                          float: \"right\",\r\n                                                          fontSize: \"10px\",\r\n                                                          marginTop: \"41px\",\r\n                                                          marginRight: \"10px\",\r\n                                                          fontWeight: \"bold\",\r\n                                                        }}\r\n                                                      />\r\n                                                    </span>\r\n                                                    <br />\r\n                                                    {Announcement.senderId ==\r\n                                                      JSON.parse(\r\n                                                        localStorage.userId\r\n                                                      ) ? (\r\n                                                      <span\r\n                                                        style={{\r\n                                                          color: \"black\",\r\n                                                          whiteSpace: \"nowrap\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div\r\n                                                          onClick={() =>\r\n                                                            this.markMessageAsSeenUser(\r\n                                                              Announcement.senderId,\r\n                                                              Announcement.particularId\r\n                                                            )\r\n                                                          }\r\n                                                        >\r\n                                                          You:{\" \"}\r\n                                                          {Announcement.seen ==\r\n                                                            1 ? (\r\n                                                            <img\r\n                                                              src={doubletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft:\r\n                                                                  \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                backgroundImage:\r\n                                                                  \"green\",\r\n                                                              }}\r\n                                                              title=\"Seen\"\r\n                                                            />\r\n                                                          ) : null}{\" \"}\r\n                                                          {Announcement.seen ==\r\n                                                            0 ? (\r\n                                                            <img\r\n                                                              src={singletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft:\r\n                                                                  \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                backgroundImage:\r\n                                                                  \"green\",\r\n                                                              }}\r\n                                                              title=\"Unread\"\r\n                                                            />\r\n                                                          ) : null}{\" \"}\r\n                                                          {\r\n                                                            Announcement.message\r\n                                                              === \"-\"\r\n                                                              ? \"Sent a File\"\r\n                                                              : <>\r\n                                                                {Messageresult}\r\n                                                                {Announcement\r\n                                                                  .message.length >\r\n                                                                  85\r\n                                                                  ? \"...\"\r\n                                                                  : null}{\" \"}\r\n                                                              </>}{\" \"}\r\n                                                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                          {Announcement.senderId !==\r\n                                                            UserId ? (\r\n                                                            <>\r\n                                                              {Announcement.counts >\r\n                                                                0 ? (\r\n                                                                <p\r\n                                                                  className=\"badge badge-primary\"\r\n                                                                  style={{\r\n                                                                    fontSize:\r\n                                                                      \"15px\",\r\n                                                                    backgroundColor:\r\n                                                                      \"#563ccf\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {\r\n                                                                    Announcement.counts\r\n                                                                  }\r\n                                                                </p>\r\n                                                              ) : null}\r\n                                                            </>\r\n                                                          ) : null}\r\n                                                          {/* <ReactTimeAgo\r\n                                                              date={\r\n                                                                Announcement.createDateTime\r\n                                                              }\r\n                                                              locale=\"en-US\"\r\n                                                              timeStyle=\"round-minute\"\r\n                                                              style={{\r\n                                                                color: \"gray\",\r\n                                                                float: \"right\",\r\n                                                                fontSize:\r\n                                                                  \"11px\",\r\n                                                                fontWeight: 100,\r\n                                                              }}\r\n                                                            /> */}\r\n                                                        </div>\r\n                                                      </span>\r\n                                                    ) : (\r\n                                                      <span\r\n                                                        style={{\r\n                                                          color: \"black\",\r\n                                                          whiteSpace: \"nowrap\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div\r\n                                                          onClick={() =>\r\n                                                            this.markMessageAsSeenUser(\r\n                                                              Announcement.senderId,\r\n                                                              Announcement.particularId\r\n                                                            )\r\n                                                          }\r\n                                                        >\r\n                                                          {Announcement.displayName ===\r\n                                                            null ||\r\n                                                            Announcement.displayName ===\r\n                                                            USERNAME\r\n                                                            ? Announcement.receiver ===\r\n                                                              USERNAME\r\n                                                              ? Announcement.firstName\r\n                                                              : Announcement.receiver\r\n                                                            : Announcement.displayName}\r\n                                                          :{\" \"}\r\n                                                          {\r\n                                                            Announcement.message\r\n                                                              === \"-\"\r\n                                                              ? \"Sent a File\"\r\n                                                              : <>\r\n                                                                {Messageresult}\r\n                                                                {Announcement\r\n                                                                  .message.length >\r\n                                                                  85\r\n                                                                  ? \"...\"\r\n                                                                  : null}{\" \"}\r\n                                                              </>}{\" \"}\r\n                                                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                          {Announcement.senderId !==\r\n                                                            UserId ? (\r\n                                                            <>\r\n                                                              {Announcement.counts >\r\n                                                                0 ? (\r\n                                                                <p\r\n                                                                  className=\"badge badge-primary\"\r\n                                                                  style={{\r\n                                                                    fontSize:\r\n                                                                      \"15px\",\r\n                                                                    backgroundColor:\r\n                                                                      \"#563ccf\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {\r\n                                                                    Announcement.counts\r\n                                                                  }\r\n                                                                </p>\r\n                                                              ) : null}\r\n                                                            </>\r\n                                                          ) : null}\r\n                                                          {/* <ReactTimeAgo\r\n                                                          date={\r\n                                                            Announcement.createDateTime\r\n                                                          }\r\n                                                          locale=\"en-US\"\r\n                                                          timeStyle=\"round-minute\"\r\n                                                          style={{\r\n                                                            color: \"gray\",\r\n                                                            float: \"right\",\r\n                                                          }}\r\n                                                        /> */}\r\n                                                        </div>\r\n                                                      </span>\r\n                                                    )}\r\n                                                    <br />\r\n                                                  </div>\r\n                                                </div>\r\n                                              </div>\r\n                                            ) : null}\r\n                                          </>\r\n                                        );\r\n                                      })}\r\n                                    </>\r\n                                  ) : (\r\n                                    <>\r\n                                      {OneonOne.map((Announcement) => {\r\n                                        let Message = Announcement.message;\r\n                                        let Messageresult = Message.slice(\r\n                                          0,\r\n                                          55\r\n                                        );\r\n\r\n                                        return (\r\n                                          <>\r\n                                            {UserMail ===\r\n                                              Announcement.userName ||\r\n                                              UserMail === Announcement.email ? (\r\n                                              <div\r\n                                                className=\"media userlist-box\"\r\n                                                data-id=\"1\"\r\n                                                data-status=\"online\"\r\n                                                data-toggle=\"tooltip\"\r\n                                                data-placement=\"left\"\r\n                                                // key={Announcement.id,Announcement.usermsgId}\r\n                                                key={[\r\n                                                  Announcement.id,\r\n                                                  Announcement.usermsgId,\r\n                                                ].join(\"-\")}\r\n                                                onClick={(e) => {\r\n                                                  e.preventDefault();\r\n                                                  this.Chatpop(\r\n                                                    Announcement.displayName ===\r\n                                                      null ||\r\n                                                      Announcement.displayName ===\r\n                                                      USERNAME\r\n                                                      ? Announcement.receiver ===\r\n                                                        USERNAME\r\n                                                        ? Announcement.firstName\r\n                                                        : Announcement.receiver\r\n                                                      : Announcement.displayName,\r\n                                                    Announcement.userName ===\r\n                                                      UserMail\r\n                                                      ? Announcement.email\r\n                                                      : Announcement.userName,\r\n                                                    UserId ===\r\n                                                      Announcement.senderId\r\n                                                      ? Announcement.particularProfile_Picture\r\n                                                      : Announcement.senderProfile_Picture,\r\n                                                    Announcement.email ===\r\n                                                      UserMail\r\n                                                      ? Announcement.userName\r\n                                                      : Announcement.email,\r\n                                                    Announcement.senderId,\r\n                                                    Announcement.particularId\r\n                                                  );\r\n\r\n                                                  if (\r\n                                                    Announcement.senderId !==\r\n                                                    UserId\r\n                                                  ) {\r\n                                                    this.markMessageAsSeenAdmin(\r\n                                                      Announcement.senderId,\r\n                                                      Announcement.particularId\r\n                                                    );\r\n                                                    this.markMessageAsSeenUser(\r\n                                                      Announcement.senderId,\r\n                                                      Announcement.particularId\r\n                                                    );\r\n                                                  }\r\n                                                }}\r\n                                                style={{\r\n                                                  padding: \"7px\",\r\n                                                  height: \"65px\",\r\n                                                }}\r\n                                              >\r\n                                                <a className=\"media-left\">\r\n                                                  {UserId ===\r\n                                                    Announcement.senderId ? (\r\n                                                    <img\r\n                                                      className=\"media-object img-circle\"\r\n                                                      src={\r\n                                                        Announcement.particularProfile_Picture\r\n                                                      }\r\n                                                      alt=\"Generic placeholder image\"\r\n                                                      style={{\r\n                                                        height: \"50px\",\r\n                                                        width: \"50px\",\r\n                                                        padding: \"1px 1px\",\r\n                                                        marginLeft: \"20px\",\r\n                                                      }}\r\n                                                    />\r\n                                                  ) : (\r\n                                                    <img\r\n                                                      className=\"media-object img-circle\"\r\n                                                      src={\r\n                                                        Announcement.senderProfile_Picture\r\n                                                      }\r\n                                                      alt=\"Generic placeholder image\"\r\n                                                      style={{\r\n                                                        height: \"50px\",\r\n                                                        width: \"50px\",\r\n                                                        padding: \"1px 1px\",\r\n                                                        marginLeft: \"20px\",\r\n                                                      }}\r\n                                                    />\r\n                                                  )}\r\n                                                </a>\r\n                                                <div\r\n                                                  className=\"media-body\"\r\n                                                  style={{\r\n                                                    textAlign: \"initial\",\r\n                                                    // padding: \"2px 2px\",\r\n                                                  }}\r\n                                                >\r\n                                                  <div className=\"f-13 chat-header\">\r\n                                                    {\" \"}\r\n                                                    <span\r\n                                                      style={{\r\n                                                        color: \"black\",\r\n                                                        whiteSpace: \"nowrap\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <b>\r\n                                                        {Announcement.displayName ===\r\n                                                          null ||\r\n                                                          Announcement.displayName ===\r\n                                                          USERNAME\r\n                                                          ? Announcement.receiver ===\r\n                                                            USERNAME\r\n                                                            ? Announcement.firstName\r\n                                                            : Announcement.receiver\r\n                                                          : Announcement.displayName}\r\n                                                      </b>\r\n                                                      &nbsp;\r\n                                                      <span>\r\n                                                        <img\r\n                                                          src={userpng}\r\n                                                          style={{\r\n                                                            width: \"12px\",\r\n                                                            background: \"white\",\r\n                                                          }}\r\n                                                        />\r\n                                                      </span>\r\n                                                      <ReactTimeAgo\r\n                                                        date={\r\n                                                          Announcement.createDateTime\r\n                                                        }\r\n                                                        locale=\"en-US\"\r\n                                                        timeStyle=\"round-minute\"\r\n                                                        style={{\r\n                                                          color: \"gray\",\r\n                                                          float: \"right\",\r\n                                                          fontSize: \"10px\",\r\n                                                          marginTop: \"41px\",\r\n                                                          marginRight: \"10px\",\r\n                                                          fontWeight: \"bold\",\r\n                                                        }}\r\n                                                      />\r\n                                                    </span>\r\n                                                    <br />\r\n                                                    {Announcement.senderId ==\r\n                                                      JSON.parse(\r\n                                                        localStorage.userId\r\n                                                      ) ? (\r\n                                                      <span\r\n                                                        style={{\r\n                                                          color: \"black\",\r\n                                                          whiteSpace: \"nowrap\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div\r\n                                                          onClick={() =>\r\n                                                            Announcement.senderId !==\r\n                                                              UserId\r\n                                                              ? this.markMessageAsSeenUser(\r\n                                                                Announcement.senderId,\r\n                                                                Announcement.particularId\r\n                                                              )\r\n                                                              : null\r\n                                                          }\r\n                                                        >\r\n                                                          You:{\" \"}\r\n                                                          {Announcement.seen ==\r\n                                                            1 ? (\r\n                                                            <img\r\n                                                              src={doubletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft:\r\n                                                                  \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                backgroundImage:\r\n                                                                  \"green\",\r\n                                                              }}\r\n                                                              title=\"Seen\"\r\n                                                            />\r\n                                                          ) : null}{\" \"}\r\n                                                          {Announcement.seen ==\r\n                                                            0 ? (\r\n                                                            <img\r\n                                                              src={singletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft:\r\n                                                                  \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                backgroundImage:\r\n                                                                  \"green\",\r\n                                                              }}\r\n                                                              title=\"Unread\"\r\n                                                            />\r\n                                                          ) : null}{\" \"}\r\n                                                          {\r\n                                                            Announcement.message\r\n                                                              === \"-\"\r\n                                                              ? \"Sent a File\"\r\n                                                              : <>\r\n                                                                {Messageresult}\r\n                                                                {Announcement\r\n                                                                  .message.length >\r\n                                                                  85\r\n                                                                  ? \"...\"\r\n                                                                  : null}{\" \"}\r\n                                                              </>}{\" \"}\r\n                                                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                          {Announcement.senderId !==\r\n                                                            UserId ? (\r\n                                                            <>\r\n                                                              {Announcement.counts >\r\n                                                                0 ? (\r\n                                                                <p\r\n                                                                  className=\"badge badge-primary\"\r\n                                                                  style={{\r\n                                                                    fontSize:\r\n                                                                      \"15px\",\r\n                                                                    backgroundColor:\r\n                                                                      \"#563ccf\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {\r\n                                                                    Announcement.counts\r\n                                                                  }\r\n                                                                </p>\r\n                                                              ) : null}\r\n                                                            </>\r\n                                                          ) : null}\r\n                                                        </div>\r\n                                                      </span>\r\n                                                    ) : (\r\n                                                      <span\r\n                                                        style={{\r\n                                                          color: \"black\",\r\n                                                          whiteSpace: \"nowrap\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div\r\n                                                          onClick={() => {\r\n                                                            this.markMessageAsSeenAdmin(\r\n                                                              Announcement.senderId,\r\n                                                              Announcement.particularId\r\n                                                            );\r\n                                                            this.markMessageAsSeenUser(\r\n                                                              Announcement.senderId,\r\n                                                              Announcement.particularId\r\n                                                            );\r\n                                                          }}\r\n                                                        >\r\n                                                          {Announcement.displayName ===\r\n                                                            null ||\r\n                                                            Announcement.displayName ===\r\n                                                            USERNAME\r\n                                                            ? Announcement.receiver ===\r\n                                                              USERNAME\r\n                                                              ? Announcement.firstName\r\n                                                              : Announcement.receiver\r\n                                                            : Announcement.displayName}\r\n                                                          :{\" \"}\r\n                                                          {\r\n                                                            Announcement.message\r\n                                                              === \"-\"\r\n                                                              ? \"Sent a File\"\r\n                                                              : <>\r\n                                                                {Messageresult}\r\n                                                                {Announcement\r\n                                                                  .message.length >\r\n                                                                  85\r\n                                                                  ? \"...\"\r\n                                                                  : null}{\" \"}\r\n                                                              </>}{\" \"}\r\n                                                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                          {Announcement.senderId !==\r\n                                                            UserId ? (\r\n                                                            <>\r\n                                                              {Announcement.counts >\r\n                                                                0 ? (\r\n                                                                <p\r\n                                                                  className=\"badge badge-primary\"\r\n                                                                  style={{\r\n                                                                    fontSize:\r\n                                                                      \"15px\",\r\n                                                                    backgroundColor:\r\n                                                                      \"#563ccf\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {\r\n                                                                    Announcement.counts\r\n                                                                  }\r\n                                                                </p>\r\n                                                              ) : null}\r\n                                                            </>\r\n                                                          ) : null}\r\n                                                          {/* <ReactTimeAgo\r\n                                                              date={\r\n                                                                Announcement.createDateTime\r\n                                                              }\r\n                                                              locale=\"en-US\"\r\n                                                              timeStyle=\"round-minute\"\r\n                                                              style={{\r\n                                                                color: \"gray\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                            /> */}\r\n                                                        </div>\r\n                                                      </span>\r\n                                                    )}\r\n                                                    <br />\r\n                                                  </div>\r\n                                                </div>\r\n                                              </div>\r\n                                            ) : null}\r\n                                          </>\r\n                                        );\r\n                                      })}\r\n                                    </>\r\n                                  )}\r\n\r\n                                  {/* Group Discussion */}\r\n\r\n                                  {User.map((User) => {\r\n                                    let Message = User.message;\r\n                                    let Messageresult = Message.slice(0, 55);\r\n                                    let Sender = User.senderId;\r\n                                    const isSender =\r\n                                      Sender.includes(UserId);\r\n                                    return (\r\n                                      <div\r\n                                        className=\"media userlist-box\"\r\n                                        data-id=\"1\"\r\n                                        data-status=\"online\"\r\n                                        data-toggle=\"tooltip\"\r\n                                        data-placement=\"left\"\r\n                                        // key={Announcement.id,Announcement.usermsgId}\r\n                                        onClick={(e) => {\r\n                                          e.preventDefault();\r\n                                          this.EditSkillModels(\r\n                                            \r\n                                            User.group_id,\r\n                                            User.group_Name,\r\n                                            User.created_by,\r\n                                            User.privacy\r\n                                          );\r\n\r\n                                          this.markMessageAsSeen(User.group_id);\r\n                                         \r\n                                        }}\r\n                                        style={{ padding: \"7px\" }}\r\n                                      >\r\n                                        <a className=\"media-left\">\r\n                                          {User.profile ==\r\n                                            `${Image_URLs}Images/profile.png` ? (\r\n                                            <img\r\n                                              className=\"media-object img-circle\"\r\n                                              src={Profile}\r\n                                              alt=\"1Generic placeholder image\"\r\n                                              style={{\r\n                                                height: \"50px\",\r\n                                                width: \"50px\",\r\n                                                padding: \"1px 1px\",\r\n                                                marginLeft: \"20px\",\r\n                                              }}\r\n                                            />\r\n                                          ) : (\r\n                                            <img\r\n                                              className=\"media-object img-circle\"\r\n                                              src={User.profile}\r\n                                              alt=\"Generic placeholder image\"\r\n                                              style={{\r\n                                                height: \"50px\",\r\n                                                width: \"50px\",\r\n                                                padding: \"1px 1px\",\r\n                                                marginLeft: \"20px\",\r\n                                              }}\r\n                                            />\r\n                                          )}\r\n                                        </a>\r\n                                        <div\r\n                                          className=\"media-body\"\r\n                                          style={{\r\n                                            textAlign: \"initial\",\r\n                                          }}\r\n                                        >\r\n                                          <div className=\"f-13 chat-header\">\r\n                                            {\" \"}\r\n                                            <span\r\n                                              onClick={(e) => {\r\n                                                e.preventDefault();\r\n                                                this.EditSkillModels(\r\n                                                  User.group_id,\r\n                                                  User.group_Name,\r\n                                                  User.created_by,\r\n                                                  User.privacy\r\n                                                );\r\n                                                //this.handleButtonClick1();\r\n                                              }}\r\n                                              style={{\r\n                                                color: \"black\",\r\n                                                whiteSpace: \"nowrap\",\r\n                                                fontWeight: \"600\",\r\n                                              }}\r\n                                            >\r\n                                              {User.group_Name}{\" \"}\r\n                                              {checkPrivacyandCreated.map(\r\n                                                (d) => {\r\n                                                  if (\r\n                                                    d.group_Name ===\r\n                                                    User.group_Name &&\r\n                                                    d.user_id === MailIds\r\n                                                  ) {\r\n                                                    return (\r\n                                                      <span>\r\n                                                        {d.privacy === 0 ? (\r\n                                                          <img\r\n                                                            src={lockpng}\r\n                                                            style={{\r\n                                                              width: \"12px\",\r\n                                                              background:\r\n                                                                \"white\",\r\n                                                            }}\r\n                                                          />\r\n                                                        ) : (\r\n                                                          <img\r\n                                                            src={publicpng}\r\n                                                            style={{\r\n                                                              width: \"14px\",\r\n                                                              background:\r\n                                                                \"white\",\r\n                                                            }}\r\n                                                          />\r\n                                                        )}\r\n                                                      </span>\r\n                                                    );\r\n                                                  }\r\n                                                }\r\n                                              )}\r\n                                              &nbsp;\r\n                                              {checkPrivacyandCreated.map(\r\n                                                (d) => {\r\n                                                  if (\r\n                                                    d.group_Name ===\r\n                                                    User.group_Name &&\r\n                                                    d.user_id === MailIds\r\n                                                  ) {\r\n                                                    return (\r\n                                                      <span>\r\n                                                        {d.privacy === 0 &&\r\n                                                          d.created_by ===\r\n                                                          JSON.parse(\r\n                                                            localStorage.userId\r\n                                                          ) ? (\r\n                                                          <>\r\n                                                            <span\r\n                                                              style={{\r\n                                                                fontSize:\r\n                                                                  \"10px\",\r\n                                                              }}\r\n                                                            >\r\n                                                              by{\"\"} You{\"\"} on{\" \"}\r\n                                                              {this.formatDateAA2(\r\n                                                                d.created_Date\r\n                                                              )}\r\n                                                            </span>\r\n                                                          </>\r\n                                                        ) : (\r\n                                                          <>\r\n                                                            <span\r\n                                                              style={{\r\n                                                                fontSize:\r\n                                                                  \"10px\",\r\n                                                              }}\r\n                                                            >\r\n                                                              by{\" \"}\r\n                                                              {d.created_Name}{\" \"}\r\n                                                              on{\" \"}\r\n                                                              {this.formatDateAA2(\r\n                                                                d.created_Date\r\n                                                              )}\r\n                                                            </span>\r\n                                                          </>\r\n                                                        )}\r\n                                                      </span>\r\n                                                    );\r\n                                                  }\r\n                                                }\r\n                                              )}\r\n                                            </span>\r\n                                            <br />\r\n                                            {User.senderId ==\r\n                                              JSON.parse(localStorage.userId) ? (\r\n                                              <span\r\n                                                style={{\r\n                                                  color: \"black\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                }}\r\n                                                onClick={() =>\r\n                                                  this.markMessageAsSeen(\r\n                                                    User.group_id\r\n                                                  )\r\n                                                }\r\n                                              >\r\n                                                {User.type == null ? (\r\n                                                  <>\r\n                                                    You {Messageresult}\r\n                                                    {User.message.length > 85\r\n                                                      ? \"...\"\r\n                                                      : null}{\" \"}\r\n                                                  </>\r\n                                                ) : (\r\n                                                  <>\r\n                                                    {User.message == \"-\" ? (\r\n                                                      <> You: Sent a File</>\r\n                                                    ) : (\r\n                                                      <>\r\n                                                        {\" \"}\r\n\r\n                                                        You:{\" \"}{(isSender &&\r\n                                                          User.displayStatus == 1) && !User.message.includes(\"Ended Discussion On\")\r\n                                                          && !User.message.includes(\"Added\") ? (\r\n                                                          <img\r\n                                                            src={doubletick}\r\n                                                            style={{\r\n                                                              // marginTop: \"50px\",\r\n                                                              marginLeft: \"-2px\",\r\n                                                              width: \"20px\",\r\n                                                            }}\r\n                                                            title=\"Seen\"\r\n                                                          />\r\n                                                        ) : isSender && !User.message.includes(\"Ended Discussion On\")\r\n                                                          && !User.message.includes(\"Added\") ? <img\r\n                                                          src={singletick}\r\n                                                          style={{\r\n                                                            // marginTop: \"50px\",\r\n                                                            marginLeft: \"-2px\",\r\n                                                            width: \"20px\",\r\n\r\n                                                          }}\r\n                                                          title=\"Unread\"\r\n                                                        /> : null}{\" \"}{Messageresult}\r\n                                                        {User.message.length >\r\n                                                          85\r\n                                                          ? \"...\"\r\n                                                          : null}\r\n                                                      </>\r\n                                                    )}\r\n                                                  </>\r\n                                                )}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <span\r\n                                                style={{\r\n                                                  color: \"black\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                }}\r\n                                              >\r\n                                                {User.type == null ? (\r\n                                                  <>\r\n                                                    {User.displayName}{\" \"}\r\n                                                    {User.message.includes(name)?User.message.replace(name, 'You'):User.message}\r\n                                                  </>\r\n                                                ) : (\r\n                                                  <>\r\n                                                    {User.message == \"-\" ? (\r\n                                                      <>\r\n                                                        {User.displayName}:\r\n                                                        {User.seen == 0 ? (\r\n                                                          <b>Sent a File</b>\r\n                                                        ) : (\r\n                                                          User.seen == 1 &&\r\n                                                          \"Sent a File\"\r\n                                                        )}\r\n                                                      </>\r\n                                                    ) : (\r\n                                                      <>\r\n                                                        {User.displayName}:\r\n                                                        {User.seen == 0 ? (\r\n                                                          <b>\r\n                                                            {\" \"}\r\n                                                            {Messageresult}\r\n                                                            {User.message\r\n                                                              .length > 85\r\n                                                              ? \"...\"\r\n                                                              : null}\r\n                                                          </b>\r\n                                                        ) : (\r\n                                                          User.seen == 1 &&\r\n                                                          `${\" \"}${Messageresult}${User.message\r\n                                                            .length > 85\r\n                                                            ? \"...\"\r\n                                                            : \" \"\r\n                                                          }`\r\n                                                        )}\r\n                                                      </>\r\n                                                    )}\r\n                                                  </>\r\n                                                )}\r\n                                                &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                {User.counts > 0 ? (\r\n                                                  <p\r\n                                                    className=\"badge badge-primary\"\r\n                                                    style={{\r\n                                                      fontSize: \"15px\",\r\n                                                      backgroundColor:\r\n                                                        \"#563ccf\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {User.counts}\r\n                                                  </p>\r\n                                                ) : null}\r\n                                              </span>\r\n                                            )}\r\n                                            <ReactTimeAgo\r\n                                                date={User.createDateTime}\r\n                                                locale=\"en-US\"\r\n                                                timeStyle=\"round-minute\"\r\n                                                style={{\r\n                                                  color: \"gray\",\r\n                                                  float: \"right\",\r\n                                                  fontSize: \"10px\",\r\n                                                  marginTop: \"10px\",\r\n                                                  marginRight: \"10px\",\r\n                                                }}\r\n                                              />\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    );\r\n                                  })}\r\n\r\n                                  {/* Public Discussion */}\r\n\r\n                                  {NonUsers.map((User) => {\r\n                                    let Message = User.message;\r\n                                    let Messageresult = Message.slice(0, 55);\r\n\r\n                                    return (\r\n                                      <div\r\n                                        className=\"media userlist-box\"\r\n                                        data-id=\"1\"\r\n                                        data-status=\"online\"\r\n                                        data-toggle=\"tooltip\"\r\n                                        data-placement=\"left\"\r\n                                        // key={Announcement.id,Announcement.usermsgId}\r\n                                        onClick={(e) => {\r\n                                          e.preventDefault();\r\n                                          this.EditSkillModels(\r\n                                           \r\n                                            User.group_id,\r\n                                            User.group_Name,\r\n                                            User.created_by,\r\n                                            User.privacy\r\n                                          );\r\n\r\n                                          this.markMessageAsSeen(User.group_id);\r\n                                          //this.handleButtonClick1();\r\n                                          // this.handlehide();\r\n                                        }}\r\n                                        style={{ padding: \"7px\" }}\r\n                                      >\r\n                                        <a className=\"media-left\">\r\n                                          {User.profile ==\r\n                                            `${Image_URLs}Images/profile.png` ? (\r\n                                            <img\r\n                                              className=\"media-object img-circle\"\r\n                                              src={Profile}\r\n                                              alt=\"1Generic placeholder image\"\r\n                                              style={{\r\n                                                height: \"50px\",\r\n                                                width: \"50px\",\r\n                                                padding: \"1px 1px\",\r\n                                                marginLeft: \"20px\",\r\n                                              }}\r\n                                            />\r\n                                          ) : (\r\n                                            <img\r\n                                              className=\"media-object img-circle\"\r\n                                              src={User.profile}\r\n                                              alt=\"Generic placeholder image\"\r\n                                              style={{\r\n                                                height: \"50px\",\r\n                                                width: \"50px\",\r\n                                                padding: \"1px 1px\",\r\n                                                marginLeft: \"20px\",\r\n                                              }}\r\n                                            />\r\n                                          )}\r\n                                        </a>\r\n                                        <div\r\n                                          className=\"media-body\"\r\n                                          style={{\r\n                                            textAlign: \"initial\",\r\n                                          }}\r\n                                        >\r\n                                          <div className=\"f-13 chat-header\">\r\n                                            {\" \"}\r\n                                            <span\r\n                                              onClick={(e) => {\r\n                                                e.preventDefault();\r\n                                                this.EditSkillModels(\r\n                                                  User.group_id,\r\n                                                  User.group_Name,\r\n                                                  User.created_by,\r\n                                                  User.privacy\r\n                                                  \r\n                                                );\r\n                                                //this.handleButtonClick1();\r\n                                              }}\r\n                                              style={{\r\n                                                color: \"black\",\r\n                                                whiteSpace: \"nowrap\",\r\n                                                fontWeight: \"600\",\r\n                                              }}\r\n                                            >\r\n                                              {User.group_Name}{\" \"}\r\n                                              {checkPrivacyandCreatedPublic.map(\r\n                                                (d) => {\r\n                                                  if (\r\n                                                    d.group_Name ===\r\n                                                    User.group_Name\r\n                                                  ) {\r\n                                                    return (\r\n                                                      <span>\r\n                                                        {d.privacy === 0 ? (\r\n                                                          <img\r\n                                                            src={lockpng}\r\n                                                            style={{\r\n                                                              width: \"12px\",\r\n                                                              background:\r\n                                                                \"white\",\r\n                                                            }}\r\n                                                          />\r\n                                                        ) : (\r\n                                                          <img\r\n                                                            src={publicpng}\r\n                                                            style={{\r\n                                                              width: \"14px\",\r\n                                                              background:\r\n                                                                \"white\",\r\n                                                            }}\r\n                                                          />\r\n                                                        )}\r\n                                                      </span>\r\n                                                    );\r\n                                                  }\r\n                                                }\r\n                                              )}\r\n                                              &nbsp;\r\n                                              {checkPrivacyandCreatedPublic.map(\r\n                                                (d) => {\r\n                                                  if (\r\n                                                    d.group_Name ===\r\n                                                    User.group_Name\r\n                                                  ) {\r\n                                                    return (\r\n                                                      <span>\r\n                                                        {d.privacy === 0 &&\r\n                                                          d.created_by ===\r\n                                                          JSON.parse(\r\n                                                            localStorage.userId\r\n                                                          ) ? (\r\n                                                          <>\r\n                                                            <span\r\n                                                              style={{\r\n                                                                fontSize:\r\n                                                                  \"10px\",\r\n                                                              }}\r\n                                                            >\r\n                                                              by{\"\"} You{\"\"} on{\" \"}\r\n                                                              {this.formatDateAA2(\r\n                                                                d.created_Date\r\n                                                              )}\r\n                                                            </span>\r\n                                                          </>\r\n                                                        ) : (\r\n                                                          <>\r\n                                                            <span\r\n                                                              style={{\r\n                                                                fontSize:\r\n                                                                  \"10px\",\r\n                                                              }}\r\n                                                            >\r\n                                                              by{\" \"}\r\n                                                              {d.created_Name}{\" \"}\r\n                                                              on{\" \"}\r\n                                                              {this.formatDateAA2(\r\n                                                                d.created_Date\r\n                                                              )}\r\n                                                            </span>\r\n                                                          </>\r\n                                                        )}\r\n                                                      </span>\r\n                                                    );\r\n                                                  }\r\n                                                }\r\n                                              )}\r\n                                            </span>\r\n                                            <br />\r\n                                            {User.senderId ==\r\n                                              JSON.parse(localStorage.userId) ? (\r\n                                              <span\r\n                                                style={{\r\n                                                  color: \"black\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                }}\r\n                                                onClick={() =>\r\n                                                  this.markMessageAsSeen(\r\n                                                    User.group_id\r\n                                                  )\r\n                                                }\r\n                                              >\r\n                                                {User.type == null ? (\r\n                                                  <>\r\n                                                    You {Messageresult}\r\n                                                    {User.message.length > 85\r\n                                                      ? \"...\"\r\n                                                      : null}{\" \"}\r\n                                                  </>\r\n                                                ) : (\r\n                                                  <>\r\n                                                    {User.message == \"-\" ? (\r\n                                                      <> You: Sent a File</>\r\n                                                    ) : (\r\n                                                      <>\r\n                                                        {\" \"}\r\n                                                        You: {Messageresult}\r\n                                                        {User.message.length >\r\n                                                          85\r\n                                                          ? \"...\"\r\n                                                          : null}\r\n                                                      </>\r\n                                                    )}\r\n                                                  </>\r\n                                                )}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <span\r\n                                                style={{\r\n                                                  color: \"black\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                }}\r\n                                              >\r\n                                                {User.type == null ? (\r\n                                                  <>\r\n                                                    {User.displayName}{\" \"}\r\n                                                    {User.message.includes(name)?User.message.replace(name, 'You'):User.message}\r\n                                                  </>\r\n                                                ) : (\r\n                                                  <>\r\n                                                    {User.message == \"-\" ? (\r\n                                                      <>\r\n                                                        {User.displayName}:\r\n                                                        {User.seen == 0 ? (\r\n                                                          <b>Sent a File</b>\r\n                                                        ) : (\r\n                                                          User.seen == 1 &&\r\n                                                          \"Sent a File\"\r\n                                                        )}\r\n                                                      </>\r\n                                                    ) : (\r\n                                                      <>\r\n                                                        {User.displayName}:\r\n                                                        {User.seen == 0 ? (\r\n                                                          <b>\r\n                                                            {\" \"}\r\n                                                            {Messageresult}\r\n                                                            {User.message\r\n                                                              .length > 85\r\n                                                              ? \"...\"\r\n                                                              : null}\r\n                                                          </b>\r\n                                                        ) : (\r\n                                                          User.seen == 1 &&\r\n                                                          `${\" \"}${Messageresult}${User.message\r\n                                                            .length > 85\r\n                                                            ? \"...\"\r\n                                                            : \" \"\r\n                                                          }`\r\n                                                        )}\r\n                                                      </>\r\n                                                    )}\r\n                                                  </>\r\n                                                )}\r\n                                                &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                {User.counts > 0 ? (\r\n                                                  <p\r\n                                                    className=\"badge badge-primary\"\r\n                                                    style={{\r\n                                                      fontSize: \"15px\",\r\n                                                      backgroundColor:\r\n                                                        \"#563ccf\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {User.counts}\r\n                                                  </p>\r\n                                                ) : null}\r\n                                              </span>\r\n                                            )}\r\n                                            <ReactTimeAgo\r\n                                                date={User.createDateTime}\r\n                                                locale=\"en-US\"\r\n                                                timeStyle=\"round-minute\"\r\n                                                style={{\r\n                                                  color: \"gray\",\r\n                                                  float: \"right\",\r\n                                                  fontSize: \"10px\",\r\n                                                  marginTop: \"10px\",\r\n                                                  marginRight: \"10px\",\r\n                                                }}\r\n                                              />\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    );\r\n                                  })}\r\n\r\n                                  {/* Trend List */}\r\n\r\n                                  <>\r\n                                    <>\r\n                                      {RoleA === \"Admin\" ? (\r\n                                        <>\r\n                                          {trendList.map((Announcement) => {\r\n                                            let Message = Announcement.message;\r\n                                            let Messageresult = Message.slice(\r\n                                              0,\r\n                                              55\r\n                                            );\r\n\r\n                                            return (\r\n                                              <>\r\n                                                {UserMail ===\r\n                                                  Announcement.userName ||\r\n                                                  UserMail ===\r\n                                                  Announcement.email ? (\r\n                                                  <div\r\n                                                    className=\"media userlist-box\"\r\n                                                    data-id=\"1\"\r\n                                                    data-status=\"online\"\r\n                                                    data-toggle=\"tooltip\"\r\n                                                    data-placement=\"left\"\r\n                                                    // key={Announcement.id,Announcement.usermsgId}\r\n                                                    key={[\r\n                                                      Announcement.id,\r\n                                                      Announcement.usermsgId,\r\n                                                    ].join(\"-\")}\r\n                                                    onClick={(e) => {\r\n                                                      e.preventDefault();\r\n                                                      this.Chatpop(\r\n                                                        Announcement.displayName ===\r\n                                                          null ||\r\n                                                          Announcement.displayName ===\r\n                                                          USERNAME\r\n                                                          ? Announcement.receiver ===\r\n                                                            USERNAME\r\n                                                            ? Announcement.firstName\r\n                                                            : Announcement.receiver\r\n                                                          : Announcement.displayName,\r\n                                                        Announcement.userName ===\r\n                                                          UserMail\r\n                                                          ? Announcement.email\r\n                                                          : Announcement.userName,\r\n                                                        UserId ===\r\n                                                          Announcement.senderId\r\n                                                          ? Announcement.particularProfile_Picture\r\n                                                          : Announcement.senderProfile_Picture,\r\n                                                        Announcement.email ===\r\n                                                          UserMail\r\n                                                          ? Announcement.userName\r\n                                                          : Announcement.email,\r\n                                                        Announcement.senderId,\r\n                                                        Announcement.particularId\r\n                                                      );\r\n                                                      this.markMessageAsSeenUser(\r\n                                                        Announcement.senderId,\r\n                                                        Announcement.particularId\r\n                                                      );\r\n                                                    }}\r\n                                                    style={{\r\n                                                      padding: \"7px\",\r\n                                                      height: \"65px\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <a className=\"media-left\">\r\n                                                      {UserId ===\r\n                                                        Announcement.senderId ? (\r\n                                                        <img\r\n                                                          className=\"media-object img-circle\"\r\n                                                          src={\r\n                                                            Announcement.particularProfile_Picture\r\n                                                          }\r\n                                                          alt=\"Generic placeholder image\"\r\n                                                          style={{\r\n                                                            height: \"50px\",\r\n                                                            width: \"50px\",\r\n                                                            padding: \"1px 1px\",\r\n                                                            marginLeft: \"20px\",\r\n                                                          }}\r\n                                                        />\r\n                                                      ) : (\r\n                                                        <img\r\n                                                          className=\"media-object img-circle\"\r\n                                                          src={\r\n                                                            Announcement.senderProfile_Picture\r\n                                                          }\r\n                                                          alt=\"Generic placeholder image\"\r\n                                                          style={{\r\n                                                            height: \"50px\",\r\n                                                            width: \"50px\",\r\n                                                            padding: \"1px 1px\",\r\n                                                            marginLeft: \"20px\",\r\n                                                          }}\r\n                                                        />\r\n                                                      )}\r\n                                                    </a>\r\n                                                    <div\r\n                                                      className=\"media-body\"\r\n                                                      style={{\r\n                                                        textAlign: \"initial\",\r\n                                                        // padding: \"2px 2px\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <div className=\"f-13 chat-header\">\r\n                                                        {\" \"}\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"black\",\r\n                                                            whiteSpace:\r\n                                                              \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <b>\r\n                                                            {Announcement.displayName ===\r\n                                                              null ||\r\n                                                              Announcement.displayName ===\r\n                                                              USERNAME\r\n                                                              ? Announcement.receiver ===\r\n                                                                USERNAME\r\n                                                                ? Announcement.firstName\r\n                                                                : Announcement.receiver\r\n                                                              : Announcement.displayName}{\" \"}\r\n                                                            <img\r\n                                                              src={userpng}\r\n                                                              style={{\r\n                                                                width: \"15px\",\r\n                                                                background:\r\n                                                                  \"white\",\r\n                                                              }}\r\n                                                            />\r\n                                                          </b>\r\n                                                          <ReactTimeAgo\r\n                                                            date={\r\n                                                              Announcement.createDateTime\r\n                                                            }\r\n                                                            locale=\"en-US\"\r\n                                                            timeStyle=\"round-minute\"\r\n                                                            style={{\r\n                                                              color: \"gray\",\r\n                                                              float: \"right\",\r\n                                                              fontSize: \"10px\",\r\n                                                            }}\r\n                                                          />\r\n                                                        </span>\r\n                                                        <br />\r\n                                                        {Announcement.senderId ==\r\n                                                          JSON.parse(\r\n                                                            localStorage.userId\r\n                                                          ) ? (\r\n                                                          <span\r\n                                                            style={{\r\n                                                              color: \"black\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            <div\r\n                                                              onClick={() =>\r\n                                                                this.markMessageAsSeenUser(\r\n                                                                  Announcement.senderId,\r\n                                                                  Announcement.particularId\r\n                                                                )\r\n                                                              }\r\n                                                            >\r\n                                                              You:{\" \"}\r\n                                                              {Announcement.seen ==\r\n                                                                1 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    doubletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    backgroundImage:\r\n                                                                      \"green\",\r\n                                                                  }}\r\n                                                                  title=\"Seen\"\r\n                                                                />\r\n                                                              ) : null}{\" \"}\r\n                                                              {Announcement.seen ==\r\n                                                                0 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    singletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    backgroundImage:\r\n                                                                      \"green\",\r\n                                                                  }}\r\n                                                                  title=\"Unread\"\r\n                                                                />\r\n                                                              ) : null}{\" \"}\r\n                                                              {\r\n                                                                Announcement.message\r\n                                                              }{\" \"}\r\n                                                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                              {Announcement.senderId !==\r\n                                                                UserId ? (\r\n                                                                <>\r\n                                                                  {Announcement.counts >\r\n                                                                    0 ? (\r\n                                                                    <p\r\n                                                                      className=\"badge badge-primary\"\r\n                                                                      style={{\r\n                                                                        fontSize:\r\n                                                                          \"15px\",\r\n                                                                        backgroundColor:\r\n                                                                          \"#563ccf\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      {\r\n                                                                        Announcement.counts\r\n                                                                      }\r\n                                                                    </p>\r\n                                                                  ) : null}\r\n                                                                </>\r\n                                                              ) : null}\r\n                                                            \r\n                                                            </div>\r\n                                                          </span>\r\n                                                        ) : (\r\n                                                          <span\r\n                                                            style={{\r\n                                                              color: \"black\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            <div\r\n                                                              onClick={() =>\r\n                                                                this.markMessageAsSeenUser(\r\n                                                                  Announcement.senderId,\r\n                                                                  Announcement.particularId\r\n                                                                ) ||\r\n                                                                this.markMessageAsSeenAdmin(\r\n                                                                  Announcement.senderId,\r\n                                                                  Announcement.particularId\r\n                                                                )\r\n                                                              }\r\n                                                            >\r\n                                                              {Announcement.displayName ===\r\n                                                                null ||\r\n                                                                Announcement.displayName ===\r\n                                                                USERNAME\r\n                                                                ? Announcement.receiver ===\r\n                                                                  USERNAME\r\n                                                                  ? Announcement.firstName\r\n                                                                  : Announcement.receiver\r\n                                                                : Announcement.displayName}\r\n                                                              :{\" \"}\r\n                                                              {\r\n                                                                Announcement.message\r\n                                                              }{\" \"}\r\n                                                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                              {Announcement.senderId !==\r\n                                                                UserId ? (\r\n                                                                <>\r\n                                                                  {Announcement.counts >\r\n                                                                    0 ? (\r\n                                                                    <p\r\n                                                                      className=\"badge badge-primary\"\r\n                                                                      style={{\r\n                                                                        fontSize:\r\n                                                                          \"15px\",\r\n                                                                        backgroundColor:\r\n                                                                          \"#563ccf\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      {\r\n                                                                        Announcement.counts\r\n                                                                      }\r\n                                                                    </p>\r\n                                                                  ) : null}\r\n                                                                </>\r\n                                                              ) : null}\r\n                                                              {/* <ReactTimeAgo\r\n                                                              date={\r\n                                                                Announcement.createDateTime\r\n                                                              }\r\n                                                              locale=\"en-US\"\r\n                                                              timeStyle=\"twitter\"\r\n                                                              style={{\r\n                                                                color: \"gray\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                            /> */}\r\n                                                            </div>\r\n                                                          </span>\r\n                                                        )}\r\n                                                        <br />\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  </div>\r\n                                                ) : (\r\n                                                  <>\r\n                                                    {/* let Message = User.message;\r\n                                            let Messageresult = Message.slice(0, 55); */}\r\n                                                    {UserMail ===\r\n                                                      Announcement.userName ||\r\n                                                      UserMail ===\r\n                                                      Announcement.email ||\r\n                                                      UserMail ===\r\n                                                      Announcement.group_Member ? (\r\n                                                      <div\r\n                                                        className=\"media userlist-box\"\r\n                                                        data-id=\"1\"\r\n                                                        data-status=\"online\"\r\n                                                        data-toggle=\"tooltip\"\r\n                                                        data-placement=\"left\"\r\n                                                        // key={Announcement.id,Announcement.usermsgId}\r\n                                                        onClick={(e) => {\r\n                                                          e.preventDefault();\r\n                                                          this.EditSkillModels(\r\n                                                          \r\n                                                            Announcement.group_id,\r\n                                                            Announcement.group_Name,\r\n                                                            Announcement.created_by,\r\n                                                            Announcement.privacy\r\n                                                          );\r\n\r\n                                                          this.markMessageAsSeen(\r\n                                                            Announcement.group_id\r\n                                                          );\r\n                                                          //this.handleButtonClick1();\r\n                                                          // this.handlehide();\r\n                                                        }}\r\n                                                        style={{\r\n                                                          padding: \"7px\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <a className=\"media-left\">\r\n                                                          {Announcement.profile ==\r\n                                                            \"-\" ? (\r\n                                                            <img\r\n                                                              className=\"media-object img-circle\"\r\n                                                              src={Profile}\r\n                                                              alt=\"1Generic placeholder image\"\r\n                                                              style={{\r\n                                                                height: \"50px\",\r\n                                                                width: \"50px\",\r\n                                                                padding:\r\n                                                                  \"1px 1px\",\r\n                                                                marginLeft:\r\n                                                                  \"20px\",\r\n                                                              }}\r\n                                                            />\r\n                                                          ) : (\r\n                                                            <img\r\n                                                              className=\"media-object img-circle\"\r\n                                                              src={\r\n                                                                Announcement.profile\r\n                                                              }\r\n                                                              alt=\"Generic placeholder image\"\r\n                                                              style={{\r\n                                                                height: \"50px\",\r\n                                                                width: \"50px\",\r\n                                                                padding:\r\n                                                                  \"1px 1px\",\r\n                                                                marginLeft:\r\n                                                                  \"20px\",\r\n                                                              }}\r\n                                                            />\r\n                                                          )}\r\n                                                        </a>\r\n                                                        <div\r\n                                                          className=\"media-body\"\r\n                                                          style={{\r\n                                                            textAlign:\r\n                                                              \"initial\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <div className=\"f-13 chat-header\">\r\n                                                            {\" \"}\r\n                                                            {/* <span style={{ color: \"Gray\" }}>{Announcement.teamId}</span>&nbsp; */}\r\n                                                            <span\r\n                                                              onClick={(e) => {\r\n                                                                e.preventDefault();\r\n                                                                this.EditSkillModels(\r\n                                                                  Announcement.group_id,\r\n                                                                  Announcement.group_Name,\r\n                                                                  Announcement.created_by,\r\n                                                                  Announcement.privacy\r\n                                                                );\r\n                                                                //this.handleButtonClick1();\r\n                                                              }}\r\n                                                              style={{\r\n                                                                color: \"black\",\r\n                                                                whiteSpace:\r\n                                                                  \"nowrap\",\r\n                                                                fontWeight:\r\n                                                                  \"600\",\r\n                                                              }}\r\n                                                            >\r\n                                                              {\r\n                                                                Announcement.group_Name\r\n                                                              }{\" \"}\r\n                                                              {checkPrivacyandCreated.map(\r\n                                                                (d) => {\r\n                                                                  if (\r\n                                                                    d.group_Name ===\r\n                                                                    Announcement.group_Name &&\r\n                                                                    d.user_id ===\r\n                                                                    MailIds\r\n                                                                  ) {\r\n                                                                    return (\r\n                                                                      <span>\r\n                                                                        {d.privacy ===\r\n                                                                          0 ? (\r\n                                                                          <>\r\n                                                                            <img\r\n                                                                              src={\r\n                                                                                lockpng\r\n                                                                              }\r\n                                                                              style={{\r\n                                                                                width:\r\n                                                                                  \"12px\",\r\n                                                                                background:\r\n                                                                                  \"white\",\r\n                                                                              }}\r\n                                                                            />\r\n                                                                          </>\r\n                                                                        ) : (\r\n                                                                          <>\r\n                                                                            <img\r\n                                                                              src={\r\n                                                                                publicpng\r\n                                                                              }\r\n                                                                              style={{\r\n                                                                                width:\r\n                                                                                  \"14px\",\r\n                                                                                background:\r\n                                                                                  \"white\",\r\n                                                                              }}\r\n                                                                            />\r\n                                                                          </>\r\n                                                                        )}\r\n                                                                      </span>\r\n                                                                    );\r\n                                                                  }\r\n                                                                }\r\n                                                              )}\r\n                                                              &nbsp;\r\n                                                              <ReactTimeAgo\r\n                                                                date={\r\n                                                                  Announcement.createDateTime\r\n                                                                }\r\n                                                                locale=\"en-US\"\r\n                                                                timeStyle=\"round-minute\"\r\n                                                                style={{\r\n                                                                  color:\"gray\",\r\n                                                                  float:\r\n                                                                    \"right\",\r\n                                                                  fontSize:\r\n                                                                    \"11px\",\r\n                                                                  marginTop:\r\n                                                                    \"10px\",\r\n                                                                  marginRight:\r\n                                                                    \"10px\",\r\n                                                                  fontSize:\r\n                                                                    \"10px\",\r\n                                                                }}\r\n                                                              />\r\n                                                              {checkPrivacyandCreated.map(\r\n                                                                (d) => {\r\n                                                                  if (\r\n                                                                    d.group_Name ===\r\n                                                                    Announcement.group_Name &&\r\n                                                                    d.user_id ===\r\n                                                                    MailIds\r\n                                                                  ) {\r\n                                                                    return (\r\n                                                                      <span>\r\n                                                                        {d.privacy ===\r\n                                                                          0 ? (\r\n                                                                          <>\r\n                                                                            <span\r\n                                                                              style={{\r\n                                                                                fontSize:\r\n                                                                                  \"10px\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              by{\" \"}\r\n                                                                              {\r\n                                                                                d.created_Name\r\n                                                                              }{\" \"}\r\n                                                                              on{\" \"}\r\n                                                                              {this.formatDateAA2(\r\n                                                                                d.created_Date\r\n                                                                              )}\r\n                                                                            </span>\r\n                                                                          </>\r\n                                                                        ) : (\r\n                                                                          <>\r\n                                                                            <span\r\n                                                                              style={{\r\n                                                                                fontSize:\r\n                                                                                  \"10px\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              by{\" \"}\r\n                                                                              {\r\n                                                                                d.created_Name\r\n                                                                              }{\" \"}\r\n                                                                              on{\" \"}\r\n                                                                              {this.formatDateAA2(\r\n                                                                                d.created_Date\r\n                                                                              )}\r\n                                                                            </span>\r\n                                                                          </>\r\n                                                                        )}\r\n                                                                      </span>\r\n                                                                    );\r\n                                                                  }\r\n                                                                }\r\n                                                              )}\r\n                                                            </span>\r\n                                                            <br />\r\n                                                            {Announcement.senderId ==\r\n                                                              JSON.parse(\r\n                                                                localStorage.userId\r\n                                                              ) ? (\r\n                                                              <span\r\n                                                                style={{\r\n                                                                  color:\r\n                                                                    \"black\",\r\n                                                                  whiteSpace:\r\n                                                                    \"nowrap\",\r\n                                                                }}\r\n                                                                onClick={() =>\r\n                                                                  this.markMessageAsSeen(\r\n                                                                    Announcement.group_id\r\n                                                                  )\r\n                                                                }\r\n                                                              >\r\n                                                                {/* {User.senderId == JSON.parse(localStorage.userId) */}\r\n\r\n                                                                {Announcement.type ==\r\n                                                                  null ? (\r\n                                                                  <>\r\n                                                                    You{\" \"}\r\n                                                                    {\r\n                                                                      Messageresult\r\n                                                                    }\r\n                                                                    {Announcement\r\n                                                                      .message\r\n                                                                      .length >\r\n                                                                      85\r\n                                                                      ? \"...\"\r\n                                                                      : null}{\" \"}\r\n                                                                  </>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    {/* You:{User.message} */}\r\n                                                                    {Announcement.message ==\r\n                                                                      \"-\" ? (\r\n                                                                      <>\r\n                                                                        {\" \"}\r\n                                                                        You:\r\n                                                                        Sent a\r\n                                                                        File\r\n                                                                      </>\r\n                                                                    ) : (\r\n                                                                      <>\r\n                                                                        {\" \"}\r\n                                                                        You:{\" \"}\r\n                                                                        {\r\n                                                                          Messageresult\r\n                                                                        }\r\n                                                                        {Announcement\r\n                                                                          .message\r\n                                                                          .length >\r\n                                                                          85\r\n                                                                          ? \"...\"\r\n                                                                          : null}\r\n                                                                      </>\r\n                                                                    )}\r\n                                                                  </>\r\n                                                                )}\r\n                                                              </span>\r\n                                                            ) : (\r\n                                                              <span\r\n                                                                style={{\r\n                                                                  color:\r\n                                                                    \"black\",\r\n                                                                  whiteSpace:\r\n                                                                    \"nowrap\",\r\n                                                                }}\r\n                                                              >\r\n                                                                {/* {User.displayName}:{User.message} */}\r\n                                                                {Announcement.type ==\r\n                                                                  null ? (\r\n                                                                  <>\r\n                                                                    {\r\n                                                                      Announcement.displayName\r\n                                                                    }{\" \"}\r\n                                                                    {\r\n                                                                      Messageresult\r\n                                                                    }\r\n                                                                  </>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    {Announcement.message ==\r\n                                                                      \"-\" ? (\r\n                                                                      <>\r\n                                                                        {\r\n                                                                          Announcement.displayName\r\n                                                                        }\r\n                                                                        :\r\n                                                                        {Announcement.seen ==\r\n                                                                          0 ? (\r\n                                                                          <b>\r\n                                                                            Sent\r\n                                                                            a\r\n                                                                            File\r\n                                                                          </b>\r\n                                                                        ) : (\r\n                                                                          Announcement.seen ==\r\n                                                                          1 &&\r\n                                                                          \"Sent a File\"\r\n                                                                        )}\r\n                                                                      </>\r\n                                                                    ) : (\r\n                                                                      <>\r\n                                                                        {\r\n                                                                          Announcement.displayName\r\n                                                                        }\r\n                                                                        :\r\n                                                                        {Announcement.seen ==\r\n                                                                          0 ? (\r\n                                                                          <b>\r\n                                                                            {\" \"}\r\n                                                                            {\r\n                                                                              Messageresult\r\n                                                                            }\r\n                                                                            {Announcement\r\n                                                                              .message\r\n                                                                              .length >\r\n                                                                              85\r\n                                                                              ? \"...\"\r\n                                                                              : null}\r\n                                                                          </b>\r\n                                                                        ) : (\r\n                                                                          Announcement.seen ==\r\n                                                                          1 &&\r\n                                                                          `${\" \"}${Messageresult}${Announcement\r\n                                                                            .message\r\n                                                                            .length >\r\n                                                                            85\r\n                                                                            ? \"...\"\r\n                                                                            : \" \"\r\n                                                                          }`\r\n                                                                        )}\r\n                                                                      </>\r\n                                                                    )}\r\n                                                                  </>\r\n                                                                )}\r\n                                                                &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                                {Announcement.counts >\r\n                                                                  0 ? (\r\n                                                                  <p\r\n                                                                    className=\"badge badge-primary\"\r\n                                                                    style={{\r\n                                                                      fontSize:\r\n                                                                        \"15px\",\r\n                                                                      backgroundColor:\r\n                                                                        \"#563ccf\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {\r\n                                                                      Announcement.counts\r\n                                                                    }\r\n                                                                  </p>\r\n                                                                ) : null}\r\n                                                              </span>\r\n                                                            )}\r\n                                                            {/* {username} */}\r\n                                                            <br />\r\n                                                            {/* <span\r\n                                                            style={{\r\n                                                              color: \"Gray\",\r\n                                                              whiteSpace: \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {Announcement.email}\r\n                                                          </span> */}\r\n                                                          </div>\r\n                                                        </div>\r\n                                                      </div>\r\n                                                    ) : null}\r\n                                                  </>\r\n                                                )}\r\n                                              </>\r\n                                            );\r\n                                          })}\r\n                                        </>\r\n                                      ) : (\r\n                                        <>\r\n                                          {trendList.map((Announcement) => {\r\n                                            let Message = Announcement.message;\r\n                                            let Messageresult = Message.slice(\r\n                                              0,\r\n                                              55\r\n                                            );\r\n\r\n                                            return (\r\n                                              <>\r\n                                                {UserMail ===\r\n                                                  Announcement.userName ||\r\n                                                  UserMail ===\r\n                                                  Announcement.email ? (\r\n                                                  <div\r\n                                                    className=\"media userlist-box\"\r\n                                                    data-id=\"1\"\r\n                                                    data-status=\"online\"\r\n                                                    data-toggle=\"tooltip\"\r\n                                                    data-placement=\"left\"\r\n                                                    // key={Announcement.id,Announcement.usermsgId}\r\n                                                    key={[\r\n                                                      Announcement.id,\r\n                                                      Announcement.usermsgId,\r\n                                                    ].join(\"-\")}\r\n                                                    onClick={(e) => {\r\n                                                      e.preventDefault();\r\n                                                      this.Chatpop(\r\n                                                        Announcement.displayName ===\r\n                                                          null ||\r\n                                                          Announcement.displayName ===\r\n                                                          USERNAME\r\n                                                          ? Announcement.receiver ===\r\n                                                            USERNAME\r\n                                                            ? Announcement.firstName\r\n                                                            : Announcement.receiver\r\n                                                          : Announcement.displayName,\r\n                                                        Announcement.userName ===\r\n                                                          UserMail\r\n                                                          ? Announcement.email\r\n                                                          : Announcement.userName,\r\n                                                        UserId ===\r\n                                                          Announcement.senderId\r\n                                                          ? Announcement.particularProfile_Picture\r\n                                                          : Announcement.senderProfile_Picture,\r\n                                                        Announcement.email ===\r\n                                                          UserMail\r\n                                                          ? Announcement.userName\r\n                                                          : Announcement.email,\r\n                                                        Announcement.senderId,\r\n                                                        Announcement.particularId\r\n                                                      );\r\n\r\n                                                      this.markMessageAsSeenAdmin(\r\n                                                        Announcement.senderId,\r\n                                                        Announcement.particularId\r\n                                                      );\r\n                                                      \r\n                                                    }}\r\n                                                    style={{\r\n                                                      padding: \"7px\",\r\n                                                      height: \"65px\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <a className=\"media-left\">\r\n                                                      {UserId ===\r\n                                                        Announcement.senderId ? (\r\n                                                        <img\r\n                                                          className=\"media-object img-circle\"\r\n                                                          src={\r\n                                                            Announcement.particularProfile_Picture\r\n                                                          }\r\n                                                          alt=\"Generic placeholder image\"\r\n                                                          style={{\r\n                                                            height: \"50px\",\r\n                                                            width: \"50px\",\r\n                                                            padding: \"1px 1px\",\r\n                                                            marginLeft: \"20px\",\r\n                                                          }}\r\n                                                        />\r\n                                                      ) : (\r\n                                                        <img\r\n                                                          className=\"media-object img-circle\"\r\n                                                          src={\r\n                                                            Announcement.senderProfile_Picture\r\n                                                          }\r\n                                                          alt=\"Generic placeholder image\"\r\n                                                          style={{\r\n                                                            height: \"50px\",\r\n                                                            width: \"50px\",\r\n                                                            padding: \"1px 1px\",\r\n                                                            marginLeft: \"20px\",\r\n                                                          }}\r\n                                                        />\r\n                                                      )}\r\n                                                    </a>\r\n                                                    <div\r\n                                                      className=\"media-body\"\r\n                                                      style={{\r\n                                                        textAlign: \"initial\",\r\n                                                        // padding: \"2px 2px\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <div className=\"f-13 chat-header\">\r\n                                                        {\" \"}\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"black\",\r\n                                                            whiteSpace:\r\n                                                              \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <b>\r\n                                                            {Announcement.displayName ===\r\n                                                              null ||\r\n                                                              Announcement.displayName ===\r\n                                                              USERNAME\r\n                                                              ? Announcement.receiver ===\r\n                                                                USERNAME\r\n                                                                ? Announcement.firstName\r\n                                                                : Announcement.receiver\r\n                                                              : Announcement.displayName}\r\n                                                          </b>\r\n                                                          &nbsp;\r\n                                                          <span>\r\n                                                            <img\r\n                                                              src={userpng}\r\n                                                              style={{\r\n                                                                width: \"12px\",\r\n                                                                background:\r\n                                                                  \"white\",\r\n                                                              }}\r\n                                                            />\r\n                                                          </span>\r\n                                                          <ReactTimeAgo\r\n                                                            date={\r\n                                                              Announcement.createDateTime\r\n                                                            }\r\n                                                            locale=\"en-US\"\r\n                                                            timeStyle=\"round-minute\"\r\n                                                            style={{\r\n                                                              color: \"gray\",\r\n                                                              float: \"right\",\r\n                                                              fontSize: \"10px\",\r\n                                                            }}\r\n                                                          />\r\n                                                        </span>\r\n                                                        <br />\r\n                                                        {Announcement.senderId ==\r\n                                                          JSON.parse(\r\n                                                            localStorage.userId\r\n                                                          ) ? (\r\n                                                          <span\r\n                                                            style={{\r\n                                                              color: \"black\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            <div\r\n                                                           \r\n                                                            >\r\n                                                              You:{\" \"}\r\n                                                              {Announcement.seen ==\r\n                                                                1 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    doubletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    backgroundImage:\r\n                                                                      \"green\",\r\n                                                                  }}\r\n                                                                  title=\"Seen\"\r\n                                                                />\r\n                                                              ) : null}{\" \"}\r\n                                                              {Announcement.seen ==\r\n                                                                0 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    singletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    backgroundImage:\r\n                                                                      \"green\",\r\n                                                                  }}\r\n                                                                  title=\"Unread\"\r\n                                                                />\r\n                                                              ) : null}{\" \"}\r\n                                                              {\r\n                                                                Announcement.message\r\n                                                              }{\" \"}\r\n                                                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                              {Announcement.senderId !==\r\n                                                                UserId ? (\r\n                                                                <>\r\n                                                                  {Announcement.counts >\r\n                                                                    0 ? (\r\n                                                                    <p\r\n                                                                      className=\"badge badge-primary\"\r\n                                                                      style={{\r\n                                                                        fontSize:\r\n                                                                          \"15px\",\r\n                                                                        backgroundColor:\r\n                                                                          \"#563ccf\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      {\r\n                                                                        Announcement.counts\r\n                                                                      }\r\n                                                                    </p>\r\n                                                                  ) : null}\r\n                                                                </>\r\n                                                              ) : null}\r\n                                                            </div>\r\n                                                          </span>\r\n                                                        ) : (\r\n                                                          <span\r\n                                                            style={{\r\n                                                              color: \"black\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            <div\r\n                                                              onClick={() => {\r\n                                                                this.markMessageAsSeenAdmin(\r\n                                                                  Announcement.senderId,\r\n                                                                  Announcement.particularId\r\n                                                                );\r\n                                                                this.markMessageAsSeenUser(\r\n                                                                  Announcement.senderId,\r\n                                                                  Announcement.particularId\r\n                                                                );\r\n                                                              }}\r\n                                                            >\r\n                                                              {Announcement.displayName ===\r\n                                                                null ||\r\n                                                                Announcement.displayName ===\r\n                                                                USERNAME\r\n                                                                ? Announcement.receiver ===\r\n                                                                  USERNAME\r\n                                                                  ? Announcement.firstName\r\n                                                                  : Announcement.receiver\r\n                                                                : Announcement.displayName}\r\n                                                              :{\" \"}\r\n                                                              {\r\n                                                                Announcement.message\r\n                                                              }{\" \"}\r\n                                                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                              {Announcement.senderId !==\r\n                                                                UserId ? (\r\n                                                                <>\r\n                                                                  {Announcement.counts >\r\n                                                                    0 ? (\r\n                                                                    <p\r\n                                                                      className=\"badge badge-primary\"\r\n                                                                      style={{\r\n                                                                        fontSize:\r\n                                                                          \"15px\",\r\n                                                                        backgroundColor:\r\n                                                                          \"#563ccf\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      {\r\n                                                                        Announcement.counts\r\n                                                                      }\r\n                                                                    </p>\r\n                                                                  ) : null}\r\n                                                                </>\r\n                                                              ) : null}\r\n                                                              {/* <ReactTimeAgo\r\n                                                              date={\r\n                                                                Announcement.createDateTime\r\n                                                              }\r\n                                                              locale=\"en-US\"\r\n                                                              timeStyle=\"round-minute\"\r\n                                                              style={{\r\n                                                                color: \"gray\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                            /> */}\r\n                                                            </div>\r\n                                                          </span>\r\n                                                        )}\r\n                                                        <br />\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  </div>\r\n                                                ) : (\r\n                                                  <>\r\n                                                    {/* let Message = User.message;\r\n                                            let Messageresult = Message.slice(0, 55); */}\r\n                                                    {UserMail ===\r\n                                                      Announcement.userName ||\r\n                                                      UserMail ===\r\n                                                      Announcement.email ||\r\n                                                      UserMail ===\r\n                                                      Announcement.group_Member ? (\r\n                                                      <div\r\n                                                        className=\"media userlist-box\"\r\n                                                        data-id=\"1\"\r\n                                                        data-status=\"online\"\r\n                                                        data-toggle=\"tooltip\"\r\n                                                        data-placement=\"left\"\r\n                                                        // key={Announcement.id,Announcement.usermsgId}\r\n                                                        onClick={(e) => {\r\n                                                          e.preventDefault();\r\n                                                          this.EditSkillModels(\r\n                                                        \r\n                                                            Announcement.group_id,\r\n                                                            Announcement.group_Name,\r\n                                                            Announcement.created_by,\r\n                                                            Announcement.privacy\r\n                                                          );\r\n\r\n                                                          this.markMessageAsSeen(\r\n                                                            Announcement.group_id\r\n                                                          );\r\n                                                          //this.handleButtonClick1();\r\n                                                          // this.handlehide();\r\n                                                        }}\r\n                                                        style={{\r\n                                                          padding: \"7px\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <a className=\"media-left\">\r\n                                                          {Announcement.profile ==\r\n                                                            \"-\" ? (\r\n                                                            <img\r\n                                                              className=\"media-object img-circle\"\r\n                                                              src={Profile}\r\n                                                              alt=\"1Generic placeholder image\"\r\n                                                              style={{\r\n                                                                height: \"50px\",\r\n                                                                width: \"50px\",\r\n                                                                padding:\r\n                                                                  \"1px 1px\",\r\n                                                                marginLeft:\r\n                                                                  \"20px\",\r\n                                                              }}\r\n                                                            />\r\n                                                          ) : (\r\n                                                            <img\r\n                                                              className=\"media-object img-circle\"\r\n                                                              src={\r\n                                                                Announcement.profile\r\n                                                              }\r\n                                                              alt=\"Generic placeholder image\"\r\n                                                              style={{\r\n                                                                height: \"50px\",\r\n                                                                width: \"50px\",\r\n                                                                padding:\r\n                                                                  \"1px 1px\",\r\n                                                                marginLeft:\r\n                                                                  \"20px\",\r\n                                                              }}\r\n                                                            />\r\n                                                          )}\r\n                                                        </a>\r\n                                                        <div\r\n                                                          className=\"media-body\"\r\n                                                          style={{\r\n                                                            textAlign:\r\n                                                              \"initial\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <div className=\"f-13 chat-header\">\r\n                                                            {\" \"}\r\n                                                            {/* <span style={{ color: \"Gray\" }}>{Announcement.teamId}</span>&nbsp; */}\r\n                                                            <span\r\n                                                              onClick={(e) => {\r\n                                                                e.preventDefault();\r\n                                                                this.EditSkillModels(\r\n                                                                  Announcement.group_id,\r\n                                                                  Announcement.group_Name,\r\n                                                                  Announcement.created_by,\r\n                                                                  Announcement.privacy\r\n                                                                \r\n                                                                );\r\n                                                                //this.handleButtonClick1();\r\n                                                              }}\r\n                                                              style={{\r\n                                                                color: \"black\",\r\n                                                                whiteSpace:\r\n                                                                  \"nowrap\",\r\n                                                                fontWeight:\r\n                                                                  \"600\",\r\n                                                              }}\r\n                                                            >\r\n                                                              {\r\n                                                                Announcement.group_Name\r\n                                                              }\r\n                                                              &nbsp;\r\n                                                              {checkPrivacyandCreated.map(\r\n                                                                (d) => {\r\n                                                                  if (\r\n                                                                    d.group_Name ===\r\n                                                                    Announcement.group_Name &&\r\n                                                                    d.user_id ===\r\n                                                                    MailIds\r\n                                                                  ) {\r\n                                                                    return (\r\n                                                                      <span>\r\n                                                                        {d.privacy ===\r\n                                                                          0 ? (\r\n                                                                          <>\r\n                                                                            <img\r\n                                                                              src={\r\n                                                                                lockpng\r\n                                                                              }\r\n                                                                              style={{\r\n                                                                                width:\r\n                                                                                  \"12px\",\r\n                                                                                background:\r\n                                                                                  \"white\",\r\n                                                                              }}\r\n                                                                            />\r\n                                                                          </>\r\n                                                                        ) : (\r\n                                                                          <>\r\n                                                                            <img\r\n                                                                              src={\r\n                                                                                publicpng\r\n                                                                              }\r\n                                                                              style={{\r\n                                                                                width:\r\n                                                                                  \"14px\",\r\n                                                                                background:\r\n                                                                                  \"white\",\r\n                                                                              }}\r\n                                                                            />\r\n                                                                          </>\r\n                                                                        )}\r\n                                                                      </span>\r\n                                                                    );\r\n                                                                  }\r\n                                                                }\r\n                                                              )}\r\n                                                              &nbsp;\r\n                                                              <ReactTimeAgo\r\n                                                                date={\r\n                                                                  Announcement.createDateTime\r\n                                                                }\r\n                                                                locale=\"en-US\"\r\n                                                                timeStyle=\"round-minute\"\r\n                                                                style={{\r\n                                                                  color: \"gray\",\r\n                                                                  float:\r\n                                                                    \"right\",\r\n                                                                  fontSize:\r\n                                                                    \"10px\",\r\n                                                                }}\r\n                                                              />\r\n                                                              {checkPrivacyandCreated.map(\r\n                                                                (d) => {\r\n                                                                  if (\r\n                                                                    d.group_Name ===\r\n                                                                    Announcement.group_Name &&\r\n                                                                    d.user_id ===\r\n                                                                    MailIds\r\n                                                                  ) {\r\n                                                                    return (\r\n                                                                      <span>\r\n                                                                        {d.privacy ===\r\n                                                                          0 ? (\r\n                                                                          <>\r\n                                                                            <span\r\n                                                                              style={{\r\n                                                                                fontSize:\r\n                                                                                  \"10px\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              by{\" \"}\r\n                                                                              {\r\n                                                                                d.created_Name\r\n                                                                              }{\" \"}\r\n                                                                              on{\" \"}\r\n                                                                              {this.formatDateAA2(\r\n                                                                                d.created_Date\r\n                                                                              )}\r\n                                                                            </span>\r\n                                                                          </>\r\n                                                                        ) : (\r\n                                                                          <>\r\n                                                                            <span\r\n                                                                              style={{\r\n                                                                                fontSize:\r\n                                                                                  \"10px\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              by{\" \"}\r\n                                                                              {\r\n                                                                                d.created_Name\r\n                                                                              }{\" \"}\r\n                                                                              on{\" \"}\r\n                                                                              {this.formatDateAA2(\r\n                                                                                d.created_Date\r\n                                                                              )}\r\n                                                                            </span>\r\n                                                                          </>\r\n                                                                        )}\r\n                                                                      </span>\r\n                                                                    );\r\n                                                                  }\r\n                                                                }\r\n                                                              )}\r\n                                                            </span>\r\n                                                            <br />\r\n                                                            {Announcement.senderId ==\r\n                                                              JSON.parse(\r\n                                                                localStorage.userId\r\n                                                              ) ? (\r\n                                                              <span\r\n                                                                style={{\r\n                                                                  color:\r\n                                                                    \"black\",\r\n                                                                  whiteSpace:\r\n                                                                    \"nowrap\",\r\n                                                                }}\r\n                                                                onClick={() =>\r\n                                                                  this.markMessageAsSeen(\r\n                                                                    Announcement.group_id\r\n                                                                  )\r\n                                                                }\r\n                                                              >\r\n                                                                {/* {User.senderId == JSON.parse(localStorage.userId) */}\r\n\r\n                                                                {Announcement.type ==\r\n                                                                  null ? (\r\n                                                                  <>\r\n                                                                    You{\" \"}\r\n                                                                    {\r\n                                                                      Messageresult\r\n                                                                    }\r\n                                                                    {Announcement\r\n                                                                      .message\r\n                                                                      .length >\r\n                                                                      85\r\n                                                                      ? \"...\"\r\n                                                                      : null}{\" \"}\r\n                                                                  </>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    {/* You:{User.message} */}\r\n                                                                    {Announcement.message ==\r\n                                                                      \"-\" ? (\r\n                                                                      <>\r\n                                                                        {\" \"}\r\n                                                                        You:\r\n                                                                        Sent a\r\n                                                                        File\r\n                                                                      </>\r\n                                                                    ) : (\r\n                                                                      <>\r\n                                                                        {\" \"}\r\n                                                                        You:{\" \"}\r\n                                                                        {\r\n                                                                          Messageresult\r\n                                                                        }\r\n                                                                        {Announcement\r\n                                                                          .message\r\n                                                                          .length >\r\n                                                                          85\r\n                                                                          ? \"...\"\r\n                                                                          : null}\r\n                                                                      </>\r\n                                                                    )}\r\n                                                                  </>\r\n                                                                )}\r\n                                                              </span>\r\n                                                            ) : (\r\n                                                              <span\r\n                                                                style={{\r\n                                                                  color:\r\n                                                                    \"black\",\r\n                                                                  whiteSpace:\r\n                                                                    \"nowrap\",\r\n                                                                }}\r\n                                                              >\r\n                                                                {/* {User.displayName}:{User.message} */}\r\n                                                                {Announcement.type ==\r\n                                                                  null ? (\r\n                                                                  <>\r\n                                                                    {\r\n                                                                      Announcement.displayName\r\n                                                                    }{\" \"}\r\n                                                                    {\r\n                                                                      Messageresult\r\n                                                                    }\r\n                                                                  </>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    {Announcement.message ==\r\n                                                                      \"-\" ? (\r\n                                                                      <>\r\n                                                                        {\r\n                                                                          Announcement.displayName\r\n                                                                        }\r\n                                                                        :\r\n                                                                        {Announcement.seen ==\r\n                                                                          0 ? (\r\n                                                                          <b>\r\n                                                                            Sent\r\n                                                                            a\r\n                                                                            File\r\n                                                                          </b>\r\n                                                                        ) : (\r\n                                                                          Announcement.seen ==\r\n                                                                          1 &&\r\n                                                                          \"Sent a File\"\r\n                                                                        )}\r\n                                                                      </>\r\n                                                                    ) : (\r\n                                                                      <>\r\n                                                                        {\r\n                                                                          Announcement.displayName\r\n                                                                        }\r\n                                                                        :\r\n                                                                        {Announcement.seen ==\r\n                                                                          0 ? (\r\n                                                                          <b>\r\n                                                                            {\" \"}\r\n                                                                            {\r\n                                                                              Messageresult\r\n                                                                            }\r\n                                                                            {Announcement\r\n                                                                              .message\r\n                                                                              .length >\r\n                                                                              85\r\n                                                                              ? \"...\"\r\n                                                                              : null}\r\n                                                                          </b>\r\n                                                                        ) : (\r\n                                                                          Announcement.seen ==\r\n                                                                          1 &&\r\n                                                                          `${\" \"}${Messageresult}${Announcement\r\n                                                                            .message\r\n                                                                            .length >\r\n                                                                            85\r\n                                                                            ? \"...\"\r\n                                                                            : \" \"\r\n                                                                          }`\r\n                                                                        )}\r\n                                                                      </>\r\n                                                                    )}\r\n                                                                  </>\r\n                                                                )}\r\n                                                                &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                                {Announcement.counts >\r\n                                                                  0 ? (\r\n                                                                  <p\r\n                                                                    className=\"badge badge-primary\"\r\n                                                                    style={{\r\n                                                                      fontSize:\r\n                                                                        \"15px\",\r\n                                                                      backgroundColor:\r\n                                                                        \"#563ccf\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {\r\n                                                                      Announcement.counts\r\n                                                                    }\r\n                                                                  </p>\r\n                                                                ) : null}\r\n                                                              </span>\r\n                                                            )}\r\n                                                            {/* {username} */}\r\n                                                            <br />\r\n                                                            {/* <span\r\n                                                            style={{\r\n                                                              color: \"Gray\",\r\n                                                              whiteSpace: \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {Announcement.email}\r\n                                                          </span> */}\r\n                                                          </div>\r\n                                                        </div>\r\n                                                      </div>\r\n                                                    ) : null}\r\n                                                  </>\r\n                                                )}\r\n                                              </>\r\n                                            );\r\n                                          })}\r\n                                        </>\r\n                                      )}\r\n\r\n                                      {/* Trend List */}\r\n\r\n                                      {/* )} */}\r\n\r\n                                      {/* Deleted Discussion */}\r\n\r\n                                      {Deleted.map((User) => {\r\n                                        let Message = User.message;\r\n                                        let Messageresult = Message.slice(\r\n                                          0,\r\n                                          55\r\n                                        );\r\n\r\n                                        return (\r\n                                          <div\r\n                                            className=\"media userlist-box\"\r\n                                            data-id=\"1\"\r\n                                            data-status=\"online\"\r\n                                            data-toggle=\"tooltip\"\r\n                                            data-placement=\"left\"\r\n                                            // key={Announcement.id,Announcement.usermsgId}\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditSkillModels(\r\n                                                \r\n                                                User.group_id,\r\n                                                User.group_Name,\r\n                                                User.created_by,\r\n                                                User.privacy\r\n                                              );\r\n\r\n                                              this.markMessageAsSeen(\r\n                                                User.group_id\r\n                                              );\r\n                                              //this.handleButtonClick1();\r\n                                              // this.handlehide();\r\n                                            }}\r\n                                            style={{ padding: \"7px\" }}\r\n                                          >\r\n                                            <a className=\"media-left\">\r\n                                              {User.profile ==\r\n                                                `${Image_URLs}Images/profile.png` ? (\r\n                                                <img\r\n                                                  className=\"media-object img-circle\"\r\n                                                  src={Profile}\r\n                                                  alt=\"1Generic placeholder image\"\r\n                                                  style={{\r\n                                                    height: \"50px\",\r\n                                                    width: \"50px\",\r\n                                                    padding: \"1px 1px\",\r\n                                                    marginLeft: \"20px\",\r\n                                                  }}\r\n                                                />\r\n                                              ) : (\r\n                                                <img\r\n                                                  className=\"media-object img-circle\"\r\n                                                  src={User.profile}\r\n                                                  alt=\"Generic placeholder image\"\r\n                                                  style={{\r\n                                                    height: \"50px\",\r\n                                                    width: \"50px\",\r\n                                                    padding: \"1px 1px\",\r\n                                                    marginLeft: \"20px\",\r\n                                                  }}\r\n                                                />\r\n                                              )}\r\n                                            </a>\r\n                                            <div\r\n                                              className=\"media-body\"\r\n                                              style={{\r\n                                                textAlign: \"initial\",\r\n                                              }}\r\n                                            >\r\n                                              <div className=\"f-13 chat-header\">\r\n                                                {\" \"}\r\n                                                <span\r\n                                                  onClick={(e) => {\r\n                                                    e.preventDefault();\r\n                                                    this.EditSkillModels(\r\n                                                      User.group_id,\r\n                                                      User.group_Name,\r\n                                                      User.created_by,\r\n                                                      User.privacy\r\n                                                    );\r\n                                                    //this.handleButtonClick1();\r\n                                                  }}\r\n                                                  style={{\r\n                                                    color: \"black\",\r\n                                                    whiteSpace: \"nowrap\",\r\n                                                    fontWeight: \"600\",\r\n                                                  }}\r\n                                                >\r\n                                                  {User.group_Name}&nbsp;\r\n                                                  {checkPrivacyandCreated.map(\r\n                                                    (d) => {\r\n                                                      if (\r\n                                                        d.group_Name ===\r\n                                                        User.group_Name &&\r\n                                                        d.user_id ===\r\n                                                        MailIds\r\n                                                      ) {\r\n                                                        return (\r\n                                                          <span>\r\n                                                            {d.privacy ===\r\n                                                              0 ? (\r\n                                                              <>\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    lockpng\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    width:\r\n                                                                      \"12px\",\r\n                                                                    background:\r\n                                                                      \"white\",\r\n                                                                  }}\r\n                                                                />\r\n                                                              </>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    publicpng\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    width:\r\n                                                                      \"14px\",\r\n                                                                    background:\r\n                                                                      \"white\",\r\n                                                                  }}\r\n                                                                />\r\n                                                              </>\r\n                                                            )}\r\n                                                          </span>\r\n                                                        );\r\n                                                      }\r\n                                                    }\r\n                                                  )}\r\n                                                  &nbsp;\r\n                                                  {checkPrivacyandCreated.map(\r\n                                                    (d) => {\r\n                                                      if (\r\n                                                        d.group_Name ===\r\n                                                        User.group_Name &&\r\n                                                        d.user_id === MailIds\r\n                                                      ) {\r\n                                                        return (\r\n                                                          <span>\r\n                                                            {d.closed_Name ===\r\n                                                              null &&\r\n                                                              d.remover_Name !==\r\n                                                              null &&\r\n                                                              d.leaving == 0 ? (\r\n                                                              <>\r\n                                                                <span>\r\n                                                                  {d.privacy ===\r\n                                                                    0 &&\r\n                                                                    d.created_by ===\r\n                                                                    JSON.parse(\r\n                                                                      localStorage.userId\r\n                                                                    ) ? (\r\n                                                                    <>\r\n                                                                      <span\r\n                                                                        style={{\r\n                                                                          fontSize:\r\n                                                                            \"10px\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        by You{\" \"}\r\n                                                                        on{\" \"}\r\n                                                                        {this.formatDateAA2(\r\n                                                                          d.created_Date\r\n                                                                        )}\r\n                                                                      </span>\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      <span\r\n                                                                        style={{\r\n                                                                          fontSize:\r\n                                                                            \"10px\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        by{\" \"}\r\n                                                                        {\r\n                                                                          d.created_Name\r\n                                                                        }{\" \"}\r\n                                                                        on{\" \"}\r\n                                                                        {this.formatDateAA2(\r\n                                                                          d.created_Date\r\n                                                                        )}\r\n                                                                      </span>\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                </span>\r\n                                                              </>\r\n                                                            ) : d.closed_Name !==\r\n                                                              null &&\r\n                                                              d.leaving == 0 ? (\r\n                                                              <>\r\n                                                                <span>\r\n                                                                  {d.privacy ===\r\n                                                                    0 &&\r\n                                                                    d.created_by ===\r\n                                                                    JSON.parse(\r\n                                                                      localStorage.userId\r\n                                                                    ) ? (\r\n                                                                    <>\r\n                                                                      <span\r\n                                                                        style={{\r\n                                                                          fontSize:\r\n                                                                            \"10px\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        by You{\" \"}\r\n                                                                        on{\" \"}\r\n                                                                        {this.formatDateAA2(\r\n                                                                          d.created_Date\r\n                                                                        )}\r\n                                                                      </span>\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      <span\r\n                                                                        style={{\r\n                                                                          fontSize:\r\n                                                                            \"10px\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        by{\" \"}\r\n                                                                        {\r\n                                                                          d.created_Name\r\n                                                                        }{\" \"}\r\n                                                                        on{\" \"}\r\n                                                                        {this.formatDateAA2(\r\n                                                                          d.created_Date\r\n                                                                        )}\r\n                                                                      </span>\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                </span>\r\n                                                              </>\r\n                                                            ) : d.user_id ==\r\n                                                              MailIds &&\r\n                                                              d.leaving == 1 ? (\r\n                                                              <>\r\n                                                                <span>\r\n                                                                  {d.privacy ===\r\n                                                                    0 &&\r\n                                                                    d.created_by ===\r\n                                                                    JSON.parse(\r\n                                                                      localStorage.userId\r\n                                                                    ) ? (\r\n                                                                    <>\r\n                                                                      <span\r\n                                                                        style={{\r\n                                                                          fontSize:\r\n                                                                            \"10px\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        by You{\" \"}\r\n                                                                        on{\" \"}\r\n                                                                        {this.formatDateAA2(\r\n                                                                          d.created_Date\r\n                                                                        )}\r\n                                                                      </span>\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      <span\r\n                                                                        style={{\r\n                                                                          fontSize:\r\n                                                                            \"10px\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        by{\" \"}\r\n                                                                        {\r\n                                                                          d.created_Name\r\n                                                                        }{\" \"}\r\n                                                                        on{\" \"}\r\n                                                                        {this.formatDateAA2(\r\n                                                                          d.created_Date\r\n                                                                        )}\r\n                                                                      </span>\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                </span>\r\n                                                              </>\r\n                                                            ) : null}\r\n                                                          </span>\r\n                                                        );\r\n                                                      }\r\n                                                    }\r\n                                                  )}\r\n                                                  \r\n                                                </span>\r\n                                                <br />\r\n                                                {User.senderId ==\r\n                                                  JSON.parse(\r\n                                                    localStorage.userId\r\n                                                  ) ? (\r\n                                                  <span\r\n                                                    style={{\r\n                                                      color: \"black\",\r\n                                                      whiteSpace: \"nowrap\",\r\n                                                    }}\r\n                                                    onClick={() =>\r\n                                                      this.markMessageAsSeen(\r\n                                                        User.group_id\r\n                                                      )\r\n                                                    }\r\n                                                  >\r\n                                                    {User.type == null ? (\r\n                                                      <>\r\n                                                        You {Messageresult}\r\n                                                        {User.message.length >\r\n                                                          85\r\n                                                          ? \"...\"\r\n                                                          : null}{\" \"}\r\n                                                      </>\r\n                                                    ) : (\r\n                                                      <>\r\n                                                        {User.message == \"-\" ? (\r\n                                                          <> You: Sent a File</>\r\n                                                        ) : (\r\n                                                          <>\r\n                                                            {\" \"}\r\n                                                            You: {Messageresult}\r\n                                                            {User.message\r\n                                                              .length > 85\r\n                                                              ? \"...\"\r\n                                                              : null}\r\n                                                          </>\r\n                                                        )}\r\n                                                      </>\r\n                                                    )}\r\n                                                  </span>\r\n                                                ) : (\r\n                                                  <span\r\n                                                    style={{\r\n                                                      color: \"black\",\r\n                                                      whiteSpace: \"nowrap\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {User.type == null ? (\r\n                                                      <>\r\n                                                        {User.displayName}{\" \"}\r\n                                                        {User.message.includes(name)?User.message.replace(name, 'You'):User.message}\r\n                                                      </>\r\n                                                    ) : (\r\n                                                      <>\r\n                                                        {User.message == \"-\" ? (\r\n                                                          <>\r\n                                                            {User.displayName}:\r\n                                                            {User.seen == 0 ? (\r\n                                                              <b>Sent a File</b>\r\n                                                            ) : (\r\n                                                              User.seen == 1 &&\r\n                                                              \"Sent a File\"\r\n                                                            )}\r\n                                                          </>\r\n                                                        ) : (\r\n                                                          <>\r\n                                                            {User.displayName}:\r\n                                                            {User.seen == 0 ? (\r\n                                                              <b>\r\n                                                                {\" \"}\r\n                                                                {Messageresult}\r\n                                                                {User.message\r\n                                                                  .length > 85\r\n                                                                  ? \"...\"\r\n                                                                  : null}\r\n                                                              </b>\r\n                                                            ) : (\r\n                                                              User.seen == 1 &&\r\n                                                              `${\" \"}${Messageresult}${User.message\r\n                                                                .length > 85\r\n                                                                ? \"...\"\r\n                                                                : \" \"\r\n                                                              }`\r\n                                                            )}\r\n                                                          </>\r\n                                                        )}\r\n                                                      </>\r\n                                                    )}\r\n                                                    &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                    {User.counts > 0 ? (\r\n                                                      <p\r\n                                                        className=\"badge badge-primary\"\r\n                                                        style={{\r\n                                                          fontSize: \"15px\",\r\n                                                          backgroundColor:\r\n                                                            \"#563ccf\",\r\n                                                        }}\r\n                                                      >\r\n                                                        {User.counts}\r\n                                                      </p>\r\n                                                    ) : null}\r\n                                                  </span>\r\n                                                )}\r\n                                                <ReactTimeAgo\r\n                                                    date={User.createDateTime}\r\n                                                    locale=\"en-US\"\r\n                                                    timeStyle=\"twitter\"\r\n                                                    style={{\r\n                                                      color:\"gray\",\r\n                                                      float: \"right\",\r\n                                                      fontSize: \"10px\",\r\n                                                      marginTop: \"10px\",\r\n                                                      marginRight: \"10px\",\r\n                                                    }}\r\n                                                  />\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        );\r\n                                      })}\r\n\r\n                                      {/* Muted Discussion */}\r\n\r\n                                      {MutedDisc.map((User) => {\r\n                                        let Message = User.message;\r\n                                        let Messageresult = Message.slice(\r\n                                          0,\r\n                                          55\r\n                                        );\r\n                                        let Sender = User.senderId;\r\n                                        const isSender =\r\n                                          Sender.includes(UserId);\r\n\r\n                                        return (\r\n                                          <div\r\n                                            className=\"media userlist-box\"\r\n                                            data-id=\"1\"\r\n                                            data-status=\"online\"\r\n                                            data-toggle=\"tooltip\"\r\n                                            data-placement=\"left\"\r\n                                            // key={Announcement.id,Announcement.usermsgId}\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditSkillModels(\r\n                                              \r\n                                                User.group_id,\r\n                                                User.group_Name,\r\n                                                User.created_by,\r\n                                                User.privacy\r\n                                              );\r\n\r\n                                              this.markMessageAsSeen(\r\n                                                User.group_id\r\n                                              );\r\n                                              //this.handleButtonClick1();\r\n                                              // this.handlehide();\r\n                                            }}\r\n                                            style={{ padding: \"7px\" }}\r\n                                          >\r\n                                            <a className=\"media-left\">\r\n                                              {User.profile ==\r\n                                                `${Image_URLs}Images/profile.png` ? (\r\n                                                <img\r\n                                                  className=\"media-object img-circle\"\r\n                                                  src={Profile}\r\n                                                  alt=\"1Generic placeholder image\"\r\n                                                  style={{\r\n                                                    height: \"50px\",\r\n                                                    width: \"50px\",\r\n                                                    padding: \"1px 1px\",\r\n                                                    marginLeft: \"20px\",\r\n                                                  }}\r\n                                                />\r\n                                              ) : (\r\n                                                <img\r\n                                                  className=\"media-object img-circle\"\r\n                                                  src={User.profile}\r\n                                                  alt=\"Generic placeholder image\"\r\n                                                  style={{\r\n                                                    height: \"50px\",\r\n                                                    width: \"50px\",\r\n                                                    padding: \"1px 1px\",\r\n                                                    marginLeft: \"20px\",\r\n                                                  }}\r\n                                                />\r\n                                              )}\r\n                                            </a>\r\n                                            <div\r\n                                              className=\"media-body\"\r\n                                              style={{\r\n                                                textAlign: \"initial\",\r\n                                              }}\r\n                                            >\r\n                                              <div className=\"f-13 chat-header\">\r\n                                                {\" \"}\r\n                                                <span\r\n                                                  onClick={(e) => {\r\n                                                    e.preventDefault();\r\n                                                    this.EditSkillModels(\r\n                                                      User.group_id,\r\n                                                      User.group_Name,\r\n                                                      User.created_by,\r\n                                                      User.privacy\r\n                                                    \r\n                                                    );\r\n                                                    //this.handleButtonClick1();\r\n                                                  }}\r\n                                                  style={{\r\n                                                    color: \"black\",\r\n                                                    whiteSpace: \"nowrap\",\r\n                                                    fontWeight: \"600\",\r\n                                                  }}\r\n                                                >\r\n                                                  {User.group_Name}\r\n                                                  &nbsp;\r\n                                                  {checkPrivacyandCreated.map(\r\n                                                    (d) => {\r\n                                                      if (\r\n                                                        d.group_Name ===\r\n                                                        User.group_Name &&\r\n                                                        d.user_id === MailIds\r\n                                                      ) {\r\n                                                        return (\r\n                                                          <span>\r\n                                                            {d.privacy === 0 ? (\r\n                                                              <>\r\n                                                                <img\r\n                                                                  src={lockpng}\r\n                                                                  style={{\r\n                                                                    width:\r\n                                                                      \"12px\",\r\n                                                                    background:\r\n                                                                      \"white\",\r\n                                                                  }}\r\n                                                                />\r\n                                                              </>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    publicpng\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    width:\r\n                                                                      \"14px\",\r\n                                                                    background:\r\n                                                                      \"white\",\r\n                                                                  }}\r\n                                                                />\r\n                                                              </>\r\n                                                            )}\r\n                                                          </span>\r\n                                                        );\r\n                                                      }\r\n                                                    }\r\n                                                  )}\r\n                                                  &nbsp;\r\n                                                  {checkPrivacyandCreated.map(\r\n                                                    (d) => {\r\n                                                      if (\r\n                                                        d.group_Name ===\r\n                                                        User.group_Name &&\r\n                                                        d.user_id === MailIds\r\n                                                      ) {\r\n                                                        return (\r\n                                                          <span>\r\n                                                            {d.privacy === 0 &&\r\n                                                              d.created_by ===\r\n                                                              JSON.parse(\r\n                                                                localStorage.userId\r\n                                                              ) ? (\r\n                                                              <>\r\n                                                                <span\r\n                                                                  style={{\r\n                                                                    fontSize:\r\n                                                                      \"10px\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  by{\" \"}\r\n                                                                  {\r\n                                                                    d.created_Name\r\n                                                                  }{\" \"}\r\n                                                                  on{\" \"}\r\n                                                                  {this.formatDateAA2(\r\n                                                                    d.created_Date\r\n                                                                  )}\r\n                                                                </span>\r\n                                                              </>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                <span\r\n                                                                  style={{\r\n                                                                    fontSize:\r\n                                                                      \"10px\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  by{\" \"}\r\n                                                                  {\r\n                                                                    d.created_Name\r\n                                                                  }{\" \"}\r\n                                                                  on{\" \"}\r\n                                                                  {this.formatDateAA2(\r\n                                                                    d.created_Date\r\n                                                                  )}\r\n                                                                </span>\r\n                                                              </>\r\n                                                            )}\r\n                                                          </span>\r\n                                                        );\r\n                                                      }\r\n                                                    }\r\n                                                  )}\r\n                                                </span>\r\n                                                <br />\r\n                                                {User.senderId ==\r\n                                                  JSON.parse(\r\n                                                    localStorage.userId\r\n                                                  ) ? (\r\n                                                  <span\r\n                                                    style={{\r\n                                                      color: \"black\",\r\n                                                      whiteSpace: \"nowrap\",\r\n                                                    }}\r\n                                                    onClick={() =>\r\n                                                      this.markMessageAsSeen(\r\n                                                        User.group_id\r\n                                                      )\r\n                                                    }\r\n                                                  >\r\n                                                    {User.type == null ? (\r\n                                                      <>\r\n                                                        You {Messageresult}\r\n                                                        {User.message.length >\r\n                                                          85\r\n                                                          ? \"...\"\r\n                                                          : null}{\" \"}\r\n                                                      </>\r\n                                                    ) : (\r\n                                                      <>\r\n                                                        {User.message == \"-\" ? (\r\n                                                          <> You: Sent a File</>\r\n                                                        ) : (\r\n                                                          <>\r\n                                                            {\" \"}\r\n                                                            You:{\" \"}{(isSender &&\r\n                                                              User.displayStatus == 1) && !User.message.includes(\"Ended Discussion On\")\r\n                                                              && !User.message.includes(\"Added\") ? (\r\n                                                              <img\r\n                                                                src={doubletick}\r\n                                                                style={{\r\n                                                                  // marginTop: \"50px\",\r\n                                                                  marginLeft: \"-2px\",\r\n                                                                  width: \"20px\",\r\n                                                                }}\r\n                                                                title=\"Seen\"\r\n                                                              />\r\n                                                            ) : isSender && !User.message.includes(\"Ended Discussion On\")\r\n                                                              && !User.message.includes(\"Added\") ? <img\r\n                                                              src={singletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft: \"-2px\",\r\n                                                                width: \"20px\",\r\n\r\n                                                              }}\r\n                                                              title=\"Unread\"\r\n                                                            /> : null}{\" \"}{Messageresult}\r\n                                                            {User.message\r\n                                                              .length > 85\r\n                                                              ? \"...\"\r\n                                                              : null}\r\n                                                          </>\r\n                                                        )}\r\n                                                      </>\r\n                                                    )}\r\n                                                  </span>\r\n                                                ) : (\r\n                                                  <span\r\n                                                    style={{\r\n                                                      color: \"black\",\r\n                                                      whiteSpace: \"nowrap\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {User.type == null ? (\r\n                                                      <>\r\n                                                        {User.displayName}{\" \"}\r\n                                                        {User.message.includes(name)?User.message.replace(name, 'You'):User.message}\r\n                                                      </>\r\n                                                    ) : (\r\n                                                      <>\r\n                                                        {User.message == \"-\" ? (\r\n                                                          <>\r\n                                                            {User.displayName}:\r\n                                                            {User.seen == 0 ? (\r\n                                                              <b>Sent a File</b>\r\n                                                            ) : (\r\n                                                              User.seen == 1 &&\r\n                                                              \"Sent a File\"\r\n                                                            )}\r\n                                                          </>\r\n                                                        ) : (\r\n                                                          <>\r\n                                                            {User.displayName}:\r\n                                                            {User.seen == 0 ? (\r\n                                                              <b>\r\n                                                                {\" \"}\r\n                                                                {Messageresult}\r\n                                                                {User.message\r\n                                                                  .length > 85\r\n                                                                  ? \"...\"\r\n                                                                  : null}\r\n                                                              </b>\r\n                                                            ) : (\r\n                                                              User.seen == 1 &&\r\n                                                              `${\" \"}${Messageresult}${User.message\r\n                                                                .length > 85\r\n                                                                ? \"...\"\r\n                                                                : \" \"\r\n                                                              }`\r\n                                                            )}\r\n                                                          </>\r\n                                                        )}\r\n                                                      </>\r\n                                                    )}\r\n                                                    &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                    {User.counts > 0 ? (\r\n                                                      <p\r\n                                                        className=\"badge badge-primary\"\r\n                                                        style={{\r\n                                                          fontSize: \"15px\",\r\n                                                          backgroundColor:\r\n                                                            \"#563ccf\",\r\n                                                        }}\r\n                                                      >\r\n                                                        {User.counts}\r\n                                                      </p>\r\n                                                    ) : null}\r\n                                                  </span>\r\n                                                )}\r\n                                                <ReactTimeAgo\r\n                                                    date={User.createDateTime}\r\n                                                    locale=\"en-US\"\r\n                                                    timeStyle=\"round-minute\"\r\n                                                    style={{\r\n                                                      color: \"gray\",\r\n                                                      float: \"right\",\r\n                                                      fontSize: \"10px\",\r\n                                                    }}\r\n                                                  />\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        );\r\n                                      })}\r\n\r\n                                      {Announcements.map((User) => (\r\n                                        <div\r\n                                          className=\"media userlist-box\"\r\n                                          data-id=\"1\"\r\n                                          data-status=\"online\"\r\n                                          data-toggle=\"tooltip\"\r\n                                          data-placement=\"left\"\r\n                                          // key={Announcement.id,Announcement.usermsgId}\r\n                                          onClick={(e) => {\r\n                                            e.preventDefault();\r\n                                            this.EditSkillModels(\r\n                                             \r\n                                              User.group_id,\r\n                                              User.group_Name,\r\n                                              User.created_by,\r\n                                              User.privacy\r\n                                            );\r\n                                            //this.handleButtonClick1();\r\n                                            // this.handlehide();\r\n                                          }}\r\n                                          style={{ padding: \"7px\" }}\r\n                                        >\r\n                                          <a className=\"media-left\">\r\n                                            {\r\n                                              (User.profile = \"-\" ? (\r\n                                                <img\r\n                                                  className=\"media-object img-circle\"\r\n                                                  src={Profile}\r\n                                                  alt=\"Generic placeholder image\"\r\n                                                  style={{\r\n                                                    height: \"50px\",\r\n                                                    width: \"50px\",\r\n                                                    padding: \"1px 1px\",\r\n                                                    marginLeft: \"20px\",\r\n                                                  }}\r\n                                                />\r\n                                              ) : (\r\n                                                <img\r\n                                                  className=\"media-object img-circle\"\r\n                                                  src={User.profile}\r\n                                                  alt=\"Generic placeholder image\"\r\n                                                  style={{\r\n                                                    height: \"50px\",\r\n                                                    width: \"50px\",\r\n                                                    padding: \"1px 1px\",\r\n                                                    marginLeft: \"20px\",\r\n                                                  }}\r\n                                                />\r\n                                              ))\r\n                                            }\r\n                                          </a>\r\n                                          <div\r\n                                            className=\"media-body\"\r\n                                            style={{\r\n                                              textAlign: \"initial\",\r\n                                            }}\r\n                                          >\r\n                                            <div className=\"f-13 chat-header\">\r\n                                              {\" \"}\r\n                                              {/* <span style={{ color: \"Gray\" }}>{Announcement.teamId}</span>&nbsp; */}\r\n                                              <span\r\n                                                onClick={(e) => {\r\n                                                  e.preventDefault();\r\n                                                  this.EditSkillModels(\r\n                                                    User.group_id,\r\n                                                    User.group_Name,\r\n                                                    User.created_by,\r\n                                                    User.privacy\r\n                                                  );\r\n                                                  //this.handleButtonClick1();\r\n                                                }}\r\n                                                style={{\r\n                                                  color: \"black\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                  fontWeight: \"600\",\r\n                                                }}\r\n                                              >\r\n                                                {User.group_Name}\r\n                                              </span>\r\n                                              <br />\r\n                                              <span\r\n                                                style={{\r\n                                                  color: \"black\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                }}\r\n                                              >\r\n                                                Last Message: ...\r\n                                              </span>\r\n                                              {/* {username} */}\r\n                                              <br />\r\n                                              {/* <span\r\n                                                      style={{\r\n                                                        color: \"Gray\",\r\n                                                        whiteSpace: \"nowrap\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {Announcement.email}\r\n                                                    </span> */}\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      ))}\r\n                                    </>\r\n                                  </>\r\n\r\n                                  {/* )} */}\r\n\r\n                                  {Announcements.map((User) => (\r\n                                    <div\r\n                                      className=\"media userlist-box\"\r\n                                      data-id=\"1\"\r\n                                      data-status=\"online\"\r\n                                      data-toggle=\"tooltip\"\r\n                                      data-placement=\"left\"\r\n                                      // key={Announcement.id,Announcement.usermsgId}\r\n                                      onClick={(e) => {\r\n                                        e.preventDefault();\r\n                                        this.EditSkillModels(\r\n                                        \r\n                                          User.group_id,\r\n                                          User.group_Name,\r\n                                          User.created_by,\r\n                                          User.privacy\r\n                                        );\r\n                                        //this.handleButtonClick1();\r\n                                        // this.handlehide();\r\n                                      }}\r\n                                      style={{ padding: \"7px\" }}\r\n                                    >\r\n                                      <a className=\"media-left\">\r\n                                        {\r\n                                          (User.profile = \"-\" ? (\r\n                                            <img\r\n                                              className=\"media-object img-circle\"\r\n                                              src={Profile}\r\n                                              alt=\"Generic placeholder image\"\r\n                                              style={{\r\n                                                height: \"50px\",\r\n                                                width: \"50px\",\r\n                                                padding: \"1px 1px\",\r\n                                                marginLeft: \"20px\",\r\n                                              }}\r\n                                            />\r\n                                          ) : (\r\n                                            <img\r\n                                              className=\"media-object img-circle\"\r\n                                              src={User.profile}\r\n                                              alt=\"Generic placeholder image\"\r\n                                              style={{\r\n                                                height: \"50px\",\r\n                                                width: \"50px\",\r\n                                                padding: \"1px 1px\",\r\n                                                marginLeft: \"20px\",\r\n                                              }}\r\n                                            />\r\n                                          ))\r\n                                        }\r\n                                      </a>\r\n                                      <div\r\n                                        className=\"media-body\"\r\n                                        style={{\r\n                                          textAlign: \"initial\",\r\n                                        }}\r\n                                      >\r\n                                        <div className=\"f-13 chat-header\">\r\n                                          {\" \"}\r\n                                          {/* <span style={{ color: \"Gray\" }}>{Announcement.teamId}</span>&nbsp; */}\r\n                                          <span\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditSkillModels(\r\n                                                User.group_id,\r\n                                                User.group_Name,\r\n                                                User.created_by,\r\n                                                User.privacy\r\n                                              );\r\n                                              //this.handleButtonClick1();\r\n                                            }}\r\n                                            style={{\r\n                                              color: \"black\",\r\n                                              whiteSpace: \"nowrap\",\r\n                                              fontWeight: \"600\",\r\n                                            }}\r\n                                          >\r\n                                            {User.group_Name}\r\n                                          </span>\r\n                                          <br />\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"black\",\r\n                                              whiteSpace: \"nowrap\",\r\n                                            }}\r\n                                          >\r\n                                            Last Message: ...\r\n                                          </span>\r\n                                          {/* {username} */}\r\n                                          <br />\r\n                                         \r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  ))}\r\n                                </>\r\n                              </>\r\n                            </div>\r\n\r\n                           \r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                  </div>\r\n                )}\r\n\r\n                {RoleA === \"Admin\" ? (\r\n                  <>\r\n                    {Minimized ? (\r\n                      <div className=\"ICheaderMinimize\">\r\n                        <span\r\n                          style={{\r\n                            float: \"left\",\r\n                            // marginTop: \"-5px\",\r\n                            color: \"white\",\r\n                            fontSize: \"15px\",\r\n                            fontWeight: \"bold\",\r\n                          }}\r\n                        >\r\n                          {EntityMemberUsers.map((member) =>\r\n                            member.firstName === Name &&\r\n                              member.email === Email ? (\r\n                              <div key={member.id}>\r\n                                {member.userActiveStatus === 1 ? (\r\n                                  <>\r\n                                    <i\r\n                                      className=\"icofont icofont-arrow-left\"\r\n                                      id=\"ICbackgroup\"\r\n                                      onClick={this.Hidechatheader}\r\n                                    ></i>\r\n                                    &nbsp;\r\n                                    <img\r\n                                      src={onlinedot}\r\n                                      className=\"media-object img-circle\"\r\n                                      style={{\r\n                                        marginTop: \"0px\",\r\n                                        width: \"15px\",\r\n                                        // position: \"absolute\",\r\n                                        animation: \"greenonline 2s infinite\",\r\n                                      }}\r\n                                      title=\"Online\"\r\n                                    />\r\n                                    &nbsp;\r\n                                    <img\r\n                                      className=\"media-object img-circle\"\r\n                                      src={UserProfilePic}\r\n                                      alt=\"img\"\r\n                                      style={{\r\n                                        height: \"35px\",\r\n                                        width: \"35px\",\r\n                                        // padding: \"1px 1px\",\r\n                                        // marginLeft: \"20px\",\r\n                                      }}\r\n                                    />\r\n                                    &nbsp;&nbsp;\r\n                                    {Name} {\"\"}\r\n                                    <p\r\n                                      style={{\r\n                                        color: \"#fff\",\r\n                                        fontSize: \"10px\",\r\n                                        //  marginLeft: \"52%\",\r\n                                        marginLeft: \"65px\",\r\n                                        marginTop: \"-4%\",\r\n                                      }}\r\n                                    >\r\n                                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                      Online\r\n                                    </p>\r\n                                  </>\r\n                                ) : (\r\n                                  <>\r\n                                    <i\r\n                                      className=\"icofont icofont-arrow-left\"\r\n                                      id=\"ICbackgroup\"\r\n                                      onClick={this.Hidechatheader}\r\n                                    ></i>\r\n                                    &nbsp;\r\n                                    <img\r\n                                      src={offlinedot}\r\n                                      className=\"media-object img-circle\"\r\n                                      style={{\r\n                                        marginTop: \"0px\",\r\n                                        width: \"15px\",\r\n                                        // position: \"absolute\",\r\n                                        animation: \"offlinego 2s infinite\",\r\n                                      }}\r\n                                      title=\"Offline\"\r\n                                    />\r\n                                    &nbsp;\r\n                                    <img\r\n                                      className=\"media-object img-circle\"\r\n                                      src={UserProfilePic}\r\n                                      alt=\"img\"\r\n                                      style={{\r\n                                        height: \"35px\",\r\n                                        width: \"35px\",\r\n                                        // padding: \"1px 1px\",\r\n                                        // marginLeft: \"20px\",\r\n                                      }}\r\n                                    />\r\n                                    &nbsp;&nbsp;\r\n                                    {Name}\r\n                                    <p\r\n                                      style={{\r\n                                        color: \"#d4d4d4\",\r\n                                        width: \"100%\",\r\n                                        fontSize: \"12px\",\r\n                                        marginLeft: \"88px\",\r\n                                        marginTop: \"-5%\",\r\n                                      }}\r\n                                    >\r\n                                      last seen at {member.logout}\r\n                                    </p>\r\n                                  </>\r\n                                )}\r\n                              </div>\r\n                            ) : null\r\n                          )}\r\n                        </span>\r\n                        <div\r\n                          className=\"box-tools d-inline-block\"\r\n                          style={{\r\n                            float: \"right\",\r\n                            marginTop: \"0px\",\r\n                            color: \"white\",\r\n                            fontSize: \"20px\",\r\n                          }}\r\n                        >\r\n                          <span>\r\n                            {Minimized ? (\r\n                              <span\r\n                                className=\"fa fa-window-maximize\"\r\n                                onClick={this.toggleMinimizeA}\r\n                              ></span>\r\n                            ) : (\r\n                              <span className=\"fa fa-minus\"></span>\r\n                            )}\r\n                          </span>{\" \"}\r\n                          &nbsp;&nbsp;\r\n                          <span>\r\n                            {\" \"}\r\n                            <i\r\n                              className=\"fa fa-times\"\r\n                              aria-hidden=\"true\"\r\n                              onClick={this.Hidechatheader}\r\n                            ></i>\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n                    ) : null}\r\n                    {Chatpop && (\r\n                      <div className=\"ICchat-container\" ref={this.chatPopRef}>\r\n                        {Minimized ? null : (\r\n                          <div className=\"ICheader\" >\r\n                            <span\r\n                              style={{\r\n                                float: \"left\",\r\n                                // marginTop: \"-5px\",\r\n                                color: \"white\",\r\n                                fontSize: \"15px\",\r\n                                fontWeight: \"bold\",\r\n                              }}\r\n                            >\r\n                              {EntityMemberUsers.map((member) =>\r\n                                member.firstName === Name &&\r\n                                  member.email === Email ? (\r\n                                  <div\r\n                                    key={member.id}\r\n                                  \r\n                                  >\r\n                                    {member.userActiveStatus === 1 ? (\r\n                                      <>\r\n                                        <i\r\n                                          className=\"icofont icofont-arrow-left\"\r\n                                          id=\"ICbackgroup\"\r\n                                          onClick={() => {\r\n                                            this.setState({\r\n                                              Chatpop: false,\r\n                                              attachMenu: false,\r\n showEmoji: false,\r\n MsgMenu: false,\r\nDeletepop: false,\r\n                                            }, () => {\r\n                                              this.updateCheckedState();\r\n                                            });\r\n                                          }}\r\n                                        ></i>\r\n                                        &nbsp;\r\n                                        <img\r\n                                          src={onlinedot}\r\n                                          className=\"media-object img-circle\"\r\n                                          style={{\r\n                                            marginTop: \"0px\",\r\n                                            width: \"15px\",\r\n                                            // position: \"absolute\",\r\n                                            animation:\r\n                                              \"greenonline 2s infinite\",\r\n                                          }}\r\n                                          title=\"Online\"\r\n                                        />\r\n                                        &nbsp;\r\n                                        <img\r\n                                          className=\"media-object img-circle\"\r\n                                          src={UserProfilePic}\r\n                                          alt=\"img\"\r\n                                          style={{\r\n                                            height: \"35px\",\r\n                                            width: \"35px\",\r\n                                            // padding: \"1px 1px\",\r\n                                            // marginLeft: \"20px\",\r\n                                          }}\r\n                                        />\r\n                                        &nbsp;&nbsp;\r\n                                        {Name} {\"\"}\r\n                                        <p\r\n                                          style={{\r\n                                            color: \"#fff\",\r\n                                            fontSize: \"10px\",\r\n                                            //  marginLeft: \"52%\",\r\n                                            marginLeft: \"65px\",\r\n                                            marginTop: \"-4%\",\r\n                                          }}\r\n                                        >\r\n                                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                          Online\r\n                                        </p>\r\n                                      </>\r\n                                    ) : (\r\n                                      <>\r\n                                        <i\r\n                                          className=\"icofont icofont-arrow-left\"\r\n                                          id=\"ICbackgroup\"\r\n                                          onClick={() => {\r\n                                            this.setState({\r\n                                              Chatpop: false,\r\n                                              attachMenu: false,\r\n showEmoji: false,\r\n MsgMenu: false,\r\nDeletepop: false,\r\n                                            }, () => {\r\n                                              this.updateCheckedState();\r\n                                            });\r\n                                          }}\r\n                                        ></i>\r\n                                        &nbsp;\r\n                                        <img\r\n                                          src={offlinedot}\r\n                                          className=\"media-object img-circle\"\r\n                                          style={{\r\n                                            marginTop: \"0px\",\r\n                                            width: \"15px\",\r\n                                            // position: \"absolute\",\r\n                                            animation: \"offlinego 2s infinite\",\r\n                                          }}\r\n                                          title=\"Offline\"\r\n                                        />\r\n                                        &nbsp;\r\n                                        <img\r\n                                          className=\"media-object img-circle\"\r\n                                          src={UserProfilePic}\r\n                                          alt=\"img\"\r\n                                          style={{\r\n                                            height: \"35px\",\r\n                                            width: \"35px\",\r\n                                            // padding: \"1px 1px\",\r\n                                            // marginLeft: \"20px\",\r\n                                          }}\r\n                                        />\r\n                                        &nbsp;&nbsp;\r\n                                        {Name}\r\n                                        <p\r\n                                          style={{\r\n                                            color: \"#d4d4d4\",\r\n                                            width: \"100%\",\r\n                                            fontSize: \"12px\",\r\n                                            marginLeft: \"88px\",\r\n                                            marginTop: \"-5%\",\r\n                                          }}\r\n                                        >\r\n                                          last seen at {member.logout}\r\n                                        </p>\r\n                                      </>\r\n                                    )}\r\n                                  </div>\r\n                                ) : null\r\n                              )}\r\n                            </span>\r\n                            <div\r\n                              className=\"box-tools d-inline-block\"\r\n                              style={{\r\n                                float: \"right\",\r\n                                marginTop: \"0px\",\r\n                                color: \"white\",\r\n                                fontSize: \"20px\",\r\n                              }}\r\n                            >\r\n                              <span onClick={this.toggleMinimize}>\r\n                                {Minimized ? (\r\n                                  <span className=\"fa fa-window-maximize\"></span>\r\n                                ) : (\r\n                                  <span className=\"fa fa-minus\"></span>\r\n                                )}\r\n                              </span>{\" \"}\r\n                              &nbsp;&nbsp;\r\n                              <span>\r\n                                {\" \"}\r\n                                <i\r\n                                  className=\"fa fa-times\"\r\n                                  aria-hidden=\"true\"\r\n                                  onClick={this.hideChatpop}\r\n                                ></i>\r\n                              </span>\r\n                            </div>\r\n                          </div>\r\n                        )}\r\n\r\n                        {Minimized ? null : (\r\n                          <div className=\"ICchat-messages\" ref={this.chatBoxRef} onScroll={this.handleScroll}>\r\n                            <form\r\n                              autoComplete=\"off\"\r\n                              ref={this.formRef}\r\n                              // onSubmit={this.handleSubmit}\r\n                              encType=\"multipart/form-data\"\r\n                            >\r\n                              <input\r\n                                type=\"hidden\"\r\n                                name=\"UserName\"\r\n                                defaultValue={this.state.Email}\r\n                              />\r\n                              <div style={documentpop} id=\"InDocPop\">\r\n                                <span style={{ textAlign: \"center\" }}>\r\n                                  {isdocumentpopOpen && (\r\n                                    <OneonOneDragDrop\r\n                                      values={this.state.Email}\r\n                                      handleClose={() => this.documentPopup()}\r\n                                    // AllMembers={this.state.mergedUsers}\r\n                                    />\r\n                                  )}\r\n                                </span>\r\n                              </div>\r\n\r\n                              <div style={picturepop} id=\"InDocPop\">\r\n                                <span style={{ textAlign: \"center\" }}>\r\n                                  {ispicturepopOpen && (\r\n                                    <OneonOnePicturepop\r\n                                      values={this.state.Email}\r\n                                      // values={this.state.Group}\r\n                                      handleClose={() => this.picturePopup()}\r\n                                    // AllMembers={this.state.mergedUsers}\r\n                                    />\r\n                                  )}\r\n                                </span>\r\n                              </div>\r\n                              <div className=\"message-scrooler\" id=\"bottomOfChat\">\r\n                                <div\r\n                                  className=\"messages\"\r\n                                  style={{ marginLeft: \"2%\" }}\r\n                                >\r\n                                  <div >\r\n                                    {messages.map((message, index) => {\r\n                                      const isSender = Popmsg.includes(message);\r\n                                      let text = message.document_Path;\r\n                                      let result = text.slice(45, 85);\r\n                                      let result1 = text.slice(45);\r\n                                      return (\r\n                                        <>\r\n                                          {message.sysDateTimeWithSeconds &&\r\n                                            message.rowNum === 1 ? (\r\n                                            <>\r\n                                              <center\r\n                                                style={{ marginTop: \"1%\" }}\r\n                                              >\r\n                                                <span\r\n                                                  style={{\r\n                                                    color: \"black\",\r\n                                                    backgroundColor:\r\n                                                      \"rgb(221, 221, 221)\",\r\n                                                    height: \"35px\",\r\n                                                    padding: \"8px 8px 8px 6px\",\r\n                                                    borderRadius: \"7px\",\r\n                                                  }}\r\n                                                >\r\n                                                  &nbsp;\r\n                                                  {this.formatDateAA1(\r\n                                                    message.createDateTime\r\n                                                  )}\r\n                                                </span>\r\n                                              </center>\r\n                                              <br />\r\n                                            </>\r\n                                          ) : null}\r\n                                          {message.particularId === UserId ? (\r\n                                            <>\r\n                                              {message.displayStatus === 2 ? (\r\n                                                <div\r\n                                                  className={`message-${isSender ? \"orange\" : \"blue\"\r\n                                                    }`}\r\n                                                  key={index}\r\n                                                  style={{\r\n                                                    height: \"auto\",\r\n                                                    overflowWrap: \"break-word\",\r\n                                                  }}\r\n                                                >\r\n                                                  {MsgMenu &&\r\n                                                    this.state.deleteId ==\r\n                                                    message.id ? (\r\n                                                    <div\r\n                                                      style={MessageMenu}\r\n                                                      ref={this.containerRef}\r\n                                                    >\r\n                                                      <center>\r\n                                                        <ul>\r\n                                                          {isSender ? (\r\n                                                            <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n\r\n                                                              <span\r\n                                                                onClick={this.EditMessage}\r\n                                                                id=\"MsgOption\"\r\n                                                                style={{ marginLeft: '-26px' }}\r\n                                                              >\r\n                                                                <i\r\n                                                                  className=\"fa fa-pencil-square-o\"\r\n                                                                  aria-hidden=\"true\"\r\n                                                                ></i>&nbsp;&nbsp;\r\n                                                                <b>\r\n                                                                  Edit\r\n                                                                </b>\r\n                                                              </span>\r\n                                                            </li>) : null}\r\n\r\n                                                          <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n                                                            <span\r\n                                                              onClick={this.deleteMenu}\r\n                                                              id=\"MsgOption\"\r\n                                                              style={{ marginLeft: '-14px' }}\r\n                                                            >\r\n                                                              <i\r\n                                                                className=\"fa fa-trash\"\r\n                                                                aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;\r\n\r\n                                                              <b>\r\n                                                                Delete\r\n                                                              </b>\r\n                                                            </span>\r\n                                                          </li>\r\n                                                          <li style={{ padding: '8px' }}>\r\n                                                            <span\r\n                                                              onClick={this.forwardopenpop}\r\n                                                              id=\"MsgOption\"\r\n                                                            >\r\n                                                              <i\r\n                                                                className=\"fa fa-share\"\r\n                                                                aria-hidden=\"true\"></i>\r\n\r\n                                                              <b>&nbsp;\r\n                                                                Forward\r\n                                                              </b>\r\n                                                            </span>\r\n                                                          </li>\r\n\r\n                                                        </ul>\r\n                                                      </center>\r\n                                                    </div>\r\n                                                  ) : null}\r\n                                                  <i\r\n                                                    className=\"fa fa-ellipsis-h\"\r\n                                                    style={{\r\n                                                      float: \"Right\",\r\n                                                      cursor: \"pointer\",\r\n                                                    }}\r\n                                                    aria-hidden=\"true\"\r\n                                                    onClick={() =>\r\n                                                      this.DisplayMenu(\r\n                                                        message.id,\r\n                                                        message.message,\r\n                                                        message.picture_Path,\r\n                                                        message.document_Path,\r\n                                                        message.senderId,\r\n                                                        message.createDateTime,\r\n                                                        message.particularId,\r\n                                                        message.sysDateTimeWithSeconds\r\n                                                      )\r\n                                                    }\r\n                                                  ></i>\r\n\r\n                                                  {!isSender ? (\r\n                                                    <h6\r\n                                                      style={{\r\n                                                        fontWeight: \"600\",\r\n                                                        color: \"#09679f\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {message.editStatus ===\r\n                                                        1 ? (\r\n                                                        <span\r\n                                                          style={{\r\n                                                            fontWeight: \"200\",\r\n                                                            color: \"grey\",\r\n                                                            fontSize: \"10px\",\r\n                                                          }}\r\n                                                        >\r\n                                                          Edited\r\n                                                        </span>\r\n                                                      ) : null}\r\n                                                    </h6>\r\n                                                  ) : (\r\n                                                    <>\r\n                                                      {message.editStatus ===\r\n                                                        1 ? (\r\n                                                        <h6\r\n                                                          style={{\r\n                                                            fontWeight: \"200\",\r\n                                                            color: \"grey\",\r\n                                                            fontSize: \"10px\",\r\n                                                          }}\r\n                                                        >\r\n                                                          Edited\r\n                                                        </h6>\r\n                                                      ) : null}\r\n                                                    </>\r\n                                                  )}\r\n                                                  {/* {!isSender ? (\r\n                                                    <> */}\r\n                                                  {message.frwdStatus ===\r\n                                                    1 ? (\r\n                                                    <h6\r\n                                                      style={{\r\n                                                        fontWeight: \"200\",\r\n                                                        color: \"grey\",\r\n                                                        fontSize: \"10px\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <i\r\n                                                        className=\"fa fa-share\"\r\n                                                        aria-hidden=\"true\"\r\n                                                      ></i>\r\n                                                      &nbsp;&nbsp;Forwarded\r\n                                                    </h6>\r\n                                                  ) : null}\r\n                                                  {/* </>\r\n                                                  ) : null} */}\r\n                                                  {message.picture_Path ===\r\n                                                    \"-\" &&\r\n                                                    message.document_Path ===\r\n                                                    \"-\" ? (\r\n                                                    <p\r\n                                                      className=\"message-content\"\r\n                                                      name=\"Popmsg\"\r\n                                                    // style={{ wordWrap: \"break-word\" }}\r\n                                                    >\r\n                                                      {regexp.test(\r\n                                                        message.message\r\n                                                      ) == true ? (\r\n                                                        <>\r\n                                                          <a\r\n                                                            style={{\r\n                                                              color: \"blue\",\r\n                                                              textDecoration:\r\n                                                                \"underline\",\r\n                                                            }}\r\n                                                            target=\"_blank\"\r\n                                                            rel=\"noopener noreferrer\"\r\n                                                            href={\r\n                                                              message.message\r\n                                                            }\r\n                                                          >\r\n                                                            {message.message}\r\n                                                          </a>\r\n                                                          <br />\r\n                                                        </>\r\n                                                      ) : (\r\n                                                        <div>\r\n                                                          <p>\r\n                                                            {message.message}\r\n                                                          </p>\r\n                                                        </div>\r\n                                                      )}\r\n                                                      {isSender &&\r\n                                                        message.seen == 1 ? (\r\n                                                        <img\r\n                                                          src={doubletick}\r\n                                                          style={{\r\n                                                            // marginTop: \"50px\",\r\n                                                            marginLeft: \"-2px\",\r\n                                                            width: \"20px\",\r\n                                                            float: \"right\",\r\n                                                          }}\r\n                                                          title=\"Seen\"\r\n                                                        />\r\n                                                      ) : null}\r\n                                                      {isSender &&\r\n                                                        message.seen == 0 ? (\r\n                                                        <img\r\n                                                          src={singletick}\r\n                                                          style={{\r\n                                                            // marginTop: \"50px\",\r\n                                                            marginLeft: \"-2px\",\r\n                                                            width: \"20px\",\r\n                                                            float: \"right\",\r\n                                                          }}\r\n                                                          title=\"Unread\"\r\n                                                        />\r\n                                                      ) : null}\r\n                                                      <br />\r\n                                                    </p>\r\n                                                  ) : (\r\n                                                    <>\r\n                                                      {message.picture_Path !==\r\n                                                        \"-\" &&\r\n                                                        message.document_Path !==\r\n                                                        \"-\" ? (\r\n                                                        <div>\r\n                                                          <div>\r\n                                                            <p\r\n                                                              className=\"message-content\"\r\n                                                              name=\"Popmsg\"\r\n                                                            // style={{ wordWrap: \"break-word\" }}\r\n                                                            >\r\n                                                              {message.message !=\r\n                                                                \"-\" ? (\r\n                                                                <>\r\n                                                                  {\r\n                                                                    message.message\r\n                                                                  }\r\n                                                                </>\r\n                                                              ) : null}\r\n                                                            </p>\r\n\r\n                                                            <br />\r\n                                                            <a\r\n                                                              href={\r\n                                                                message.picture_Path\r\n                                                              }\r\n                                                              name=\"picture\"\r\n                                                              readOnly\r\n                                                              value={\r\n                                                                message.picture_Path\r\n                                                              }\r\n                                                              title=\"\"\r\n                                                              target=\"_blank\"\r\n                                                              style={{\r\n                                                                width: \"120px\",\r\n                                                                height: \"200px\",\r\n                                                              }}\r\n                                                            ></a>\r\n                                                            <div>\r\n                                                              <img\r\n                                                                alt=\"chatimg\"\r\n                                                                width=\"80\"\r\n                                                                height=\"80\"\r\n                                                                src={\r\n                                                                  message.picture_Path\r\n                                                                }\r\n                                                             \r\n                                                              />\r\n                                                            </div>\r\n                                                            <div>\r\n                                                              <embed\r\n                                                                src={\r\n                                                                  message.document_Path\r\n                                                                }\r\n                                                                id=\"Gstiframe\"\r\n                                                                title=\"\"\r\n                                                                scrolling=\"no\"\r\n                                                                target=\"_blank\"\r\n                                                                style={{\r\n                                                                  width:\r\n                                                                    \"100px\",\r\n                                                                  height:\r\n                                                                    \"100px\",\r\n                                                                  pointerEvents:\r\n                                                                    \"none\",\r\n                                                                }}\r\n                                                              ></embed>\r\n                                                            </div>\r\n                                                          </div>\r\n                                                          {isSender &&\r\n                                                            message.seen == 1 ? (\r\n                                                            <img\r\n                                                              src={doubletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft:\r\n                                                                  \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                              title=\"Seen\"\r\n                                                            />\r\n                                                          ) : null}\r\n                                                          {isSender &&\r\n                                                            message.seen == 0 ? (\r\n                                                            <img\r\n                                                              src={singletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft:\r\n                                                                  \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                              title=\"Unread\"\r\n                                                            />\r\n                                                          ) : null}\r\n                                                          <br />\r\n                                                        </div>\r\n                                                      ) : (\r\n                                                        <>\r\n                                                          {message.picture_Path ===\r\n                                                            \"-\" &&\r\n                                                            message.document_Path !==\r\n                                                            \"-\" ? (\r\n                                                            <div>\r\n                                                              <p\r\n                                                                className=\"message-content\"\r\n                                                                name=\"Popmsg\"\r\n                                                              \r\n                                                              >\r\n                                                                {message.message !=\r\n                                                                  \"-\" ? (\r\n                                                                  <>\r\n                                                                    {\r\n                                                                      message.message\r\n                                                                    }\r\n                                                                  </>\r\n                                                                ) : null}\r\n                                                              </p>\r\n                                                              <br />\r\n                                                              <a\r\n                                                                href={\r\n                                                                  message.document_Path\r\n                                                                }\r\n                                                                name=\"picture\"\r\n                                                                readOnly\r\n                                                                value={\r\n                                                                  message.document_Path\r\n                                                                }\r\n                                                                title=\"\"\r\n                                                                scrolling=\"no\"\r\n                                                                target=\"_blank\"\r\n                                                                style={{\r\n                                                                  width:\r\n                                                                    \"120px\",\r\n                                                                  height:\r\n                                                                    \"200px\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <div\r\n                                                                  className=\"row\"\r\n                                                                  style={{\r\n                                                                    width:\r\n                                                                      \"180px\",\r\n                                                                    height:\r\n                                                                      \"60px\",\r\n                                                                    borderRadius:\r\n                                                                      \"5px\",\r\n                                                                    boxShadow:\r\n                                                                      \"rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px\",\r\n                                                                    background:\r\n                                                                      \"#e8e8e8\",\r\n                                                                    alignItems:\r\n                                                                      \"center\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  <div className=\"col-lg-3\">\r\n                                                                    <img\r\n                                                                      src={\r\n                                                                        File1\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        height:\r\n                                                                          \"30px\",\r\n                                                                        width:\r\n                                                                          \"30px\",\r\n                                                                      }}\r\n                                                                    ></img>\r\n                                                                  </div>\r\n                                                                  <div className=\"col-lg-9\">\r\n                                                                    {message\r\n                                                                      .document_Path\r\n                                                                      .length >\r\n                                                                      85 ? (\r\n                                                                      <>\r\n                                                                        <div\r\n                                                                          style={{\r\n                                                                            opacity:\r\n                                                                              DName &&\r\n                                                                                documentname ==\r\n                                                                                message.id\r\n                                                                                ? 1\r\n                                                                                : 0,\r\n                                                                            width:\r\n                                                                              \"150px\",\r\n                                                                            height:\r\n                                                                              \"auto\",\r\n                                                                            overflowWrap:\r\n                                                                              \"break-word\",\r\n                                                                            zIndex:\r\n                                                                              \"109\",\r\n                                                                            border:\r\n                                                                              \"1px solid black\",\r\n\r\n                                                                            background:\r\n                                                                              \"#0000007d\",\r\n                                                                            color:\r\n                                                                              \"white\",\r\n                                                                            alignItems:\r\n                                                                              \"center\",\r\n                                                                            position:\r\n                                                                              \"absolute\",\r\n                                                                            top: \"-50px\",\r\n                                                                            left: \"-50px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <p\r\n                                                                            style={{\r\n                                                                              fontSize:\r\n                                                                                \"10px\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            {\r\n                                                                              result1\r\n                                                                            }\r\n                                                                          </p>\r\n                                                                        </div>\r\n                                                                        <p\r\n                                                                          style={{\r\n                                                                            marginTop:\r\n                                                                              \"10px\",\r\n                                                                            textAlign:\r\n                                                                              \"center\",\r\n                                                                            fontSize:\r\n                                                                              \"10px\",\r\n                                                                            fontWeight:\r\n                                                                              \"600\",\r\n                                                                            color:\r\n                                                                              \"#19578b\",\r\n                                                                          }}\r\n                                                                          onMouseOver={(\r\n                                                                            e\r\n                                                                          ) => {\r\n                                                                            e.preventDefault();\r\n                                                                            this.documentName(\r\n                                                                              message.id\r\n                                                                            );\r\n                                                                          }}\r\n                                                                          onMouseLeave={\r\n                                                                            this\r\n                                                                              .documentNameL\r\n                                                                          }\r\n                                                                        >\r\n                                                                          {\r\n                                                                            result\r\n                                                                          }\r\n                                                                          ...\r\n                                                                        </p>\r\n                                                                      </>\r\n                                                                    ) : (\r\n                                                                      <p\r\n                                                                        style={{\r\n                                                                          marginTop:\r\n                                                                            \"10px\",\r\n                                                                          textAlign:\r\n                                                                            \"center\",\r\n                                                                          fontSize:\r\n                                                                            \"10px\",\r\n                                                                          fontWeight:\r\n                                                                            \"600\",\r\n                                                                          color:\r\n                                                                            \"#014c8c\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        {result}\r\n                                                                      </p>\r\n                                                                    )}\r\n                                                                  </div>\r\n                                                                </div>\r\n                                                              </a>\r\n                                                              {isSender &&\r\n                                                                message.seen ==\r\n                                                                1 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    doubletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    float:\r\n                                                                      \"right\",\r\n                                                                  }}\r\n                                                                  title=\"Seen\"\r\n                                                                />\r\n                                                              ) : null}\r\n                                                              {isSender &&\r\n                                                                message.seen ==\r\n                                                                0 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    singletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    float:\r\n                                                                      \"right\",\r\n                                                                  }}\r\n                                                                  title=\"Unread\"\r\n                                                                />\r\n                                                              ) : null}\r\n                                                              <br />\r\n                                                            </div>\r\n                                                          ) : (\r\n                                                            <div>\r\n                                                              <p\r\n                                                                className=\"message-content\"\r\n                                                                name=\"Popmsg\"\r\n                                                              \r\n                                                              >\r\n                                                                {message.message !=\r\n                                                                  \"-\" ? (\r\n                                                                  <>\r\n                                                                    {\r\n                                                                      message.message\r\n                                                                    }\r\n                                                                  </>\r\n                                                                ) : null}\r\n                                                              </p>\r\n                                                              <br />\r\n                                                              <a\r\n                                                                href={\r\n                                                                  message.picture_Path\r\n                                                                }\r\n                                                                name=\"picture\"\r\n                                                                readOnly\r\n                                                                value={\r\n                                                                  message.picture_Path\r\n                                                                }\r\n                                                                title=\"\"\r\n                                                                target=\"_blank\"\r\n                                                                style={{\r\n                                                                  width:\r\n                                                                    \"120px\",\r\n                                                                  height:\r\n                                                                    \"200px\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <div>\r\n                                                                  {message.picture_Path.includes(\r\n                                                                    \".mp4\"\r\n                                                                  ) ? (\r\n                                                                    <>\r\n                                                                      {\" \"}\r\n                                                                      <img\r\n                                                                        alt=\"Video\"\r\n                                                                        width=\"30\"\r\n                                                                        height=\"30\"\r\n                                                                        src={\r\n                                                                          video\r\n                                                                        }\r\n                                                                        title=\"Click to play video\"\r\n                                                                     \r\n                                                                      />{\" \"}\r\n                                                                      <span\r\n                                                                        style={{\r\n                                                                          color:\r\n                                                                            \"#000\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        Video\r\n                                                                        File\r\n                                                                      </span>{\" \"}\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <img\r\n                                                                      alt=\"chatimg\"\r\n                                                                      width=\"80\"\r\n                                                                      height=\"80\"\r\n                                                                      src={\r\n                                                                        message.picture_Path\r\n                                                                      }\r\n                                                                  \r\n                                                                    />\r\n                                                                  )}\r\n                                                                </div>\r\n                                                              </a>\r\n                                                              {isSender &&\r\n                                                                message.seen ==\r\n                                                                1 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    doubletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    float:\r\n                                                                      \"right\",\r\n                                                                  }}\r\n                                                                  title=\"Seen\"\r\n                                                                />\r\n                                                              ) : null}\r\n                                                              {isSender &&\r\n                                                                message.seen ==\r\n                                                                0 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    singletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    float:\r\n                                                                      \"right\",\r\n                                                                  }}\r\n                                                                  title=\"Unread\"\r\n                                                                />\r\n                                                              ) : null}\r\n                                                              <br />\r\n                                                            </div>\r\n                                                          )}\r\n                                                        </>\r\n                                                      )}\r\n                                                    </>\r\n                                                  )}\r\n                                                  <br />\r\n                                                  <div className=\"message-timestamp-right\">\r\n                                                   \r\n                                                    <span\r\n                                                      style={{\r\n                                                        color: \"gray\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <i className=\"fa fa-clock-o\"></i>\r\n                                                      &nbsp;\r\n                                                      {this.formatDateAA(\r\n                                                        message.createDateTime\r\n                                                      )}\r\n                                                    </span>\r\n                                                  </div>\r\n                                                </div>\r\n                                              ) : null}\r\n                                            </>\r\n                                          ) : (\r\n                                            <>\r\n                                              {message.displayStatus === 1 ? (\r\n                                                <div\r\n                                                  className={`message-${isSender ? \"orange\" : \"blue\"\r\n                                                    }`}\r\n                                                  key={index}\r\n                                                  style={{\r\n                                                    height: \"auto\",\r\n                                                    overflowWrap: \"break-word\",\r\n                                                  }}\r\n                                                >\r\n                                                  {MsgMenu &&\r\n                                                    this.state.deleteId ==\r\n                                                    message.id ? (\r\n                                                    <div\r\n                                                      style={MessageMenu}\r\n                                                      ref={this.containerRef}\r\n                                                    >\r\n                                                      <center>\r\n                                                        <ul>\r\n                                                          {isSender ? (\r\n                                                            <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n\r\n                                                              <span\r\n                                                                onClick={this.EditMessage}\r\n                                                                id=\"MsgOption\"\r\n                                                                style={{ marginLeft: '-26px' }}\r\n                                                              >\r\n                                                                <i\r\n                                                                  className=\"fa fa-pencil-square-o\"\r\n                                                                  aria-hidden=\"true\"\r\n                                                                ></i>&nbsp;&nbsp;\r\n                                                                <b>\r\n                                                                  Edit\r\n                                                                </b>\r\n                                                              </span>\r\n                                                            </li>) : null}\r\n\r\n                                                          <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n                                                            <span\r\n                                                              onClick={this.deleteMenu}\r\n                                                              id=\"MsgOption\"\r\n                                                              style={{ marginLeft: '-14px' }}\r\n                                                            >\r\n                                                              <i\r\n                                                                className=\"fa fa-trash\"\r\n                                                                aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;\r\n\r\n                                                              <b>\r\n                                                                Delete\r\n                                                              </b>\r\n                                                            </span>\r\n                                                          </li>\r\n                                                          <li style={{ padding: '8px' }}>\r\n                                                            <span\r\n                                                              onClick={this.forwardopenpop}\r\n                                                              id=\"MsgOption\"\r\n                                                            >\r\n                                                              <i\r\n                                                                className=\"fa fa-share\"\r\n                                                                aria-hidden=\"true\"></i>\r\n\r\n                                                              <b>&nbsp;\r\n                                                                Forward\r\n                                                              </b>\r\n                                                            </span>\r\n                                                          </li>\r\n\r\n                                                        </ul>\r\n                                                      </center>\r\n                                                    </div>\r\n                                                  ) : null}\r\n                                                  <i\r\n                                                    className=\"fa fa-ellipsis-h\"\r\n                                                    style={{\r\n                                                      float: \"Right\",\r\n                                                      cursor: \"pointer\",\r\n                                                    }}\r\n                                                    aria-hidden=\"true\"\r\n                                                    onClick={() =>\r\n                                                      this.DisplayMenu(\r\n                                                        message.id,\r\n                                                        message.message,\r\n                                                        message.picture_Path,\r\n                                                        message.document_Path,\r\n                                                        message.senderId,\r\n                                                        message.createDateTime,\r\n                                                        message.particularId,\r\n                                                        message.sysDateTimeWithSeconds\r\n                                                      )\r\n                                                    }\r\n                                                  ></i>\r\n\r\n                                                  {!isSender ? (\r\n                                                    <h6\r\n                                                      style={{\r\n                                                        fontWeight: \"600\",\r\n                                                        color: \"#09679f\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {message.editStatus ===\r\n                                                        1 ? (\r\n                                                        <span\r\n                                                          style={{\r\n                                                            fontWeight: \"200\",\r\n                                                            color: \"grey\",\r\n                                                            fontSize: \"10px\",\r\n                                                          }}\r\n                                                        >\r\n                                                          Edited\r\n                                                        </span>\r\n                                                      ) : null}\r\n                                                    </h6>\r\n                                                  ) : (\r\n                                                    <>\r\n                                                      {message.editStatus ===\r\n                                                        1 ? (\r\n                                                        <h6\r\n                                                          style={{\r\n                                                            fontWeight: \"200\",\r\n                                                            color: \"grey\",\r\n                                                            fontSize: \"10px\",\r\n                                                          }}\r\n                                                        >\r\n                                                          Edited\r\n                                                        </h6>\r\n                                                      ) : null}\r\n                                                    </>\r\n                                                  )}\r\n                                                  {/* {!isSender ? (\r\n                                                    <> */}\r\n                                                  {message.frwdStatus ===\r\n                                                    1 ? (\r\n                                                    <h6\r\n                                                      style={{\r\n                                                        fontWeight: \"200\",\r\n                                                        color: \"grey\",\r\n                                                        fontSize: \"10px\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <i\r\n                                                        className=\"fa fa-share\"\r\n                                                        aria-hidden=\"true\"\r\n                                                      ></i>\r\n                                                      &nbsp;&nbsp;Forwarded\r\n                                                    </h6>\r\n                                                  ) : null}\r\n                                                  {/* </>\r\n                                                  ) : null} */}\r\n                                                  {message.picture_Path ===\r\n                                                    \"-\" &&\r\n                                                    message.document_Path ===\r\n                                                    \"-\" ? (\r\n                                                    <p\r\n                                                      className=\"message-content\"\r\n                                                      name=\"Popmsg\"\r\n                                                    // style={{ wordWrap: \"break-word\" }}\r\n                                                    >\r\n                                                      {regexp.test(\r\n                                                        message.message\r\n                                                      ) == true ? (\r\n                                                        <>\r\n                                                          <a\r\n                                                            style={{\r\n                                                              color: \"blue\",\r\n                                                              textDecoration:\r\n                                                                \"underline\",\r\n                                                            }}\r\n                                                            target=\"_blank\"\r\n                                                            rel=\"noopener noreferrer\"\r\n                                                            href={\r\n                                                              message.message\r\n                                                            }\r\n                                                          >\r\n                                                            {message.message}\r\n                                                          </a>\r\n                                                          <br />\r\n                                                        </>\r\n                                                      ) : (\r\n                                                        <div>\r\n                                                          <p>\r\n                                                            {message.message}\r\n                                                          </p>\r\n                                                        </div>\r\n                                                      )}\r\n                                                      {isSender &&\r\n                                                        message.seen == 1 ? (\r\n                                                        <img\r\n                                                          src={doubletick}\r\n                                                          style={{\r\n                                                            // marginTop: \"50px\",\r\n                                                            marginLeft: \"-2px\",\r\n                                                            width: \"20px\",\r\n                                                            float: \"right\",\r\n                                                          }}\r\n                                                          title=\"Seen\"\r\n                                                        />\r\n                                                      ) : null}\r\n                                                      {isSender &&\r\n                                                        message.seen == 0 ? (\r\n                                                        <img\r\n                                                          src={singletick}\r\n                                                          style={{\r\n                                                            // marginTop: \"50px\",\r\n                                                            marginLeft: \"-2px\",\r\n                                                            width: \"20px\",\r\n                                                            float: \"right\",\r\n                                                          }}\r\n                                                          title=\"Unread\"\r\n                                                        />\r\n                                                      ) : null}\r\n                                                      <br />\r\n                                                    </p>\r\n                                                  ) : (\r\n                                                    <>\r\n                                                      {message.picture_Path !==\r\n                                                        \"-\" &&\r\n                                                        message.document_Path !==\r\n                                                        \"-\" ? (\r\n                                                        <div>\r\n                                                          <div>\r\n                                                            <p\r\n                                                              className=\"message-content\"\r\n                                                              name=\"Popmsg\"\r\n                                                            // style={{ wordWrap: \"break-word\" }}\r\n                                                            >\r\n                                                              {message.message !=\r\n                                                                \"-\" ? (\r\n                                                                <>\r\n                                                                  {\r\n                                                                    message.message\r\n                                                                  }\r\n                                                                </>\r\n                                                              ) : null}\r\n                                                            </p>\r\n\r\n                                                            <br />\r\n                                                            <a\r\n                                                              href={\r\n                                                                message.picture_Path\r\n                                                              }\r\n                                                              name=\"picture\"\r\n                                                              readOnly\r\n                                                              value={\r\n                                                                message.picture_Path\r\n                                                              }\r\n                                                              title=\"\"\r\n                                                              target=\"_blank\"\r\n                                                              style={{\r\n                                                                width: \"120px\",\r\n                                                                height: \"200px\",\r\n                                                              }}\r\n                                                            ></a>\r\n                                                            <div>\r\n                                                              <img\r\n                                                                alt=\"chatimg\"\r\n                                                                width=\"80\"\r\n                                                                height=\"80\"\r\n                                                                src={\r\n                                                                  message.picture_Path\r\n                                                                }\r\n                                                             \r\n                                                              />\r\n                                                            </div>\r\n                                                            <div>\r\n                                                              <embed\r\n                                                                src={\r\n                                                                  message.document_Path\r\n                                                                }\r\n                                                                id=\"Gstiframe\"\r\n                                                                title=\"\"\r\n                                                                scrolling=\"no\"\r\n                                                                target=\"_blank\"\r\n                                                                style={{\r\n                                                                  width:\r\n                                                                    \"100px\",\r\n                                                                  height:\r\n                                                                    \"100px\",\r\n                                                                  pointerEvents:\r\n                                                                    \"none\",\r\n                                                                }}\r\n                                                              ></embed>\r\n                                                            </div>\r\n                                                          </div>\r\n                                                          {isSender &&\r\n                                                            message.seen == 1 ? (\r\n                                                            <img\r\n                                                              src={doubletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft:\r\n                                                                  \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                              title=\"Seen\"\r\n                                                            />\r\n                                                          ) : null}\r\n                                                          {isSender &&\r\n                                                            message.seen == 0 ? (\r\n                                                            <img\r\n                                                              src={singletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft:\r\n                                                                  \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                              title=\"Unread\"\r\n                                                            />\r\n                                                          ) : null}\r\n                                                          <br />\r\n                                                        </div>\r\n                                                      ) : (\r\n                                                        <>\r\n                                                          {message.picture_Path ===\r\n                                                            \"-\" &&\r\n                                                            message.document_Path !==\r\n                                                            \"-\" ? (\r\n                                                            <div>\r\n                                                              <p\r\n                                                                className=\"message-content\"\r\n                                                                name=\"Popmsg\"\r\n                                                             \r\n                                                              >\r\n                                                                {message.message !=\r\n                                                                  \"-\" ? (\r\n                                                                  <>\r\n                                                                    {\r\n                                                                      message.message\r\n                                                                    }\r\n                                                                  </>\r\n                                                                ) : null}\r\n                                                              </p>\r\n                                                              <br />\r\n                                                              <a\r\n                                                                href={\r\n                                                                  message.document_Path\r\n                                                                }\r\n                                                                name=\"picture\"\r\n                                                                readOnly\r\n                                                                value={\r\n                                                                  message.document_Path\r\n                                                                }\r\n                                                                title=\"\"\r\n                                                                scrolling=\"no\"\r\n                                                                target=\"_blank\"\r\n                                                                style={{\r\n                                                                  width:\r\n                                                                    \"120px\",\r\n                                                                  height:\r\n                                                                    \"200px\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <div\r\n                                                                  className=\"row\"\r\n                                                                  style={{\r\n                                                                    width:\r\n                                                                      \"180px\",\r\n                                                                    height:\r\n                                                                      \"60px\",\r\n                                                                    borderRadius:\r\n                                                                      \"5px\",\r\n                                                                    boxShadow:\r\n                                                                      \"rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px\",\r\n                                                                    background:\r\n                                                                      \"#e8e8e8\",\r\n                                                                    alignItems:\r\n                                                                      \"center\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  <div className=\"col-lg-3\">\r\n                                                                    <img\r\n                                                                      src={\r\n                                                                        File1\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        height:\r\n                                                                          \"30px\",\r\n                                                                        width:\r\n                                                                          \"30px\",\r\n                                                                      }}\r\n                                                                    ></img>\r\n                                                                  </div>\r\n                                                                  <div className=\"col-lg-9\">\r\n                                                                    {message\r\n                                                                      .document_Path\r\n                                                                      .length >\r\n                                                                      85 ? (\r\n                                                                      <>\r\n                                                                        <div\r\n                                                                          style={{\r\n                                                                            opacity:\r\n                                                                              DName &&\r\n                                                                                documentname ==\r\n                                                                                message.id\r\n                                                                                ? 1\r\n                                                                                : 0,\r\n                                                                            width:\r\n                                                                              \"150px\",\r\n                                                                            height:\r\n                                                                              \"auto\",\r\n                                                                            overflowWrap:\r\n                                                                              \"break-word\",\r\n                                                                            zIndex:\r\n                                                                              \"109\",\r\n                                                                            border:\r\n                                                                              \"1px solid black\",\r\n\r\n                                                                            background:\r\n                                                                              \"#0000007d\",\r\n                                                                            color:\r\n                                                                              \"white\",\r\n                                                                            alignItems:\r\n                                                                              \"center\",\r\n                                                                            position:\r\n                                                                              \"absolute\",\r\n                                                                            top: \"-50px\",\r\n                                                                            left: \"-50px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <p\r\n                                                                            style={{\r\n                                                                              fontSize:\r\n                                                                                \"10px\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            {\r\n                                                                              result1\r\n                                                                            }\r\n                                                                          </p>\r\n                                                                        </div>\r\n                                                                        <p\r\n                                                                          style={{\r\n                                                                            marginTop:\r\n                                                                              \"10px\",\r\n                                                                            textAlign:\r\n                                                                              \"center\",\r\n                                                                            fontSize:\r\n                                                                              \"10px\",\r\n                                                                            fontWeight:\r\n                                                                              \"600\",\r\n                                                                            color:\r\n                                                                              \"#19578b\",\r\n                                                                          }}\r\n                                                                          onMouseOver={(\r\n                                                                            e\r\n                                                                          ) => {\r\n                                                                            e.preventDefault();\r\n                                                                            this.documentName(\r\n                                                                              message.id\r\n                                                                            );\r\n                                                                          }}\r\n                                                                          onMouseLeave={\r\n                                                                            this\r\n                                                                              .documentNameL\r\n                                                                          }\r\n                                                                        >\r\n                                                                          {\r\n                                                                            result\r\n                                                                          }\r\n                                                                          ...\r\n                                                                        </p>\r\n                                                                      </>\r\n                                                                    ) : (\r\n                                                                      <p\r\n                                                                        style={{\r\n                                                                          marginTop:\r\n                                                                            \"10px\",\r\n                                                                          textAlign:\r\n                                                                            \"center\",\r\n                                                                          fontSize:\r\n                                                                            \"10px\",\r\n                                                                          fontWeight:\r\n                                                                            \"600\",\r\n                                                                          color:\r\n                                                                            \"#014c8c\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        {result}\r\n                                                                      </p>\r\n                                                                    )}\r\n                                                                  </div>\r\n                                                                </div>\r\n                                                              </a>\r\n                                                              {isSender &&\r\n                                                                message.seen ==\r\n                                                                1 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    doubletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    float:\r\n                                                                      \"right\",\r\n                                                                  }}\r\n                                                                  title=\"Seen\"\r\n                                                                />\r\n                                                              ) : null}\r\n                                                              {isSender &&\r\n                                                                message.seen ==\r\n                                                                0 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    singletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    float:\r\n                                                                      \"right\",\r\n                                                                  }}\r\n                                                                  title=\"Unread\"\r\n                                                                />\r\n                                                              ) : null}\r\n                                                              <br />\r\n                                                            </div>\r\n                                                          ) : (\r\n                                                            <div>\r\n                                                              <p\r\n                                                                className=\"message-content\"\r\n                                                                name=\"Popmsg\"\r\n                                                            \r\n                                                              >\r\n                                                                {message.message !=\r\n                                                                  \"-\" ? (\r\n                                                                  <>\r\n                                                                    {\r\n                                                                      message.message\r\n                                                                    }\r\n                                                                  </>\r\n                                                                ) : null}\r\n                                                              </p>\r\n                                                              <br />\r\n                                                              <a\r\n                                                                href={\r\n                                                                  message.picture_Path\r\n                                                                }\r\n                                                                name=\"picture\"\r\n                                                                readOnly\r\n                                                                value={\r\n                                                                  message.picture_Path\r\n                                                                }\r\n                                                                title=\"\"\r\n                                                                target=\"_blank\"\r\n                                                                style={{\r\n                                                                  width:\r\n                                                                    \"120px\",\r\n                                                                  height:\r\n                                                                    \"200px\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <div>\r\n                                                                  {message.picture_Path.includes(\r\n                                                                    \".mp4\"\r\n                                                                  ) ? (\r\n                                                                    <>\r\n                                                                      {\" \"}\r\n                                                                      <img\r\n                                                                        alt=\"Video\"\r\n                                                                        width=\"30\"\r\n                                                                        height=\"30\"\r\n                                                                        src={\r\n                                                                          video\r\n                                                                        }\r\n                                                                        title=\"Click to play video\"\r\n                                                                      \r\n                                                                      />{\" \"}\r\n                                                                      <span\r\n                                                                        style={{\r\n                                                                          color:\r\n                                                                            \"#000\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        Video\r\n                                                                        File\r\n                                                                      </span>{\" \"}\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <img\r\n                                                                      alt=\"chatimg\"\r\n                                                                      width=\"80\"\r\n                                                                      height=\"80\"\r\n                                                                      src={\r\n                                                                        message.picture_Path\r\n                                                                      }\r\n                                                                 \r\n                                                                    />\r\n                                                                  )}\r\n                                                                </div>\r\n                                                              </a>\r\n                                                              {isSender &&\r\n                                                                message.seen ==\r\n                                                                1 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    doubletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    float:\r\n                                                                      \"right\",\r\n                                                                  }}\r\n                                                                  title=\"Seen\"\r\n                                                                />\r\n                                                              ) : null}\r\n                                                              {isSender &&\r\n                                                                message.seen ==\r\n                                                                0 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    singletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    float:\r\n                                                                      \"right\",\r\n                                                                  }}\r\n                                                                  title=\"Unread\"\r\n                                                                />\r\n                                                              ) : null}\r\n                                                              <br />\r\n                                                            </div>\r\n                                                          )}\r\n                                                        </>\r\n                                                      )}\r\n                                                    </>\r\n                                                  )}\r\n                                                  <br />\r\n                                                  <div className=\"message-timestamp-right\">\r\n                                                    \r\n                                                    <span\r\n                                                      style={{\r\n                                                        color: \"gray\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <i className=\"fa fa-clock-o\"></i>\r\n                                                      &nbsp;\r\n                                                      {this.formatDateAA(\r\n                                                        message.createDateTime\r\n                                                      )}\r\n                                                    </span>\r\n                                                  </div>\r\n                                                </div>\r\n                                              ) : null}\r\n                                            </>\r\n                                          )}\r\n                                        </>\r\n                                      );\r\n                                    })}\r\n                                    <div ref={this.myRef} />\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n\r\n                              <input\r\n                                type=\"text\"\r\n                                className=\"form-control input-value\"\r\n                                placeholder=\"Type a Message\"\r\n                                value={this.state.message}\r\n                                onChange={this.handleTextChange}\r\n                                name=\"Message\"\r\n                                style={{ border: \"none\", display: \"none\" }}\r\n                                autocomplete=\"off\"\r\n                              />\r\n                            </form>\r\n                          </div>\r\n                        )}\r\n                        {Minimized ? null : (\r\n                          <div className=\"ICfooter\">\r\n                            <div\r\n                              className=\"input-group write-msg\"\r\n                              id=\"input-group write-msg\"\r\n                              style={{\r\n                                border: \"1px solid #bfbfbe\",\r\n                                padding: \"2px 2px\",\r\n                                // marginTop: \"379px\",\r\n                                // marginTop: \"503px\",\r\n                                width: \"101.5%\",\r\n                                // marginLeft: \"-10px\",\r\n                                backgroundColor: \"white\",\r\n                                marginBottom: \"-8px\",\r\n                              }}\r\n                            >\r\n                              <div style={attachStyles} id=\"IndividualAttach\">\r\n                                <ul id=\"listmenu\">\r\n                                  <label style={{ marginTop: \"8px\" }}>\r\n                                    <span\r\n                                      className=\"fa fa-picture-o\"\r\n                                      aria-hidden=\"true\"\r\n                                      style={{\r\n                                        color: \"#5d4fd0\",\r\n                                        marginLeft: \"7px\",\r\n                                        cursor: \"pointer\",\r\n                                      }}\r\n                                      onClick={this.Picturepop}\r\n                                    ></span>\r\n                                  </label>\r\n                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  <br />\r\n                                  <label\r\n                                    style={{\r\n                                      marginTop: \"8px\",\r\n                                      marginLeft: \"23%\",\r\n                                    }}\r\n                                  >\r\n                                    <span\r\n                                      className=\"fa fa-file\"\r\n                                      aria-hidden=\"true\"\r\n                                      style={{\r\n                                        color: \"#5d4fd0\",\r\n                                        cursor: \"pointer\",\r\n                                      }}\r\n                                      onClick={this.Documentpop}\r\n                                    ></span>\r\n                                  </label>\r\n                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                </ul>\r\n                              </div>\r\n                              <input\r\n                                type=\"text\"\r\n                                className=\"form-control input-value\"\r\n                                placeholder=\"Type a Message\"\r\n                                value={this.state.message}\r\n                                onChange={this.handleTextChange}\r\n                                name=\"Message\"\r\n                                style={{ border: \"none\",background:'white' }}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                disabled={this.state.InputDisabled}\r\n                                autocomplete=\"off\"\r\n                              />\r\n                              <input\r\n                                type=\"file\"\r\n                                id=\"file\"\r\n                                name=\"Picture_Path\"\r\n                                accept=\"image/*\"\r\n                                // onChange={this.handleInputChange}\r\n                                // onChange={this.handleImageUpload}\r\n                                onChange={this.handleFileChange}\r\n                                onFocus={(e) => (e.target.type = \"file\")}\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n                              <span>\r\n                                <i\r\n                                  className=\"fa fa-smile-o\"\r\n                                  aria-hidden=\"true\"\r\n                                  style={{\r\n                                    marginTop: \"10px\",\r\n                                    fontSize: \"18px\",\r\n                                  }}\r\n                                  onClick={this.myEmoji}\r\n                                ></i>\r\n                              </span>\r\n                              {showEmoji && (\r\n                                <div\r\n                                  style={{\r\n                                    position: \"absolute\",\r\n                                    // left:'50%',\r\n                                    top: \"-200px\",\r\n                                    transform: \"translate(-50%, -50%)\",\r\n                                    maxWidth: \"90vw\",\r\n                                    maxHeight: \"90vh\",\r\n                                  }}\r\n                                  //  id=\"indiEmojiAdmin\"\r\n                                  id=\"Pickeroneoneone\"\r\n                                >\r\n                                  <Picker\r\n                                    onEmojiClick={this.handleEmojiClick}\r\n                                    height={380}\r\n                                    width={\"100%\"}\r\n                                  />\r\n                                </div>\r\n                              )}\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <label style={{ marginTop: \"8px\" }}>\r\n                                <i\r\n                                  className=\"fa fa-paperclip\"\r\n                                  style={{ fontSize: \"20px\" }}\r\n                                  aria-hidden=\"true\"\r\n                                  onClick={this.attachMenu}\r\n                                  id=\"AttachIcon\"\r\n                                ></i>\r\n                              </label>\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <span className=\"input-group-btn\">\r\n                                <button\r\n                                  type=\"submit\"\r\n                                  className=\"btn btn-secondary\"\r\n                                  onClick={this.handleSubmit}\r\n                                  disabled={this.state.InputDisabled}\r\n                                >\r\n                                  <i className=\"icofont icofont-paper-plane\"></i>\r\n                                </button>\r\n                              </span>\r\n                            </div>\r\n                            <div\r\n                              className=\"input-group write-msg\"\r\n                              id=\"input-groupEdit\"\r\n                              style={{\r\n                                border: \"1px solid #bfbfbe\",\r\n                                padding: \"2px 2px\",\r\n                                // marginTop: \"503px\",\r\n                                width: \"101.5%\",\r\n\r\n                                backgroundColor: \"white\",\r\n                                marginBottom: \"-8px\",\r\n                              }}\r\n                            >\r\n                              <input\r\n                                type=\"text\"\r\n                                className=\"form-control input-value\"\r\n                                placeholder=\"Type a Message\"\r\n                                value={this.state.deletemsg}\r\n                                onChange={this.handleTextChange}\r\n                                name=\"Message\"\r\n                                style={{ border: \"none\",background:'white' }}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                disabled={this.state.InputDisabled}\r\n                                autocomplete=\"off\"\r\n                              />\r\n                              <input\r\n                                type=\"file\"\r\n                                id=\"file\"\r\n                                name=\"Picture_Path\"\r\n                                accept=\"image/*\"\r\n                                // onChange={this.handleInputChange}\r\n                                // onChange={this.handleImageUpload}\r\n                                onChange={this.handleFileChange}\r\n                                onFocus={(e) => (e.target.type = \"file\")}\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n                              <span\r\n                                className=\"fa fa-smile-o\"\r\n                                aria-hidden=\"true\"\r\n                                style={{\r\n                                  marginTop: \"10px\",\r\n                                  fontSize: \"18px\",\r\n                                }}\r\n                                onClick={this.myEmoji}\r\n                              ></span>\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              \r\n                              {showEmoji && (\r\n                                <div\r\n                                  style={{\r\n                                    position: \"absolute\",\r\n                                    top: \"-395px\",\r\n                                    marginLeft: \"830px\",\r\n                                  }}\r\n                                >\r\n                                  <Picker\r\n                                    onEmojiClick={this.handleEmojiClick}\r\n                                  />\r\n                                </div>\r\n                              )}\r\n                              <span className=\"input-group-btn\">\r\n                                <span\r\n                                  id=\"paper-btn\"\r\n                                  className=\"btn btn-secondary\"\r\n                                // type=\"submit\"\r\n                                >\r\n                                  <i\r\n                                    className=\"fa fa-check\"\r\n                                    onClick={this.EditOneonOneMessage}\r\n                                  ></i>{\" \"}\r\n                                  &nbsp;&nbsp;{\" \"}\r\n                                  <i\r\n                                    className=\"fa fa-times\"\r\n                                    onClick={this.CancelEdit}\r\n                                  ></i>\r\n                                </span>\r\n                              </span>\r\n                            </div>\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                    )}\r\n                  </>\r\n                ) : (\r\n                  <div>\r\n                    {RoleA === \"User\" ? (\r\n                      <>\r\n                        {Minimized ? (\r\n                          <div className=\"ICheaderMinimize\">\r\n                            <span\r\n                              style={{\r\n                                float: \"left\",\r\n                                // marginTop: \"-5px\",\r\n                                color: \"white\",\r\n                                fontSize: \"15px\",\r\n                                fontWeight: \"bold\",\r\n                              }}\r\n                            >\r\n                              {EntityMemberUsers.map((member) =>\r\n                                member.firstName === Name &&\r\n                                  member.email === Email ? (\r\n                                  <div key={member.id}>\r\n                                    {member.userActiveStatus === 1 ? (\r\n                                      <>\r\n                                        <i\r\n                                          className=\"icofont icofont-arrow-left\"\r\n                                          id=\"ICbackgroup\"\r\n                                          onClick={this.Hidechatheader}\r\n                                        ></i>\r\n                                        &nbsp;\r\n                                        <img\r\n                                          src={onlinedot}\r\n                                          className=\"media-object img-circle\"\r\n                                          style={{\r\n                                            marginTop: \"0px\",\r\n                                            width: \"15px\",\r\n                                            // position: \"absolute\",\r\n                                            animation:\r\n                                              \"greenonline 2s infinite\",\r\n                                          }}\r\n                                          title=\"Online\"\r\n                                        />\r\n                                        &nbsp;\r\n                                        <img\r\n                                          className=\"media-object img-circle\"\r\n                                          src={UserProfilePic}\r\n                                          alt=\"img\"\r\n                                          style={{\r\n                                            height: \"35px\",\r\n                                            width: \"35px\",\r\n                                            // padding: \"1px 1px\",\r\n                                            // marginLeft: \"20px\",\r\n                                          }}\r\n                                        />\r\n                                        &nbsp;&nbsp;\r\n                                        {Name} {\"\"}\r\n                                        <p\r\n                                          style={{\r\n                                            color: \"#fff\",\r\n                                            fontSize: \"10px\",\r\n                                            //  marginLeft: \"52%\",\r\n                                            marginLeft: \"65px\",\r\n                                            marginTop: \"-4%\",\r\n                                          }}\r\n                                        >\r\n                                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                          Online\r\n                                        </p>\r\n                                      </>\r\n                                    ) : (\r\n                                      <>\r\n                                        <i\r\n                                          className=\"icofont icofont-arrow-left\"\r\n                                          id=\"ICbackgroup\"\r\n                                          onClick={this.Hidechatheader}\r\n                                        ></i>\r\n                                        &nbsp;\r\n                                        <img\r\n                                          src={offlinedot}\r\n                                          className=\"media-object img-circle\"\r\n                                          style={{\r\n                                            marginTop: \"0px\",\r\n                                            width: \"15px\",\r\n                                            // position: \"absolute\",\r\n                                            animation: \"offlinego 2s infinite\",\r\n                                          }}\r\n                                          title=\"Offline\"\r\n                                        />\r\n                                        &nbsp;\r\n                                        <img\r\n                                          className=\"media-object img-circle\"\r\n                                          src={UserProfilePic}\r\n                                          alt=\"img\"\r\n                                          style={{\r\n                                            height: \"35px\",\r\n                                            width: \"35px\",\r\n                                            // padding: \"1px 1px\",\r\n                                            // marginLeft: \"20px\",\r\n                                          }}\r\n                                        />\r\n                                        &nbsp;&nbsp;\r\n                                        {Name}\r\n                                        <p\r\n                                          style={{\r\n                                            color: \"#d4d4d4\",\r\n                                            width: \"100%\",\r\n                                            fontSize: \"12px\",\r\n                                            marginLeft: \"88px\",\r\n                                            marginTop: \"-5%\",\r\n                                          }}\r\n                                        >\r\n                                          last seen at {member.logout}\r\n                                        </p>\r\n                                      </>\r\n                                    )}\r\n                                  </div>\r\n                                ) : null\r\n                              )}\r\n                            </span>\r\n                            <div\r\n                              className=\"box-tools d-inline-block\"\r\n                              style={{\r\n                                float: \"right\",\r\n                                marginTop: \"0px\",\r\n                                color: \"white\",\r\n                                fontSize: \"20px\",\r\n                              }}\r\n                            >\r\n                              <span>\r\n                                {Minimized ? (\r\n                                  <span\r\n                                    className=\"fa fa-window-maximize\"\r\n                                    onClick={this.toggleMinimizeA}\r\n                                  ></span>\r\n                                ) : (\r\n                                  <span className=\"fa fa-minus\"></span>\r\n                                )}\r\n                              </span>{\" \"}\r\n                              &nbsp;&nbsp;\r\n                              <span>\r\n                                {\" \"}\r\n                                <i\r\n                                  className=\"fa fa-times\"\r\n                                  aria-hidden=\"true\"\r\n                                  onClick={this.Hidechatheader}\r\n                                ></i>\r\n                              </span>\r\n                            </div>\r\n                          </div>\r\n                        ) : null}\r\n\r\n                        {Chatpop && (\r\n                          <div className=\"ICchat-container\" ref={this.chatPopRef}>\r\n                            {Minimized ? null : (\r\n                              <div className=\"ICheader\" >\r\n                                <span\r\n                                  style={{\r\n                                    float: \"left\",\r\n                                    // marginTop: \"-5px\",\r\n                                    color: \"white\",\r\n                                    fontSize: \"15px\",\r\n                                    fontWeight: \"bold\",\r\n                                  }}\r\n                                >\r\n                                  {EntityMemberUsers.map((member) =>\r\n                                    member.firstName === Name &&\r\n                                      member.email === Email ? (\r\n                                      <div\r\n                                        key={member.id}\r\n                                      \r\n                                      >\r\n                                        {member.userActiveStatus === 1 ? (\r\n                                          <>\r\n                                            <i\r\n                                              className=\"icofont icofont-arrow-left\"\r\n                                              id=\"ICbackgroup\"\r\n                                              onClick={() => {\r\n                                                this.setState({\r\n                                                  Chatpop: false,\r\n                                                  attachMenu: false,\r\n showEmoji: false,\r\n MsgMenu: false,\r\nDeletepop: false,\r\n                                                }, () => {\r\n                                                  this.updateCheckedState();\r\n                                                });\r\n                                              }}\r\n                                            ></i>\r\n                                            &nbsp;\r\n                                            <img\r\n                                              src={onlinedot}\r\n                                              className=\"media-object img-circle\"\r\n                                              style={{\r\n                                                marginTop: \"0px\",\r\n                                                width: \"15px\",\r\n                                                // position: \"absolute\",\r\n                                                animation:\r\n                                                  \"greenonline 2s infinite\",\r\n                                              }}\r\n                                              title=\"Online\"\r\n                                            />\r\n                                            &nbsp;\r\n                                            <img\r\n                                              className=\"media-object img-circle\"\r\n                                              src={UserProfilePic}\r\n                                              alt=\"img\"\r\n                                              style={{\r\n                                                height: \"35px\",\r\n                                                width: \"35px\",\r\n                                                // padding: \"1px 1px\",\r\n                                                // marginLeft: \"20px\",\r\n                                              }}\r\n                                            />\r\n                                            &nbsp;&nbsp;\r\n                                            {Name} {\"\"}\r\n                                            <p\r\n                                              style={{\r\n                                                color: \"#fff\",\r\n                                                fontSize: \"10px\",\r\n                                                //  marginLeft: \"52%\",\r\n                                                marginLeft: \"65px\",\r\n                                                marginTop: \"-4%\",\r\n                                              }}\r\n                                            >\r\n                                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                              Online\r\n                                            </p>\r\n                                          </>\r\n                                        ) : (\r\n                                          <>\r\n                                            <i\r\n                                              className=\"icofont icofont-arrow-left\"\r\n                                              id=\"ICbackgroup\"\r\n                                              onClick={() => {\r\n                                                this.setState({\r\n                                                  Chatpop: false,\r\n                                                  attachMenu: false,\r\n showEmoji: false,\r\n MsgMenu: false,\r\nDeletepop: false,\r\n                                                }, () => {\r\n                                                  this.updateCheckedState();\r\n                                                });\r\n                                              }}\r\n                                            ></i>\r\n                                            &nbsp;\r\n                                            <img\r\n                                              src={offlinedot}\r\n                                              className=\"media-object img-circle\"\r\n                                              style={{\r\n                                                marginTop: \"0px\",\r\n                                                width: \"15px\",\r\n                                                // position: \"absolute\",\r\n                                                animation:\r\n                                                  \"offlinego 2s infinite\",\r\n                                              }}\r\n                                              title=\"Offline\"\r\n                                            />\r\n                                            &nbsp;\r\n                                            <img\r\n                                              className=\"media-object img-circle\"\r\n                                              src={UserProfilePic}\r\n                                              alt=\"img\"\r\n                                              style={{\r\n                                                height: \"35px\",\r\n                                                width: \"35px\",\r\n                                                // padding: \"1px 1px\",\r\n                                                // marginLeft: \"20px\",\r\n                                              }}\r\n                                            />\r\n                                            &nbsp;&nbsp;\r\n                                            {Name}\r\n                                            <p\r\n                                              style={{\r\n                                                color: \"#d4d4d4\",\r\n                                                width: \"100%\",\r\n                                                fontSize: \"12px\",\r\n                                                marginLeft: \"88px\",\r\n                                                marginTop: \"-5%\",\r\n                                              }}\r\n                                            >\r\n                                              last seen at {member.logout}\r\n                                            </p>\r\n                                          </>\r\n                                        )}\r\n                                      </div>\r\n                                    ) : null\r\n                                  )}\r\n                                </span>\r\n                                <div\r\n                                  className=\"box-tools d-inline-block\"\r\n                                  style={{\r\n                                    float: \"right\",\r\n                                    marginTop: \"0px\",\r\n                                    color: \"white\",\r\n                                    fontSize: \"20px\",\r\n                                  }}\r\n                                >\r\n                                  <span onClick={this.toggleMinimize}>\r\n                                    {Minimized ? (\r\n                                      <span className=\"fa fa-window-maximize\"></span>\r\n                                    ) : (\r\n                                      <span className=\"fa fa-minus\"></span>\r\n                                    )}\r\n                                  </span>{\" \"}\r\n                                  &nbsp;&nbsp;\r\n                                  <span>\r\n                                    {\" \"}\r\n                                    <i\r\n                                      className=\"fa fa-times\"\r\n                                      aria-hidden=\"true\"\r\n                                      onClick={this.hideChatpop}\r\n                                    ></i>\r\n                                  </span>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n                            {Minimized ? null : (\r\n                              <div\r\n                                className=\"ICchat-messages\"\r\n                                ref={this.chatBoxRef} \r\n                                onScroll={this.handleScroll}\r\n                              >\r\n                                <form\r\n                                  autoComplete=\"off\"\r\n                                  ref={this.formRef}\r\n                                  // onSubmit={this.handleSubmit}\r\n                                  encType=\"multipart/form-data\"\r\n                                >\r\n                                  <input\r\n                                    type=\"hidden\"\r\n                                    name=\"UserName\"\r\n                                    defaultValue={this.state.Email}\r\n                                  />\r\n                                  <div style={documentpop} id=\"UserInDocPop\">\r\n                                    <span style={{ textAlign: \"center\" }}>\r\n                                      {isdocumentpopOpen && (\r\n                                        <UserFilepop\r\n                                          values={this.state.Email}\r\n                                          handleClose={() =>\r\n                                            this.documentPopup()\r\n                                          }\r\n                                        // AllMembers={this.state.mergedUsers}\r\n                                        />\r\n                                      )}\r\n                                    </span>\r\n                                  </div>\r\n\r\n                                  <div style={picturepop} id=\"UserInDocPop\">\r\n                                    <span style={{ textAlign: \"center\" }}>\r\n                                      {ispicturepopOpen && (\r\n                                        <UserPicturepop\r\n                                          values={this.state.Email}\r\n\r\n                                          handleClose={() => this.picturePopup()}\r\n\r\n                                        />\r\n                                      )}\r\n                                    </span></div>\r\n\r\n                                  <div className=\"message-scrooler\" id=\"bottomOfChat\">\r\n                                    <div\r\n                                      style={{ marginLeft: \"2%\" }}\r\n                                      className=\"messages\"\r\n                                    >\r\n                                      <div \r\n                                      >\r\n                                        {messages.map((message, index) => {\r\n                                          const isSender =\r\n                                            Popmsg.includes(message);\r\n                                          const isReciever =\r\n                                            ReceivepopMsg.includes(message);\r\n                                          let text = message.document_Path;\r\n                                          let result = text.slice(45, 85);\r\n                                          let result1 = text.slice(45);\r\n                                          return (\r\n                                            <>\r\n                                              {message.sysDateTimeWithSeconds &&\r\n                                                message.rowNum === 1 ? (\r\n                                                <>\r\n                                                  <center\r\n                                                    style={{ marginTop: \"1%\" }}\r\n                                                  >\r\n                                                    <span\r\n                                                      style={{\r\n                                                        color: \"black\",\r\n                                                    backgroundColor:\r\n                                                      \"rgb(221, 221, 221)\",\r\n                                                        height: \"35px\",\r\n                                                        padding:\r\n                                                          \"8px 8px 8px 6px\",\r\n                                                        borderRadius: \"7px\",\r\n                                                      }}\r\n                                                    >\r\n                                                      &nbsp;\r\n                                                      {this.formatDateAA1(\r\n                                                        message.createDateTime\r\n                                                      )}\r\n                                                    </span>\r\n                                                  </center>\r\n                                                  <br />\r\n                                                </>\r\n                                              ) : null}\r\n                                              {message.particularId ===\r\n                                                UserId ? (\r\n                                                <>\r\n                                                  {message.displayStatus ===\r\n                                                    2 ? (\r\n                                                    <div\r\n                                                      className={`message-${isSender\r\n                                                        ? \"orange\"\r\n                                                        : \"blue\"\r\n                                                        }`}\r\n                                                      key={index}\r\n                                                      style={{\r\n                                                        height: \"auto\",\r\n                                                        overflowWrap:\r\n                                                          \"break-word\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {MsgMenu &&\r\n                                                        this.state.deleteId ==\r\n                                                        message.id ? (\r\n                                                        <div\r\n                                                          style={MessageMenu}\r\n                                                          ref={\r\n                                                            this.containerRef\r\n                                                          }\r\n                                                        >\r\n                                                          <center>\r\n                                                            <ul>\r\n                                                              {isSender ? (\r\n                                                                <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n\r\n                                                                  <span\r\n                                                                    onClick={this.EditMessage}\r\n                                                                    id=\"MsgOption\"\r\n                                                                    style={{ marginLeft: '-26px' }}\r\n                                                                  >\r\n                                                                    <i\r\n                                                                      className=\"fa fa-pencil-square-o\"\r\n                                                                      aria-hidden=\"true\"\r\n                                                                    ></i>&nbsp;&nbsp;\r\n                                                                    <b>\r\n                                                                      Edit\r\n                                                                    </b>\r\n                                                                  </span>\r\n                                                                </li>) : null}\r\n\r\n                                                              <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n                                                                <span\r\n                                                                  onClick={this.deleteMenu}\r\n                                                                  id=\"MsgOption\"\r\n                                                                  style={{ marginLeft: '-14px' }}\r\n                                                                >\r\n                                                                  <i\r\n                                                                    className=\"fa fa-trash\"\r\n                                                                    aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;\r\n\r\n                                                                  <b>\r\n                                                                    Delete\r\n                                                                  </b>\r\n                                                                </span>\r\n                                                              </li>\r\n                                                              <li style={{ padding: '8px' }}>\r\n                                                                <span\r\n                                                                  onClick={this.forwardopenpop}\r\n                                                                  id=\"MsgOption\"\r\n                                                                >\r\n                                                                  <i\r\n                                                                    className=\"fa fa-share\"\r\n                                                                    aria-hidden=\"true\"></i>\r\n\r\n                                                                  <b>&nbsp;\r\n                                                                    Forward\r\n                                                                  </b>\r\n                                                                </span>\r\n                                                              </li>\r\n\r\n                                                            </ul>\r\n                                                          </center>\r\n                                                        </div>\r\n                                                      ) : null}\r\n                                                      <i\r\n                                                        className=\"fa fa-ellipsis-h\"\r\n                                                        style={{\r\n                                                          float: \"Right\",\r\n                                                          cursor: \"pointer\",\r\n                                                        }}\r\n                                                        aria-hidden=\"true\"\r\n                                                        onClick={() =>\r\n                                                          this.DisplayMenu(\r\n                                                            message.id,\r\n                                                            message.message,\r\n                                                            message.picture_Path,\r\n                                                            message.document_Path,\r\n                                                            message.senderId,\r\n                                                            message.createDateTime,\r\n                                                            message.particularId,\r\n                                                            message.sysDateTimeWithSeconds\r\n                                                          )\r\n                                                        }\r\n                                                      ></i>\r\n\r\n                                                      {!isSender ? (\r\n                                                        <h6\r\n                                                          style={{\r\n                                                            fontWeight: \"600\",\r\n                                                            color: \"#09679f\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {message.editStatus ===\r\n                                                            1 ? (\r\n                                                            <span\r\n                                                              style={{\r\n                                                                fontWeight:\r\n                                                                  \"200\",\r\n                                                                color: \"grey\",\r\n                                                                fontSize:\r\n                                                                  \"10px\",\r\n                                                              }}\r\n                                                            >\r\n                                                              Edited\r\n                                                            </span>\r\n                                                          ) : null}\r\n                                                        </h6>\r\n                                                      ) : (\r\n                                                        <>\r\n                                                          {message.editStatus ===\r\n                                                            1 ? (\r\n                                                            <h6\r\n                                                              style={{\r\n                                                                fontWeight:\r\n                                                                  \"200\",\r\n                                                                color: \"grey\",\r\n                                                                fontSize:\r\n                                                                  \"10px\",\r\n                                                              }}\r\n                                                            >\r\n                                                              Edited\r\n                                                            </h6>\r\n                                                          ) : null}\r\n                                                        </>\r\n                                                      )}\r\n                                                      {/* {!isSender ? (\r\n                                                        <> */}\r\n                                                      {message.frwdStatus ===\r\n                                                        1 ? (\r\n                                                        <h6\r\n                                                          style={{\r\n                                                            fontWeight:\r\n                                                              \"200\",\r\n                                                            color: \"grey\",\r\n                                                            fontSize:\r\n                                                              \"10px\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <i\r\n                                                            className=\"fa fa-share\"\r\n                                                            aria-hidden=\"true\"\r\n                                                          ></i>\r\n                                                          &nbsp;&nbsp;Forwarded\r\n                                                        </h6>\r\n                                                      ) : null}\r\n                                                      {/* </>\r\n                                                      ) : null} */}\r\n                                                      {message.picture_Path ===\r\n                                                        \"-\" &&\r\n                                                        message.document_Path ===\r\n                                                        \"-\" ? (\r\n                                                        <p\r\n                                                          className=\"message-content\"\r\n                                                          name=\"Popmsg\"\r\n                                                        // style={{ wordWrap: \"break-word\" }}\r\n                                                        >\r\n                                                          {regexp.test(\r\n                                                            message.message\r\n                                                          ) == true ? (\r\n                                                            <>\r\n                                                              <a\r\n                                                                style={{\r\n                                                                  color: \"blue\",\r\n                                                                  textDecoration:\r\n                                                                    \"underline\",\r\n                                                                }}\r\n                                                                target=\"_blank\"\r\n                                                                rel=\"noopener noreferrer\"\r\n                                                                href={\r\n                                                                  message.message\r\n                                                                }\r\n                                                              >\r\n                                                                {\r\n                                                                  message.message\r\n                                                                }\r\n                                                              </a>\r\n                                                              <br />\r\n                                                            </>\r\n                                                          ) : (\r\n                                                            <div>\r\n                                                              <p>\r\n                                                                {\r\n                                                                  message.message\r\n                                                                }\r\n                                                              </p>\r\n                                                            </div>\r\n                                                          )}\r\n                                                          {isSender &&\r\n                                                            message.seen == 1 ? (\r\n                                                            <img\r\n                                                              src={doubletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft:\r\n                                                                  \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                              title=\"Seen\"\r\n                                                            />\r\n                                                          ) : null}\r\n                                                          {isSender &&\r\n                                                            message.seen == 0 ? (\r\n                                                            <img\r\n                                                              src={singletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft:\r\n                                                                  \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                              title=\"Unread\"\r\n                                                            />\r\n                                                          ) : null}\r\n                                                          <br />\r\n                                                        </p>\r\n                                                      ) : (\r\n                                                        <>\r\n                                                          {message.picture_Path !==\r\n                                                            \"-\" &&\r\n                                                            message.document_Path !==\r\n                                                            \"-\" ? (\r\n                                                            <div>\r\n                                                              <div>\r\n                                                                <p\r\n                                                                  className=\"message-content\"\r\n                                                                  name=\"Popmsg\"\r\n                                                                // style={{ wordWrap: \"break-word\" }}\r\n                                                                >\r\n                                                                  {message.message !=\r\n                                                                    \"-\" ? (\r\n                                                                    <>\r\n                                                                      {\r\n                                                                        message.message\r\n                                                                      }\r\n                                                                    </>\r\n                                                                  ) : null}\r\n                                                                </p>\r\n\r\n                                                                <br />\r\n                                                                <a\r\n                                                                  href={\r\n                                                                    message.picture_Path\r\n                                                                  }\r\n                                                                  name=\"picture\"\r\n                                                                  readOnly\r\n                                                                  value={\r\n                                                                    message.picture_Path\r\n                                                                  }\r\n                                                                  title=\"\"\r\n                                                                  target=\"_blank\"\r\n                                                                  style={{\r\n                                                                    width:\r\n                                                                      \"120px\",\r\n                                                                    height:\r\n                                                                      \"200px\",\r\n                                                                  }}\r\n                                                                ></a>\r\n                                                                <div>\r\n                                                                  <img\r\n                                                                    alt=\"chatimg\"\r\n                                                                    width=\"80\"\r\n                                                                    height=\"80\"\r\n                                                                    src={\r\n                                                                      message.picture_Path\r\n                                                                    }\r\n                                                                  // style={{\r\n                                                                  //   width:\r\n                                                                  //     \"inherit\",\r\n                                                                  // }}\r\n                                                                  />\r\n                                                                </div>\r\n                                                                <div>\r\n                                                                  <embed\r\n                                                                    src={\r\n                                                                      message.document_Path\r\n                                                                    }\r\n                                                                    id=\"Gstiframe\"\r\n                                                                    title=\"\"\r\n                                                                    scrolling=\"no\"\r\n                                                                    target=\"_blank\"\r\n                                                                    style={{\r\n                                                                      width:\r\n                                                                        \"100px\",\r\n                                                                      height:\r\n                                                                        \"100px\",\r\n                                                                      pointerEvents:\r\n                                                                        \"none\",\r\n                                                                    }}\r\n                                                                  ></embed>\r\n                                                                </div>\r\n                                                              </div>\r\n                                                              {isSender &&\r\n                                                                message.seen ==\r\n                                                                1 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    doubletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    float:\r\n                                                                      \"right\",\r\n                                                                  }}\r\n                                                                  title=\"Seen\"\r\n                                                                />\r\n                                                              ) : null}\r\n                                                              {isSender &&\r\n                                                                message.seen ==\r\n                                                                0 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    singletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    float:\r\n                                                                      \"right\",\r\n                                                                  }}\r\n                                                                  title=\"Unread\"\r\n                                                                />\r\n                                                              ) : null}\r\n                                                              <br />\r\n                                                            </div>\r\n                                                          ) : (\r\n                                                            <>\r\n                                                              {message.picture_Path ===\r\n                                                                \"-\" &&\r\n                                                                message.document_Path !==\r\n                                                                \"-\" ? (\r\n                                                                <div>\r\n                                                                  <p\r\n                                                                    className=\"message-content\"\r\n                                                                    name=\"Popmsg\"\r\n                                                                  // style={{\r\n                                                                  //   wordWrap: \"break-word\",\r\n                                                                  // }}\r\n                                                                  >\r\n                                                                    {message.message !=\r\n                                                                      \"-\" ? (\r\n                                                                      <>\r\n                                                                        {\r\n                                                                          message.message\r\n                                                                        }\r\n                                                                      </>\r\n                                                                    ) : null}\r\n                                                                  </p>\r\n                                                                  <br />\r\n                                                                  <a\r\n                                                                    href={\r\n                                                                      message.document_Path\r\n                                                                    }\r\n                                                                    name=\"picture\"\r\n                                                                    readOnly\r\n                                                                    value={\r\n                                                                      message.document_Path\r\n                                                                    }\r\n                                                                    title=\"\"\r\n                                                                    scrolling=\"no\"\r\n                                                                    target=\"_blank\"\r\n                                                                    style={{\r\n                                                                      width:\r\n                                                                        \"120px\",\r\n                                                                      height:\r\n                                                                        \"200px\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    <div\r\n                                                                      className=\"row\"\r\n                                                                      style={{\r\n                                                                        width:\r\n                                                                          \"180px\",\r\n                                                                        height:\r\n                                                                          \"60px\",\r\n                                                                        borderRadius:\r\n                                                                          \"5px\",\r\n                                                                        boxShadow:\r\n                                                                          \"rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px\",\r\n                                                                        background:\r\n                                                                          \"#e8e8e8\",\r\n                                                                        alignItems:\r\n                                                                          \"center\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      <div className=\"col-lg-3\">\r\n                                                                        <img\r\n                                                                          src={\r\n                                                                            File1\r\n                                                                          }\r\n                                                                          style={{\r\n                                                                            height:\r\n                                                                              \"30px\",\r\n                                                                            width:\r\n                                                                              \"30px\",\r\n                                                                          }}\r\n                                                                        ></img>\r\n                                                                      </div>\r\n                                                                      <div className=\"col-lg-9\">\r\n                                                                        {message\r\n                                                                          .document_Path\r\n                                                                          .length >\r\n                                                                          85 ? (\r\n                                                                          <>\r\n                                                                            <div\r\n                                                                              style={{\r\n                                                                                opacity:\r\n                                                                                  DName &&\r\n                                                                                    documentname ==\r\n                                                                                    message.id\r\n                                                                                    ? 1\r\n                                                                                    : 0,\r\n                                                                                width:\r\n                                                                                  \"150px\",\r\n                                                                                height:\r\n                                                                                  \"auto\",\r\n                                                                                overflowWrap:\r\n                                                                                  \"break-word\",\r\n                                                                                zIndex:\r\n                                                                                  \"109\",\r\n                                                                                border:\r\n                                                                                  \"1px solid black\",\r\n\r\n                                                                                background:\r\n                                                                                  \"#0000007d\",\r\n                                                                                color:\r\n                                                                                  \"white\",\r\n                                                                                alignItems:\r\n                                                                                  \"center\",\r\n                                                                                position:\r\n                                                                                  \"absolute\",\r\n                                                                                top: \"-50px\",\r\n                                                                                left: \"-50px\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              <p\r\n                                                                                style={{\r\n                                                                                  fontSize:\r\n                                                                                    \"10px\",\r\n                                                                                }}\r\n                                                                              >\r\n                                                                                {\r\n                                                                                  result1\r\n                                                                                }\r\n                                                                              </p>\r\n                                                                            </div>\r\n                                                                            <p\r\n                                                                              style={{\r\n                                                                                marginTop:\r\n                                                                                  \"10px\",\r\n                                                                                textAlign:\r\n                                                                                  \"center\",\r\n                                                                                fontSize:\r\n                                                                                  \"10px\",\r\n                                                                                fontWeight:\r\n                                                                                  \"600\",\r\n                                                                                color:\r\n                                                                                  \"#19578b\",\r\n                                                                              }}\r\n                                                                              onMouseOver={(\r\n                                                                                e\r\n                                                                              ) => {\r\n                                                                                e.preventDefault();\r\n                                                                                this.documentName(\r\n                                                                                  message.id\r\n                                                                                );\r\n                                                                              }}\r\n                                                                              onMouseLeave={\r\n                                                                                this\r\n                                                                                  .documentNameL\r\n                                                                              }\r\n                                                                            >\r\n                                                                              {\r\n                                                                                result\r\n                                                                              }\r\n                                                                              ...\r\n                                                                            </p>\r\n                                                                          </>\r\n                                                                        ) : (\r\n                                                                          <p\r\n                                                                            style={{\r\n                                                                              marginTop:\r\n                                                                                \"10px\",\r\n                                                                              textAlign:\r\n                                                                                \"center\",\r\n                                                                              fontSize:\r\n                                                                                \"10px\",\r\n                                                                              fontWeight:\r\n                                                                                \"600\",\r\n                                                                              color:\r\n                                                                                \"#014c8c\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            {\r\n                                                                              result\r\n                                                                            }\r\n                                                                          </p>\r\n                                                                        )}\r\n                                                                      </div>\r\n                                                                    </div>\r\n                                                                  </a>\r\n                                                                  {isSender &&\r\n                                                                    message.seen ==\r\n                                                                    1 ? (\r\n                                                                    <img\r\n                                                                      src={\r\n                                                                        doubletick\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        // marginTop: \"50px\",\r\n                                                                        marginLeft:\r\n                                                                          \"-2px\",\r\n                                                                        width:\r\n                                                                          \"20px\",\r\n                                                                        float:\r\n                                                                          \"right\",\r\n                                                                      }}\r\n                                                                      title=\"Seen\"\r\n                                                                    />\r\n                                                                  ) : null}\r\n                                                                  {isSender &&\r\n                                                                    message.seen ==\r\n                                                                    0 ? (\r\n                                                                    <img\r\n                                                                      src={\r\n                                                                        singletick\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        // marginTop: \"50px\",\r\n                                                                        marginLeft:\r\n                                                                          \"-2px\",\r\n                                                                        width:\r\n                                                                          \"20px\",\r\n                                                                        float:\r\n                                                                          \"right\",\r\n                                                                      }}\r\n                                                                      title=\"Unread\"\r\n                                                                    />\r\n                                                                  ) : null}\r\n                                                                  <br />\r\n                                                                </div>\r\n                                                              ) : (\r\n                                                                <div>\r\n                                                                  <p\r\n                                                                    className=\"message-content\"\r\n                                                                    name=\"Popmsg\"\r\n                                                                \r\n                                                                  >\r\n                                                                    {message.message !=\r\n                                                                      \"-\" ? (\r\n                                                                      <>\r\n                                                                        {\r\n                                                                          message.message\r\n                                                                        }\r\n                                                                      </>\r\n                                                                    ) : null}\r\n                                                                  </p>\r\n                                                                  <br />\r\n                                                                  <a\r\n                                                                    href={\r\n                                                                      message.picture_Path\r\n                                                                    }\r\n                                                                    name=\"picture\"\r\n                                                                    readOnly\r\n                                                                    value={\r\n                                                                      message.picture_Path\r\n                                                                    }\r\n                                                                    title=\"\"\r\n                                                                    target=\"_blank\"\r\n                                                                    style={{\r\n                                                                      width:\r\n                                                                        \"120px\",\r\n                                                                      height:\r\n                                                                        \"200px\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    <div>\r\n                                                                      {message.picture_Path.includes(\r\n                                                                        \".mp4\"\r\n                                                                      ) ? (\r\n                                                                        <>\r\n                                                                          {\" \"}\r\n                                                                          <img\r\n                                                                            alt=\"Video\"\r\n                                                                            width=\"30\"\r\n                                                                            height=\"30\"\r\n                                                                            src={\r\n                                                                              video\r\n                                                                            }\r\n                                                                            title=\"Click to play video\"\r\n                                                                         \r\n                                                                          />{\" \"}\r\n                                                                          <span\r\n                                                                            style={{\r\n                                                                              color:\r\n                                                                                \"#000\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            Video\r\n                                                                            File\r\n                                                                          </span>{\" \"}\r\n                                                                        </>\r\n                                                                      ) : (\r\n                                                                        <img\r\n                                                                          alt=\"chatimg\"\r\n                                                                          width=\"80\"\r\n                                                                          height=\"80\"\r\n                                                                          src={\r\n                                                                            message.picture_Path\r\n                                                                          }\r\n                                                                        \r\n                                                                        />\r\n                                                                      )}\r\n                                                                    </div>\r\n                                                                  </a>\r\n                                                                  {isSender &&\r\n                                                                    message.seen ==\r\n                                                                    1 ? (\r\n                                                                    <img\r\n                                                                      src={\r\n                                                                        doubletick\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        // marginTop: \"50px\",\r\n                                                                        marginLeft:\r\n                                                                          \"-2px\",\r\n                                                                        width:\r\n                                                                          \"20px\",\r\n                                                                        float:\r\n                                                                          \"right\",\r\n                                                                      }}\r\n                                                                      title=\"Seen\"\r\n                                                                    />\r\n                                                                  ) : null}\r\n                                                                  {isSender &&\r\n                                                                    message.seen ==\r\n                                                                    0 ? (\r\n                                                                    <img\r\n                                                                      src={\r\n                                                                        singletick\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        // marginTop: \"50px\",\r\n                                                                        marginLeft:\r\n                                                                          \"-2px\",\r\n                                                                        width:\r\n                                                                          \"20px\",\r\n                                                                        float:\r\n                                                                          \"right\",\r\n                                                                      }}\r\n                                                                      title=\"Unread\"\r\n                                                                    />\r\n                                                                  ) : null}\r\n                                                                  <br />\r\n                                                                </div>\r\n                                                              )}\r\n                                                            </>\r\n                                                          )}\r\n                                                        </>\r\n                                                      )}\r\n                                                      <br />\r\n                                                      <div className=\"message-timestamp-right\">\r\n                                                        \r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"gray\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <i className=\"fa fa-clock-o\"></i>\r\n                                                          &nbsp;\r\n                                                          {this.formatDateAA(\r\n                                                            message.createDateTime\r\n                                                          )}\r\n                                                        </span>\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  ) : null}\r\n                                                </>\r\n                                              ) : (\r\n                                                <>\r\n                                                  {message.displayStatus ===\r\n                                                    1 ? (\r\n                                                    <div\r\n                                                      className={`message-${isSender\r\n                                                        ? \"orange\"\r\n                                                        : \"blue\"\r\n                                                        }`}\r\n                                                      key={index}\r\n                                                      style={{\r\n                                                        height: \"auto\",\r\n                                                        overflowWrap:\r\n                                                          \"break-word\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {MsgMenu &&\r\n                                                        this.state.deleteId ==\r\n                                                        message.id ? (\r\n                                                        <div\r\n                                                          style={MessageMenu}\r\n                                                          ref={\r\n                                                            this.containerRef\r\n                                                          }\r\n                                                        >\r\n                                                          <center>\r\n                                                            <ul>\r\n                                                              {isSender ? (\r\n                                                                <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n\r\n                                                                  <span\r\n                                                                    onClick={this.EditMessage}\r\n                                                                    id=\"MsgOption\"\r\n                                                                    style={{ marginLeft: '-26px' }}\r\n                                                                  >\r\n                                                                    <i\r\n                                                                      className=\"fa fa-pencil-square-o\"\r\n                                                                      aria-hidden=\"true\"\r\n                                                                    ></i>&nbsp;&nbsp;\r\n                                                                    <b>\r\n                                                                      Edit\r\n                                                                    </b>\r\n                                                                  </span>\r\n                                                                </li>) : null}\r\n\r\n                                                              <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n                                                                <span\r\n                                                                  onClick={this.deleteMenu}\r\n                                                                  id=\"MsgOption\"\r\n                                                                  style={{ marginLeft: '-14px' }}\r\n                                                                >\r\n                                                                  <i\r\n                                                                    className=\"fa fa-trash\"\r\n                                                                    aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;\r\n\r\n                                                                  <b>\r\n                                                                    Delete\r\n                                                                  </b>\r\n                                                                </span>\r\n                                                              </li>\r\n                                                              <li style={{ padding: '8px' }}>\r\n                                                                <span\r\n                                                                  onClick={this.forwardopenpop}\r\n                                                                  id=\"MsgOption\"\r\n                                                                >\r\n                                                                  <i\r\n                                                                    className=\"fa fa-share\"\r\n                                                                    aria-hidden=\"true\"></i>\r\n\r\n                                                                  <b>&nbsp;\r\n                                                                    Forward\r\n                                                                  </b>\r\n                                                                </span>\r\n                                                              </li>\r\n\r\n                                                            </ul>\r\n                                                          </center>\r\n                                                        </div>\r\n                                                      ) : null}\r\n                                                      <i\r\n                                                        className=\"fa fa-ellipsis-h\"\r\n                                                        style={{\r\n                                                          float: \"Right\",\r\n                                                          cursor: \"pointer\",\r\n                                                        }}\r\n                                                        aria-hidden=\"true\"\r\n                                                        onClick={() =>\r\n                                                          this.DisplayMenu(\r\n                                                            message.id,\r\n                                                            message.message,\r\n                                                            message.picture_Path,\r\n                                                            message.document_Path,\r\n                                                            message.senderId,\r\n                                                            message.createDateTime,\r\n                                                            message.particularId,\r\n                                                            message.sysDateTimeWithSeconds\r\n                                                          )\r\n                                                        }\r\n                                                      ></i>\r\n\r\n                                                      {!isSender ? (\r\n                                                        <h6\r\n                                                          style={{\r\n                                                            fontWeight: \"600\",\r\n                                                            color: \"#09679f\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {message.editStatus ===\r\n                                                            1 ? (\r\n                                                            <span\r\n                                                              style={{\r\n                                                                fontWeight:\r\n                                                                  \"200\",\r\n                                                                color: \"grey\",\r\n                                                                fontSize:\r\n                                                                  \"10px\",\r\n                                                              }}\r\n                                                            >\r\n                                                              Edited\r\n                                                            </span>\r\n                                                          ) : null}\r\n                                                        </h6>\r\n                                                      ) : (\r\n                                                        <>\r\n                                                          {message.editStatus ===\r\n                                                            1 ? (\r\n                                                            <h6\r\n                                                              style={{\r\n                                                                fontWeight:\r\n                                                                  \"200\",\r\n                                                                color: \"grey\",\r\n                                                                fontSize:\r\n                                                                  \"10px\",\r\n                                                              }}\r\n                                                            >\r\n                                                              Edited\r\n                                                            </h6>\r\n                                                          ) : null}\r\n                                                        </>\r\n                                                      )}\r\n                                                      {/* {!isSender ? (\r\n                                                        <> */}\r\n                                                      {message.frwdStatus ===\r\n                                                        1 ? (\r\n                                                        <h6\r\n                                                          style={{\r\n                                                            fontWeight:\r\n                                                              \"200\",\r\n                                                            color: \"grey\",\r\n                                                            fontSize:\r\n                                                              \"10px\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <i\r\n                                                            className=\"fa fa-share\"\r\n                                                            aria-hidden=\"true\"\r\n                                                          ></i>\r\n                                                          &nbsp;&nbsp;Forwarded\r\n                                                        </h6>\r\n                                                      ) : null}\r\n                                                      {/* </>\r\n                                                      ) : null} */}\r\n                                                      {message.picture_Path ===\r\n                                                        \"-\" &&\r\n                                                        message.document_Path ===\r\n                                                        \"-\" ? (\r\n                                                        <p\r\n                                                          className=\"message-content\"\r\n                                                          name=\"Popmsg\"\r\n                                                        // style={{ wordWrap: \"break-word\" }}\r\n                                                        >\r\n                                                          {regexp.test(\r\n                                                            message.message\r\n                                                          ) == true ? (\r\n                                                            <>\r\n                                                              <a\r\n                                                                style={{\r\n                                                                  color: \"blue\",\r\n                                                                  textDecoration:\r\n                                                                    \"underline\",\r\n                                                                }}\r\n                                                                target=\"_blank\"\r\n                                                                rel=\"noopener noreferrer\"\r\n                                                                href={\r\n                                                                  message.message\r\n                                                                }\r\n                                                              >\r\n                                                                {\r\n                                                                  message.message\r\n                                                                }\r\n                                                              </a>\r\n                                                              <br />\r\n                                                            </>\r\n                                                          ) : (\r\n                                                            <div>\r\n                                                              <p>\r\n                                                                {\r\n                                                                  message.message\r\n                                                                }\r\n                                                              </p>\r\n                                                            </div>\r\n                                                          )}\r\n                                                          {isSender &&\r\n                                                            message.seen == 1 ? (\r\n                                                            <img\r\n                                                              src={doubletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft:\r\n                                                                  \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                              title=\"Seen\"\r\n                                                            />\r\n                                                          ) : null}\r\n                                                          {isSender &&\r\n                                                            message.seen == 0 ? (\r\n                                                            <img\r\n                                                              src={singletick}\r\n                                                              style={{\r\n                                                                // marginTop: \"50px\",\r\n                                                                marginLeft:\r\n                                                                  \"-2px\",\r\n                                                                width: \"20px\",\r\n                                                                float: \"right\",\r\n                                                              }}\r\n                                                              title=\"Unread\"\r\n                                                            />\r\n                                                          ) : null}\r\n                                                          <br />\r\n                                                        </p>\r\n                                                      ) : (\r\n                                                        <>\r\n                                                          {message.picture_Path !==\r\n                                                            \"-\" &&\r\n                                                            message.document_Path !==\r\n                                                            \"-\" ? (\r\n                                                            <div>\r\n                                                              <div>\r\n                                                                <p\r\n                                                                  className=\"message-content\"\r\n                                                                  name=\"Popmsg\"\r\n                                                                // style={{ wordWrap: \"break-word\" }}\r\n                                                                >\r\n                                                                  {message.message !=\r\n                                                                    \"-\" ? (\r\n                                                                    <>\r\n                                                                      {\r\n                                                                        message.message\r\n                                                                      }\r\n                                                                    </>\r\n                                                                  ) : null}\r\n                                                                </p>\r\n\r\n                                                                <br />\r\n                                                                <a\r\n                                                                  href={\r\n                                                                    message.picture_Path\r\n                                                                  }\r\n                                                                  name=\"picture\"\r\n                                                                  readOnly\r\n                                                                  value={\r\n                                                                    message.picture_Path\r\n                                                                  }\r\n                                                                  title=\"\"\r\n                                                                  target=\"_blank\"\r\n                                                                  style={{\r\n                                                                    width:\r\n                                                                      \"120px\",\r\n                                                                    height:\r\n                                                                      \"200px\",\r\n                                                                  }}\r\n                                                                ></a>\r\n                                                                <div>\r\n                                                                  <img\r\n                                                                    alt=\"chatimg\"\r\n                                                                    width=\"80\"\r\n                                                                    height=\"80\"\r\n                                                                    src={\r\n                                                                      message.picture_Path\r\n                                                                    }\r\n                                                                  \r\n                                                                  />\r\n                                                                </div>\r\n                                                                <div>\r\n                                                                  <embed\r\n                                                                    src={\r\n                                                                      message.document_Path\r\n                                                                    }\r\n                                                                    id=\"Gstiframe\"\r\n                                                                    title=\"\"\r\n                                                                    scrolling=\"no\"\r\n                                                                    target=\"_blank\"\r\n                                                                    style={{\r\n                                                                      width:\r\n                                                                        \"100px\",\r\n                                                                      height:\r\n                                                                        \"100px\",\r\n                                                                      pointerEvents:\r\n                                                                        \"none\",\r\n                                                                    }}\r\n                                                                  ></embed>\r\n                                                                </div>\r\n                                                              </div>\r\n                                                              {isSender &&\r\n                                                                message.seen ==\r\n                                                                1 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    doubletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    float:\r\n                                                                      \"right\",\r\n                                                                  }}\r\n                                                                  title=\"Seen\"\r\n                                                                />\r\n                                                              ) : null}\r\n                                                              {isSender &&\r\n                                                                message.seen ==\r\n                                                                0 ? (\r\n                                                                <img\r\n                                                                  src={\r\n                                                                    singletick\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    // marginTop: \"50px\",\r\n                                                                    marginLeft:\r\n                                                                      \"-2px\",\r\n                                                                    width:\r\n                                                                      \"20px\",\r\n                                                                    float:\r\n                                                                      \"right\",\r\n                                                                  }}\r\n                                                                  title=\"Unread\"\r\n                                                                />\r\n                                                              ) : null}\r\n                                                              <br />\r\n                                                            </div>\r\n                                                          ) : (\r\n                                                            <>\r\n                                                              {message.picture_Path ===\r\n                                                                \"-\" &&\r\n                                                                message.document_Path !==\r\n                                                                \"-\" ? (\r\n                                                                <div>\r\n                                                                  <p\r\n                                                                    className=\"message-content\"\r\n                                                                    name=\"Popmsg\"\r\n                                                                  // style={{\r\n                                                                  //   wordWrap: \"break-word\",\r\n                                                                  // }}\r\n                                                                  >\r\n                                                                    {message.message !=\r\n                                                                      \"-\" ? (\r\n                                                                      <>\r\n                                                                        {\r\n                                                                          message.message\r\n                                                                        }\r\n                                                                      </>\r\n                                                                    ) : null}\r\n                                                                  </p>\r\n                                                                  <br />\r\n                                                                  <a\r\n                                                                    href={\r\n                                                                      message.document_Path\r\n                                                                    }\r\n                                                                    name=\"picture\"\r\n                                                                    readOnly\r\n                                                                    value={\r\n                                                                      message.document_Path\r\n                                                                    }\r\n                                                                    title=\"\"\r\n                                                                    scrolling=\"no\"\r\n                                                                    target=\"_blank\"\r\n                                                                    style={{\r\n                                                                      width:\r\n                                                                        \"120px\",\r\n                                                                      height:\r\n                                                                        \"200px\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    <div\r\n                                                                      className=\"row\"\r\n                                                                      style={{\r\n                                                                        width:\r\n                                                                          \"180px\",\r\n                                                                        height:\r\n                                                                          \"60px\",\r\n                                                                        borderRadius:\r\n                                                                          \"5px\",\r\n                                                                        boxShadow:\r\n                                                                          \"rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px\",\r\n                                                                        background:\r\n                                                                          \"#e8e8e8\",\r\n                                                                        alignItems:\r\n                                                                          \"center\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      <div className=\"col-lg-3\">\r\n                                                                        <img\r\n                                                                          src={\r\n                                                                            File1\r\n                                                                          }\r\n                                                                          style={{\r\n                                                                            height:\r\n                                                                              \"30px\",\r\n                                                                            width:\r\n                                                                              \"30px\",\r\n                                                                          }}\r\n                                                                        ></img>\r\n                                                                      </div>\r\n                                                                      <div className=\"col-lg-9\">\r\n                                                                        {message\r\n                                                                          .document_Path\r\n                                                                          .length >\r\n                                                                          85 ? (\r\n                                                                          <>\r\n                                                                            <div\r\n                                                                              style={{\r\n                                                                                opacity:\r\n                                                                                  DName &&\r\n                                                                                    documentname ==\r\n                                                                                    message.id\r\n                                                                                    ? 1\r\n                                                                                    : 0,\r\n                                                                                width:\r\n                                                                                  \"150px\",\r\n                                                                                height:\r\n                                                                                  \"auto\",\r\n                                                                                overflowWrap:\r\n                                                                                  \"break-word\",\r\n                                                                                zIndex:\r\n                                                                                  \"109\",\r\n                                                                                border:\r\n                                                                                  \"1px solid black\",\r\n\r\n                                                                                background:\r\n                                                                                  \"#0000007d\",\r\n                                                                                color:\r\n                                                                                  \"white\",\r\n                                                                                alignItems:\r\n                                                                                  \"center\",\r\n                                                                                position:\r\n                                                                                  \"absolute\",\r\n                                                                                top: \"-50px\",\r\n                                                                                left: \"-50px\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              <p\r\n                                                                                style={{\r\n                                                                                  fontSize:\r\n                                                                                    \"10px\",\r\n                                                                                }}\r\n                                                                              >\r\n                                                                                {\r\n                                                                                  result1\r\n                                                                                }\r\n                                                                              </p>\r\n                                                                            </div>\r\n                                                                            <p\r\n                                                                              style={{\r\n                                                                                marginTop:\r\n                                                                                  \"10px\",\r\n                                                                                textAlign:\r\n                                                                                  \"center\",\r\n                                                                                fontSize:\r\n                                                                                  \"10px\",\r\n                                                                                fontWeight:\r\n                                                                                  \"600\",\r\n                                                                                color:\r\n                                                                                  \"#19578b\",\r\n                                                                              }}\r\n                                                                              onMouseOver={(\r\n                                                                                e\r\n                                                                              ) => {\r\n                                                                                e.preventDefault();\r\n                                                                                this.documentName(\r\n                                                                                  message.id\r\n                                                                                );\r\n                                                                              }}\r\n                                                                              onMouseLeave={\r\n                                                                                this\r\n                                                                                  .documentNameL\r\n                                                                              }\r\n                                                                            >\r\n                                                                              {\r\n                                                                                result\r\n                                                                              }\r\n                                                                              ...\r\n                                                                            </p>\r\n                                                                          </>\r\n                                                                        ) : (\r\n                                                                          <p\r\n                                                                            style={{\r\n                                                                              marginTop:\r\n                                                                                \"10px\",\r\n                                                                              textAlign:\r\n                                                                                \"center\",\r\n                                                                              fontSize:\r\n                                                                                \"10px\",\r\n                                                                              fontWeight:\r\n                                                                                \"600\",\r\n                                                                              color:\r\n                                                                                \"#014c8c\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            {\r\n                                                                              result\r\n                                                                            }\r\n                                                                          </p>\r\n                                                                        )}\r\n                                                                      </div>\r\n                                                                    </div>\r\n                                                                  </a>\r\n                                                                  {isSender &&\r\n                                                                    message.seen ==\r\n                                                                    1 ? (\r\n                                                                    <img\r\n                                                                      src={\r\n                                                                        doubletick\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        // marginTop: \"50px\",\r\n                                                                        marginLeft:\r\n                                                                          \"-2px\",\r\n                                                                        width:\r\n                                                                          \"20px\",\r\n                                                                        float:\r\n                                                                          \"right\",\r\n                                                                      }}\r\n                                                                      title=\"Seen\"\r\n                                                                    />\r\n                                                                  ) : null}\r\n                                                                  {isSender &&\r\n                                                                    message.seen ==\r\n                                                                    0 ? (\r\n                                                                    <img\r\n                                                                      src={\r\n                                                                        singletick\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        // marginTop: \"50px\",\r\n                                                                        marginLeft:\r\n                                                                          \"-2px\",\r\n                                                                        width:\r\n                                                                          \"20px\",\r\n                                                                        float:\r\n                                                                          \"right\",\r\n                                                                      }}\r\n                                                                      title=\"Unread\"\r\n                                                                    />\r\n                                                                  ) : null}\r\n                                                                  <br />\r\n                                                                </div>\r\n                                                              ) : (\r\n                                                                <div>\r\n                                                                  <p\r\n                                                                    className=\"message-content\"\r\n                                                                    name=\"Popmsg\"\r\n                                                                  \r\n                                                                  >\r\n                                                                    {message.message !=\r\n                                                                      \"-\" ? (\r\n                                                                      <>\r\n                                                                        {\r\n                                                                          message.message\r\n                                                                        }\r\n                                                                      </>\r\n                                                                    ) : null}\r\n                                                                  </p>\r\n                                                                  <br />\r\n                                                                  <a\r\n                                                                    href={\r\n                                                                      message.picture_Path\r\n                                                                    }\r\n                                                                    name=\"picture\"\r\n                                                                    readOnly\r\n                                                                    value={\r\n                                                                      message.picture_Path\r\n                                                                    }\r\n                                                                    title=\"\"\r\n                                                                    target=\"_blank\"\r\n                                                                    style={{\r\n                                                                      width:\r\n                                                                        \"120px\",\r\n                                                                      height:\r\n                                                                        \"200px\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    <div>\r\n                                                                      {message.picture_Path.includes(\r\n                                                                        \".mp4\"\r\n                                                                      ) ? (\r\n                                                                        <>\r\n                                                                          {\" \"}\r\n                                                                          <img\r\n                                                                            alt=\"Video\"\r\n                                                                            width=\"30\"\r\n                                                                            height=\"30\"\r\n                                                                            src={\r\n                                                                              video\r\n                                                                            }\r\n                                                                            title=\"Click to play video\"\r\n                                                                          \r\n                                                                          />{\" \"}\r\n                                                                          <span\r\n                                                                            style={{\r\n                                                                              color:\r\n                                                                                \"#000\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            Video\r\n                                                                            File\r\n                                                                          </span>{\" \"}\r\n                                                                        </>\r\n                                                                      ) : (\r\n                                                                        <img\r\n                                                                          alt=\"chatimg\"\r\n                                                                          width=\"80\"\r\n                                                                          height=\"80\"\r\n                                                                          src={\r\n                                                                            message.picture_Path\r\n                                                                          }\r\n                                                                      \r\n                                                                        />\r\n                                                                      )}\r\n                                                                    </div>\r\n                                                                  </a>\r\n                                                                  {isSender &&\r\n                                                                    message.seen ==\r\n                                                                    1 ? (\r\n                                                                    <img\r\n                                                                      src={\r\n                                                                        doubletick\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        // marginTop: \"50px\",\r\n                                                                        marginLeft:\r\n                                                                          \"-2px\",\r\n                                                                        width:\r\n                                                                          \"20px\",\r\n                                                                        float:\r\n                                                                          \"right\",\r\n                                                                      }}\r\n                                                                      title=\"Seen\"\r\n                                                                    />\r\n                                                                  ) : null}\r\n                                                                  {isSender &&\r\n                                                                    message.seen ==\r\n                                                                    0 ? (\r\n                                                                    <img\r\n                                                                      src={\r\n                                                                        singletick\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        // marginTop: \"50px\",\r\n                                                                        marginLeft:\r\n                                                                          \"-2px\",\r\n                                                                        width:\r\n                                                                          \"20px\",\r\n                                                                        float:\r\n                                                                          \"right\",\r\n                                                                      }}\r\n                                                                      title=\"Unread\"\r\n                                                                    />\r\n                                                                  ) : null}\r\n                                                                  <br />\r\n                                                                </div>\r\n                                                              )}\r\n                                                            </>\r\n                                                          )}\r\n                                                        </>\r\n                                                      )}\r\n                                                      <br />\r\n                                                      <div className=\"message-timestamp-right\">\r\n                                                       \r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"gray\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <i className=\"fa fa-clock-o\"></i>\r\n                                                          &nbsp;\r\n                                                          {this.formatDateAA(\r\n                                                            message.createDateTime\r\n                                                          )}\r\n                                                        </span>\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  ) : null}\r\n                                                </>\r\n                                              )}\r\n                                            </>\r\n                                          );\r\n                                        })}\r\n                                        <div ref={this.myRef} />\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <input\r\n                                    type=\"text\"\r\n                                    className=\"form-control input-value\"\r\n                                    placeholder=\"Type a Message\"\r\n                                    value={this.state.message}\r\n                                    onChange={this.handleTextChange}\r\n                                    name=\"Message\"\r\n                                    style={{ border: \"none\", display: \"none\" }}\r\n                                    autocomplete=\"off\"\r\n                                  />\r\n                                </form>\r\n                              </div>\r\n                            )}\r\n                            {Minimized ? null : (\r\n                              <div className=\"ICfooter\">\r\n                                <div\r\n                                  className=\"input-group write-msg\"\r\n                                  id=\"input-group write-msg\"\r\n                                  style={{\r\n                                    border: \"1px solid #bfbfbe\",\r\n                                    padding: \"2px 2px\",\r\n\r\n                                    backgroundColor: \"white\",\r\n                                    width: \"101.5%\",\r\n                                    marginBottom: \"-8px\",\r\n                                  }}\r\n                                >\r\n                                  <div\r\n                                    style={attachStyles}\r\n                                    id=\"IndividualAttach\"\r\n                                  >\r\n                                    <ul id=\"listmenu\">\r\n                                      <label style={{ marginTop: \"8px\" }}>\r\n                                        <span\r\n                                          className=\"fa fa-picture-o\"\r\n                                          aria-hidden=\"true\"\r\n                                          style={{\r\n                                            color: \"#5d4fd0\",\r\n                                            marginLeft: \"7px\",\r\n                                            cursor: \"pointer\",\r\n                                          }}\r\n                                          onClick={this.Picturepop}\r\n                                        ></span>\r\n                                      </label>\r\n                                      &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                      <br />\r\n                                      <label\r\n                                        style={{\r\n                                          marginTop: \"8px\",\r\n                                          marginLeft: \"23%\",\r\n                                        }}\r\n                                      >\r\n                                        <span\r\n                                          className=\"fa fa-file\"\r\n                                          aria-hidden=\"true\"\r\n                                          style={{\r\n                                            color: \"#5d4fd0\",\r\n                                            cursor: \"pointer\",\r\n                                          }}\r\n                                          onClick={this.Documentpop}\r\n                                        ></span>\r\n                                      </label>\r\n                                      &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                    </ul>\r\n                                  </div>\r\n                                  <input\r\n                                    type=\"text\"\r\n                                    className=\"form-control input-value\"\r\n                                    placeholder=\"Type a Message\"\r\n                                    value={this.state.message}\r\n                                    onChange={this.handleTextChange}\r\n                                    name=\"Message\"\r\n                                    style={{ border: \"none\",background:'white' }}\r\n                                    onKeyPress={this.handleKeyPressUser}\r\n                                    disabled={this.state.InputDisabled}\r\n                                    autocomplete=\"off\"\r\n                                  />\r\n                                  <input\r\n                                    type=\"file\"\r\n                                    id=\"file\"\r\n                                    name=\"Picture_Path\"\r\n                                    accept=\"image/*\"\r\n                                    // onChange={this.handleInputChange}\r\n                                    // onChange={this.handleImageUpload}\r\n                                    onChange={this.handleFileChange}\r\n                                    onFocus={(e) => (e.target.type = \"file\")}\r\n                                    style={{ display: \"none\" }}\r\n                                  />\r\n                                  <span\r\n                                    className=\"fa fa-smile-o\"\r\n                                    aria-hidden=\"true\"\r\n                                    style={{\r\n                                      marginTop: \"10px\",\r\n                                      fontSize: \"18px\",\r\n                                    }}\r\n                                    onClick={this.myEmoji}\r\n                                  ></span>\r\n                                  &nbsp;&nbsp;\r\n                                  {showEmoji && (\r\n                                    <div\r\n                                     \r\n                                      id=\"indiEmoji\"\r\n                                    >\r\n                                      <Picker\r\n                                        onEmojiClick={this.handleEmojiClick}\r\n                                        height={380}\r\n                                        width={300}\r\n                                      />\r\n                                    </div>\r\n                                  )}\r\n                                  &nbsp;&nbsp;\r\n                                  <span style={{ backgroundColor: \"white\" }}>\r\n                                    <label style={{ marginTop: \"8px\" }}>\r\n                                      <i\r\n                                        className=\"fa fa-paperclip\"\r\n                                        style={{ fontSize: \"20px\" }}\r\n                                        aria-hidden=\"true\"\r\n                                        onClick={this.attachMenu}\r\n                                        id=\"AttachIcon\"\r\n                                      ></i>\r\n                                    </label>\r\n                                  </span>\r\n                                  &nbsp;&nbsp;\r\n                                  <span className=\"input-group-btn\">\r\n                                    <button\r\n                                      type=\"submit\"\r\n                                      className=\"btn btn-secondary\"\r\n                                      onClick={this.handleSubmitUser}\r\n                                      disabled={this.state.InputDisabled}\r\n                                    >\r\n                                      <i className=\"icofont icofont-paper-plane\"></i>\r\n                                    </button>\r\n                                  </span>\r\n                                </div>\r\n\r\n                                <div\r\n                                  className=\"input-group write-msg\"\r\n                                  id=\"input-groupEdit\"\r\n                                  style={{\r\n                                    border: \"1px solid #bfbfbe\",\r\n                                    padding: \"2px 2px\",\r\n\r\n                                    width: \"101.5%\",\r\n                                    marginBottom: \"-8px\",\r\n                                    backgroundColor: \"white\",\r\n                                  }}\r\n                                >\r\n                                  <input\r\n                                    type=\"text\"\r\n                                    className=\"form-control input-value\"\r\n                                    placeholder=\"Type a Message\"\r\n                                    value={this.state.deletemsg}\r\n                                    onChange={this.handleTextChange}\r\n                                    name=\"Message\"\r\n                                    style={{ border: \"none\",background:'white' }}\r\n                                    onKeyPress={this.handleKeyPressUser}\r\n                                    disabled={this.state.InputDisabled}\r\n                                    autocomplete=\"off\"\r\n                                  />\r\n                                  <input\r\n                                    type=\"file\"\r\n                                    id=\"file\"\r\n                                    name=\"Picture_Path\"\r\n                                    accept=\"image/*\"\r\n                                    onChange={this.handleFileChange}\r\n                                    onFocus={(e) => (e.target.type = \"file\")}\r\n                                    style={{ display: \"none\" }}\r\n                                  />\r\n                                  <span\r\n                                    className=\"fa fa-smile-o\"\r\n                                    aria-hidden=\"true\"\r\n                                    style={{\r\n                                      marginTop: \"10px\",\r\n                                      fontSize: \"18px\",\r\n                                    }}\r\n                                    onClick={this.myEmoji}\r\n                                  ></span>\r\n                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  \r\n                                  {showEmoji && (\r\n                                    <div\r\n                                      style={{\r\n                                        position: \"absolute\",\r\n\r\n                                        top: \"-200px\",\r\n                                        transform: \"translate(-50%, -50%)\",\r\n                                        maxWidth: \"90vw\",\r\n                                        maxHeight: \"90vh\",\r\n                                      }}\r\n                                      id=\"Pickeroneoneone\"\r\n                                    >\r\n                                      <Picker\r\n                                        onEmojiClick={this.handleEmojiClick}\r\n                                        height={380}\r\n                                        width={\"100%\"}\r\n                                      />\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"input-group-btn\">\r\n                                    <span\r\n                                      id=\"paper-btn\"\r\n                                      className=\"btn btn-secondary\"\r\n                                    // type=\"submit\"\r\n                                    >\r\n                                      <i\r\n                                        className=\"fa fa-check\"\r\n                                        onClick={this.EditOneonOneMessage}\r\n                                      ></i>{\" \"}\r\n                                      &nbsp;&nbsp;{\" \"}\r\n                                      <i\r\n                                        className=\"fa fa-times\"\r\n                                        onClick={this.CancelEdit}\r\n                                      ></i>\r\n                                    </span>\r\n                                  </span>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n                          </div>\r\n                        )}\r\n                      </>\r\n                    ) : null}\r\n                  </div>\r\n                )}\r\n\r\n                <div id=\"styleSelector\"></div>\r\n             \r\n        </div>\r\n\r\n        {/* Deletepop */}\r\n\r\n        {Deletepop ? (\r\n          <div id=\"oneononeDelpop\" style={deleteStyles} ref={this.containerRef}>\r\n\r\n            <i\r\n              className=\"fa fa-times\"\r\n              aria-hidden=\"true\"\r\n              style={{\r\n                color: \"gray\",\r\n                marginLeft: \"90%\",\r\n                fontSize: \"17px\",\r\n              }}\r\n              onClick={this.handleClose}\r\n            ></i>\r\n            <center>\r\n              <span>\r\n                <img\r\n                  src=\"https://static.thenounproject.com/png/659539-200.png\"\r\n                  style={{ height: '25px', width: '25px' }}></img>&nbsp;\r\n                <span >Delete Message?</span>\r\n                <br />\r\n              </span>\r\n              <div style={{ display: 'inline-flex', gap: '15px', padding: '20px' }} id=\"spandiV\">\r\n                <span\r\n                  id=\"Deletelistbtns\"\r\n                  onClick={this.DeleteMessageOne}\r\n                  style={{ float: \"right\" }}\r\n                >\r\n                  Delete for me\r\n                </span>\r\n\r\n\r\n                {this.state.deletesender == UserId ? (\r\n                  <>\r\n                    <span\r\n                      id=\"Deletelistbtns\"\r\n                      onClick={this.ICDeleteMessageEveryone}\r\n                      style={{ float: \"right\" }}\r\n                    >\r\n                      Delete for Everyone\r\n                    </span>\r\n                    <br />\r\n                  </>\r\n                ) : null}\r\n\r\n\r\n              </div></center>\r\n          </div>\r\n        ) : null}\r\n\r\n        {/* Forwardpop */}\r\n\r\n        {this.state.forwardpopup && (\r\n          <>\r\n            {Minimized ? null : (\r\n              <div className=\"popup\">\r\n                <div className=\"popup-content\">\r\n                  <center id=\"DiscAddPop\">\r\n                    <div>\r\n                      <center style={{ marginTop: '-2%' }}>\r\n                        <h6>\r\n                          <b>Forward To</b>\r\n                        </h6>\r\n                      </center>\r\n                      <center>\r\n                        <input\r\n                          className=\"DiscSearchbox\"\r\n                          placeholder=\"Search\"\r\n                          onChange={this.Addmemberfilter}\r\n                        />\r\n                      </center>\r\n                      <br />\r\n                      <center>\r\n\r\n                        <form id=\"ForwardMemberPopA\">\r\n\r\n                          {MemberAccess.length === 0 && NonAccess.length === 0 ?\r\n                            <center>\r\n\r\n                              <span\r\n                                id=\"ForwardFilterErr\"\r\n                                style={{ color: \"red\" }}\r\n                              >  Member Not Found</span>\r\n                            </center> :\r\n                            <>\r\n\r\n                              {MemberAccess.map((Announcement) => (\r\n                                <>\r\n                                  {Accessed === 1 && Accessed_to === 1 ? (\r\n                                    <div\r\n                                      className=\"media userlist-box\"\r\n                                      data-id=\"1\"\r\n                                      data-status=\"online\"\r\n                                      data-username=\"Josephin Doe\"\r\n                                      data-toggle=\"tooltip\"\r\n                                      data-placement=\"left\"\r\n                                      style={{\r\n                                        // padding: \"5px\",\r\n                                        height: \"55px\",\r\n                                      }}\r\n                                    >\r\n                                      <div\r\n                                        className=\"checkbox-wrapper-12\"\r\n                                        id=\"checkboxTop\"\r\n                                      >\r\n                                        <div className=\"cbx\">\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            title=\"Add\"\r\n                                            className=\"check\"\r\n                                            id=\"Checkboxchat\"\r\n                                            value={Announcement.email}\r\n                                            checked={selectedUserIds.includes(\r\n                                              Announcement.email\r\n                                            )}\r\n                                            onChange={\r\n                                              this.handleUserSelectionChange\r\n                                            }\r\n                                          />\r\n                                          <label for=\"cbx-12\"></label>\r\n                                          <svg\r\n                                            width=\"15\"\r\n                                            height=\"14\"\r\n                                            viewbox=\"0 0 15 14\"\r\n                                            fill=\"none\"\r\n                                          >\r\n                                            <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                          </svg>\r\n                                        </div>\r\n\r\n                                        <svg\r\n                                          xmlns=\"http://www.w3.org/2000/svg\"\r\n                                          version=\"1.1\"\r\n                                        >\r\n                                          <defs>\r\n                                            <filter id=\"goo-12\">\r\n                                              <fegaussianblur\r\n                                                in=\"SourceGraphic\"\r\n                                                stddeviation=\"4\"\r\n                                                result=\"blur\"\r\n                                              ></fegaussianblur>\r\n                                              <fecolormatrix\r\n                                                in=\"blur\"\r\n                                                mode=\"matrix\"\r\n                                                values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                result=\"goo-12\"\r\n                                              ></fecolormatrix>\r\n                                              <feblend\r\n                                                in=\"SourceGraphic\"\r\n                                                in2=\"goo-12\"\r\n                                              ></feblend>\r\n                                            </filter>\r\n                                          </defs>\r\n                                        </svg>\r\n                                      </div>\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <a\r\n                                        className=\"media-left\"\r\n                                        style={{ marginTop: \"-4%\" }}\r\n                                      >\r\n                                        <img\r\n                                          className=\"media-object img-circle\"\r\n                                          src={Announcement.profile_Picture}\r\n                                          alt=\"Generic placeholder image\"\r\n                                          style={{\r\n                                            marginTop: \"20px\",\r\n                                            width: \"35px\",\r\n                                            height: \"35px\",\r\n                                          }}\r\n                                        />\r\n                                        {Announcement.userActiveStatus === 1 ? (\r\n                                          <img\r\n                                            src={onlineimg}\r\n                                            className=\"media-object img-circle\"\r\n                                            style={{\r\n                                              marginTop: \"50px\",\r\n                                              marginLeft: \"-12px\",\r\n                                              width: \"12px\",\r\n                                              // position: \"absolute\",\r\n                                              background: \"white\",\r\n                                            }}\r\n                                            title=\"Online\"\r\n                                          />\r\n                                        ) : (\r\n                                          <img\r\n                                            src={offlineimg}\r\n                                            className=\"media-object img-circle\"\r\n                                            style={{\r\n                                              marginTop: \"50px\",\r\n                                              marginLeft: \"-12px\",\r\n                                              width: \"12px\",\r\n                                              // position: \"absolute\",\r\n                                              background: \"white\",\r\n                                            }}\r\n                                            title={`last seen at ${Announcement.logout}`}\r\n                                          />\r\n                                        )}\r\n                                      </a>\r\n                                      <div\r\n                                        className=\"media-body\"\r\n                                        style={{\r\n                                          textAlign: \"initial\",\r\n                                        }}\r\n                                      >\r\n                                        <div\r\n                                          className=\"f-13 chat-header\"\r\n                                          style={{\r\n                                            color: \"black\",\r\n                                          }}\r\n                                        >\r\n                                          {\" \"}\r\n                                          <li\r\n                                            key={Announcement.id}\r\n                                            value={Announcement.id}\r\n                                            style={{ listStyleType: \"none\" }}\r\n                                          >\r\n                                            <label style={{ marginTop: '-2%' }}>\r\n                                              <span\r\n                                                className=\"Fontsize_In_chat\"\r\n                                                style={{\r\n                                                  color: \"black\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                  fontWeight: \"bold\",\r\n                                                }}\r\n                                              ></span>\r\n                                              <br />\r\n                                              <span\r\n                                                className=\"Fontsize_In_chat\"\r\n                                                style={{\r\n                                                  color: \"black\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                  fontWeight: \"bold\",\r\n                                                }}\r\n                                              >\r\n                                                {Announcement.firstName}\r\n                                              </span>\r\n                                              &nbsp;\r\n                                              <span\r\n                                                className=\"Fontsize_In_chat\"\r\n                                                style={{\r\n                                                  color: \"Gray\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                }}\r\n                                              >\r\n                                                ({Announcement.email})\r\n                                              </span>\r\n                                            </label>\r\n                                          </li>\r\n                                        </div>\r\n                                      </div>\r\n                                      <input hidden type=\"text\" name=\"User_Id\" />\r\n                                    </div>\r\n                                  ) : null}\r\n                                </>\r\n                              ))}\r\n                              {NonAccess.map((Announcement) => (\r\n                                <>\r\n                                  {(Accessed === 1 && Accessed_to === 0) ||\r\n                                    (Accessed === 0 && Accessed_to === 0) ||\r\n                                    (Accessed === 0 && Accessed_to === 1) ? (\r\n                                    <div\r\n                                      className=\"media userlist-box\"\r\n                                      data-id=\"1\"\r\n                                      data-status=\"online\"\r\n                                      data-username=\"Josephin Doe\"\r\n                                      data-toggle=\"tooltip\"\r\n                                      data-placement=\"left\"\r\n                                      style={{\r\n                                        // padding: \"5px\",\r\n                                        height: \"55px\",\r\n                                      }}\r\n                                    >\r\n                                      <div\r\n                                        className=\"checkbox-wrapper-12\"\r\n                                        // style={{ marginTop: \"3%\" }}\r\n                                        id=\"checkboxTop\"\r\n                                      >\r\n                                        <div className=\"cbx\">\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            title=\"Add\"\r\n                                            className=\"check\"\r\n                                            id=\"Checkboxchat\"\r\n                                            value={Announcement.email}\r\n                                            checked={selectedUserIds.includes(\r\n                                              Announcement.email\r\n                                            )}\r\n                                            onChange={\r\n                                              this.handleUserSelectionChange\r\n                                            }\r\n                                          />\r\n                                          <label for=\"cbx-12\"></label>\r\n                                          <svg\r\n                                            width=\"15\"\r\n                                            height=\"14\"\r\n                                            viewbox=\"0 0 15 14\"\r\n                                            fill=\"none\"\r\n                                          >\r\n                                            <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                          </svg>\r\n                                        </div>\r\n\r\n                                        <svg\r\n                                          xmlns=\"http://www.w3.org/2000/svg\"\r\n                                          version=\"1.1\"\r\n                                        >\r\n                                          <defs>\r\n                                            <filter id=\"goo-12\">\r\n                                              <fegaussianblur\r\n                                                in=\"SourceGraphic\"\r\n                                                stddeviation=\"4\"\r\n                                                result=\"blur\"\r\n                                              ></fegaussianblur>\r\n                                              <fecolormatrix\r\n                                                in=\"blur\"\r\n                                                mode=\"matrix\"\r\n                                                values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                result=\"goo-12\"\r\n                                              ></fecolormatrix>\r\n                                              <feblend\r\n                                                in=\"SourceGraphic\"\r\n                                                in2=\"goo-12\"\r\n                                              ></feblend>\r\n                                            </filter>\r\n                                          </defs>\r\n                                        </svg>\r\n                                      </div>\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <a\r\n                                        className=\"media-left\"\r\n                                        style={{ marginTop: \"-4%\" }}\r\n                                      >\r\n                                        <img\r\n                                          className=\"media-object img-circle\"\r\n                                          src={Announcement.profile_Picture}\r\n                                          alt=\"Generic placeholder image\"\r\n                                          style={{\r\n                                            marginTop: \"20px\",\r\n                                            width: \"35px\",\r\n                                            height: \"35px\",\r\n                                          }}\r\n                                        />\r\n                                        {Announcement.userActiveStatus === 1 ? (\r\n                                          <img\r\n                                            src={onlineimg}\r\n                                            className=\"media-object img-circle\"\r\n                                            style={{\r\n                                              marginTop: \"50px\",\r\n                                              marginLeft: \"-12px\",\r\n                                              width: \"12px\",\r\n                                              // position: \"absolute\",\r\n                                              background: \"white\",\r\n                                            }}\r\n                                            title=\"Online\"\r\n                                          />\r\n                                        ) : (\r\n                                          <img\r\n                                            src={offlineimg}\r\n                                            className=\"media-object img-circle\"\r\n                                            style={{\r\n                                              marginTop: \"50px\",\r\n                                              marginLeft: \"-12px\",\r\n                                              width: \"12px\",\r\n                                              // position: \"absolute\",\r\n                                              background: \"white\",\r\n                                            }}\r\n                                            title={`last seen at ${Announcement.logout}`}\r\n                                          />\r\n                                        )}\r\n                                      </a>\r\n                                      <div\r\n                                        className=\"media-body\"\r\n                                        style={{\r\n                                          textAlign: \"initial\",\r\n                                        }}\r\n                                      >\r\n                                        <div\r\n                                          className=\"f-13 chat-header\"\r\n                                          style={{\r\n                                            color: \"black\",\r\n                                          }}\r\n                                        >\r\n                                          {\" \"}\r\n                                          <li\r\n                                            key={Announcement.id}\r\n                                            value={Announcement.id}\r\n                                            style={{ listStyleType: \"none\" }}\r\n                                          >\r\n                                            <label style={{ marginTop: '-2%' }}>\r\n                                              <span\r\n                                                className=\"Fontsize_In_chat\"\r\n                                                style={{\r\n                                                  color: \"black\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                  fontWeight: \"bold\",\r\n                                                }}\r\n                                              ></span>\r\n                                              <br />\r\n                                              <span\r\n                                                className=\"Fontsize_In_chat\"\r\n                                                style={{\r\n                                                  color: \"black\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                  fontWeight: \"bold\",\r\n                                                }}\r\n                                              >\r\n                                                {Announcement.firstName}\r\n                                              </span>\r\n                                              &nbsp;\r\n                                              <span\r\n                                                className=\"Fontsize_In_chat\"\r\n                                                style={{\r\n                                                  color: \"Gray\",\r\n                                                  whiteSpace: \"nowrap\",\r\n                                                }}\r\n                                              >\r\n                                                ({Announcement.email})\r\n                                              </span>\r\n                                            </label>\r\n                                          </li>\r\n                                        </div>\r\n                                      </div>\r\n                                      <input hidden type=\"text\" name=\"User_Id\" />\r\n                                    </div>\r\n                                  ) : null}\r\n                                </>\r\n                              ))}\r\n                            </>}\r\n                        </form>\r\n                      </center>  <br />\r\n                      <center>\r\n\r\n                        <span\r\n                          className=\"AddmemberpopFrdbtn\"\r\n                          id=\"addbutton\"\r\n                          disabled=\"disabled\"\r\n                          onClick={this.ForwardIChatMsg}\r\n                        >\r\n                          Forward\r\n                        </span>{\" \"}\r\n                        &nbsp;&nbsp;&nbsp;&nbsp;{\" \"}\r\n                        <span\r\n                          className=\"Addmemberpopbtns\"\r\n                          id=\"Cancelbutton\"\r\n                          onClick={this.hideForwardpop}\r\n                        >\r\n                          Cancel\r\n                        </span>\r\n                      </center>\r\n                    </div>\r\n                  </center>\r\n                </div>\r\n              </div>\r\n            )}\r\n          </>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nexport default class LoadingPage extends Component {\r\n  render() {\r\n    return (\r\n      <div>\r\n        <div className=\"LoadBg\">\r\n          {/* <h1>{document.documentElement.getBoundingClientRect().height}</h1> */}\r\n\r\n          <div style={{ position: \"relative\", left: \" 50%\", top: \"50%\" }}>\r\n            <div className=\"lds-ring\">\r\n              <div></div>\r\n              <div></div>\r\n              <div></div>\r\n              <div></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/OATlogo.6cdcb560.png\";","import React, { Component } from \"react\";\r\n//import avatar from \"../../assets/img/cover.jpeg\";\r\n//import ClimbingBoxLoader from 'react-spinners/ClimbingBoxLoader'\r\nimport logo from \"../Assets/images/OATlogo.png\";\r\n//import CustomInput from \"../../components/CustomInput/CustomInput\";\r\n//import '../Reg_Log/SiginStyle.css'\r\nimport \"../Css/SigninStyle.css\";\r\n\r\nconst LogoCompo = () => {\r\n  return (\r\n    <div>\r\n      <div>\r\n        <div className=\"bgImg\" />\r\n        <div className=\"content\">\r\n          <br />\r\n          <div className=\"row\">\r\n            <div className=\"col-sm-12\" style={{ textAlign: \"center\" }} id=\"adjustlogo\">\r\n              <img\r\n                alt=\"logo\"\r\n                src={logo}\r\n                style={{ height: \"100px\", width: \"100px\" }}\r\n              />\r\n              &nbsp;&nbsp;&nbsp;\r\n              <h3 style={{ color: \"white\" }}>One Awesome Team</h3>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default LogoCompo;","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class LogoutConfirmPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      UserId: localStorage.getItem(\"userId\"),\r\n    };\r\n  }\r\n  componentDidMount() {\r\n    let dd = localStorage.getItem(\"userId\");\r\n    sessionStorage.setItem(\"userIdValue\", dd);\r\n  }\r\n  Logout() {\r\n    var Id = sessionStorage.getItem(\"userIdValue\");\r\n    // var Id =  localStorage.getItem(\"foruserDetailId\",Id)\r\n\r\n    // console.log(\"IDDDDDDD\", Id);\r\n\r\n    let url = `${BASE_URLs}/Team/UpdateActiveStatus?Id=${Id.split(`\"`)[1]}`;\r\n\r\n    // console.log(\"Url-----------\", url);\r\n\r\n    fetch(url, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    });\r\n\r\n    setTimeout(() => {\r\n      localStorage.clear();\r\n      var allCookies = document.cookie.split(\";\");\r\n      for (var i = 0; i < allCookies.length; i++) {\r\n        document.cookie =\r\n          allCookies[i] + \"=;expires=\" + new Date(0).toUTCString();\r\n      }\r\n\r\n      document.getElementById(\"logout\").click();\r\n\r\n      //this.props.history.push('./Login_form')\r\n    }, 2000);\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    return (\r\n      <>\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n          >\r\n            <h5>Are you sure you want to Logout? </h5>\r\n            <br />\r\n            <div className=\"row\">\r\n              <div className=\"col-lg-12\">\r\n                <Link id=\"logout\" to=\"/Login_form\"></Link>\r\n                <Link type=\"button\" onClick={this.Logout} className=\"btn\">\r\n                  Yes\r\n                </Link>\r\n                &nbsp;&nbsp;&nbsp;\r\n                <button id=\"noo\" className=\"btn\" onClick={this.props.close}>\r\n                  No\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\n\r\nexport default class AddDesignationModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Business: [],\r\n    };\r\n  }\r\n\r\n  handle() {}\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"pop\">\r\n          <div\r\n            className=\"popinnernormal\"\r\n            style={{ width: \"50%\", padding: \"2%\" }}\r\n          >\r\n            {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}}  ><CloseIcon/></button> */}\r\n            <h5>OTP verified successfully. Proceed to Login</h5>\r\n            <br />\r\n            <div className=\"row\">\r\n              <div className=\"col-lg-12\">\r\n                <Link to=\"/Login_form\" type=\"button\" className=\"btn\">\r\n                  Ok\r\n                </Link>\r\n                &nbsp;&nbsp;&nbsp;\r\n                {/* <button  className=\"btn-Secondary\"  onClick={this.props.close}>No</button> */}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import { useState } from \"react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default function Online() {\r\n  const [tabHasFocus, setTabHasFocus] = useState(true);\r\n\r\n  // useEffect(() => {\r\n  //   const handleFocus = () => {\r\n\r\n  //     fetch(`${BASE_URLs}/Team/Online\", {\r\n  //       method: 'POST',\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //         \"Content-type\": \"application/json\",\r\n  //         \"Accept\": \"application/json\",\r\n  //         \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\"\r\n  //       },\r\n\r\n  //     }).then(response => response.json())\r\n  //       .then(data => {\r\n\r\n  //       });\r\n\r\n  //      setTabHasFocus(true);\r\n\r\n  //   };\r\n\r\n  //   const handleBlur = () => {\r\n\r\n  //        fetch(`${BASE_URLs}/Team/Offline\", {\r\n  //       method: 'POST',\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //         \"Content-type\": \"application/json\",\r\n  //         \"Accept\": \"application/json\",\r\n  //         \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\"\r\n  //       },\r\n\r\n  //     }).then(response => response.json())\r\n  //       .then(data => {\r\n\r\n  //       });\r\n\r\n  //   setTabHasFocus(false);\r\n\r\n  //   };\r\n\r\n  //   window.addEventListener('focus', handleFocus);\r\n  //   window.addEventListener('blur', handleBlur);\r\n\r\n  //   return () => {\r\n  //     window.removeEventListener('focus', handleFocus);\r\n  //     window.removeEventListener('blur', handleBlur);\r\n  //   };\r\n  // }, []);\r\n\r\n  function AutoCaps(e) {\r\n    //   let value =  e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1)\r\n\r\n    //   for (var i = 0; i < arr.length; i++) {\r\n    //     arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].slice(1);\r\n\r\n    // }\r\n    var aaa = \"mam am am b amam a\".split(\" \");\r\n    var array = e.target.value.split(\" \");\r\n\r\n    for (var i = 0; i < array.length; i++) {\r\n      array[i] = array[i].charAt(0).toUpperCase() + array[i].substring(1);\r\n    }\r\n    var finalString = array.join(\" \");\r\n\r\n    e.target.value = finalString;\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      {tabHasFocus ? (\r\n        <h2>Tab has focus ✅</h2>\r\n      ) : (\r\n        <h2>Tab does not have focus ⛔️</h2>\r\n      )}\r\n\r\n      <input type=\"text\" onChange={AutoCaps} />\r\n      <input type=\"text\" onChange={AutoCaps} />\r\n      <input type=\"text\" onChange={AutoCaps} />\r\n      <input type=\"text\" onChange={AutoCaps} />\r\n      <input type=\"text\" onChange={AutoCaps} />\r\n    </div>\r\n  );\r\n}\r\n","import React, { Component } from \"react\";\r\nimport ReactApexChart from \"react-apexcharts\";\r\nexport default class Pie extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      series: [80],\r\n      options: {\r\n        chart: {\r\n          height: 350,\r\n          type: \"radialBar\",\r\n          toolbar: {\r\n            show: true,\r\n          },\r\n        },\r\n        plotOptions: {\r\n          radialBar: {\r\n            startAngle: -135,\r\n            endAngle: 225,\r\n            hollow: {\r\n              margin: 0,\r\n              size: \"70%\",\r\n              background: \"#fff\",\r\n              image: undefined,\r\n              imageOffsetX: 0,\r\n              imageOffsetY: 0,\r\n              position: \"front\",\r\n              dropShadow: {\r\n                enabled: true,\r\n                top: 3,\r\n                left: 0,\r\n                blur: 4,\r\n                opacity: 0.24,\r\n              },\r\n            },\r\n            track: {\r\n              background: \"#fff\",\r\n              strokeWidth: \"67%\",\r\n              margin: 0, // margin is in pixels\r\n              dropShadow: {\r\n                enabled: true,\r\n                top: -3,\r\n                left: 0,\r\n                blur: 4,\r\n                opacity: 0.35,\r\n              },\r\n            },\r\n\r\n            dataLabels: {\r\n              show: true,\r\n              name: {\r\n                offsetY: -10,\r\n                show: true,\r\n                color: \"#888\",\r\n                fontSize: \"17px\",\r\n              },\r\n              value: {\r\n                formatter: function (val) {\r\n                  return parseInt(val);\r\n                },\r\n                color: \"#111\",\r\n                fontSize: \"36px\",\r\n                show: true,\r\n              },\r\n            },\r\n          },\r\n        },\r\n        fill: {\r\n          type: \"gradient\",\r\n          gradient: {\r\n            shade: \"dark\",\r\n            type: \"horizontal\",\r\n            shadeIntensity: 0.5,\r\n            gradientToColors: [\"#67cc56\"],\r\n            inverseColors: true,\r\n            opacityFrom: 1,\r\n            opacityTo: 1,\r\n            stops: [0, 100],\r\n          },\r\n        },\r\n        stroke: {\r\n          lineCap: \"round\",\r\n        },\r\n        labels: [\"Percent\"],\r\n      },\r\n    };\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div id=\"card\">\r\n        <div id=\"chart\">\r\n          <ReactApexChart\r\n            options={this.state.options}\r\n            series={this.state.series}\r\n            type=\"radialBar\"\r\n            height={350}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nexport default class RegMsgPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Business: [],\r\n    };\r\n  }\r\n\r\n  handle() {}\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    return (\r\n      <>\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal threeFieldPopMobile\"\r\n            }\r\n            style={w > 768 ? { padding: \"3%\" } : { padding: \"4%\" }}\r\n          >\r\n            {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}}  ><CloseIcon/></button> */}\r\n            <h4> OTP sent successfully. Please check your Email </h4>\r\n            <br />\r\n            <div className=\"row\">\r\n              <div className=\"col-lg-12\">\r\n                <button className=\"btn\" onClick={this.props.close}>\r\n                  Ok\r\n                </button>\r\n                &nbsp;&nbsp;&nbsp;\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { Link } from \"react-router-dom\";\r\nexport default class PopMsg extends Component {\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    return (\r\n      <div className=\"pop\">\r\n        <div\r\n          className={\r\n            w > 768\r\n              ? \"popinnernormal oneFieldPop\"\r\n              : \"popinnernormal threeFieldPopMobile\"\r\n          }\r\n          style={w > 768 ? { padding: \"2%\" } : { padding: \"4%\" }}\r\n        >\r\n          <form autoComplete=\"off\">\r\n            <h5 style={{ color: \"rgb(36 66 42)\", textAlign: \"center\" }}>\r\n              Are you sure you want to enter your Personal Info?{\" \"}\r\n            </h5>\r\n            <br />\r\n            <Link to=\"/AdminProfileGrid\" className=\"btn\">\r\n              Yes\r\n            </Link>{\" \"}\r\n            <Link href onClick={this.props.close} className=\"btn\">\r\n              No\r\n            </Link>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nexport default class AsAdminModel extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"pop\">\r\n        <div className=\"popinnernormal\" style={{ width: \"34%\", padding: \"1%\" }}>\r\n          <form autoComplete=\"off\">\r\n            <h5 style={{ color: \"rgb(36 66 42)\", textAlign: \"center\" }}>\r\n              Are you sure you want to Login As Admin?\r\n            </h5>\r\n            <br />\r\n            <Link to=\"/Organization\" className=\"btn\">\r\n              Yes\r\n            </Link>{\" \"}\r\n            <Link href onClick={this.props.close} className=\"btn\">\r\n              No\r\n            </Link>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React from \"react\";\r\nimport \"../Css/Test.css\";\r\nimport $ from \"jquery\";\r\nimport logo from \"../Assets/images/OATlogo.png\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { PureComponent } from \"react\";\r\nimport PopMsg from \"../Common/PopMsg\";\r\nimport AsAdminModel from \"../Common/AsAdminModel\";\r\nimport LogoutConfirmPop from \"./LogoutConfirmPop\";\r\nimport axios from \"axios\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport SAprofile from \"../Assets/images/profile.png\"\r\nconst link1 = \"/AssignTrainings\";\r\nconst link2 = \"/TrainerAssignTraining\";\r\n\r\nconst link3 = \"/TrainerActiveTraining\";\r\nconst link4 = \"/ActiveTraining\";\r\n\r\nconst link5 = \"/TrainingsDocuments\";\r\nconst link6 = \"/TrainingsDocuments\";\r\n\r\n$(document).ready(function () {\r\n  $(\".dummy\").slideUp(\"fast\");\r\n  $(\"#dummy\").click(function () {\r\n    $(\".dummy\").slideToggle(500);\r\n  });\r\n});\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  $(\".dummy\").slideUp(\"fast\");\r\n  $(\"#dummy\").click(function () {\r\n    $(\".dummy\").slideToggle(500);\r\n  });\r\n});\r\n\r\nvar slideOpen = true;\r\nvar heightChecked = false;\r\nvar initHeight = \"auto\";\r\nexport default class SideBar extends PureComponent {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Ulogo: [],\r\n      User: [],\r\n      Trainer: [],\r\n      role: \"\",\r\n      Organization: \"\",\r\n      comlogo: [],\r\n      Notification: [],\r\n      Noticount: 0,\r\n      Unreadcount: 0,\r\n      Unreadcountuser: 0,\r\n      UnreadAdNoticount: 0,\r\n      notificationCount: 0,\r\n      ProfileModel: false,\r\n      AsAdminModel: false,\r\n      sidebar: [],\r\n      logoutpop: false,\r\n      profile: [],\r\n      Unreadcountannounce: 0,\r\n      UnreadcountMsg: 0,\r\n      SkillDetails: [],\r\n      Team: [],\r\n      UserTeam: [],\r\n      Anncount: 0,\r\n      Announcement: []\r\n    };\r\n    this.GetUserInfo = this.GetUserInfo.bind(this);\r\n    this.Noticount = this.Noticount.bind(this);\r\n    this.getNumberLength = this.getNumberLength.bind(this);\r\n  }\r\n\r\n  SkillDetailList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetUserSkill`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SkillDetails: data });\r\n      });\r\n  }\r\n\r\n  GetSPNotificationMsg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Notification/GetNotificationMsg`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        if (data.length !== 0) {\r\n          // // console.log(\"Message\", data[0]);\r\n          this.setState({ UnreadcountMsg: data[0].count });\r\n        }\r\n      });\r\n  }\r\n\r\n  Team() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        // Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeams`, options).then((data) => {\r\n      this.setState({\r\n        Team: data,\r\n        Teams: data,\r\n      });\r\n      // // console.log(\"hess\", data);\r\n      console.clear();\r\n    });\r\n  }\r\n\r\n  logoutpopfunctn = () => {\r\n    this.setState((prevState) => ({\r\n      logoutpop: !prevState.logoutpop,\r\n    }));\r\n  };\r\n\r\n  slideToggle() {\r\n    var mdiv = document.getElementById(\"mdiv\");\r\n    if (!heightChecked) {\r\n      initHeight = mdiv.offsetHeight;\r\n      heightChecked = true;\r\n    }\r\n    if (slideOpen) {\r\n      slideOpen = false;\r\n      mdiv.style.height = \"0px\";\r\n    } else {\r\n      slideOpen = true;\r\n      mdiv.style.height = initHeight + \"px\";\r\n    }\r\n  }\r\n  GetAnnouncementNotificationuser() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Notification/GetUserAnnoucementNoti`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        if (data.length !== 0) {\r\n          // // console.log(data[0]);\r\n          this.setState({\r\n            Unreadcountannounce: data[0].column1,\r\n          });\r\n\r\n        }\r\n      });\r\n  }\r\n  LogOut = (e) => {\r\n    localStorage.clear();\r\n    var allCookies = document.cookie.split(\";\");\r\n    for (var i = 0; i < allCookies.length; i++) {\r\n      document.cookie =\r\n        allCookies[i] + \"=;expires=\" + new Date(0).toUTCString();\r\n    }\r\n  };\r\n\r\n  GetUserInfo() {\r\n    if (\r\n      this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\") ===\r\n      undefined ||\r\n      this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"organization\") ===\r\n      undefined\r\n    ) {\r\n      let url = `${BASE_URLs}/Authenticate/GetValidation`;\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n      fetch(url, {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: \"Bearer \" + accessToken,\r\n          \"Content-type\": \"application/json\",\r\n          Accept: \"application/json\",\r\n          \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        },\r\n      })\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({\r\n            User: data,\r\n            Organization: data[0].organization,\r\n            sidebar: data,\r\n          });\r\n\r\n          document.cookie =\r\n            \"\" +\r\n            JSON.parse(localStorage.uname) +\r\n            \"role = \" +\r\n            data[0].role +\r\n            \";expires=\" +\r\n            new Date(new Date().getTime() + 1 * 60000).toUTCString() +\r\n            \" \";\r\n          document.cookie =\r\n            \"\" +\r\n            JSON.parse(localStorage.uname) +\r\n            \"organization = \" +\r\n            parseInt(data[0].organization) +\r\n            \";expires=\" +\r\n            new Date(new Date().getTime() + 1 * 60000).toUTCString() +\r\n            \"\";\r\n        });\r\n    } else {\r\n      var crole = this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\");\r\n\r\n      var corg = this.getCookie(\r\n        \"\" + JSON.parse(localStorage.uname) + \"organization\"\r\n      );\r\n      localStorage.setItem(\"Role\", JSON.stringify(crole));\r\n      localStorage.setItem(\"org\", JSON.stringify(corg));\r\n      this.setState({\r\n        User: [{ role: crole, organization: parseInt(corg) }],\r\n        Organization: corg,\r\n      });\r\n    }\r\n  }\r\n\r\n  // callStatusapi = () => {\r\n  //   const options = {\r\n  //     method: \"POST\",\r\n\r\n  //     headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //       \"Content-Type\": \"application/json\",\r\n\r\n  //       Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n  //     },\r\n\r\n  //     body: JSON.stringify({\r\n  //       message: \"Message\"\r\n  //     }),\r\n  //   };\r\n\r\n  //   fetch(`${BASE_URLs}/Authenticate/close\", options)\r\n  //     .then((response) => response.json())\r\n\r\n  //     .then((data) => {\r\n  //       // Handle the response data if needed\r\n\r\n  //       // console.log(data);\r\n  //     })\r\n\r\n  //     .catch((error) => {\r\n  //       console.error(\"Error updating Seen field:\", error);\r\n  //     });\r\n  // };\r\n\r\n  CallData() {\r\n    let url2 = `${BASE_URLs}/Team/UpdateInactiveStatus?Email=vtselvan@kdptec.com`;\r\n\r\n    // // console.log(\"Url-----------Login\", url2);\r\n\r\n    fetch(url2, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    });\r\n  }\r\n\r\n  Notifycount = (Id) => {\r\n    fetch(`${BASE_URLs}/Notification/Seen`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        Accept: \"*/*\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        Id: Id,\r\n      }),\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => {\r\n          // // console.log(\"new\");\r\n        },\r\n        (error) => { }\r\n      );\r\n\r\n    this.GetNotify();\r\n  };\r\n\r\n  GetNotify() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Notification/MessageNotification`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        //  this.setState({ Notify: data.filter(Tasks => (Tasks.type !== \"c\")) });\r\n        this.setState({\r\n          NotifyCount: data.filter((Tasks) => Tasks.seen === false).length,\r\n        });\r\n\r\n        //  this.setState({ ContactMessages: data.filter(Tasks => (Tasks.type === \"c\")) });\r\n        //  this.setState({ ContactMessagesCount: (data.filter(Tasks => (Tasks.type === \"c\") )).filter(Tasks => (Tasks.seen === false)).length\r\n        // });\r\n\r\n        if (data.length !== 0) {\r\n          this.setState({ Unreadcount: data[0].count });\r\n        }\r\n      });\r\n  }\r\n\r\n  UpdateLocalStorage() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Profile/GetUpdateAccessDetails`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        data.map((d) => {\r\n          // // console.log(\"Access--------2\", d.accessed_to)\r\n          localStorage.setItem(\"org\", d.org);\r\n        });\r\n      });\r\n  }\r\n\r\n\r\n  componentDidMount() {\r\n    var mail = JSON.parse(localStorage.getItem(\"Entity\"));\r\n    var Id = JSON.parse(localStorage.getItem(\"adminId\"));\r\n    const data = {\r\n      Email: mail,\r\n      UserId: Id,\r\n    };\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/AddOrganization/GetLogo`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    }).then((response) => {\r\n      this.setState({\r\n        Ulogo: response.data,\r\n      });\r\n    });\r\n    this.profilelist();\r\n    this.GetUserInfo();\r\n    this.GetOrgLogo();\r\n    this.GetNotification();\r\n    this.GetSPNotification();\r\n    this.GetSPNotificationMsg();\r\n    this.GetSPNotificationuser();\r\n    function delay(ms) {\r\n      return new Promise(resolve => setTimeout(resolve, ms));\r\n    }\r\n    \r\n    async function fetchData() {\r\n      try {\r\n        // Fetch data from multiple sources concurrently\r\n        await Promise.all([\r\n          this.UserTeam(),\r\n          this.fetchNotificationCount(),\r\n          this.UpdateLocalStorage(),\r\n          // this.callStatusapi(),\r\n          this.GetAnnCount(),\r\n          this.GetAnnouncementNotificationuser()\r\n        ]);\r\n        // console.log(\"Data fetched successfully\");\r\n      } catch (error) {\r\n        console.error(\"Error fetching data:\", error);\r\n        // Handle errors gracefully\r\n      }\r\n    }\r\n    \r\n    // Start fetching data\r\n    fetchData.call(this);\r\n    \r\n    \r\n    \r\n    \r\n    this.NotificationCountUser();\r\n\r\n    this.SkillDetailList();\r\n    this.Team();\r\n\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    // Clear the interval when the component is unmounted to avoid memory leaks\r\n    clearInterval(this.interval);\r\n  }\r\n\r\n  fetchNotificationCount = async () => {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    try {\r\n      const response = await fetch(\r\n        `${BASE_URLs}/Notification/Notification`,\r\n        options\r\n      );\r\n      const data = await response.json();\r\n      this.setState({ notificationCount: data.totalNotificationCount });\r\n      // // console.log(\"countssss\", data);\r\n      if (this.state.notificationCount.length !== 0) {\r\n        this.setState({\r\n          Noticount: this.state.notificationCount[0].noticount,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      // // console.log(error);\r\n    }\r\n    setInterval(1000);\r\n  };\r\n\r\n\r\n  Messagecount = async (Id) => {\r\n    await fetch(`${BASE_URLs}/Notification/Messagecount`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Notification_Id: Id,\r\n      }),\r\n    }).then((result) => {\r\n      result.json().then((resp) => {\r\n        localStorage.setItem(\"success\", JSON.stringify(resp.status));\r\n        var a = localStorage.getItem(\"success\");\r\n        var b = JSON.parse(a);\r\n        if (b === \"Success\") {\r\n          localStorage.removeItem(\"success\");\r\n        }\r\n      });\r\n    });\r\n    this.fetchNotificationCount();\r\n    this.NotificationCountUser();\r\n  };\r\n\r\n  NotificationCountUser = async () => {\r\n    try {\r\n      const response = await fetch(\r\n        `${BASE_URLs}/Notification/NotificationUser`\r\n      );\r\n      const data = await response.json();\r\n      this.setState({ notificationUser: data.count });\r\n      // // console.log(data);\r\n      if (this.state.notificationUser.length !== 0) {\r\n        this.setState({\r\n          Noticount: this.state.notificationUser[0].noticount,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      // // console.log(error);\r\n    }\r\n  };\r\n  getCookie(cName) {\r\n    const name = cName + \"=\";\r\n    const cDecoded = decodeURIComponent(document.cookie); //to be careful\r\n    const cArr = cDecoded.split(\"; \");\r\n    let res;\r\n    cArr.forEach((val) => {\r\n      if (val.indexOf(name) === 0) res = val.substring(name.length);\r\n    });\r\n    return res;\r\n  }\r\n  ProfileModel = () => {\r\n    this.setState((prevState) => ({\r\n      ProfileModel: !prevState.ProfileModel,\r\n    }));\r\n  };\r\n\r\n  AsAdminModel = () => {\r\n    this.setState((prevState) => ({\r\n      AsAdminModel: !prevState.AsAdminModel,\r\n    }));\r\n  };\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n  profilelist() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Profile/Get`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ profile: data });\r\n        // // console.log(\"profilecheck\", data);\r\n      });\r\n  }\r\n\r\n  GetNotification() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/GetNotification`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Notification: data });\r\n        if (this.state.Notification.length !== 0) {\r\n          this.setState({\r\n            Noticount: this.state.Notification[0].noticount,\r\n          });\r\n        }\r\n      });\r\n  }\r\n\r\n  GetAnnCount() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/GetAdminAnnSeenCount`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Announcement: data });\r\n        if (this.state.Announcement.length !== 0) {\r\n          this.setState({\r\n            Anncount: this.state.Announcement[0].anncount,\r\n          });\r\n        }\r\n      });\r\n  }\r\n  GetSPNotification() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Notification/GetNotification`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        if (data.length !== 0) {\r\n          // // console.log(data[0]);\r\n          this.setState({ Unreadcount: data[0].count });\r\n        }\r\n      });\r\n  }\r\n  GetSPNotificationuser() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Notification/GetUserNotification`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        if (data.length !== 0) {\r\n          // // console.log(data[0]);\r\n          this.setState({\r\n            Unreadcountuser: data[0].unreadcount,\r\n          });\r\n        }\r\n      });\r\n  }\r\n\r\n  GetAdNotification() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/GetNotification`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        if (data.length !== 0) {\r\n          this.setState({\r\n            UnreadAdNoticount: data[0].noticount,\r\n          });\r\n        }\r\n      });\r\n  }\r\n\r\n  Noticount = async (Id) => {\r\n    await fetch(`${BASE_URLs}/Notification/Noticount`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Notification_Id: Id,\r\n      }),\r\n    }).then((result) => {\r\n      result.json().then((resp) => {\r\n        localStorage.setItem(\"success\", JSON.stringify(resp.status));\r\n        var a = localStorage.getItem(\"success\");\r\n        var b = JSON.parse(a);\r\n        if (b === \"Success\") {\r\n          localStorage.removeItem(\"success\");\r\n        }\r\n      });\r\n    });\r\n    this.GetNotification();\r\n  };\r\n\r\n  getNumberLength(num) {\r\n    if (num === 0) {\r\n      return 1;\r\n    }\r\n    return Math.floor(Math.log10(Math.abs(num))) + 1;\r\n  };\r\n\r\n  UserTeam() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeamStatus`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        data.sort((a, b) => parseInt(a.teamId) - parseInt(b.teamId));\r\n        this.setState({\r\n          UserTeam: data,\r\n          UserTeams: data,\r\n        });\r\n        // // console.log(\"hess1\", data);\r\n      });\r\n  }\r\n\r\n  toggleclick (){\r\n    var menu = document.getElementById(\"menuu\");\r\n    menu.classList.toggle(\"openmenu\")\r\n  }\r\n\r\n  render() {\r\n    var name = JSON.parse(localStorage.uname);\r\n\r\n    var usernameA = name.toUpperCase();\r\n    var username = name.replace(/\\s/g, '');\r\n    var Email = JSON.parse(localStorage.email);\r\n\r\n    const Role = JSON.parse(localStorage.getItem(\"Role\"));\r\n    const { User, SkillDetails, Team, UserTeam } = this.state;\r\n    const { comlogo } = this.state;\r\n    const { Ulogo } = this.state;\r\n\r\n    const { notificationCount, Trainer, profile } = this.state;\r\n    return (\r\n      <>\r\n        {this.state.logoutpop ? (\r\n          <LogoutConfirmPop close={() => this.logoutpopfunctn()} />\r\n        ) : null}\r\n\r\n        <input type=\"checkbox\" id=\"menu\" />\r\n        <div className=\"header\">\r\n          <label htmlFor=\"menu\" id=\"menuu\" className=\"menu-bar\">\r\n            {/* <i className=\"ti-menu\"></i> */}\r\n            <div onClick={this.toggleclick}>\r\n              <span className=\"line-1\"></span>\r\n              <span className=\"line-2\"></span>\r\n              <span className=\"line-3\"></span>\r\n            </div>\r\n          </label>\r\n          <div className=\"container-fluid\">\r\n            <Link className=\"navbar-brand logo\" to=\"/Dashboard\">\r\n              <img className=\"logo\" src={logo} alt=\"Logo\" height=\"70\" />\r\n            </Link>\r\n          </div>\r\n          <input type=\"checkbox\" style={{ display: \"none\" }} id=\"more\" />\r\n          {/* {User &&\r\n            User.map((item) =>\r\n              item.role === \"User\" ? null : ( */}\r\n          <label htmlFor=\"more\" className=\"more-bar\">\r\n            <i className=\"ti-more\" />\r\n          </label>\r\n          {/* )\r\n            )} */}\r\n\r\n          {this.state.Organization !== \"3\" ? (\r\n            <>\r\n              <div id=\"navright\">\r\n                <div\r\n                  // className=\"noti\"\r\n                  className=\"noti\"\r\n                >\r\n                  {User &&\r\n                    User.map((item) =>\r\n                      item.role === \"Platform Admin\" ||\r\n                        item.role === \"User\" ? null : (\r\n                        this.props.active === \"/AdminProfile\" ?\r\n                          null :\r\n                          <Link to=\"/Chatbox\">\r\n                            {this.state.Organization === \"3\" ||\r\n                              this.state.Organization === \"4\" ||\r\n                              this.state.Organization === \"2\" ||\r\n                              this.state.Organization === \"0\" ? null :\r\n                              <>\r\n                              \r\n                                <div className={this.getNumberLength(notificationCount) === 2 ? \"noti1\" : \"\"}>\r\n                                  <i\r\n                                    className={\r\n                                      this.state.Messagecount === 0 ||\r\n                                        notificationCount === 0\r\n                                        ? \"far fa-comment notibell\"\r\n                                        : \"far fa-comment notibell\"\r\n                                    }\r\n                                    style={this.getNumberLength(notificationCount) === 2 ? { marginLeft: \"-2px\" } : { marginLeft: \"50px\" }}\r\n                                  >\r\n\r\n                                    {this.state.Noticount === 1 ||\r\n                                      notificationCount === 0 ? null : (\r\n                                      <span\r\n                                        className={this.getNumberLength(notificationCount) === 2 ? \"newbadgead\" :\r\n                                          \"newbadges\"}>\r\n                                        {notificationCount}\r\n                                      </span>\r\n                                    )}\r\n                                  </i>\r\n                                </div>{\" \"}\r\n\r\n                              </>}\r\n                          </Link>\r\n                      )\r\n                    )}\r\n\r\n                  {SkillDetails.length == 0\r\n                    ? null\r\n                    : User &&\r\n                    User.map((item) =>\r\n                      item.role === \"Admin\" || item.role === \"\" ? null : (\r\n                        <Link to=\"/Userchating\">\r\n                          <>\r\n                            <i\r\n                              className={\r\n                                this.state.Messagecount === 0 ||\r\n                                  notificationCount === 0\r\n                                  ? \"far fa-comment notibell\"\r\n                                  : \"far fa-comment notibell\"\r\n                              }\r\n\r\n                              style={this.getNumberLength(notificationCount) === 2 ? { marginLeft: \"-2px\" } :\r\n                                { marginLeft: \"50px\" }}\r\n\r\n                            >\r\n\r\n                              {this.state.Noticount === 1 ||\r\n                                notificationCount === 0 ? null : (\r\n                                <span\r\n                                  className={this.getNumberLength(notificationCount) === 2 ? \"newbadgead1\" :\r\n                                    \"newbadges1\"}>\r\n                                  {notificationCount}\r\n                                </span>\r\n                              )}\r\n                            </i>{\" \"}\r\n                          </>\r\n                        </Link>\r\n                      )\r\n                    )}\r\n\r\n                  {SkillDetails.length == 0\r\n                    ? null\r\n                    : User &&\r\n                    User.map((item) =>\r\n                      item.role === \"Admin\" || item.role === \"\" ? null : (\r\n                        <Link to=\"/UserNotifications\">\r\n                          <div className={this.getNumberLength(notificationCount) === 2 ? \"noti2\" : \"\"}>\r\n                            <i\r\n                              className={\r\n                                this.state.Unreadcountuser === 0 ||\r\n                                  this.state.Unreadcountuser.length === 0\r\n                                  ? \"ti-bell notibell\"\r\n                                  : \"ti-bell notibell\"\r\n                              }\r\n\r\n                              style={this.getNumberLength(notificationCount) === 2 ? { marginLeft: \"-2px\" } : {\r\n                                fontSize: \"20px\",\r\n                                // marginLeft: \"15px\",\r\n                                // right: \"90px\",\r\n                              }}\r\n\r\n                            >\r\n\r\n                              {this.state.Unreadcountuser === 0 ||\r\n                                this.state.Unreadcountuser.length === 0 ? null : (\r\n                                <span\r\n                                  className={this.getNumberLength(notificationCount) === 2 ? \"newbadgeadq\" : \"newbadge\"}>\r\n                                  {this.state.Unreadcountuser}\r\n                                </span>\r\n                              )}\r\n                            </i>{\" \"}\r\n                          </div>\r\n                        </Link>\r\n                      )\r\n                    )}\r\n                  {/* {User &&\r\n                    User.map((item) =>\r\n                      item.role === \"User\" ? (\r\n                        <div\r\n                          style={{\r\n                            textAlign: \"center\",\r\n\r\n                            display: \"flex\",\r\n\r\n                            alignItems: \"center\",\r\n\r\n                            color: \"white\",\r\n\r\n                            marginTop: \"10%\",\r\n\r\n                            // marginBottom: \"10%\",\r\n\r\n                            //  marginLeft: \"110%\",\r\n                          }}\r\n                          id={\r\n                            username.length <= 4\r\n                              ? \"NameB\"\r\n                              : username.length === 5\r\n                                ? \"NameC\"\r\n                                : username.length === 6\r\n                                  ? \"Name6\"\r\n                                  : \"NameA\"\r\n                          }\r\n                        >\r\n                          <span\r\n\r\n                            style={{ display: \"inline-flex\" }}\r\n                          >\r\n                            {\" \"}\r\n                            <h6\r\n                              id=\"\"\r\n                            // style={{\r\n                            //   display: \"flex\",\r\n                            //   alignItems: \"center\",\r\n                            //   marginLeft: \"auto\",\r\n                            //   marginRight: \"auto\",\r\n                            //   position: \"relative\",\r\n                            // }}\r\n                            >\r\n                              {username}\r\n                            </h6>\r\n                            &nbsp;&nbsp;\r\n                          </span>\r\n                        </div>\r\n                      ) : null\r\n                    )} */}\r\n\r\n                  {User &&\r\n                    User.map((item) =>\r\n                      item.role === \"Platform Admin\" ||\r\n                        item.role === \"User\" ? null : (\r\n                        this.props.active === \"/AdminProfile\" ?\r\n                          null :\r\n                          <Link to=\"/AdminNotification\">\r\n                            <>\r\n                              <div className={this.getNumberLength(notificationCount) === 2 ? \"noti2\" : \"\"}>\r\n                                <i\r\n                                  className={\r\n                                    this.state.Noticount === 0 ||\r\n                                      this.state.Notification.length === 0\r\n                                      ? \"ti-bell notibell\"\r\n                                      : \"ti-bell notibell\"\r\n                                  }\r\n                                  style={{ fontSize: \"20px\" }}\r\n                                >\r\n                                  {this.state.Noticount === 0 ||\r\n                                    this.state.Notification.length === 0 ? null : (\r\n\r\n                                    <span\r\n                                      className={this.getNumberLength(notificationCount) === 2 ? \"newbadgeadq\" : \"newbadge\"}\r\n                                    >\r\n\r\n\r\n\r\n                                      {this.state.Noticount}\r\n                                    </span>\r\n                                  )}\r\n                                </i></div>{\" \"}\r\n                            </>\r\n                          </Link>\r\n                      )\r\n                    )}\r\n\r\n                  <h1>\r\n                    {this.state.Organization !== 3 ||\r\n                      this.state.Organization !== 4}\r\n                  </h1>\r\n                </div>\r\n\r\n                {Role === \"User\" ||\r\n                  window.location.pathname === \"/UserDashboard\" ? (\r\n                  <div\r\n                    id=\"entitylogo\"\r\n                    className=\"logocm1\"\r\n                    title={logo.company_Name}\r\n                  // style={{\r\n                  //   float: \"left\",\r\n                  //   marginTop: \"-32px\",\r\n                  //   marginLeft: \"257px\",\r\n                  // }}\r\n                  >\r\n                    {Ulogo.map((logo) => (\r\n                      <div\r\n                        key={logo.id}\r\n                        className=\"logocm1\"\r\n                        title={logo.company_Name}\r\n                      // style={{\r\n                      //   display: \"flex\",\r\n                      //   alignItems: \"center\",\r\n                      //   marginRight: \"10px\",\r\n                      // }}\r\n                      >\r\n                        <img\r\n                          className=\"user-img img-circle\"\r\n                          src={logo.com_logo}\r\n                          title={logo.company_Name}\r\n                          id=\"logocm\"\r\n                          style={{\r\n                            borderRadius: \"50%\",\r\n                            border: \"2px solid white\",\r\n                            // height: \"45px\",\r\n                            // width: \"45px\",\r\n                          }}\r\n                          alt=\"user-img\"\r\n                        />\r\n                        <h6\r\n                          id=\"logoN\"\r\n                        // style={{\r\n                        //   color: \"white\",\r\n                        //   marginLeft: \"5px\",\r\n                        //   marginTop: \"10px\",\r\n                        // }}\r\n                        >\r\n                          {logo.company_Name}\r\n                        </h6>\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                ) : null}\r\n\r\n                {Role === \"Admin\" ||\r\n                  window.location.pathname === \"/Dashboard\" ? (\r\n                  <div\r\n                    id=\"entitylogo\"\r\n                    className=\"logocm1\"\r\n                    title={logo.company_Name}\r\n                  >\r\n                    {Ulogo.map((logo) => (\r\n                      <div\r\n                        key={logo.id}\r\n                        className=\"logocm1\"\r\n                        title={logo.company_Name}\r\n                      >\r\n                        <img\r\n                        hidden\r\n                          className=\"user-img img-circle\"\r\n                          src={logo.com_logo}\r\n                          title={logo.company_Name}\r\n                          id=\"logocm\"\r\n                          style={{\r\n                            borderRadius: \"50%\",\r\n                            border: \"2px solid white\",\r\n                            // height: \"45px\",\r\n                            // width: \"45px\",\r\n                          }}\r\n                          alt=\"user-img\"\r\n                        />\r\n                        <h6\r\n                          id=\"logoAdmin\">\r\n                          {logo.company_Name}\r\n                        </h6>\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                ) : null}\r\n\r\n\r\n                {comlogo.length === 0 ||\r\n                  this.props.active === \"/AdminProfile\" ? (\r\n                  <div\r\n\r\n                    id=\"cmlogo\"\r\n                    className=\"logouser\"\r\n                    title={username}\r\n                  // style={{\r\n                  //   float: \"right\",\r\n                  //   marginTop: \"-36px\",\r\n                  //   marginRight: \"87px\",\r\n                  // }}\r\n                  >\r\n                    {profile.map((profile) => (\r\n                      <div style={{ display: \"grid\", margin: '0 auto', textAlign: 'center', width: '50px', position: 'relative', whiteSpace: 'nowrap' }}>\r\n                        <img\r\n                          alt=\"companylogo\"\r\n                          src={profile.profile_Picture}\r\n                          id=\"logocm\"\r\n                          style={{\r\n                            borderRadius: \"50%\",\r\n                            border: \"2px solid white\",\r\n                            // height: \"48px\",\r\n                            // width: \"50px\",\r\n                          }}\r\n                        />\r\n                        <div id=\"more-details\" style={{ color: \"white\", position: 'absolute', top: '100%', textAlign: 'center', left: '50%', transform: 'translateX(-50%)', wordWrap: 'break-word' }}>{username}</div>\r\n                      </div>\r\n\r\n\r\n\r\n                    ))}\r\n\r\n                  </div>\r\n                ) : (\r\n                  <div\r\n\r\n                    id=\"cmlogo\"\r\n                    className=\"logouser\"\r\n                    title={username}\r\n                  // style={{\r\n                  //   float: \"right\",\r\n                  //   marginTop: \"-32px\",\r\n                  //   marginRight: \"87px\",\r\n                  // }}\r\n                  >\r\n\r\n\r\n                    {comlogo.map((comlogo) => (\r\n                      <Link>\r\n                        <div style={{ display: \"grid\", margin: '0 auto', textAlign: 'center', width: '50px', position: 'relative', whiteSpace: 'nowrap' }}>\r\n                          <img\r\n                            alt=\"companylogo\"\r\n                            src={comlogo.com_logo}\r\n                            id=\"logocm\"\r\n                            style={{\r\n                              borderRadius: \"50%\",\r\n                              border: \"2px solid white\",\r\n                              // height: \"48px\",\r\n                              // width: \"50px\",\r\n                            }}\r\n                          />\r\n                          <div id=\"more-details\" style={{ color: \"white\", position: 'absolute', top: '100%', textAlign: 'center', left: '50%', transform: 'translateX(-50%)', wordWrap: 'break-word' }}>{username}</div>\r\n                        </div>\r\n\r\n                      </Link>\r\n                    ))}\r\n                  </div>\r\n                )}\r\n              </div>\r\n              <span\r\n                className=\"dropdown\"\r\n                //  id=\"power\"\r\n\r\n                id=\"power\"\r\n                style={{\r\n                  background: 'none'\r\n                }}\r\n              >\r\n                {\" \"}\r\n                <Link to=\"/TeamDash\" style={{ marginLeft: \"-3px\" }}></Link>\r\n                &nbsp;&nbsp;\r\n                <label className=\"label-text\">\r\n                  <i\r\n                    className=\"icofont icofont-power\"\r\n                    style={{ color: \"white\" }}\r\n                    onClick={() => this.logoutpopfunctn()}\r\n                  />\r\n                </label>\r\n              </span>\r\n            </>\r\n          ) : null}\r\n\r\n\r\n\r\n          {User &&\r\n            User.map((item) =>\r\n              item.role === \"Platform Admin\" ? (\r\n                <div id=\"navright\">\r\n\r\n                  <Link>\r\n                    <div className=\"noti\" style={{ display: 'flex' }}>\r\n                      <span>\r\n                        <Link to=\"/Notifications\">\r\n                          <>\r\n                            <div className={this.getNumberLength(notificationCount) === 2 ? \"noti2\" : \"\"}>\r\n                              <i\r\n                                className={\r\n                                  this.state.Unreadcount === 0 ||\r\n                                    this.state.Unreadcount.length === 0\r\n                                    ? \"ti-bell notibell\"\r\n                                    : \"ti-bell notibell\"\r\n                                }\r\n                                style={{ fontSize: \"20px\" }}\r\n                              >\r\n                                {this.state.Unreadcount === 0 ||\r\n                                  this.state.Unreadcount.length === 0 ? null : (\r\n                                  <span\r\n                                    className={this.getNumberLength(notificationCount) === 2 ? \"newbadgeadq\" : \"newbadge\"}\r\n                                  >\r\n                                    {this.state.Unreadcount}\r\n                                  </span>\r\n                                )}\r\n                              </i></div>{\" \"}\r\n                          </>\r\n                        </Link>\r\n                      </span>\r\n\r\n                      <span className=\"\">\r\n                        <Link to=\"/Messages\">\r\n                          <>\r\n                            <div className={this.getNumberLength(notificationCount) === 2 ? \"noti2\" : \"\"}>\r\n                              <i\r\n                                className={\r\n                                  this.state.UnreadcountMsg === 0 ||\r\n                                    this.state.UnreadcountMsg.length === 0\r\n                                    ? \"ti-comment notibell\"\r\n                                    : \"ti-comment notibell\"\r\n                                }\r\n                                style={{ fontSize: \"20px\" }}\r\n                              >\r\n                                {this.state.UnreadcountMsg === 0 ||\r\n                                  this.state.UnreadcountMsg.length === 0 ? null : (\r\n                                  <span\r\n                                    className={this.getNumberLength(notificationCount) === 2 ? \"newbadgead\" : \"newbadge\"}\r\n                                  >\r\n\r\n\r\n\r\n                                    {this.state.UnreadcountMsg}\r\n                                  </span>\r\n                                )}\r\n                              </i></div>{\" \"}\r\n                          </>\r\n                        </Link>\r\n                      </span>\r\n                    </div>\r\n                    <div\r\n                      //  style={{\r\n                      //   display: \"grid\", margin: '0 auto', textAlign: 'center'\r\n                      //    , float: 'right', marginTop: '-34px', marginRight: '3%'\r\n                      // }}\r\n                      id=\"cmlogo\"\r\n                      className=\"logouser\"\r\n                      title={username}\r\n                    >\r\n                      <div style={{ display: \"grid\", margin: '0 auto', textAlign: 'center', width: '50px', position: 'relative', whiteSpace: 'nowrap' }}>\r\n                        <img\r\n                          alt=\"img\"\r\n                          src={SAprofile}\r\n                          id=\"logocm\"\r\n                          style={{\r\n                            borderRadius: \"50%\",\r\n                            border: \"2px solid white\",\r\n                            // height: \"48px\",\r\n                            // width: \"50px\",\r\n                          }}\r\n                        />\r\n\r\n                        <div id=\"more-details\" style={{ color: \"white\", position: 'absolute', top: '100%', textAlign: 'center', left: '50%', transform: 'translateX(-50%)', wordWrap: 'break-word' }}>{username}</div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <span\r\n                      className=\"dropdown\"\r\n                      id=\"power\"\r\n                      style={{ background: 'none' }}\r\n                    >\r\n                      {\" \"}\r\n                      <Link to=\"/TeamDash\" style={{ marginLeft: \"-3px\" }}></Link>\r\n                      &nbsp;&nbsp;\r\n                      <label className=\"label-text\">\r\n                        <i\r\n                          className=\"icofont icofont-power\"\r\n                          style={{ color: \"white\" }}\r\n                          onClick={() => this.logoutpopfunctn()}\r\n                        />\r\n                      </label>\r\n                    </span>\r\n                  </Link></div>\r\n              ) : null\r\n            )}\r\n\r\n          {/* {Role === \"Platform Admin\" ?\r\n            <>\r\n\r\n<div \r\n// id=\"cmlogo\"  className=\"logouser\"\r\n//                     title={username}\r\nid=\"SADiv\"\r\n\r\n                    >\r\n                 \r\n              <Link>\r\n              <div className=\"SANamelen\" style={{display:'flex'}}>\r\n                <span>\r\n                        <Link to=\"/Notifications\">\r\n                          <>\r\n                            <div className={this.getNumberLength(notificationCount) === 2 ? \"noti2\" : \"\"}>\r\n                              <i\r\n                                className={\r\n                                  this.state.Unreadcount === 0 ||\r\n                                    this.state.Unreadcount.length === 0\r\n                                    ? \"ti-bell notibell\"\r\n                                    : \"ti-bell notibell\"\r\n                                }\r\n                                style={{ fontSize: \"20px\" }}\r\n                              >\r\n                                {this.state.Unreadcount === 0 ||\r\n                                  this.state.Unreadcount.length === 0 ? null : (\r\n                                  <span\r\n                                    className={this.getNumberLength(notificationCount) === 2 ? \"newbadgeadq\" : \"newbadge\"}\r\n                                  >\r\n                                    {this.state.Unreadcount}\r\n                                  </span>\r\n                                )}\r\n                              </i></div>{\" \"}\r\n                          </>\r\n                        </Link>\r\n                </span>\r\n\r\n                <span className=\"\">\r\n                        <Link to=\"/Messages\">\r\n                          <>\r\n                            <div className={this.getNumberLength(notificationCount) === 2 ? \"noti2\" : \"\"}>\r\n                              <i\r\n                                className={\r\n                                  this.state.UnreadcountMsg === 0 ||\r\n                                    this.state.UnreadcountMsg.length === 0\r\n                                    ? \"ti-comment notibell\"\r\n                                    : \"ti-comment notibell\"\r\n                                }\r\n                                style={{ fontSize: \"20px\" }}\r\n                              >\r\n                                {this.state.UnreadcountMsg === 0 ||\r\n                                  this.state.UnreadcountMsg.length === 0 ? null : (\r\n                                  <span\r\n                                    className={this.getNumberLength(notificationCount) === 2 ? \"newbadgead\" : \"newbadge\"}\r\n                                  >\r\n\r\n\r\n\r\n                                    {this.state.UnreadcountMsg}\r\n                                  </span>\r\n                                )}\r\n                              </i></div>{\" \"}\r\n                          </>\r\n                        </Link>\r\n                </span>\r\n</div>\r\n                <div style={{\r\n                  display: \"grid\", margin: '0 auto', textAlign: 'center'\r\n                   , float: 'right', marginTop: '-34px', marginRight: '3%'\r\n                }}>\r\n                  <img\r\n                    alt=\"img\"\r\n                    src={SAprofile}\r\n                    id=\"logocm\"\r\n                    style={{\r\n                      borderRadius: \"50%\",\r\n                      border: \"2px solid white\",\r\n                      // height: \"48px\",\r\n                      // width: \"50px\",\r\n                    }}\r\n                  />\r\n\r\n                  <span id=\"more-details\" style={{ color: \"white\", fontSize: '14px' }}>{username}</span>\r\n                </div>\r\n\r\n                <span\r\n                  className=\"dropdown\"\r\n                  id=\"SApower\"\r\n                  style={{ background: 'none' }}\r\n                >\r\n                  {\" \"}\r\n                  <Link to=\"/TeamDash\" style={{ marginLeft: \"-3px\" }}></Link>\r\n                  &nbsp;&nbsp;\r\n                  <label className=\"label-text\">\r\n                    <i\r\n                      className=\"icofont icofont-power\"\r\n                      style={{ color: \"white\" }}\r\n                      onClick={() => this.logoutpopfunctn()}\r\n                    />\r\n                  </label>\r\n                </span>\r\n              </Link></div></> : null} */}\r\n        </div>\r\n\r\n\r\n        {/* sidebar */}\r\n        {/* {User.map(User=>  */}\r\n        <div className=\"side-menu\">\r\n          <div className=\"main-sidemenu\">\r\n            <div\r\n              className=\"row\"\r\n              id=\"sidelogo\"\r\n              style={{ padding: \"20px\", paddingBottom: \"0px\" }}\r\n            >\r\n              <img\r\n                src={logo}\r\n                alt=\"oatlogo\"\r\n                style={{\r\n                  height: \"68px\",\r\n                  width: \"68px\",\r\n                  marginTop: \"-8px\",\r\n                  marginLeft: \"0\",\r\n                }}\r\n              />\r\n              &nbsp;&nbsp;&nbsp;\r\n              <h6 style={{ fontSize: \"17px\" }}>\r\n                {/* Awesome Team{\" \"} */}\r\n                {User &&\r\n                  User.map((item) =>\r\n                    item.role === \"Platform Admin\" ? (\r\n                      <>\r\n                        <h6 style={{ fontSize: \"17px\", marginTop: \"10%\" }}>\r\n                          Awesome Team{\" \"}\r\n                        </h6>\r\n                        <h6 style={{ marginTop: \"13px\", textAlign: \"center\" }}>\r\n                          Platform Admin\r\n                        </h6>\r\n                      </>\r\n                    ) : (\r\n                      <h5> </h5>\r\n                    )\r\n                  )}\r\n              </h6>\r\n            </div>\r\n            <h6 style={{ fontSize: \"17px\" }}>\r\n              {User &&\r\n                User.map((item) =>\r\n                  item.role === \"Admin\" ? (\r\n                    <>\r\n                      <div\r\n                        style={{\r\n                          textAlign: \"center\",\r\n                          marginTop: \"-17%\",\r\n                          marginBottom: \"12%\",\r\n                          marginLeft: \"32%\",\r\n                        }}\r\n                      >\r\n                        <h6 style={{ fontSize: \"17px\" }}>\r\n                          Awesome Team{\" \"}\r\n                        </h6>\r\n                        {/* <span\r\n                          id=\"more-details\"\r\n                          style={{ display: \"inline-flex\" }}\r\n                        >\r\n                          {\" \"}\r\n                          <h6>{username}</h6>&nbsp;&nbsp;\r\n                        </span> */}\r\n                      </div>\r\n                    </>\r\n                  ) : null\r\n                )}\r\n            </h6>\r\n            {User &&\r\n              User.map((item) =>\r\n                item.role === \"User\" ? (\r\n                  <div\r\n                    style={{\r\n                      textAlign: \"center\",\r\n                      marginTop: \"-20%\",\r\n                      marginBottom: \"12%\",\r\n                      marginLeft: \"32%\",\r\n                    }}\r\n                  >\r\n                    <h6 style={{ fontSize: \"17px\" }}>Awesome Team </h6>\r\n                    {/* <span id=\"more-details\" style={{ display: \"inline-flex\" }}>\r\n                      {\" \"}\r\n                      <h6>{username}</h6>&nbsp;&nbsp;\r\n                    </span> */}\r\n                  </div>\r\n                ) : null\r\n              )}\r\n            {User &&\r\n              User.map((item) =>\r\n                item.role === \"User\" ? (\r\n                  <div\r\n                    style={{\r\n                      textAlign: \"center\",\r\n                      marginTop: \"-14%\",\r\n                      marginBottom: \"5%\",\r\n                      marginLeft: \"32%\",\r\n                    }}\r\n                  >\r\n                    <span id=\"more-details\" style={{ display: \"inline-flex\" }}>\r\n                      {\" \"}\r\n                      {/* <h6>{username}</h6>&nbsp;&nbsp; */}\r\n                    </span>\r\n                  </div>\r\n                ) : null\r\n              )}\r\n\r\n            <nav className=\"navmenu\" style={{ height: \"100vh\" }}>\r\n              {/* <div>     */}\r\n\r\n              <>\r\n                {\" \"}\r\n                <ul className=\"dashboard-menu\">\r\n                  {User &&\r\n                    User.map((item) =>\r\n                      item.role === \"User\" ? (\r\n                        <div style={{ lineHeight: \"0\" }}>\r\n                          <li\r\n                            className={\r\n                              this.props.active === \"/Userdashboard\"\r\n                                ? \"sideactive\"\r\n                                : null\r\n                            }\r\n                          >\r\n                            <Link className=\"sideline\" to=\"/Userdashboard\">\r\n                              {\" \"}\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <span>\r\n                                <i className=\"ti-home\" />\r\n                              </span>{\" \"}\r\n                              &nbsp;&nbsp;\r\n                              <span id=\"sidebarlist\"> Home </span>\r\n                              <span />\r\n                            </Link>\r\n                          </li>\r\n\r\n\r\n                          {UserTeam.map((Teams) => {\r\n                            if (Teams.email === Email) {\r\n\r\n                              return <>\r\n\r\n                                {(Teams.status == 0 || Teams.status == 3) ? null :\r\n                                  <li\r\n                                    id=\"sidebarChangePassword\"\r\n                                    className={\r\n                                      this.props.active === \"/Profile\"\r\n                                        ? \"sideactive\"\r\n                                        : null || \r\n                                        this.props.active === \"/ProfileGridDetails\"\r\n                                        ? \"sideactive\"\r\n                                        : null\r\n                                    }\r\n                                  >\r\n                                    <Link className=\"sideline\" to=\"/ProfileGridDetails\">\r\n                                      {\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                      <span>\r\n                                        <i className=\"ti-pencil-alt\" />\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <span id=\"sidebarlist\">Profile</span>\r\n                                      <span />\r\n                                    </Link>\r\n                                  </li>\r\n                                }</>\r\n                            }\r\n                          })}\r\n\r\n{UserTeam.map((Teams) => {\r\n                            if (Teams.email === Email) {\r\n\r\n                              return <>\r\n\r\n                                {(Teams.status == 0 || Teams.status == 3) ? null :\r\n                                  <li\r\n                                    id=\"sidebarChangePassword\"\r\n                                    className={\r\n                                      this.props.active === \"/UserTeam\"\r\n                                        ? \"sideactive\"\r\n                                        : null || \r\n                                        this.props.active === \"/Teamgriddetails\"\r\n                                        ? \"sideactive\"\r\n                                        : null\r\n                                    }\r\n                                  >\r\n                                    <Link className=\"sideline\" to=\"/UserTeam\">\r\n                                      {\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                      <span>\r\n                                        <i className=\"icofont icofont-people\" />\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <span id=\"sidebarlist\">Team</span>\r\n                                      <span />\r\n                                    </Link>\r\n                                  </li>\r\n                                }</>\r\n                            }\r\n                          })}\r\n                          {UserTeam.map((Teams) => {\r\n                            if (Teams.email === Email) {\r\n\r\n                              return <>\r\n\r\n                                {(Teams.status == 0 || Teams.status == 3) ? null :\r\n                                  <>\r\n                                    {SkillDetails.length == 0 ? null : (\r\n                                      <li\r\n                                        id=\"sidebarChangePassword\"\r\n                                        className={\r\n                                          this.props.active === \"/Userchating\"\r\n                                            ? \"sideactive\"\r\n                                            : null\r\n                                        }\r\n                                      >\r\n                                        <Link className=\"sideline\" to=\"/Userchating\">\r\n                                          {\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                          <span>\r\n                                            <i\r\n                                              className=\"far fa-comment\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </span>{\" \"}\r\n                                          &nbsp;&nbsp;\r\n                                          <span id=\"sidebarlist\"> Town Hall </span>\r\n                                          {this.state.Noticount === 1 ||\r\n                                            notificationCount === 0 ? null : (\r\n                                            <span>({notificationCount})</span>\r\n                                          )}\r\n                                          {/* &nbsp;&nbsp;&nbsp;\r\n                                <span> Discussions </span> */}\r\n                                          <span />\r\n                                        </Link>\r\n                                      </li>\r\n                                    )}\r\n                                  </>\r\n                                }</>\r\n                            }\r\n                          })}\r\n                          {UserTeam.map((Teams) => {\r\n                            if (Teams.email === Email) {\r\n\r\n                              return <>\r\n\r\n                                {(Teams.status == 0 || Teams.status == 3) ? null :\r\n                                  <>\r\n                                    {SkillDetails.length == 0 ? null : (\r\n                                      <li\r\n                                        id=\"sidebarChangePassword\"\r\n                                        className={\r\n                                          this.props.active === \"/UserCompanyDocument\"\r\n                                            ? \"sideactive\"\r\n                                            : null\r\n                                        }\r\n                                      >\r\n                                        <Link\r\n                                          className=\"sideline\"\r\n                                          to=\"/UserCompanyDocument\"\r\n                                        >\r\n                                          {\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                          <span>\r\n                                          <i className=\"icofont icofont-file-document\"></i>\r\n                                          </span>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <span id=\"sidebarlist\">Office Documents</span>\r\n                                          <span />\r\n                                        </Link>\r\n                                      </li>\r\n                                    )}\r\n                                  </>\r\n                                }</>\r\n                            }\r\n                          })}\r\n                          {UserTeam.map((Teams) => {\r\n                            if (Teams.email === Email) {\r\n\r\n                              return <>\r\n\r\n                                {(Teams.status == 0 || Teams.status == 3) ? null :\r\n                                  <>\r\n                                    {SkillDetails.length == 0 ? null : (\r\n                                      <li\r\n                                        id=\"sidebarChangePassword\"\r\n                                        className={\r\n                                          this.props.active === \"/UserHoliday\"\r\n                                            ? \"sideactive\"\r\n                                            : null\r\n                                        }\r\n                                      >\r\n                                        <Link className=\"sideline\" to=\"/UserHoliday\">\r\n                                          {\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                          <span>\r\n                                            <i className=\"icofont icofont-beach\" />\r\n                                          </span>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <span id=\"sidebarlist\">Holidays</span>\r\n                                          <span />\r\n                                        </Link>\r\n                                      </li>\r\n                                    )}\r\n                                  </>\r\n                                }</>\r\n                            }\r\n                          })}\r\n                         \r\n                          {/* {UserTeam.map((Teams) => {\r\n                            if (Teams.email === Email) {\r\n\r\n                              return <>\r\n\r\n                                {(Teams.status == 0 || Teams.status == 3) ? null :\r\n                                  <>\r\n\r\n                                    {SkillDetails.length == 0 ? null : (\r\n                                      <li\r\n                                        id=\"sidebartraining\"\r\n                                        className={\r\n                                          this.props.active === \"/TrainingCard\"\r\n                                            ? \"sideactive\"\r\n                                            : null ||\r\n                                              this.props.active === \"/LearningSchedule\"\r\n                                              ? \"sideactive\"\r\n                                              : null ||\r\n                                                this.props.active === \"/TrainingSchedule\"\r\n                                                ? \"sideactive\"\r\n                                                : null\r\n                                        }\r\n                                      >\r\n                                        <a href className=\"sideline\">\r\n                                          <span>\r\n                                            <Link\r\n                                              className=\"sideline\"\r\n                                              to=\"/TrainerDashboard\"\r\n                                            >\r\n                                              {\" \"}\r\n                                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                              <span>\r\n                                                <i className=\"icofont icofont-company\"></i>\r\n                                              </span>{\" \"}\r\n                                              &nbsp;&nbsp;&nbsp;\r\n                                              <span>Training</span>\r\n                                              <span />\r\n                                            </Link>\r\n                                            &nbsp;&nbsp;\r\n                                            <label\r\n                                              className=\"label-text\"\r\n                                              htmlFor=\"open-Training\"\r\n                                              id=\"sidelidropdownIcon\"\r\n                                            >\r\n                                              <i\r\n                                                id=\"sidedrop\"\r\n                                                className=\"ti-angle-down\"\r\n                                              />\r\n                                            </label>\r\n                                          </span>\r\n                                          <input\r\n                                            id=\"open-Training\"\r\n                                            type=\"checkbox\"\r\n                                            className=\"open-Training\"\r\n                                          />\r\n                                          <ul className=\"Trainingdown\" id=\"listbottom\">\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <li>\r\n                                              <Link to={Trainer ? link2 : link1}>\r\n                                                Assigned Training\r\n                                              </Link>\r\n                                            </li>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <li>\r\n                                              <Link to={Trainer ? link3 : link4}>\r\n                                                Active Training\r\n                                              </Link>\r\n                                            </li>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <li>\r\n                                              <Link to={Trainer ? link5 : link6}>\r\n                                                Training Documents\r\n                                              </Link>\r\n                                            </li>\r\n                                          </ul>\r\n                                        </a>\r\n                                      </li>\r\n                                    )}\r\n                                  </>\r\n                                }</>\r\n                            }\r\n                          })} */}\r\n                          {UserTeam.map((Teams) => {\r\n                            if (Teams.email === Email) {\r\n\r\n                              return <>\r\n\r\n                                {(Teams.status == 0 || Teams.status == 3) ? null :\r\n                                  <>\r\n                                    {SkillDetails.length == 0 ? null : (\r\n                                      <li\r\n                                        id=\"sidebarNotifications\"\r\n                                        className={\r\n                                          this.props.active === \"/UserNotifications\" ||\r\n                                            this.props.active === \"/Contactmsg\"\r\n                                            ? \"sideactive\"\r\n                                            : null\r\n                                        }\r\n                                      >\r\n                                        <Link className=\"sideline\" to=\"/UserNotifications\">\r\n                                          {\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                          <span>\r\n                                            <i className=\"ti-bell\" />\r\n                                          </span>{\" \"}\r\n                                          &nbsp;&nbsp;\r\n                                          <span id=\"sidebarlist\">\r\n                                            {\" \"}\r\n                                            {this.state.Unreadcountuser === 0 ? (\r\n                                              \"Notifications\"\r\n                                            ) : (\r\n                                              <>\r\n                                                {\" \"}\r\n                                                Notifications ({this.state.Unreadcountuser})\r\n                                              </>\r\n                                            )}{\" \"}\r\n                                          </span>\r\n                                          <span />\r\n                                        </Link>\r\n                                      </li>\r\n                                    )}\r\n                                  </>\r\n                                }</>\r\n                            }\r\n                          })}\r\n                         \r\n                          {UserTeam.map((Teams) => {\r\n                            if (Teams.email === Email) {\r\n\r\n                              return <>\r\n\r\n                                {(Teams.status == 0 || Teams.status == 3) ? null :\r\n                                  <>\r\n\r\n                                    {SkillDetails.length == 0 ? null : (\r\n                                      <li\r\n                                        id=\"sidebarChangePassword\"\r\n                                        className={\r\n                                          this.props.active === \"/UserAnnouncement\"\r\n                                            ? \"sideactive\"\r\n                                            : null\r\n                                        }\r\n                                      >\r\n                                        <Link className=\"sideline\" to=\"/UserAnnouncement\">\r\n                                          {\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                          <span>\r\n                                            <i className=\"icofont icofont-mega-phone\" />\r\n                                          </span>{\" \"}\r\n                                          &nbsp;&nbsp;\r\n                                          <span id=\"sidebarlist\">\r\n                                            {\" \"}\r\n                                            {this.state.Unreadcountannounce > 0 ? (\r\n                                              <span>\r\n                                                Announcements(\r\n                                                {this.state.Unreadcountannounce})\r\n                                              </span>\r\n                                            ) : (\r\n                                              <span> Announcements</span>\r\n                                            )}{\" \"}\r\n                                          </span>\r\n                                          <span />\r\n                                        </Link>\r\n                                      </li>\r\n                                    )}\r\n                                  </>\r\n                                }</>\r\n                            }\r\n                          })}\r\n\r\n                          \r\n\r\n                          {UserTeam.map((Teams) => {\r\n                            if (Teams.email === Email) {\r\n\r\n                              return <>\r\n\r\n                                {(Teams.status == 0 || Teams.status == 3) ? null :\r\n                                  <li\r\n                                    id=\"sidebarChangePassword\"\r\n                                    className={\r\n                                      this.props.active === \"/ChangePwd\"\r\n                                        ? \"sideactive\"\r\n                                        : null\r\n                                    }\r\n                                  >\r\n                                    <Link className=\"sideline\" to=\"/ChangePwd\">\r\n                                      {\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                      <span>\r\n                                        <i className=\"icofont icofont-key\" />\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <span id=\"sidebarlist\">Change Password</span>\r\n                                      <span />\r\n                                    </Link>\r\n                                  </li>\r\n                                }</>\r\n                            }\r\n                          })}\r\n\r\n                          <li onClick={() => this.logoutpopfunctn()}>\r\n                            &nbsp;&nbsp;&nbsp;{\" \"}\r\n                            <Link>\r\n                              {\" \"}\r\n                              <i className=\"icofont icofont-power\" id=\"sidebarlist\"></i>\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <span id=\"sidebarlist\">Logout</span>\r\n                            </Link>\r\n                          </li>\r\n                          {/* <li id=\"sidebarChangePassword\" className={this.props.active === \"#/Chatbox\" ? \"sideactive\" : null}>\r\n                      <Link className=\"sideline\" to=\"/Chatbox\">  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                        <span ><i className=\"fa fa-comment\" aria-hidden=\"true\"></i></span> &nbsp;&nbsp;&nbsp;\r\n                        <span >  Chat </span>\r\n                        <span />\r\n                      </Link>\r\n                    </li> */}\r\n                          {/* <li\r\n                            id=\"sidebarChangePassword\"\r\n                            className={\r\n                              this.props.active === \"#/Chatbox\"\r\n                                ? \"sideactive\"\r\n                                : null\r\n                            }\r\n                          >\r\n                            <Link className=\"sideline\" to=\"/Chatbox\">\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <span>\r\n                                <i className=\"fa fa-comment\" aria-hidden=\"true\"></i>\r\n                              </span>{\" \"}\r\n                              &nbsp;&nbsp;&nbsp;\r\n                              <span> Chat </span>\r\n                              <span />\r\n                            </Link>\r\n                          </li> */}\r\n                        </div>\r\n                      ) : null\r\n                    )}\r\n\r\n                  {User &&\r\n                    User.map((item) =>\r\n                      item.role === \"Platform Admin\" ? (\r\n                        <div style={{ lineHeight: \"0\" }}>\r\n                          <li\r\n                            className={\r\n                              this.props.active === \"/Dashboard\"\r\n                                ? \"sideactive\"\r\n                                : null\r\n                            }\r\n                          >\r\n                            <Link className=\"sideline\" to=\"/Dashboard\">\r\n                              {\" \"}\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <span>\r\n                                <i className=\"ti-home\" />\r\n                              </span>{\" \"}\r\n                              &nbsp;&nbsp;\r\n                              <span id=\"sidebarlist\">Home </span>\r\n                              <span />\r\n                            </Link>\r\n                          </li>\r\n                          <li\r\n                            id=\"mainorg\"\r\n                            className={\r\n                              this.props.active === \"/Organization\" ||\r\n                                this.props.active === \"/EditOrganization\" ||\r\n                                this.props.active === \"/OrganizationDetail\" ||\r\n                                this.props.active === \"/RejectOrg\" ||\r\n                                this.props.active === \"/ActiveReson\"\r\n                                ? \"sideactive\"\r\n                                : null\r\n                            }\r\n                          >\r\n                            <Link to=\"/Organization\">\r\n                              <a href>\r\n                                {\" \"}\r\n                                &nbsp;&nbsp;&nbsp;\r\n                                <span>\r\n                                  <i\r\n                                    className=\"icofont icofont-bank-alt\"\r\n                                    style={{ marginLeft: \"4px\" }}\r\n                                  />\r\n                                </span>{\" \"}\r\n                                &nbsp;&nbsp;\r\n                                <span id=\"sidebarlist\">\r\n                                  {item.role === \"Platform Admin\"\r\n                                    ? \"Entities\"\r\n                                    : \"Entity Profile \"}{\" \"}\r\n                                </span>\r\n                                <span />\r\n                              </a>{\" \"}\r\n                            </Link>\r\n                          </li>\r\n\r\n                          <li\r\n                            id=\"sidebarDirectories\"\r\n                            className={\r\n                              this.props.active === \"/SACategory\" ||\r\n                                this.props.active === \"/Gridskill\" ||\r\n                                this.props.active === \"/SACourse\" ||\r\n                                this.props.active === \"/SASpecialization\" ||\r\n                                this.props.active === \"/SADegree\" ||\r\n                                this.props.active === \"/SADegreeLevel\" ||\r\n                                this.props.active === \"/SADesignation\" ||\r\n                                this.props.active === \"/SADepartment\" ||\r\n                                this.props.active === \"/Masterpage\"\r\n                                ? \"sideactive\"\r\n                                : null\r\n                            }\r\n                          >\r\n                            <Link className=\"sideline\" to=\"/Masterpage\">\r\n                              {\" \"}\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <span>\r\n                                <i className=\"icofont icofont-people\" />\r\n                              </span>{\" \"}\r\n                              &nbsp;&nbsp;\r\n                              <span id=\"sidebarlist\">Categories</span>\r\n                            </Link>\r\n                          </li>\r\n\r\n                          {/* <li\r\n                            id=\"sidebarTraining\"\r\n                            className={\r\n                              this.props.active === \"/Train\"\r\n                                ? \"sideactive\"\r\n                                : null\r\n                            }\r\n                          >\r\n                            <a href className=\"sideline\">\r\n                              <span>\r\n                                <Link className=\"sideline\" to=\"/Train\">\r\n                                  {\" \"}\r\n                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  <span>\r\n                                    <i\r\n                                      className=\"icofont icofont-company\"\r\n                                      style={{ fontSize: \"14px\" }}\r\n                                    />\r\n                                  </span>{\" \"}\r\n                                  &nbsp;&nbsp;\r\n                                  <span>Trainings</span>\r\n                                  <span />\r\n                                </Link>\r\n                                &nbsp;&nbsp;\r\n                                <label\r\n                                  className=\"label-text\"\r\n                                  htmlFor=\"open-team\"\r\n                                  id=\"sidelidropdownIcon\"\r\n                                >\r\n                                  <i className=\"ti-angle-down\" />\r\n                                </label>\r\n                              </span>\r\n                              <input\r\n                                id=\"open-team\"\r\n                                type=\"checkbox\"\r\n                                className=\"open-team\"\r\n                              />\r\n                              <ul className=\"team\" id=\"listbottom\">\r\n                                &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                <li>\r\n                                  <Link to=\"/Train\">Training Master</Link>\r\n                                </li>\r\n                              </ul>\r\n                            </a>\r\n                          </li> */}\r\n\r\n                          <li\r\n                            id=\"sidebarAnnouncements\"\r\n                            className={\r\n                              this.props.active === \"/AnnouncementPreviewSP\"\r\n                                ? \"sideactive\"\r\n                                : null ||\r\n                                  this.props.active === \"/Announcement\"\r\n                                  ? \"sideactive\"\r\n                                  : null\r\n                            }\r\n                          >\r\n                            <Link className=\"sideline\" to=\"/AnnouncementPreviewSP\">\r\n                              {\" \"}\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <span>\r\n                                <i className=\"icofont icofont-mega-phone\" />\r\n                              </span>{\" \"}\r\n                              &nbsp;&nbsp;\r\n                              <span\r\n                                style={{ marginLeft: \"0px\" }}\r\n                                id=\"sidebarlist\"\r\n                              >\r\n                                Announcements\r\n                              </span>\r\n                              <span />\r\n                            </Link>\r\n                          </li>\r\n\r\n                          <li\r\n                            id=\"sidebarNotifications\"\r\n                            className={\r\n                              this.props.active === \"/Notifications\" ||\r\n                                this.props.active === \"/Contactmsg\"\r\n                                ? \"sideactive\"\r\n                                : null\r\n                            }\r\n                          >\r\n                            <Link className=\"sideline\" to=\"/Notifications\">\r\n                              {\" \"}\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <span>\r\n                                <i className=\"ti-bell\" />\r\n                              </span>\r\n                              &nbsp;&nbsp;\r\n                              <span id=\"sidebarlist\">\r\n\r\n                                {this.state.Unreadcount === 0 ? (\r\n                                  \"Notifications\"\r\n                                ) : (\r\n                                  <> Notifications ({this.state.Unreadcount})</>\r\n                                )}{\" \"}\r\n                              </span>\r\n                              <span />\r\n                            </Link>\r\n                          </li>\r\n\r\n                          <li\r\n                            id=\"sidebarNotifications\"\r\n                            className={\r\n                              this.props.active === \"/Messages\" ||\r\n                                this.props.active === \"/Contactmsg\"\r\n                                ? \"sideactive\"\r\n                                : null\r\n                            }\r\n                          >\r\n                            <Link className=\"sideline\" to=\"/Messages\">\r\n                              {\" \"}\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <span>\r\n                                <i className=\"ti-comment\" />\r\n                              </span>{\" \"}\r\n                              &nbsp;\r\n                              <span id=\"sidebarlist\">\r\n                                {\" \"}\r\n                                {this.state.UnreadcountMsg === 0 ? (\r\n                                  \"Messages\"\r\n                                ) : (\r\n                                  <> Messages ({this.state.UnreadcountMsg})</>\r\n                                )}{\" \"}\r\n                              </span>\r\n                              <span />\r\n                            </Link>\r\n                          </li>\r\n\r\n                          <li\r\n                            id=\"sidebarChangePassword\"\r\n                            className={\r\n                              this.props.active === \"/ChangePwd\"\r\n                                ? \"sideactive\"\r\n                                : null\r\n                            }\r\n                          >\r\n                            <Link className=\"sideline\" to=\"/ChangePwd\">\r\n                              {\" \"}\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <span>\r\n                                <i className=\"icofont icofont-key\" />\r\n                              </span>{\" \"}\r\n                              &nbsp;&nbsp;\r\n                              <span id=\"sidebarlist\">Change Password</span>\r\n                              <span />\r\n                            </Link>\r\n                          </li>\r\n\r\n                          <li onClick={() => this.logoutpopfunctn()}>\r\n                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                            <Link>\r\n\r\n                              <i className=\"icofont icofont-power\" id=\"sidebarlist\"></i>\r\n                              &nbsp;&nbsp;&nbsp;\r\n                              <span id=\"sidebarlist\">Logout</span>\r\n                            </Link>\r\n                          </li>\r\n                        </div>\r\n                      ) : null\r\n                    )}\r\n\r\n                  {/* Admin Sidebar */}\r\n\r\n                  {User &&\r\n                    User.map((item) =>\r\n                      item.role === \"Admin\" ? (\r\n                        <>\r\n                          {this.state.Organization === \"3\" ||\r\n                            this.state.Organization === \"4\" ||\r\n                            this.state.Organization === \"2\" ||\r\n                            this.state.Organization === \"0\" ? (\r\n                            <>\r\n                              <div style={{ lineHeight: \"0\" }}>\r\n                                <li\r\n                                  className={\r\n                                    this.props.active === \"/Dashboard\" ||\r\n                                      this.props.active === \"/AdminHome\"\r\n                                      ? \"sideactive\"\r\n                                      : null\r\n                                  }\r\n                                >\r\n                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  <i className=\"ti-home\"></i> &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  {this.state.Organization === \"3\" ||\r\n                                    this.state.Organization === \"4\" ? (\r\n                                    <Link\r\n                                      to=\"/AdminHome\"\r\n                                      style={{ marginLeft: \"-3px\" }}\r\n                                      id=\"sidebarlist\"\r\n                                    >\r\n                                      Home\r\n                                    </Link>\r\n                                  ) : (\r\n                                    <Link\r\n                                      to=\"/Dashboard\"\r\n                                      style={{ marginLeft: \"-7px\" }}\r\n                                      id=\"sidebarlist\"\r\n                                    >\r\n                                      Home\r\n                                    </Link>\r\n                                  )}{\" \"}\r\n                                </li>\r\n\r\n                                <li\r\n                                  id=\"mainorg\"\r\n                                  className={\r\n                                    this.props.active === \"/Organization\" ||\r\n                                      this.props.active === \"/AddOrganization\" ||\r\n                                      this.props.active === \"/EditOrganization\"\r\n                                      ? \"sideactive\"\r\n                                      : null\r\n                                  }\r\n                                >\r\n                                  <a href>\r\n                                    {\" \"}\r\n                                    &nbsp;&nbsp;&nbsp;\r\n                                    <span>\r\n                                      <i\r\n                                        className=\"icofont icofont-bank-alt\"\r\n                                        style={{\r\n                                          marginLeft: \"4px\",\r\n                                          fontSize: \"15px\",\r\n                                        }}\r\n                                      />\r\n                                    </span>{\" \"}\r\n                                    &nbsp;\r\n                                    <span id=\"sidebarlist\">\r\n                                      {this.state.Organization === \"3\" ||\r\n                                        this.state.Organization === \"4\" ? (\r\n                                        <Link to=\"/AddOrganization\">\r\n                                          {\" \"}\r\n                                          Entity Profile\r\n                                        </Link>\r\n                                      ) : (\r\n                                        <Link to=\"/Organization\">\r\n                                          {\" \"}\r\n                                          Entity Profile\r\n                                        </Link>\r\n                                      )}\r\n                                    </span>\r\n                                    <span />\r\n                                  </a>\r\n                                </li>\r\n\r\n                                {this.state.Organization === \"0\" ?\r\n                               \r\n                                <li\r\n                                      id=\"sidebarAnnouncements\"\r\n                                      className={\r\n                                        this.props.active ===\r\n                                          \"/AnnouncementPreview\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active ===\r\n                                            \"/AdminAnnouncement\"\r\n                                            ? \"sideactive\"\r\n                                            : null ||\r\n                                              this.props.active ===\r\n                                              \"/AllAnnouncement\"\r\n                                              ? \"sideactive\"\r\n                                              : null\r\n                                      }\r\n                                    >\r\n                                      <Link\r\n                                        className=\"sideline\"\r\n                                        to=\"/AnnouncementPreview\"\r\n                                      >\r\n                                        {\" \"}\r\n                                        &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                        <span>\r\n                                          <i className=\"icofont icofont-mega-phone\" />\r\n                                        </span>{\" \"}\r\n                                        &nbsp;&nbsp;&nbsp;\r\n                                        <span\r\n                                          style={{ marginLeft: \"-5px\" }}\r\n                                          id=\"sidebarlist\"\r\n                                        >\r\n                                          {this.state.Anncount === 0 ? (\r\n                                            \"Announcements\"\r\n                                          ) : (\r\n                                            <>\r\n                                             \r\n                                              Announcements ({this.state.Anncount})\r\n                                            </>\r\n                                          )}\r\n\r\n                                        </span>\r\n                                        <span />\r\n                                      </Link>\r\n                                    </li>:null}\r\n\r\n                                   \r\n                                <li\r\n                                  id=\"sidebarAnnouncements\"\r\n                                  className={\r\n                                    this.props.active === \"/AdminNotification\"\r\n                                      ? \"sideactive\"\r\n                                      : null\r\n                                  }\r\n                                >\r\n                                  <Link\r\n                                    className=\"sideline\"\r\n                                    to=\"/AdminNotification\"\r\n                                  >\r\n                                    {\" \"}\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                    <span>\r\n                                      <i className=\"ti-bell\" />\r\n                                    </span>{\" \"}\r\n                                    &nbsp;&nbsp;&nbsp;\r\n                                    <span\r\n                                      style={{ marginLeft: \"-5px\" }}\r\n                                      id=\"sidebarlist\"\r\n                                    >\r\n                                     \r\n                                      {this.state.Noticount === 0 ? (\r\n                                        \"Notifications\"\r\n                                      ) : (\r\n                                        <>\r\n                                         \r\n                                          Notifications ({this.state.Noticount})\r\n                                        </>\r\n                                      )}\r\n\r\n                                    </span>\r\n                                    <span />\r\n                                  </Link>\r\n                                </li>\r\n                                <li\r\n                                  className={\r\n                                    this.props.active === \"/contact\"\r\n                                      ? \"sideactive\"\r\n                                      : null\r\n                                  }\r\n                                >\r\n                                  <a href>\r\n                                    {\" \"}\r\n                                    &nbsp;&nbsp;&nbsp;\r\n                                    <span>\r\n                                      <i\r\n                                        className=\"icofont icofont-phone\"\r\n                                        style={{\r\n                                          fontSize: \"15px\",\r\n                                          marginLeft: \"4px\",\r\n                                        }}\r\n                                      />\r\n                                    </span>{\" \"}\r\n                                    &nbsp;\r\n                                    <span id=\"sidebarlist\">\r\n                                      {\" \"}\r\n                                      <Link\r\n                                        to=\"/contact\"\r\n                                        style={{ marginLeft: \"0px\" }}\r\n                                      >\r\n                                        Contact Admin\r\n                                      </Link>\r\n                                    </span>\r\n                                    <span />\r\n                                  </a>\r\n                                </li>\r\n                                <li onClick={() => this.logoutpopfunctn()}>\r\n                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  <Link>\r\n\r\n                                    <i className=\"icofont icofont-power\" id=\"sidebarlist\"></i>\r\n                                    &nbsp;&nbsp;&nbsp;\r\n                                    <span id=\"sidebarlist\">Logout</span>\r\n                                  </Link>\r\n                                </li>\r\n                              </div>\r\n                            </>\r\n                          ) : (\r\n                            <>\r\n                              {this.props.active === \"/AdminProfile\" ? (\r\n                                <>\r\n                                  <div style={{ lineHeight: \"0\" }}>\r\n                                    <li\r\n                                      className={\r\n                                        this.props.active === \"/Dashboard\"\r\n                                          ? \"sideactive\"\r\n                                          : null\r\n                                      }\r\n                                    >\r\n                                      &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                      <i className=\"ti-home\"></i>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                      <Link\r\n                                        to=\"/Dashboard\"\r\n                                        style={{ marginLeft: \"-7px\" }}\r\n                                        id=\"sidebarlist\"\r\n                                      >\r\n                                        Home\r\n                                      </Link>\r\n                                    </li>\r\n\r\n                                    <li\r\n                                      id=\"mainorg\"\r\n                                      className={\r\n                                        this.props.active === \"/Organization\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active ===\r\n                                            \"/EditOrganization\"\r\n                                            ? \"sideactive\"\r\n                                            : null ||\r\n                                              this.props.active ===\r\n                                              \"/OrganizationDetail\"\r\n                                              ? \"sideactive\"\r\n                                              : null\r\n                                      }\r\n                                    >\r\n                                      <a href>\r\n                                        {\" \"}\r\n                                        &nbsp;&nbsp;&nbsp;\r\n                                        <span>\r\n                                          <i\r\n                                            className=\"icofont icofont-bank-alt\"\r\n                                            style={{ marginLeft: \"4px\" }}\r\n                                          />\r\n                                        </span>{\" \"}\r\n                                        &nbsp;\r\n                                        <span id=\"sidebarlist\">\r\n                                          {\" \"}\r\n                                          <Link\r\n                                            to\r\n                                            onClick={() => this.AsAdminModel()}\r\n                                          >\r\n                                            {\" \"}\r\n                                            Entity Profile{\" \"}\r\n                                          </Link>\r\n                                        </span>\r\n                                        <span />\r\n                                      </a>\r\n                                    </li>\r\n                                    <li\r\n                                      className={\r\n                                        this.props.active === \"/AdminProfile\"\r\n                                          ? \"sideactive\"\r\n                                          : null\r\n                                      }\r\n                                    >\r\n                                      &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                      <i\r\n                                        id=\"sidebarlist\"\r\n                                        className=\"ti-user\"\r\n                                      ></i>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                      <Link to style={{ marginLeft: \"-7px\" }}>\r\n                                        <span id=\"sidebarlist\">\r\n                                          Personal Profile\r\n                                        </span>\r\n                                      </Link>{\" \"}\r\n                                    </li>\r\n                                    <li onClick={() => this.logoutpopfunctn()}>\r\n                                      &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                      <Link>\r\n\r\n                                        <i className=\"icofont icofont-power\" id=\"sidebarlist\"></i>\r\n                                        &nbsp;&nbsp;&nbsp;\r\n                                        <span id=\"sidebarlist\">Logout</span>\r\n                                      </Link>\r\n                                    </li>\r\n                                  </div>\r\n                                </>\r\n                              ) : (\r\n                                <>\r\n                                  <div style={{\r\n                                    lineHeight: \"0\",\r\n                                    // height:'88vh',\r\n                                    // background:'wheat'\r\n                                    // transition: 'overflow-y 0.5s'  }}\r\n                                  }}\r\n                                    id=\"sidebarscroll\">\r\n                                    <li\r\n                                      className={\r\n                                        this.props.active === \"/Dashboard\"\r\n                                          ? \"sideactive\"\r\n                                          : null\r\n                                      }\r\n                                    >\r\n                                      {/* &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                      <i className=\"ti-home\"></i>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                      <Link\r\n                                        to=\"/Dashboard\"\r\n                                        style={{ marginLeft: \"-7px\" }}\r\n                                      >\r\n                                        HomeA\r\n                                      </Link> */}\r\n                                      <Link\r\n                                        className=\"sideline\"\r\n                                        to=\"/Dashboard\"\r\n                                      >\r\n                                        {\" \"}\r\n                                        &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                        <span>\r\n                                          <i className=\"ti-home\" />\r\n                                        </span>{\" \"}\r\n                                        &nbsp;\r\n                                        <span id=\"sidebarlist\"> Home </span>\r\n                                        <span />\r\n                                      </Link>\r\n                                    </li>\r\n\r\n                                    <li\r\n                                      id=\"mainorg\"\r\n                                      className={\r\n                                        this.props.active === \"/Organization\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active ===\r\n                                            \"/EditOrganization\"\r\n                                            ? \"sideactive\"\r\n                                            : null ||\r\n                                              this.props.active ===\r\n                                              \"/OrganizationDetail\"\r\n                                              ? \"sideactive\"\r\n                                              : null\r\n                                      }\r\n                                    >\r\n                                      <a href>\r\n                                        <Link to=\"/Organization\">\r\n                                          {\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <span>\r\n                                            <i\r\n                                              className=\"icofont icofont-bank-alt\"\r\n                                              style={{ marginLeft: \"4px\" }}\r\n                                            />\r\n                                          </span>{\" \"}\r\n                                          &nbsp;&nbsp;\r\n                                          <span id=\"sidebarlist\">\r\n\r\n                                            Entity Profile{\" \"}\r\n                                          </span>\r\n                                          <span />\r\n                                        </Link>\r\n                                      </a>\r\n                                    </li>\r\n                                    <li\r\n                                      className={\r\n                                        this.props.active === \"/AdminProfile\"\r\n                                          ? \"sideactive\"\r\n                                          : this.props.active === \"/AdminProfileGrid\"\r\n                                          ? \"sideactive\"\r\n                                          :null\r\n                                      }\r\n                                    >\r\n                                      <Link\r\n                                        to\r\n                                        onClick={() => this.ProfileModel()}\r\n                                      // style={{ marginLeft: \"-7px\" }}\r\n                                      >\r\n                                        &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                        <i\r\n                                          id=\"sidebarlist\"\r\n                                          className=\"ti-user\"\r\n                                          style={{ fontSize: \"12px\" }}\r\n                                        ></i>\r\n                                        &nbsp; &nbsp;{\" \"}\r\n                                        <span id=\"sidebarlist\">\r\n                                          Personal Profile\r\n                                        </span>\r\n                                      </Link>{\" \"}\r\n                                    </li>\r\n                                    <li\r\n                                      id=\"sidebarteam\"\r\n                                      className={\r\n                                        this.props.active === \"/Team\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active === \"/AddTeam\"\r\n                                            ? \"sideactive\"\r\n                                            : null ||\r\n                                              this.props.active === \"/EditTeam\"\r\n                                              ? \"sideactive\"\r\n                                              : null ||\r\n                                                this.props.active === \"/TeamDash\"\r\n                                                ? \"sideactive\"\r\n                                                : null ||\r\n                                                  this.props.active === \"/Teamdetail\"\r\n                                                  ? \"sideactive\"\r\n                                                  : null||\r\n                                                  this.props.active === \"/Teamgriddetails\"\r\n                                                  ? \"sideactive\"\r\n                                                  : null\r\n                                      }\r\n                                    >\r\n                                      <a href className=\"sideline\">\r\n                                        {/* &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                        <span>\r\n                                          <i\r\n                                            className=\"icofont icofont-people\"\r\n                                            style={{ fontSize: \"14px\" }}\r\n                                          ></i>\r\n                                        </span>{\" \"}\r\n                                        &nbsp;\r\n                                        <span>\r\n                                          {\" \"}\r\n                                          <Link\r\n                                            to=\"/TeamDash\"\r\n                                            style={{ marginLeft: \"-3px\" }}\r\n                                          >\r\n                                            Team\r\n                                          </Link> */}\r\n                                        <span>\r\n                                          <Link\r\n                                            className=\"sideline\"\r\n                                            to=\"/TeamDash\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                            <span>\r\n                                              <i className=\"icofont icofont-people\" />\r\n                                            </span>{\" \"}\r\n                                            &nbsp;\r\n                                            <span> Team</span>\r\n                                            <span />\r\n                                          </Link>\r\n                                          &nbsp;&nbsp;\r\n                                          <label\r\n                                            className=\"label-text\"\r\n                                            htmlFor=\"open-team\"\r\n                                            id=\"sidelidropdownIcon\"\r\n                                          >\r\n                                            <i className=\"ti-angle-down\" />\r\n                                          </label>\r\n                                        </span>\r\n                                        <input\r\n                                          id=\"open-team\"\r\n                                          type=\"checkbox\"\r\n                                          className=\"open-team\"\r\n                                        />\r\n                                        <ul className=\"team\" id=\"listbottom\">\r\n                                          &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                          <li>\r\n                                            <Link to=\"/Team\">Members</Link>\r\n                                          </li>\r\n                                        </ul>\r\n                                      </a>\r\n                                    </li>\r\n\r\n                                    {/* <li\r\n                                      id=\"sidebarskills\"\r\n                                      className={\r\n                                        this.props.active === \"/SkillMaster\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active === \"/AddSkills\"\r\n                                            ? \"sideactive\"\r\n                                            : null ||\r\n                                              this.props.active === \"/SkillGrid\"\r\n                                              ? \"sideactive\"\r\n                                              : null ||\r\n                                                this.props.active === \"/SkillCard\"\r\n                                                ? \"sideactive\"\r\n                                                : null ||\r\n                                                  this.props.active === \"/EditSkill\"\r\n                                                  ? \"sideactive\"\r\n                                                  : null ||\r\n                                                    this.props.active ===\r\n                                                    \"/MasterSkills\"\r\n                                                    ? \"sideactive\"\r\n                                                    : null ||\r\n                                                      this.props.active ===\r\n                                                      \"/CategoryMaster\"\r\n                                                      ? \"sideactive\"\r\n                                                      : null\r\n                                      }\r\n                                    >\r\n                                      <a href className=\"sideline\">\r\n                                        <span>\r\n                                          <Link\r\n                                            className=\"sideline\"\r\n                                            to=\"/SkillCard\"\r\n                                          >\r\n\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                            <span>\r\n                                              <i\r\n                                                className=\"ti-pencil-alt\"\r\n                                                style={{ fontSize: \"12px\" }}\r\n                                              />\r\n                                            </span>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <span> Skills</span>\r\n                                            <span />\r\n                                          </Link>\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <label\r\n                                            className=\"label-text\"\r\n                                            htmlFor=\"open-skill\"\r\n                                            id=\"sidelidropdownIcon\"\r\n                                          >\r\n                                            <i\r\n                                              id=\"sidedrop\"\r\n                                              className=\"ti-angle-down\"\r\n                                            />\r\n                                          </label>{\" \"}\r\n                                        </span>\r\n                                        <input\r\n                                          id=\"open-skill\"\r\n                                          type=\"checkbox\"\r\n                                          className=\"open-skill\"\r\n                                        />\r\n                                        <ul className=\"skilldown\" id=\"listbottom\">\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <li>\r\n                                            <Link to=\"/MasterSkills\">\r\n                                              Skill Master{\" \"}\r\n                                            </Link>\r\n                                          </li>\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <li className=\"skill-li\">\r\n                                            <Link to=\"/CategoryMaster\">\r\n                                              Category Master{\" \"}\r\n                                            </Link>\r\n                                          </li>{\" \"}\r\n                                        </ul>\r\n                                      </a>\r\n                                    </li> */}\r\n\r\n                                    <li\r\n                                      id=\"sidebarEducation\"\r\n                                      className={\r\n                                        this.props.active === \"/Education\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active === \"/EduDash\"\r\n                                            ? \"sideactive\"\r\n                                            : null ||\r\n                                              this.props.active ===\r\n                                              \"/AddEducation\"\r\n                                              ? \"sideactive\"\r\n                                              : null ||\r\n                                                this.props.active ===\r\n                                                \"/EducationGrid\"\r\n                                                ? \"sideactive\"\r\n                                                : null ||\r\n                                                  this.props.active ===\r\n                                                  \"/EditUserEducation\"\r\n                                                  ? \"sideactive\"\r\n                                                  : null ||\r\n                                                    this.props.active === \"/CourseName\"\r\n                                                    ? \"sideactive\"\r\n                                                    : null ||\r\n                                                      this.props.active ===\r\n                                                      \"/Specialization\"\r\n                                                      ? \"sideactive\"\r\n                                                      : null ||\r\n                                                        this.props.active ===\r\n                                                        \"/MasterDegree\"\r\n                                                        ? \"sideactive\"\r\n                                                        : null ||\r\n                                                          this.props.active ===\r\n                                                          \"/MasterDegreeLevel\"\r\n                                                          ? \"sideactive\"\r\n                                                          : null\r\n                                      }\r\n                                    >\r\n                                      <a href className=\"sideline\">\r\n                                        <span>\r\n                                          <Link\r\n                                            className=\"sideline\"\r\n                                            to=\"/EduDash\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                            <span>\r\n                                              <i className=\"icofont icofont-education\"></i>\r\n                                            </span>{\" \"}\r\n                                            &nbsp;&nbsp;\r\n                                            <span>Education</span>\r\n                                            <span />\r\n                                          </Link>\r\n                                          &nbsp;&nbsp;\r\n                                          <label\r\n                                            className=\"label-text\"\r\n                                            htmlFor=\"open-education\"\r\n                                            id=\"sidelidropdownIcon\"\r\n                                          >\r\n                                            <i\r\n                                              id=\"sidedrop\"\r\n                                              className=\"ti-angle-down\"\r\n                                            />\r\n                                          </label>\r\n                                        </span>\r\n                                        <input\r\n                                          id=\"open-education\"\r\n                                          type=\"checkbox\"\r\n                                          className=\"open-education\"\r\n                                        />\r\n                                        <ul className=\"educationdown\" id=\"listbottom\">\r\n                                          &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                          <li>\r\n                                            <Link to=\"/CourseName\">\r\n                                              Course Name Master\r\n                                            </Link>\r\n                                          </li>\r\n                                          &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                          <li>\r\n                                            <Link to=\"/Specialization\">\r\n                                              Specialization Master\r\n                                            </Link>\r\n                                          </li>\r\n                                          &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                          <li>\r\n                                            <Link to=\"/MasterDegree\">\r\n                                              Degree Master\r\n                                            </Link>\r\n                                          </li>\r\n                                          &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                          <li>\r\n                                            <Link to=\"/MasterDegreeLevel\">\r\n                                              Degree Level Master\r\n                                            </Link>\r\n                                          </li>\r\n                                        </ul>\r\n                                      </a>\r\n                                    </li>\r\n\r\n                                    <li\r\n                                      id=\"sidebarDepartment\"\r\n                                      className={\r\n                                        this.props.active === \"/Department\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active ===\r\n                                            \"/DepartmentDash\"\r\n                                            ? \"sideactive\"\r\n                                            : null\r\n                                      }\r\n                                    >\r\n                                      <a href className=\"sideline\">\r\n                                        <span>\r\n                                          <Link\r\n                                            className=\"sideline\"\r\n                                            to=\"/DepartmentDash\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                            <span>\r\n                                              <i className=\"icofont icofont-building\"></i>\r\n                                            </span>{\" \"}\r\n                                            &nbsp;&nbsp;\r\n                                            <span>Departments</span>\r\n                                            <span />\r\n                                          </Link>\r\n                                          &nbsp;&nbsp;\r\n                                          <label\r\n                                            className=\"label-text\"\r\n                                            htmlFor=\"open-department\"\r\n                                            id=\"sidelidropdownIcon\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            <i\r\n                                              id=\"sidedrop\"\r\n                                              className=\"ti-angle-down\"\r\n                                            />\r\n                                          </label>\r\n                                        </span>\r\n                                        <input\r\n                                          id=\"open-department\"\r\n                                          type=\"checkbox\"\r\n                                          className=\"open-department\"\r\n                                        />\r\n                                        <ul className=\"departmentdown\" id=\"listbottom\">\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <li>\r\n                                            {\" \"}\r\n                                            <Link\r\n                                              to=\"/Department\"\r\n                                              style={{\r\n                                                cursor: \"pointer\",\r\n                                                color: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              Master{\" \"}\r\n                                            </Link>\r\n                                          </li>\r\n                                        </ul>\r\n                                      </a>\r\n                                    </li>\r\n\r\n                                    <li\r\n                                      id=\"sidebarDesignation\"\r\n                                      className={\r\n                                        this.props.active ===\r\n                                          \"/AdminDesignation\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active ===\r\n                                            \"/DesignationDash\"\r\n                                            ? \"sideactive\"\r\n                                            : null\r\n                                      }\r\n                                    >\r\n                                      <a href className=\"sideline\">\r\n                                        <span>\r\n                                          <Link\r\n                                            className=\"sideline\"\r\n                                            to=\"/DesignationDash\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                            <span>\r\n                                              <i className=\"icofont icofont-worker\"></i>\r\n                                            </span>{\" \"}\r\n                                            &nbsp;&nbsp;\r\n                                            <span>Designations</span>\r\n                                            <span />\r\n                                          </Link>\r\n                                          &nbsp;&nbsp;\r\n                                          <label\r\n                                            className=\"label-text\"\r\n                                            htmlFor=\"open-designation\"\r\n                                            id=\"sidelidropdownIcon\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            <i\r\n                                              id=\"sidedrop\"\r\n                                              className=\"ti-angle-down\"\r\n                                            />\r\n                                          </label>\r\n                                        </span>\r\n                                        <input\r\n                                          id=\"open-designation\"\r\n                                          type=\"checkbox\"\r\n                                          className=\"open-designation\"\r\n                                        />\r\n                                        <div className=\"designationdown\" id=\"listbottom\">\r\n                                          &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                          <li>\r\n                                            {\" \"}\r\n                                            <Link\r\n                                              to=\"/AdminDesignation\"\r\n                                              style={{\r\n                                                cursor: \"pointer\",\r\n                                                color: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              Master{\" \"}\r\n                                            </Link>\r\n                                          </li>\r\n                                        </div>\r\n                                      </a>\r\n                                    </li>\r\n                                    <li\r\n                                      id=\"sidebarChangePassword\"\r\n                                      className={\r\n                                        this.props.active === \"/Chatbox\" || this.props.active === \"/Settings\"\r\n                                          ? \"sideactive\"\r\n                                          : null\r\n                                      }\r\n                                    >\r\n                                      <Link className=\"sideline\" to=\"/Chatbox\">\r\n                                        &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                        <span>\r\n                                          <i\r\n                                            className=\"far fa-comment\"\r\n                                            aria-hidden=\"true\"\r\n                                          ></i>\r\n                                        </span>{\" \"}\r\n                                        &nbsp;&nbsp;\r\n                                        <span id=\"sidebarlist\">\r\n\r\n                                        Town Hall {\" \"}\r\n                                        </span>\r\n                                        {this.state.Noticount === 1 ||\r\n                                          notificationCount === 0 ? null : (\r\n                                          <span>({notificationCount})</span>\r\n                                        )}\r\n                                        &nbsp;&nbsp;&nbsp;\r\n                                      </Link>\r\n                                    </li>\r\n\r\n                                    <li\r\n                                      id=\"sidebarLocation\"\r\n                                      className={\r\n                                        this.props.active === \"/AdminLocation\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active ===\r\n                                            \"/OfficeLocationDash\"\r\n                                            ? \"sideactive\"\r\n                                            : null\r\n                                      }\r\n                                    >\r\n                                      <a href className=\"sideline\">\r\n                                        <span>\r\n                                          <Link\r\n                                            className=\"sideline\"\r\n                                            to=\"/OfficeLocationDash\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                            <span>\r\n                                              <i className=\"icofont icofont-location-pin\"></i>\r\n                                            </span>{\" \"}\r\n                                            &nbsp;&nbsp;\r\n                                            <span>Office Location</span>\r\n                                            <span />\r\n                                          </Link>\r\n                                          &nbsp;&nbsp;\r\n                                          <label\r\n                                            className=\"label-text\"\r\n                                            htmlFor=\"open-Location\"\r\n                                            id=\"sidelidropdownIcon\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            <i\r\n                                              id=\"sidedrop\"\r\n                                              className=\"ti-angle-down\"\r\n                                            />\r\n                                          </label>\r\n                                        </span>\r\n                                        <input\r\n                                          id=\"open-Location\"\r\n                                          type=\"checkbox\"\r\n                                          className=\"open-Location\"\r\n                                        />\r\n                                        <ul className=\"Locationdown\" id=\"listbottom\">\r\n                                          &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                          <li>\r\n                                            {\" \"}\r\n                                            <Link\r\n                                              to=\"/AdminLocation\"\r\n                                              style={{\r\n                                                cursor: \"pointer\",\r\n                                                color: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              Master{\" \"}\r\n                                            </Link>\r\n                                          </li>\r\n                                        </ul>\r\n                                      </a>\r\n                                    </li>\r\n\r\n                                    <li\r\n                                      id=\"sidebarManager\"\r\n                                      className={\r\n                                        this.props.active === \"/Managers\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active ===\r\n                                            \"/ManagerDash\"\r\n                                            ? \"sideactive\"\r\n                                            : null\r\n                                      }\r\n                                    >\r\n                                      <a href className=\"sideline\">\r\n                                        <span>\r\n                                          <Link\r\n                                            className=\"sideline\"\r\n                                            to=\"/ManagerDash\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                            <span>\r\n                                              <i className=\"icofont icofont-business-man\"></i>\r\n                                            </span>{\" \"}\r\n                                            &nbsp;&nbsp;\r\n                                            <span>Managers</span>\r\n                                            <span />\r\n                                          </Link>\r\n                                          &nbsp;&nbsp;\r\n                                          <label\r\n                                            className=\"label-text\"\r\n                                            htmlFor=\"open-Manager\"\r\n                                            id=\"sidelidropdownIcon\"\r\n                                          >\r\n                                            <i\r\n                                              id=\"sidedrop\"\r\n                                              className=\"ti-angle-down\"\r\n                                            />\r\n                                          </label>\r\n                                        </span>\r\n                                        <input\r\n                                          id=\"open-Manager\"\r\n                                          type=\"checkbox\"\r\n                                          className=\"open-Manager\"\r\n                                        />\r\n                                        <ul className=\"Managerdown\" id=\"listbottom\">\r\n                                          &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                          <li>\r\n                                            {\" \"}\r\n                                            <Link\r\n                                              to=\"/Managers\"\r\n                                              style={{\r\n                                                cursor: \"pointer\",\r\n                                                color: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              Master{\" \"}\r\n                                            </Link>\r\n                                          </li>\r\n                                        </ul>\r\n                                      </a>\r\n                                    </li>\r\n\r\n                                    {/* <li\r\n                                      id=\"sidebartraining\"\r\n                                      className={\r\n                                        this.props.active === \"/TrainingCard\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active ===\r\n                                            \"/LearningSchedule\"\r\n                                            ? \"sideactive\"\r\n                                            : null ||\r\n                                              this.props.active ===\r\n                                              \"/TrainerSchedule\"\r\n                                              ? \"sideactive\"\r\n                                              : null ||\r\n                                                this.props.active ===\r\n                                                \"/TrainingsLandingPage\"\r\n                                                ? \"sideactive\"\r\n                                                : null ||\r\n                                                  this.props.active ===\r\n                                                  \"/TrainingSchedule\"\r\n                                                  ? \"sideactive\"\r\n                                                  : null\r\n                                      }\r\n                                    >\r\n                                      <a href className=\"sideline\">\r\n                                        <span>\r\n                                          <Link\r\n                                            className=\"sideline\"\r\n                                            to=\"/TrainingsLandingPage\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                            <span>\r\n                                              <i className=\"icofont icofont-company\"></i>\r\n                                            </span>{\" \"}\r\n                                            &nbsp;&nbsp;\r\n                                            <span>Training</span>\r\n                                            <span />\r\n                                          </Link>\r\n                                          &nbsp;&nbsp;\r\n                                          <label\r\n                                            className=\"label-text\"\r\n                                            htmlFor=\"open-Training\"\r\n                                            id=\"sidelidropdownIcon\"\r\n                                          >\r\n                                            <i\r\n                                              id=\"sidedrop\"\r\n                                              className=\"ti-angle-down\"\r\n                                            />\r\n                                          </label>\r\n                                        </span>\r\n                                        <input\r\n                                          id=\"open-Training\"\r\n                                          type=\"checkbox\"\r\n                                          className=\"open-Training\"\r\n                                        />\r\n                                        <ul className=\"Trainingdown\" id=\"listbottom\">\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <li>\r\n                                            <Link to=\"/TrainingSchedule\">\r\n                                              Training Topics\r\n                                            </Link>\r\n                                          </li>\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <li>\r\n                                            <Link to=\"/LearningSchedule\">\r\n                                              Training Class\r\n                                            </Link>\r\n                                          </li>\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <li>\r\n                                            <Link to=\"/TrainerSchedule\">\r\n                                              Trainers\r\n                                            </Link>\r\n                                          </li>\r\n                                        </ul>\r\n                                      </a>\r\n                                    </li> */}\r\n\r\n                                    <li\r\n                                      id=\"sidebarHolidays\"\r\n                                      className={\r\n                                        this.props.active ===\r\n                                          \"/OfficialHolidays\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active ===\r\n                                            \"/OfficialHolidayDash\"\r\n                                            ? \"sideactive\"\r\n                                            : null\r\n                                      }\r\n                                    >\r\n                                      <a href className=\"sideline\">\r\n                                        <span>\r\n                                          <Link\r\n                                            className=\"sideline\"\r\n                                            to=\"/OfficialHolidayDash\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                            <span>\r\n                                              <i className=\"icofont icofont-beach\"></i>\r\n                                            </span>{\" \"}\r\n                                            &nbsp;\r\n                                            <span id=\"sidebarlist\">\r\n                                              {\" \"}\r\n                                              Official Holidays\r\n                                            </span>\r\n                                            <span />\r\n                                          </Link>\r\n                                          &nbsp;&nbsp;\r\n                                          <label\r\n                                            className=\"label-text\"\r\n                                            htmlFor=\"open-Holidays\"\r\n                                            id=\"sidelidropdownIcon\"\r\n                                          >\r\n                                            <i\r\n                                              id=\"sidedrop\"\r\n                                              className=\"ti-angle-down\"\r\n                                            />\r\n                                          </label>\r\n                                        </span>\r\n                                        <input\r\n                                          id=\"open-Holidays\"\r\n                                          type=\"checkbox\"\r\n                                          className=\"open-Holidays\"\r\n                                        />\r\n                                        <ul className=\"Holidaysdown\" id=\"listbottom\">\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <li>\r\n                                            {\" \"}\r\n                                            <Link\r\n                                              to=\"/OfficialHolidays\"\r\n                                              style={{\r\n                                                cursor: \"pointer\",\r\n                                                color: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              Master{\" \"}\r\n                                            </Link>\r\n                                          </li>\r\n                                        </ul>\r\n                                      </a>\r\n                                    </li>\r\n\r\n                                    <li\r\n                                      id=\"sidebarDocuments\"\r\n                                      className={\r\n                                        this.props.active ===\r\n                                          \"/AdminOfficeDocument\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active ===\r\n                                            \"/CompanyDocumentDash\"\r\n                                            ? \"sideactive\"\r\n                                            : null\r\n                                      }\r\n                                    >\r\n                                      <a href className=\"sideline\">\r\n                                        <span>\r\n                                          <Link\r\n                                            className=\"sideline\"\r\n                                            to=\"/CompanyDocumentDash\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                            <span>\r\n                                              <i className=\"icofont icofont-file-document\"></i>\r\n                                           \r\n                                            </span>{\" \"}\r\n                                            &nbsp;&nbsp;\r\n                                            <span>Office Documents</span>\r\n                                            <span />\r\n                                          </Link>\r\n                                          &nbsp;&nbsp;\r\n                                          <label\r\n                                            className=\"label-text\"\r\n                                            htmlFor=\"open-Documents\"\r\n                                            id=\"sidelidropdownIcon\"\r\n                                          >\r\n                                            <i\r\n                                              id=\"sidedrop\"\r\n                                              className=\"ti-angle-down\"\r\n                                            />\r\n                                          </label>\r\n                                        </span>\r\n                                        <input\r\n                                          id=\"open-Documents\"\r\n                                          type=\"checkbox\"\r\n                                          className=\"open-Documents\"\r\n                                        />\r\n                                        <ul className=\"Documentsdown\" id=\"listbottom\">\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <li>\r\n                                            {\" \"}\r\n                                            <Link\r\n                                              to=\"/AdminOfficeDocument\"\r\n                                              style={{\r\n                                                cursor: \"pointer\",\r\n                                                color: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              Master{\" \"}\r\n                                            </Link>\r\n                                          </li>\r\n                                        </ul>\r\n                                      </a>\r\n                                    </li>\r\n\r\n                                    <li\r\n                                      id=\"sidebarBusiness\"\r\n                                      className={\r\n                                        this.props.active ===\r\n                                          \"/AdminBusiness\" ||\r\n                                          this.props.active === \"/BusiUnitDash\"\r\n                                          ? \"sideactive\"\r\n                                          : null\r\n                                      }\r\n                                    >\r\n                                      <a href className=\"sideline\">\r\n                                        <span id=\"busi\">\r\n                                          <Link\r\n                                            className=\"sideline\"\r\n                                            to=\"/BusiUnitDash\"\r\n                                          >\r\n                                            {\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                            <span>\r\n                                              <i className=\"icofont icofont-unity-hand\"></i>\r\n                                            </span>{\" \"}\r\n                                            &nbsp;\r\n                                            <span> Business Unit</span>\r\n                                            <span />\r\n                                          </Link>\r\n                                          &nbsp;&nbsp;\r\n                                          <label\r\n                                            className=\"label-text\"\r\n                                            htmlFor=\"open-Business\"\r\n                                            id=\"sidelidropdownIcon\"\r\n                                          >\r\n                                            <i\r\n                                              id=\"sidedrop\"\r\n                                              className=\"ti-angle-down\"\r\n                                            />\r\n                                          </label>\r\n                                        </span>\r\n                                        <input\r\n                                          id=\"open-Business\"\r\n                                          type=\"checkbox\"\r\n                                          className=\"open-Business\"\r\n                                        />\r\n                                        <ul className=\"Businessdown\" id=\"listbottom\">\r\n                                          &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                          <li>\r\n                                            {\" \"}\r\n                                            <Link\r\n                                              to=\"/AdminBusiness\"\r\n                                              style={{\r\n                                                cursor: \"pointer\",\r\n                                                color: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              Master{\" \"}\r\n                                            </Link>\r\n                                          </li>\r\n                                        </ul>\r\n                                      </a>\r\n                                    </li>\r\n\r\n                                    <li\r\n                                      id=\"sidebarAnnouncements\"\r\n                                      className={\r\n                                        this.props.active ===\r\n                                          \"/AnnouncementPreview\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                            this.props.active ===\r\n                                            \"/AdminAnnouncement\"\r\n                                            ? \"sideactive\"\r\n                                            : null ||\r\n                                              this.props.active ===\r\n                                              \"/AllAnnouncement\"\r\n                                              ? \"sideactive\"\r\n                                              : null\r\n                                      }\r\n                                    >\r\n                                      <Link\r\n                                        className=\"sideline\"\r\n                                        to=\"/AnnouncementPreview\"\r\n                                      >\r\n                                        {\" \"}\r\n                                        &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                        <span>\r\n                                          <i className=\"icofont icofont-mega-phone\" />\r\n                                        </span>{\" \"}\r\n                                        &nbsp;&nbsp;&nbsp;\r\n                                        <span\r\n                                          style={{ marginLeft: \"-5px\" }}\r\n                                          id=\"sidebarlist\"\r\n                                        >\r\n                                          {this.state.Anncount === 0 ? (\r\n                                            \"Announcements\"\r\n                                          ) : (\r\n                                            <>\r\n                                             \r\n                                              Announcements ({this.state.Anncount})\r\n                                            </>\r\n                                          )}\r\n\r\n                                        </span>\r\n                                        <span />\r\n                                      </Link>\r\n                                    </li>\r\n\r\n                                    <li\r\n                                      id=\"sidebarAnnouncements\"\r\n                                      className={\r\n                                        this.props.active === \"/AdminNotification\"\r\n                                          ? \"sideactive\"\r\n                                          : null\r\n                                      }\r\n                                    >\r\n                                      <Link\r\n                                        className=\"sideline\"\r\n                                        to=\"/AdminNotification\"\r\n                                      >\r\n                                        {\" \"}\r\n                                        &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                        <span>\r\n                                          <i className=\"ti-bell\" />\r\n                                        </span>{\" \"}\r\n                                        &nbsp;&nbsp;&nbsp;\r\n                                        <span\r\n                                          style={{ marginLeft: \"-5px\" }}\r\n                                          id=\"sidebarlist\"\r\n                                        >\r\n                                      \r\n                                          {this.state.Noticount === 0 ? (\r\n                                            \"Notifications\"\r\n                                          ) : (\r\n                                            <>\r\n                                             \r\n                                              Notifications ({this.state.Noticount})\r\n                                            </>\r\n                                          )}{\" \"}\r\n\r\n                                        </span>\r\n                                        <span />\r\n                                      </Link>\r\n                                    </li>\r\n\r\n                                    <li\r\n                                      id=\"sidebarContact\"\r\n                                      className={\r\n                                        this.props.active === \"/Contact\"\r\n                                          ? \"sideactive\"\r\n                                          : null ||\r\n                                          this.props.active === \"/ContactMessages\"\r\n                                          ? \"sideactive\"\r\n                                          : null\r\n                                      }\r\n                                    >\r\n                                      <Link className=\"sideline\" to=\"ContactMessages\">\r\n                                        {\" \"}\r\n                                        &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                        <span className=\"pcoded-micon\">\r\n                                          <i className=\"icofont icofont-phone\"></i>\r\n                                        </span>\r\n                                        &nbsp;&nbsp;&nbsp;\r\n                                        <span\r\n                                          className=\"pcoded-mtext\"\r\n                                          data-i18n=\"nav.dash.main\"\r\n                                          style={{ marginLeft: \"-3px\" }}\r\n                                          id=\"sidebarlist\"\r\n                                        >\r\n                                          Contact Admin\r\n                                        </span>\r\n                                        <span className=\"pcoded-mcaret\" />\r\n                                      </Link>\r\n                                    </li>\r\n                                   \r\n                                    <li onClick={() => this.logoutpopfunctn()}>\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <Link>\r\n                                        {\" \"}\r\n                                        <i className=\"icofont icofont-power\" id=\"sidebarlist\"></i>\r\n                                        &nbsp;&nbsp;&nbsp;\r\n                                        <span id=\"sidebarlist\">Logout</span>\r\n                                      </Link>\r\n                                    </li>\r\n                                  </div>\r\n                                </>\r\n                              )}\r\n                            </>\r\n                          )}\r\n                        </>\r\n                      ) : null\r\n                    )}\r\n                  {/* <li onClick={() => this.logoutpopfunctn()}>\r\n                    &nbsp;&nbsp;&nbsp;&nbsp;{\" \"}\r\n                    <Link>\r\n                      {\" \"}\r\n                      <i className=\"icofont icofont-power\" id=\"sidebarlist\"></i>\r\n                      &nbsp;&nbsp;&nbsp;&nbsp;\r\n                      <span id=\"sidebarlist\">Logout</span>\r\n                    </Link>\r\n                  </li> */}\r\n                </ul>\r\n              </>\r\n\r\n              {/* </div>   */}\r\n              <div></div>\r\n            </nav>\r\n          </div>\r\n        </div>\r\n        {this.state.ProfileModel ? (\r\n          <PopMsg id=\"Success\" close={() => this.ProfileModel()} />\r\n        ) : null}\r\n\r\n        {this.state.AsAdminModel ? (\r\n          <AsAdminModel id=\"Success\" close={() => this.AsAdminModel()} />\r\n        ) : null}\r\n\r\n        {/* footer */}\r\n        <div className=\"footernew\">\r\n          <p style={{ marginTop: \"10px\" }}>\r\n            Contact Us: contact@oneawesometeam.com{\" \"}\r\n          </p>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nexport default class AddDesignationModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Business: [],\r\n    };\r\n  }\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var DesignationName = document.getElementsByName(\"DesignationName\");\r\n    var OtherDesignationName = document.getElementById(\"designationtext\").value;\r\n    if (!DesignationName[0].value) {\r\n      formIsValid = false;\r\n      formErrors[\"DesignationName\"] = \"Designation Name  is required\";\r\n    } else if (DesignationName[0].value === \"Others\") {\r\n      if (!OtherDesignationName) {\r\n        formIsValid = false;\r\n        formErrors[\"OtherDesignationName\"] = \"Designation Name is required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    return (\r\n      <>\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal threeFieldPop\"\r\n                : \"popinnernormal threeFieldPopMobile\"\r\n            }\r\n            style={w > 768 ? { padding: \"3%\" } : { padding: \"4%\" }}\r\n          >\r\n            {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}}  ><CloseIcon/></button> */}\r\n            <h4>{this.props.message}</h4>\r\n            <br />\r\n            <div className=\"row\">\r\n              <div className=\"col-lg-12\">\r\n                <Link to=\"/Organization\" type=\"button\" className=\"btn\">\r\n                  Ok\r\n                </Link>\r\n                &nbsp;&nbsp;&nbsp;\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nconst reader = new FileReader();\r\nexport default class Tempfile extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      SelectedImages: [],\r\n      Imagesname: [],\r\n    };\r\n    this.deleteimg = this.deleteimg.bind(this);\r\n    this.sub = this.sub.bind(this);\r\n    this.mysub = this.mysub.bind(this);\r\n  }\r\n\r\n  handleImage = (e) => {\r\n    var Images = this.state.SelectedImages;\r\n    var name = this.state.Imagesname;\r\n    for (var i = 0; i < e.target.files.length; i++) {\r\n      Images.push(e.target.files[i]);\r\n      name.push(e.target.files[i].name);\r\n      var size = \"\";\r\n      if (e.target.files[i].size >= 1073741824) {\r\n        e.target.files[i].size =\r\n          (e.target.files[i].size / 1073741824).toFixed(2) + \" GB\";\r\n      } else if (e.target.files[i].size >= 1048576) {\r\n        size = (e.target.files[i].size / 1048576).toFixed(2) + \" MB\";\r\n      } else if (e.target.files[i].size >= 1024) {\r\n        size = (e.target.files[i].size / 1024).toFixed(2) + \" KB\";\r\n      } else if (e.target.files[i].size > 1) {\r\n        size = e.target.files[i].size + \"bytes\";\r\n      } else if (e.target.files[i].size == 1) {\r\n        size = e.target.files[i].size + \" byte\";\r\n      } else {\r\n        size = \"0 bytes\";\r\n      }\r\n    }\r\n    this.setState({ Images });\r\n    this.setState({ name });\r\n  };\r\n\r\n  formatBytes(bytes, decimals = 2) {\r\n    if (bytes === 0) return \"0 Bytes\";\r\n\r\n    const k = 1024;\r\n    const dm = decimals < 0 ? 0 : decimals;\r\n    const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\r\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\r\n    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + \" \" + sizes[i];\r\n  }\r\n\r\n  deleteimg = (i) => {\r\n    var index = this.state.Imagesname.indexOf(i);\r\n    var dd = this.state.SelectedImages;\r\n    dd = dd.splice(index, 1);\r\n    var img = this.state.Imagesname;\r\n    img = img.splice(index, 1);\r\n    this.setState({ dd });\r\n    this.setState({ img });\r\n  };\r\n\r\n  sub = (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n    for (var i = 0; i < this.state.SelectedImages.length; i++) {\r\n      data.append(\"Pic\", this.state.SelectedImages[i]);\r\n    }\r\n  };\r\n\r\n  mysub = (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData();\r\n    for (var i = 0; i < this.state.SelectedImages.length; i++) {\r\n      data.append(\"Pic\", this.state.SelectedImages[i]);\r\n    }\r\n    //\r\n    var ls = JSON.stringify([...data]);\r\n    localStorage.setItem(\"Data\", ls);\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <input type=\"file\" onInputCapture={this.handleImage} multiple />\r\n        <br />\r\n        {/* {this.state.SelectedImages.map(Team =>   <h1>{Team.name}</h1>)}  */}\r\n        {this.state.SelectedImages.map((image) => (\r\n          <>\r\n            <span className=\"\" onClick={() => this.deleteimg(image.name)}>\r\n              <i className=\"icofont icofont-close-squared-alt clsbtn\"></i>\r\n            </span>\r\n            <img\r\n              height=\"150px\"\r\n              width=\"150px\"\r\n              src={URL.createObjectURL(image)}\r\n            />\r\n          </>\r\n        ))}\r\n        <button onClick={this.mysub}>submit</button>\r\n        <form onSubmit={this.sub}>\r\n          {/* <input type=\"file\"  name=\"sample\" multiple/><br/> */}\r\n          <button type=\"submit\">ss</button>\r\n        </form>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport SideBar from \"../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport SuccessPopup from \"../Common/SuccessPopup\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport LoadingPage from \"../Common/LoadingPage\";\r\n\r\n$(document).ready(function () {\r\n  $(\"#filePHOTO\").change(function () {\r\n    $(\"#file_error\").html(\"\");\r\n    $(\".file_upload1\").css(\"border-color\", \"#F0F0F0\");\r\n    var file_size = $(\"#filePHOTO\")[0].files[0].size;\r\n    if (file_size > 300000) {\r\n      $(\"#file_error\").html(\r\n        \"<p style='color:#FF0000'>File size is greater than 300kb</p>\"\r\n      );\r\n      $(\".file_upload1\").css(\"border-color\", \"#FF0000\");\r\n      return false;\r\n    }\r\n    return true;\r\n  });\r\n});\r\n\r\n///for GSt\r\n// $(document).on('change', \"#GSTno\", function () {\r\n//   var inputvalues = $(this).val();\r\n//   var gstinformat = new RegExp('^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$');\r\n//   if (gstinformat.test(inputvalues.trim())) {\r\n//     return true;\r\n//   } else {\r\n//     alert('Please Enter Valid GSTIN Number');\r\n//     $(\"#GSTno\").val('');\r\n//     $(\"#GSTno\").focus();\r\n//   }\r\n\r\n// });\r\nexport default class AddOrganization extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.inputRef = React.createRef();\r\n\r\n    this.state = {\r\n      company_Id: \"\",\r\n      Company_Name: \"\",\r\n      aliasname: \"\",\r\n      Com_logo: \"\",\r\n      adrs1: \"\",\r\n      country: \"\",\r\n      state: \"\",\r\n      city: \"\",\r\n      mobile: \"\",\r\n      lanline: \"\",\r\n      Email: \"\",\r\n      SEmail: \"\",\r\n      personname: \"\",\r\n      Zip: \"\",\r\n      GSTno: \"\",\r\n      PANno: \"\",\r\n      GST: \"\",\r\n      Pan: \"\",\r\n      formErrors: {},\r\n      imagePreviewUrl: \"\",\r\n      imagePreviewUrlPAN: \"\",\r\n      imagePreviewUrlGST: \"\",\r\n      Notification: [],\r\n      OrgEmail: [],\r\n      SaveOrg: [],\r\n      savstatus: \"\",\r\n      SuccessModel: false,\r\n      Preview: null,\r\n      Status: \"\",\r\n      imagedisplayPAN: [],\r\n      imagedisplayGST: [],\r\n      loading: false,\r\n      isSelected: false,\r\n    };\r\n    this.inputReference = React.createRef();\r\n    this.inputReference1 = React.createRef();\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.handleImageChange = this.handleImageChange.bind(this);\r\n    this.handlePanImageChange = this.handlePanImageChange.bind(this);\r\n    this.handleGstImageChange = this.handleGstImageChange.bind(this);\r\n    this.handleReset = this.handleReset.bind(this);\r\n  }\r\n  HandleImage = (e) => {\r\n    var src = URL.createObjectURL(e.target.files[0]);\r\n    this.setState({ Preview: src });\r\n  };\r\n\r\n  handleReset() {\r\n    document.getElementById(\"subOrg\").reset();\r\n    this.setState({ formErrors: \"\", \r\n    imagePreviewUrlPAN: \"\",\r\n    imagePreviewUrlGST: \"\",\r\n    imagedisplayGST:\"\",\r\n    imagedisplayPAN:\"\" });\r\n  }\r\n\r\n  HandlePanFormat(e) {\r\n    var input = e.target.value.trim();\r\n    var regex = /[A-Z]{5}[0-9]{4}[A-Z]{1}$/;\r\n    if (!regex.test(input.trim())) {\r\n      if (document.getElementById(\"PANno\").value) {\r\n        alert(\"Please Enter Valid PAN Number\");\r\n      }\r\n      document.getElementById(\"PANno\").value = \"\";\r\n\r\n      return regex.test(input.trim());\r\n    } else {\r\n    }\r\n  }\r\n  handleGSTFormat = (e) => {\r\n    const input = e.target.value.trim();\r\n    const regex = /^\\d{2}[A-Z]{5}\\d{4}[A-Z]{1}[A-Z\\d]{1}[Z]{1}[A-Z\\d]{1}$/;\r\n    if (!regex.test(input)) {\r\n      if (document.getElementById(\"GSTno\").value) {\r\n        alert(\"Please Enter a Valid GST Number\");\r\n      }\r\n      document.getElementById(\"GSTno\").value = \"\";\r\n      return regex.test(input.trim());\r\n    } else {\r\n    }\r\n  }\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n\r\n    var personname = document.getElementById(\"personname\").value;\r\n    var lanline = document.getElementById(\"lanline\").value;\r\n    var mobile = document.getElementById(\"mobile\").value;\r\n    var Email = document.getElementById(\"Email\").value;\r\n    var SEmail = document.getElementById(\"SEmail\").value;\r\n    var adrs1 = document.getElementById(\"adrs1\").value;\r\n    var city = document.getElementById(\"city\").value;\r\n    var country = document.getElementById(\"country\").value;\r\n    var state = document.getElementById(\"state\").value;\r\n    var Zip = document.getElementById(\"Zip\").value;\r\n    var website = document.getElementById(\"website\").value;\r\n    var PANno = document.getElementById(\"PANno\").value;\r\n\r\n    var GSTno = document.getElementById(\"GSTno\").value;\r\n    var Pan = document.getElementById(\"Pan\").value;\r\n    var GST = document.getElementById(\"GST\").value;\r\n\r\n    var Com_logo = document.getElementById(\"Profilepicinfo\").value;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    var urlpattern = /^(https?:\\/\\/)?((?!w\\.|ww\\.)[a-zA-Z0-9-]+\\.){1,}[a-zA-Z0-9-]{2,256}\\.[a-zA-Z]{2,}(\\.[a-zA-Z]{2,})?([\\w\\-._~:/?#[\\]@!$&'()*+,;=%]*)*$/;\r\n   // var urlpattern = /^(https?:\\/\\/)?((?!w\\.|ww\\.)(www\\.)?)[\\w-]+(\\.(com|in|org|net|edu|gov))([\\w\\-._~:/?#[\\]@!$&'()*+,;=%]*)*$/i;\r\n   // var urlpattern = /(https?:\\/\\/(?:www\\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\\.(com|in|org|net|edu|gov)|www\\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\\.(com|in|org|net|edu|gov)|https?:\\/\\/(?:www\\.|(?!www))[a-zA-Z0-9]+\\.(com|in|org|net|edu|gov)|www\\.[a-zA-Z0-9]+\\.(com|in|org|net|edu|gov))/gi;;\r\n    var zipf = Zip.slice(0, 1);\r\n    var reg = /(.*?)\\.(jpg|pdf|jpeg|png|docx|pdf|doc|ppt|xlsx|xls|txt|pptx|zip|rar)$/;\r\n    var clogo = /(.*?)\\.(jpg|jpeg|png)$/;\r\n    if (country == \"India\") {\r\n      // alert(country);\r\n\r\n      this.setState({\r\n        isSelected: true,\r\n      });\r\n    } else if (country != \"India\") {\r\n      this.setState({\r\n        isSelected: false,\r\n      });\r\n    }\r\n\r\n    if (!personname || personname === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"personnameErr\"] = \"Contact Person is required\";\r\n    } else if (personname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"personnameErr\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (mobile === \" \" || !mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"mobileErr\"] = \"Primary Mobile Number is required\";\r\n    } else if (!mobPattern.test(mobile)) {\r\n      formIsValid = false;\r\n      formErrors[\"mobileErr\"] = \"Invalid phone number\";\r\n    } \r\n    // SEmail\r\n    //  else if (lanline.trim()) {\r\n    //     if (!mobPattern.test(lanline))\r\n    //     {\r\n    //       formIsValid = false;\r\n    //       formErrors[\"lanlineErr\"] = \"Invalid Mobile Number\";\r\n    //     }\r\n    //   }\r\n    //   // SEmail\r\n\r\n    //    else if (SEmail.trim()) {\r\n    //          if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(SEmail)))\r\n    //          {\r\n    //            formIsValid = false;\r\n    //            formErrors[\"SEmailErr\"] = \"Invalid Email Id\";\r\n    //          }\r\n    //    }\r\n\r\n    //contact person\r\n    //addres\r\n    else if (adrs1 === \" \" || !adrs1) {\r\n      formIsValid = false;\r\n      formErrors[\"adrs1Err\"] = \"Address is required\";\r\n    } else if (adrs1.length < 10) {\r\n      formIsValid = false;\r\n      formErrors[\"adrs1Err\"] = \"A Minimum of 10 characters are required\";\r\n    }\r\n    //city\r\n    else if (city === \" \" || !city) {\r\n      formIsValid = false;\r\n      formErrors[\"cityErr\"] = \" City is required\";\r\n    } else if (city.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"cityErr\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    //country\r\n    else if (country === \"\" || !country) {\r\n      formIsValid = false;\r\n      formErrors[\"countryErr\"] = \" Country is required\";\r\n    } else if (country.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"countryErr\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    //state\r\n    else if (state === \" \" || !state) {\r\n      formIsValid = false;\r\n      formErrors[\"stateErr\"] = \" State is required\";\r\n    } else if (state.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"stateErr\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n\r\n    //Pincode\r\n    else if (!Zip || Zip === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"ZipErr\"] = \"Pincode is required\";\r\n    } else if (zipf === \"0\") {\r\n      formIsValid = false;\r\n      formErrors[\"ZipErr\"] = \"Pincode should not start with 0\";\r\n    } else if (Zip.length < 6) {\r\n      formIsValid = false;\r\n      formErrors[\"ZipErr\"] = \" A Minimum of 6 characters are required\";\r\n    } \r\n    else if (!website || website.trim() === \"\") {\r\n    formIsValid = false;\r\n    formErrors[\"websiteErr\"] = \"Official website is required\";\r\n    } \r\n    else if (/\\s/.test(website.charAt(0))) {\r\n      formIsValid = false;\r\n      formErrors[\"websiteErr\"] = \"Whitespace at the beginning is not allowed\";\r\n  } \r\n    else if\r\n     (!urlpattern.test(website.trim())) {\r\n      formIsValid = false;\r\n      formErrors[\"websiteErr\"] = \"Invalid website\";\r\n    } \r\n    else if (!PANno || PANno === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"PANnoErr\"] = \"PAN Number is required\";\r\n    } else if (!GSTno || GSTno === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"GSTnoErr\"] = \"GST Number is required\";\r\n    } else if (GSTno.includes(PANno) === false) {\r\n      formIsValid = false;\r\n      formErrors[\"GSTnoErr\"] = \"GST Number and PAN Number not matched\";\r\n    } else if (GSTno === PANno) {\r\n      formIsValid = false;\r\n      formErrors[\"GSTnoErr\"] = \"Invalid GST Number\";\r\n    } \r\n    else if (GSTno.length < 15) {\r\n      formIsValid = false;\r\n      formErrors[\"GSTnoErr\"] = \"Invalid GST Number\";\r\n    }else if (!Pan || Pan === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"PanErr\"] = \"PAN Copy is required\";\r\n    } else if (!Pan.match(reg)) {\r\n      formIsValid = false;\r\n      formErrors[\"PanErr\"] = \"Only Image and Document can be Added\";\r\n    } else if (!GST || GST === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"GSTErr\"] = \"GST Copy is required\";\r\n    } else if (!GST.match(reg)) {\r\n      formIsValid = false;\r\n      formErrors[\"GSTErr\"] = \"Only Image and Document can be Added\";\r\n    }\r\n\r\n    // else if (lanline.trim()) {\r\n    //   if (!mobPattern.test(lanline)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"lanlineErr\"] = \"Invalid Mobile Number\";\r\n    //   } else if (mobile === lanline) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"lanlineErr\"] =\r\n    //       \"Primary Number and Alternate Number should not be same\";\r\n    //   }\r\n    // } \r\n    // else if (SEmail.trim()) {\r\n    //   if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(SEmail)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"SEmailErr\"] = \"Invalid Email Id\";\r\n    //   } else if (Email === SEmail) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"SEmailErr\"] =\r\n    //       \"Email and Secondary Email should not be same\";\r\n    //   }\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n\r\n  handleFormValidation() {\r\n    var personname = document.getElementById(\"personname\").value;\r\n    var lanline = document.getElementById(\"lanline\").value;\r\n    var mobile = document.getElementById(\"mobile\").value;\r\n    var Email = document.getElementById(\"Email\").value;\r\n    var SEmail = document.getElementById(\"SEmail\").value;\r\n    var adrs1 = document.getElementById(\"adrs1\").value;\r\n    var city = document.getElementById(\"city\").value;\r\n    var country = document.getElementById(\"country\").value;\r\n    var state = document.getElementById(\"state\").value;\r\n    var Zip = document.getElementById(\"Zip\").value;\r\n    var website = document.getElementById(\"website\").value;\r\n    var PANno = document.getElementById(\"PANno\").value;\r\n    var GSTno = document.getElementById(\"GSTno\").value;\r\n    var Pan = document.getElementById(\"Pan\").value;\r\n    var GST = document.getElementById(\"GST\").value;\r\n\r\n    var Com_logo = document.getElementById(\"Profilepicinfo\").value;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    var reg = /(.*?)\\.(jpg|pdf|jpeg|png|docx|pdf|doc|ppt|xlsx|xls|txt|pptx|zip|rar)$/;\r\n    var clogo = /(.*?)\\.(jpg|jpeg|png)$/;\r\n    var zipf = Zip.slice(0, 1);\r\n    // var urlpattern = /^(https?:\\/\\/)?((?!w\\.|ww\\.)(www\\.)?)[\\w-]+(\\.[a-z]{2,})([\\w\\-._~:/?#[\\]@!$&'()*+,;=%]*)*$/i;  \r\n    var urlpattern =/^(https?:\\/\\/)?((?!w\\.|ww\\.)[a-zA-Z0-9-]+\\.){1,}[a-zA-Z0-9-]{2,256}\\.[a-zA-Z]{2,}(\\.[a-zA-Z]{2,})?([\\w\\-._~:/?#[\\]@!$&'()*+,;=%]*)*$/;\r\n\r\n    if (!personname || personname === \" \") {\r\n      window.scroll(0, 0);\r\n\r\n      formIsValid = false;\r\n      formErrors[\"personnameErr\"] = \"Contact Person is required\";\r\n    } else if (personname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"personnameErr\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    // SEmail\r\n    if (mobile === \" \" || !mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"mobileErr\"] = \"Primary Mobile Number is required\";\r\n    } else {\r\n      if (!mobPattern.test(mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"mobileErr\"] = \"Invalid phone number\";\r\n      }\r\n    }\r\n\r\n    if (lanline.trim()) {\r\n      if (!mobPattern.test(lanline)) {\r\n        formIsValid = false;\r\n        formErrors[\"lanlineErr\"] = \"Invalid Mobile Number\";\r\n      } else if (mobile === lanline) {\r\n        formIsValid = false;\r\n        formErrors[\"lanlineErr\"] =\r\n          \"Primary Number and Alternate Number should not be same\";\r\n      }\r\n    }\r\n\r\n    // SEmail\r\n\r\n    if (SEmail.trim()) {\r\n      if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(SEmail)) {\r\n        formIsValid = false;\r\n        formErrors[\"SEmailErr\"] = \"Invalid Email Id\";\r\n      } else if (Email === SEmail) {\r\n        formIsValid = false;\r\n        formErrors[\"SEmailErr\"] =\r\n          \"Email and Secondary Email should not be same\";\r\n      }\r\n    }\r\n\r\n    //addres\r\n    if (adrs1 === \" \" || !adrs1) {\r\n      formIsValid = false;\r\n      formErrors[\"adrs1Err\"] = \"Address is required\";\r\n    } else if (adrs1.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"adrs1Err\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    //country\r\n    if (country === \"\" || !country) {\r\n      formIsValid = false;\r\n      formErrors[\"countryErr\"] = \" Country is required\";\r\n    } else if (country.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"countryErr\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    //state\r\n    if (state === \" \" || !state) {\r\n      formIsValid = false;\r\n      formErrors[\"stateErr\"] = \" State is required\";\r\n    } else if (state.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"stateErr\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    //city\r\n    if (city === \" \" || !city) {\r\n      formIsValid = false;\r\n      formErrors[\"cityErr\"] = \" City is required\";\r\n    } else if (city.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"cityErr\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n\r\n    //Pincode\r\n    if (!Zip.trim()) {\r\n      formIsValid = false;\r\n      formErrors[\"ZipErr\"] = \"Pincode is required\";\r\n    } else if (zipf === \"0\") {\r\n      formIsValid = false;\r\n      formErrors[\"ZipErr\"] = \"Pincode should not start with 0\";\r\n    } else if (Zip.length < 6) {\r\n      formIsValid = false;\r\n      formErrors[\"ZipErr\"] = \"A Minimum of 6 characters are required\";\r\n    }\r\n\r\n    if (!website || website === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"websiteErr\"] = \"Official website is required\";\r\n    }\r\n    else if\r\n    (!urlpattern.test(website.trim())) {\r\n     formIsValid = false;\r\n     formErrors[\"websiteErr\"] = \"Invalid website\";\r\n   } \r\n    if (!PANno || PANno === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"PANnoErr\"] = \"PAN Number is required\";\r\n    }\r\n    if (!GSTno || GSTno === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"GSTnoErr\"] = \"GST Number is required\";\r\n    }\r\n    if (PANno != null) {\r\n      if (GSTno.includes(PANno) === false) {\r\n        formIsValid = false;\r\n        formErrors[\"GSTnoErr\"] = \"GST Number and PAN Number not matched\";\r\n      }\r\n    }\r\n\r\n    if (PANno != null && GSTno != null) {\r\n      if (GSTno === PANno) {\r\n        formIsValid = false;\r\n        formErrors[\"GSTnoErr\"] = \"Invalid GST Number\";\r\n      }\r\n    }\r\n    if (!Pan || Pan === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"PanErr\"] = \"PAN Copy is required\";\r\n    }\r\n    else if (!Pan.match(reg)) {\r\n      formIsValid = false;\r\n      formErrors[\"PanErr\"] = \"Only Image and Document can be Added\";\r\n    }\r\n    if (!GST || GST === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"GSTErr\"] = \"GST Copy is required\";\r\n    }\r\n    else if (!GST.match(reg)) {\r\n      formIsValid = false;\r\n      formErrors[\"GSTErr\"] = \"Only Image and Document can be Added\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n\r\n  GetOrgEmail() {\r\n    let url = `${BASE_URLs}/AddOrganization/GetorgEmail`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ OrgEmail: data });\r\n      });\r\n  }\r\n\r\n  GetSavedOrganization() {\r\n    let url = `${BASE_URLs}/AddOrganization/GetSavedOrganization`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SaveOrg: data });\r\n        this.setState({ Status: data[0].status });\r\n\r\n        console.log(\"datas\", this.state.SaveOrg[0].pan)\r\n        if (data[0].status !== 3) {\r\n          if (data[0].status !== 4) {\r\n            this.props.history.goBack();\r\n          }\r\n        }\r\n      });\r\n  }\r\n\r\n  handleImageChange(e) {\r\n    e.preventDefault();\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n\r\n    this.setState({ imagePreviewUrl: URL.createObjectURL(e.target.files[0]) });\r\n  }\r\n\r\n  handlePanImageChange(e) {\r\n    e.preventDefault();\r\n  \r\n    const file = e.target.files[0];\r\n    const { name, value } = e.target;\r\n  \r\n    this.setState({\r\n      [name]: file,\r\n      imagedisplayPAN: file ? file.name : '',\r\n    });\r\n  \r\n    if (file) {\r\n      const reader = new FileReader();\r\n      reader.onloadend = () => {\r\n        this.setState({\r\n          imagePreviewUrlPAN: reader.result,\r\n          \r\n        });\r\n      };\r\n      document.getElementById(\"Pan\").value = file.name\r\n      reader.readAsDataURL(file);\r\n    } else {\r\n      this.setState({\r\n        imagePreviewUrlPAN: '',\r\n      });\r\n      document.getElementById(\"Pan\").value = this.state.SaveOrg[0].pan.substring(\r\n        this.state.SaveOrg[0].pan.lastIndexOf(\r\n          \"/\"\r\n        ) + 1\r\n      )\r\n    }\r\n  }\r\n\r\n\r\n  handleGstImageChange(e) {\r\n    e.preventDefault();\r\n  \r\n    const file = e.target.files[0];\r\n    const { name, value } = e.target;\r\n\r\n    this.setState({\r\n      [name]: file,\r\n      imagedisplayGST: file ? file.name : '',\r\n    });\r\n  \r\n    if (file) {\r\n      const reader = new FileReader();\r\n      reader.onloadend = () => {\r\n        this.setState({\r\n          imagePreviewUrlGST: reader.result,\r\n        });\r\n      };\r\n      document.getElementById(\"GST\").value = file.name\r\n      reader.readAsDataURL(file);\r\n    } else {\r\n      this.setState({\r\n        imagePreviewUrlGST: '',\r\n      });\r\n      document.getElementById(\"GST\").value = this.state.SaveOrg[0].gst.substring(\r\n        this.state.SaveOrg[0].gst.lastIndexOf(\r\n          \"/\"\r\n        ) + 1\r\n      )\r\n    }\r\n  }\r\n  \r\n\r\n  // handleGstImageChange(e) {\r\n  //   e.preventDefault();\r\n  //   const { name, value } = e.target;\r\n  //   this.setState({ [name]: value });\r\n\r\n  //   this.setState({\r\n  //     imagePreviewUrlGST: URL.createObjectURL(e.target.files[0]),\r\n  //   });\r\n  //   var result = value.substring(value.lastIndexOf(\"\\\\\") + 1);\r\n  //   this.setState({ imagedisplayGST: result });\r\n  // }\r\n\r\n  uploadFile = (target) => {\r\n    document.getElementById(\"file-name\").innerHTML = target.files[0].name;\r\n  };\r\n\r\n  previewpan = (event) => {\r\n    var reader = new FileReader();\r\n\r\n    reader.onloadend = function (e) {\r\n      this.setState({\r\n        gstpic: [reader.result],\r\n      });\r\n    }.bind(this);\r\n  };\r\n\r\n  previewgst = (event) => {\r\n    // Assuming only image\r\n\r\n    var reader = new FileReader();\r\n\r\n    reader.onloadend = function (e) {\r\n      this.setState({\r\n        panpic: [reader.result],\r\n      });\r\n    }.bind(this);\r\n  };\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n  };\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    if (this.state.savstatus === 2) {\r\n      if (this.handleFormValidation()) {\r\n        setTimeout(() => {\r\n          this.setState({ loading: true });\r\n        }, 500);\r\n        fetch(`${BASE_URLs}/AddOrganization/post`, {\r\n          method: \"POST\",\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n          body: data,\r\n        })\r\n          .then((res) => res.json())\r\n          .then((resp) => {\r\n            this.setState({ message: resp.message });\r\n            if (resp.status === \"Success\") {\r\n              setTimeout(() => {\r\n                this.setState({ loading: false });\r\n              }, 500);\r\n              this.SuccessModel();\r\n              var allCookies = document.cookie.split(\";\");\r\n              for (var i = 0; i < allCookies.length; i++) {\r\n                document.cookie =\r\n                  allCookies[i] + \"=;expires=\" + new Date(0).toUTCString();\r\n              }\r\n            }\r\n          });\r\n      }\r\n    } else if (this.state.savstatus === 1) {\r\n      setTimeout(() => {\r\n        this.setState({ loading: true });\r\n      }, 50);\r\n      fetch(`${BASE_URLs}/AddOrganization/SaveOrganize`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            setTimeout(() => {\r\n              this.setState({ loading: false });\r\n            }, 500);\r\n\r\n            setTimeout(()=>{\r\n              window.location.reload();\r\n            },3200)\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n\r\n      this.setState({ imagePreviewUrl: null });\r\n      this.setState({ imagePreviewUrlPAN: null });\r\n      this.setState({ imagePreviewUrlGST: null });\r\n      this.setState({ imagedisplayGST: \"\" });\r\n      this.setState({ imagedisplayPAN: \"\" });\r\n    }\r\n  }\r\n\r\n  click = (e) => {\r\n    e.preventDefault();\r\n    const { id } = e.target;\r\n\r\n    id === \"save\"\r\n      ? this.setState({\r\n          savstatus: 1,\r\n        })\r\n      : this.setState({\r\n          savstatus: 2,\r\n        });\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetOrgEmail();\r\n    this.GetSavedOrganization();\r\n  }\r\n  handleFocus = (event) => event.target.select();\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  handleredirect = (event) => {\r\n    event.preventDefault();\r\n\r\n    var page = {\r\n      pathname: \"./Organization\",\r\n    };\r\n    this.props.history.push(page);\r\n  };\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  fileUploadAction = () => this.inputReference.current.click();\r\n  fileUploadAction1 = () => this.inputReference1.current.click();\r\n\r\n  render() {\r\n    const {\r\n      mobileErr,\r\n      lanlineErr,\r\n      EmailErr,\r\n      personnameErr,\r\n      adrs1Err,\r\n      countryErr,\r\n      stateErr,\r\n      cityErr,\r\n      ZipErr,\r\n      ClogoErr,\r\n      GSTnoErr,\r\n      PANnoErr,\r\n      GSTErr,\r\n      PanErr,\r\n      websiteErr,\r\n      SEmailErr,\r\n      isSelected,\r\n    } = this.state.formErrors;\r\n\r\n    const { OrgEmail, SaveOrg } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}></div>\r\n                          <h4 style={{ marginRight: \"1%\" }} className=\"title\">\r\n                            {\" \"}\r\n                            Entity Profile\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        {this.state.SuccessModel ? (\r\n                          <SuccessPopup\r\n                            id=\"Success\"\r\n                            message={this.state.message}\r\n                            close={() => this.SuccessModel()}\r\n                          />\r\n                        ) : null}\r\n                        <div className=\"card-block2\">\r\n                          <form id=\"subOrg\" onSubmit={this.handleSubmit}>\r\n                            <div className=\"row\" style={{ marginTop: \"2%\" }}>\r\n                              <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <table className=\"table m-0\">\r\n                                      <tbody>\r\n                                        <div className=\"row\">\r\n                                          <div className=\"col-sm-3\"></div>\r\n\r\n                                          <div\r\n                                            className=\"col-sm-6 clogo\"\r\n                                            style={{ flexDirection: \"column\" }}\r\n                                          >\r\n                                            <div>\r\n                                              <label\r\n                                                style={{ height: \"105px\" }}\r\n                                              >\r\n                                                {SaveOrg.map((SaveOrg) => (\r\n                                                  <>\r\n                                                    <img\r\n                                                      alt=\"Entitylogo\"\r\n                                                      src={\r\n                                                        !this.state.Preview\r\n                                                          ? SaveOrg.com_logo\r\n                                                          : this.state.Preview\r\n                                                      }\r\n                                                      id=\"clogo\"\r\n                                                      style={{\r\n                                                        height: \"100px\",\r\n                                                        width: \"100px\",\r\n                                                        marginLeft: \"4.6%\",\r\n                                                        borderRadius: \"50px\",\r\n                                                      }}\r\n                                                    />\r\n                                                    <input\r\n                                                      type=\"hidden\"\r\n                                                      name=\"OldCom_logo\"\r\n                                                      value={SaveOrg.com_logo}\r\n                                                    />\r\n                                                  </>\r\n                                                ))}\r\n                                                <i\r\n                                                  className=\" fa fa-pencil editbtn\"\r\n                                                  aria-hidden=\"true\"\r\n                                                  style={{ fontSize: \"20px\" }}\r\n                                                ></i>\r\n                                                <input\r\n                                                  htmlFor=\"clogo\"\r\n                                                  onChange={this.HandleImage}\r\n                                                  style={{ display: \"none\" }}\r\n                                                  id=\"Profilepicinfo\"\r\n                                                  name=\"Com_logo\"\r\n                                                  type=\"file\"\r\n                                                />\r\n                                              </label>\r\n                                              {!ClogoErr ? (\r\n                                                <span\r\n                                                  style={{\r\n                                                    display: \"flex\",\r\n                                                    flexDirection: \"column\",\r\n                                                    marginLeft: \"-20px\",\r\n                                                    color: \"#a7a2a2\",\r\n                                                    textAlign: \"center\",\r\n                                                  }}\r\n                                                >\r\n                                                  Entity Logo\r\n                                                </span>\r\n                                              ) : (\r\n                                                <span\r\n                                                  style={{\r\n                                                    display: \"flex\",\r\n                                                    flexDirection: \"column\",\r\n                                                    marginLeft: \"-20px\",\r\n                                                    color: \"red\",\r\n                                                    textAlign: \"center\",\r\n                                                  }}\r\n                                                >\r\n                                                  {ClogoErr}\r\n                                                </span>\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n                                          <div className=\"col-sm-3\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{ padding: \"8px\" }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {OrgEmail.map((OrgEmail) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                readOnly\r\n                                                defaultValue={\r\n                                                  OrgEmail.entityName\r\n                                                }\r\n                                                onKeyPress={(event) => {\r\n                                                  if (\r\n                                                    !/[a-zA-Z\\s ]+/.test(\r\n                                                      event.key\r\n                                                    )\r\n                                                  ) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                name=\"Company_Name\"\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                                maxLength=\"30\"\r\n                                              />\r\n                                            ))}\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Entity Name\r\n                                            </span>\r\n                                          </div>\r\n\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                id=\"personname\"\r\n                                                name=\"personname\"\r\n                                                defaultValue={\r\n                                                  SaveOrg.personname\r\n                                                }\r\n                                                onKeyPress={(event) => {\r\n                                                  if (\r\n                                                    !/[a-zA-Z\\s ]+/.test(\r\n                                                      event.key\r\n                                                    )\r\n                                                  ) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                                maxLength=\"30\"\r\n                                              />\r\n                                            ))}\r\n                                            {!personnameErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Contact Person{\" \"}\r\n                                                <span style={{ color: \"red\" }}>\r\n                                                  *\r\n                                                </span>\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {personnameErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{ padding: \"8px\" }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {OrgEmail.map((OrgEmail) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                readOnly\r\n                                                type=\"text\"\r\n                                                id=\"Email\"\r\n                                                name=\"Email\"\r\n                                                defaultValue={OrgEmail.email}\r\n                                                onChange={this.handleChange}\r\n                                              />\r\n                                            ))}\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Email{\" \"}\r\n                                            </span>\r\n                                          </div>\r\n\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                id=\"mobile\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                name=\"mobile\"\r\n                                                defaultValue={SaveOrg.mobile}\r\n                                                onKeyPress={(event) => {\r\n                                                  if (\r\n                                                    !/[0-9]/.test(event.key)\r\n                                                  ) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                maxLength=\"10\"\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                              />\r\n                                            ))}\r\n                                            {!mobileErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Primary Mobile Number\r\n                                                <span style={{ color: \"red\" }}>\r\n                                                  *\r\n                                                </span>\r\n                                              </span>\r\n                                            ) : (\r\n                                              <span\r\n                                                style={{ color: \"red\" }}\r\n                                                className={\r\n                                                  mobileErr ? \" showError\" : \"\"\r\n                                                }\r\n                                              >\r\n                                                {mobileErr}\r\n                                              </span>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{ padding: \"8px\" }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                id=\"lanline\"\r\n                                                onFocus={this.handleFocus}\r\n                                                name=\"lanline\"\r\n                                                maxLength=\"10\"\r\n                                                defaultValue={SaveOrg.lanline}\r\n                                                onKeyPress={(event) => {\r\n                                                  if (\r\n                                                    !/[0-9]/.test(event.key)\r\n                                                  ) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                              />\r\n                                            ))}\r\n\r\n                                            {!lanlineErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Alternate Mobile Number\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {lanlineErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                id=\"SEmail\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                type=\"text\"\r\n                                                name=\"SEmail\"\r\n                                                maxLength=\"50\"\r\n                                                defaultValue={SaveOrg.sEmail}\r\n                                                onChange={this.handleChange}\r\n                                              />\r\n                                            ))}\r\n\r\n                                            {!SEmailErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Secondary Email\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {SEmailErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{ padding: \"8px\" }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <textarea\r\n                                                className=\"effect-16\"\r\n                                                id=\"adrs1\"\r\n                                                onFocus={this.handleFocus}\r\n                                                style={{ height: \"42px\" }}\r\n                                                type=\"text\"\r\n                                                defaultValue={SaveOrg.adrs1}\r\n                                                name=\"adrs1\"\r\n                                                onChange={(e) => {\r\n                                                  this.handleChange(e);\r\n                                                  this.AutoCaps(e);\r\n                                                }}\r\n                                              />\r\n                                            ))}\r\n\r\n                                            {!adrs1Err ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Address\r\n                                                <span style={{ color: \"red\" }}>\r\n                                                  *\r\n                                                </span>{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {adrs1Err}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                id=\"city\"\r\n                                                onChange={(e) => {\r\n                                                  this.handleChange(e);\r\n                                                  this.AutoCaps(e);\r\n                                                }}\r\n                                                onFocus={this.handleFocus}\r\n                                                style={{ width: \"100%\" }}\r\n                                                onKeyPress={(event) => {\r\n                                                  if (\r\n                                                    !/[a-zA-Z\\s ]+/.test(\r\n                                                      event.key\r\n                                                    )\r\n                                                  ) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                name=\"city\"\r\n                                                maxLength=\"30\"\r\n                                                defaultValue={SaveOrg.city}\r\n                                                type=\"text\"\r\n                                              />\r\n                                            ))}\r\n                                            {!cityErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                City\r\n                                                <span style={{ color: \"red\" }}>\r\n                                                  *\r\n                                                </span>{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {cityErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{ padding: \"8px\" }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <select\r\n                                                className=\"effect-16\"\r\n                                                id=\"country\"\r\n                                                name=\"country\"\r\n                                                defaultValue={SaveOrg.country}\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                              >\r\n                                                <option value=\"\">\r\n                                                  Select Country\r\n                                                </option>\r\n                                                <option value=\"Afghanistan\">\r\n                                                  Afghanistan\r\n                                                </option>\r\n                                                <option value=\"Åland Islands\">\r\n                                                  Åland Islands\r\n                                                </option>\r\n                                                <option value=\"Albania\">\r\n                                                  Albania\r\n                                                </option>\r\n                                                <option value=\"Algeria\">\r\n                                                  Algeria\r\n                                                </option>\r\n                                                <option value=\"American Samoa\">\r\n                                                  American Samoa\r\n                                                </option>\r\n                                                <option value=\"Andorra\">\r\n                                                  Andorra\r\n                                                </option>\r\n                                                <option value=\"Angola\">\r\n                                                  Angola\r\n                                                </option>\r\n                                                <option value=\"Anguilla\">\r\n                                                  Anguilla\r\n                                                </option>\r\n                                                <option value=\"Antarctica\">\r\n                                                  Antarctica\r\n                                                </option>\r\n                                                <option value=\"Antigua and Barbuda\">\r\n                                                  Antigua and Barbuda\r\n                                                </option>\r\n                                                <option value=\"Argentina\">\r\n                                                  Argentina\r\n                                                </option>\r\n                                                <option value=\"Armenia\">\r\n                                                  Armenia\r\n                                                </option>\r\n                                                <option value=\"Aruba\">\r\n                                                  Aruba\r\n                                                </option>\r\n                                                <option value=\"Australia\">\r\n                                                  Australia\r\n                                                </option>\r\n                                                <option value=\"Austria\">\r\n                                                  Austria\r\n                                                </option>\r\n                                                <option value=\"Azerbaijan\">\r\n                                                  Azerbaijan\r\n                                                </option>\r\n                                                <option value=\"Bahamas\">\r\n                                                  Bahamas\r\n                                                </option>\r\n                                                <option value=\"Bahrain\">\r\n                                                  Bahrain\r\n                                                </option>\r\n                                                <option value=\"Bangladesh\">\r\n                                                  Bangladesh\r\n                                                </option>\r\n                                                <option value=\"Barbados\">\r\n                                                  Barbados\r\n                                                </option>\r\n                                                <option value=\"Belarus\">\r\n                                                  Belarus\r\n                                                </option>\r\n                                                <option value=\"Belgium\">\r\n                                                  Belgium\r\n                                                </option>\r\n                                                <option value=\"Belize\">\r\n                                                  Belize\r\n                                                </option>\r\n                                                <option value=\"Benin\">\r\n                                                  Benin\r\n                                                </option>\r\n                                                <option value=\"Bermuda\">\r\n                                                  Bermuda\r\n                                                </option>\r\n                                                <option value=\"Bhutan\">\r\n                                                  Bhutan\r\n                                                </option>\r\n                                                <option value=\"Bolivia\">\r\n                                                  Bolivia\r\n                                                </option>\r\n                                                <option value=\"Bosnia and Herzegovina\">\r\n                                                  Bosnia and Herzegovina\r\n                                                </option>\r\n                                                <option value=\"Botswana\">\r\n                                                  Botswana\r\n                                                </option>\r\n                                                <option value=\"Bouvet Island\">\r\n                                                  Bouvet Island\r\n                                                </option>\r\n                                                <option value=\"Brazil\">\r\n                                                  Brazil\r\n                                                </option>\r\n                                                <option value=\"British Indian Ocean Territory\">\r\n                                                  British Indian Ocean Territory\r\n                                                </option>\r\n                                                <option value=\"Brunei Darussalam\">\r\n                                                  Brunei Darussalam\r\n                                                </option>\r\n                                                <option value=\"Bulgaria\">\r\n                                                  Bulgaria\r\n                                                </option>\r\n                                                <option value=\"Burkina Faso\">\r\n                                                  Burkina Faso\r\n                                                </option>\r\n                                                <option value=\"Burundi\">\r\n                                                  Burundi\r\n                                                </option>\r\n                                                <option value=\"Cambodia\">\r\n                                                  Cambodia\r\n                                                </option>\r\n                                                <option value=\"Cameroon\">\r\n                                                  Cameroon\r\n                                                </option>\r\n                                                <option value=\"Canada\">\r\n                                                  Canada\r\n                                                </option>\r\n                                                <option value=\"Cape Verde\">\r\n                                                  Cape Verde\r\n                                                </option>\r\n                                                <option value=\"Cayman Islands\">\r\n                                                  Cayman Islands\r\n                                                </option>\r\n                                                <option value=\"Central African Republic\">\r\n                                                  Central African Republic\r\n                                                </option>\r\n                                                <option value=\"Chad\">\r\n                                                  Chad\r\n                                                </option>\r\n                                                <option value=\"Chile\">\r\n                                                  Chile\r\n                                                </option>\r\n                                                <option value=\"China\">\r\n                                                  China\r\n                                                </option>\r\n                                                <option value=\"Christmas Island\">\r\n                                                  Christmas Island\r\n                                                </option>\r\n                                                <option value=\"Cocos (Keeling) Islands\">\r\n                                                  Cocos (Keeling) Islands\r\n                                                </option>\r\n                                                <option value=\"Colombia\">\r\n                                                  Colombia\r\n                                                </option>\r\n                                                <option value=\"Comoros\">\r\n                                                  Comoros\r\n                                                </option>\r\n                                                <option value=\"Congo\">\r\n                                                  Congo\r\n                                                </option>\r\n                                                <option value=\"Congo, The Democratic Republic of The\">\r\n                                                  Congo, The Democratic Republic\r\n                                                  of The\r\n                                                </option>\r\n                                                <option value=\"Cook Islands\">\r\n                                                  Cook Islands\r\n                                                </option>\r\n                                                <option value=\"Costa Rica\">\r\n                                                  Costa Rica\r\n                                                </option>\r\n                                                <option value=\"Cote D'ivoire\">\r\n                                                  Cote D'ivoire\r\n                                                </option>\r\n                                                <option value=\"Croatia\">\r\n                                                  Croatia\r\n                                                </option>\r\n                                                <option value=\"Cuba\">\r\n                                                  Cuba\r\n                                                </option>\r\n                                                <option value=\"Cyprus\">\r\n                                                  Cyprus\r\n                                                </option>\r\n                                                <option value=\"Czech Republic\">\r\n                                                  Czech Republic\r\n                                                </option>\r\n                                                <option value=\"Denmark\">\r\n                                                  Denmark\r\n                                                </option>\r\n                                                <option value=\"Djibouti\">\r\n                                                  Djibouti\r\n                                                </option>\r\n                                                <option value=\"Dominica\">\r\n                                                  Dominica\r\n                                                </option>\r\n                                                <option value=\"Dominican Republic\">\r\n                                                  Dominican Republic\r\n                                                </option>\r\n                                                <option value=\"Ecuador\">\r\n                                                  Ecuador\r\n                                                </option>\r\n                                                <option value=\"Egypt\">\r\n                                                  Egypt\r\n                                                </option>\r\n                                                <option value=\"El Salvador\">\r\n                                                  El Salvador\r\n                                                </option>\r\n                                                <option value=\"Equatorial Guinea\">\r\n                                                  Equatorial Guinea\r\n                                                </option>\r\n                                                <option value=\"Eritrea\">\r\n                                                  Eritrea\r\n                                                </option>\r\n                                                <option value=\"Estonia\">\r\n                                                  Estonia\r\n                                                </option>\r\n                                                <option value=\"Ethiopia\">\r\n                                                  Ethiopia\r\n                                                </option>\r\n                                                <option value=\"Falkland Islands (Malvinas)\">\r\n                                                  Falkland Islands (Malvinas)\r\n                                                </option>\r\n                                                <option value=\"Faroe Islands\">\r\n                                                  Faroe Islands\r\n                                                </option>\r\n                                                <option value=\"Fiji\">\r\n                                                  Fiji\r\n                                                </option>\r\n                                                <option value=\"Finland\">\r\n                                                  Finland\r\n                                                </option>\r\n                                                <option value=\"France\">\r\n                                                  France\r\n                                                </option>\r\n                                                <option value=\"French Guiana\">\r\n                                                  French Guiana\r\n                                                </option>\r\n                                                <option value=\"French Polynesia\">\r\n                                                  French Polynesia\r\n                                                </option>\r\n                                                <option value=\"French Southern Territories\">\r\n                                                  French Southern Territories\r\n                                                </option>\r\n                                                <option value=\"Gabon\">\r\n                                                  Gabon\r\n                                                </option>\r\n                                                <option value=\"Gambia\">\r\n                                                  Gambia\r\n                                                </option>\r\n                                                <option value=\"Georgia\">\r\n                                                  Georgia\r\n                                                </option>\r\n                                                <option value=\"Germany\">\r\n                                                  Germany\r\n                                                </option>\r\n                                                <option value=\"Ghana\">\r\n                                                  Ghana\r\n                                                </option>\r\n                                                <option value=\"Gibraltar\">\r\n                                                  Gibraltar\r\n                                                </option>\r\n                                                <option value=\"Greece\">\r\n                                                  Greece\r\n                                                </option>\r\n                                                <option value=\"Greenland\">\r\n                                                  Greenland\r\n                                                </option>\r\n                                                <option value=\"Grenada\">\r\n                                                  Grenada\r\n                                                </option>\r\n                                                <option value=\"Guadeloupe\">\r\n                                                  Guadeloupe\r\n                                                </option>\r\n                                                <option value=\"Guam\">\r\n                                                  Guam\r\n                                                </option>\r\n                                                <option value=\"Guatemala\">\r\n                                                  Guatemala\r\n                                                </option>\r\n                                                <option value=\"Guernsey\">\r\n                                                  Guernsey\r\n                                                </option>\r\n                                                <option value=\"Guinea\">\r\n                                                  Guinea\r\n                                                </option>\r\n                                                <option value=\"Guinea-bissau\">\r\n                                                  Guinea-bissau\r\n                                                </option>\r\n                                                <option value=\"Guyana\">\r\n                                                  Guyana\r\n                                                </option>\r\n                                                <option value=\"Haiti\">\r\n                                                  Haiti\r\n                                                </option>\r\n                                                <option value=\"Heard Island and Mcdonald Islands\">\r\n                                                  Heard Island and Mcdonald\r\n                                                  Islands\r\n                                                </option>\r\n                                                <option value=\"Holy See (Vatican City State)\">\r\n                                                  Holy See (Vatican City State)\r\n                                                </option>\r\n                                                <option value=\"Honduras\">\r\n                                                  Honduras\r\n                                                </option>\r\n                                                <option value=\"Hong Kong\">\r\n                                                  Hong Kong\r\n                                                </option>\r\n                                                <option value=\"Hungary\">\r\n                                                  Hungary\r\n                                                </option>\r\n                                                <option value=\"Iceland\">\r\n                                                  Iceland\r\n                                                </option>\r\n                                                <option value=\"India\">\r\n                                                  India\r\n                                                </option>\r\n                                                <option value=\"Indonesia\">\r\n                                                  Indonesia\r\n                                                </option>\r\n                                                <option value=\"Iran, Islamic Republic of\">\r\n                                                  Iran, Islamic Republic of\r\n                                                </option>\r\n                                                <option value=\"Iraq\">\r\n                                                  Iraq\r\n                                                </option>\r\n                                                <option value=\"Ireland\">\r\n                                                  Ireland\r\n                                                </option>\r\n                                                <option value=\"Isle of Man\">\r\n                                                  Isle of Man\r\n                                                </option>\r\n                                                <option value=\"Israel\">\r\n                                                  Israel\r\n                                                </option>\r\n                                                <option value=\"Italy\">\r\n                                                  Italy\r\n                                                </option>\r\n                                                <option value=\"Jamaica\">\r\n                                                  Jamaica\r\n                                                </option>\r\n                                                <option value=\"Japan\">\r\n                                                  Japan\r\n                                                </option>\r\n                                                <option value=\"Jersey\">\r\n                                                  Jersey\r\n                                                </option>\r\n                                                <option value=\"Jordan\">\r\n                                                  Jordan\r\n                                                </option>\r\n                                                <option value=\"Kazakhstan\">\r\n                                                  Kazakhstan\r\n                                                </option>\r\n                                                <option value=\"Kenya\">\r\n                                                  Kenya\r\n                                                </option>\r\n                                                <option value=\"Kiribati\">\r\n                                                  Kiribati\r\n                                                </option>\r\n                                                <option value=\"Korea, Democratic People's Republic of\">\r\n                                                  Korea, Democratic People's\r\n                                                  Republic of\r\n                                                </option>\r\n                                                <option value=\"Korea, Republic of\">\r\n                                                  Korea, Republic of\r\n                                                </option>\r\n                                                <option value=\"Kuwait\">\r\n                                                  Kuwait\r\n                                                </option>\r\n                                                <option value=\"Kyrgyzstan\">\r\n                                                  Kyrgyzstan\r\n                                                </option>\r\n                                                <option value=\"Lao People's Democratic Republic\">\r\n                                                  Lao People's Democratic\r\n                                                  Republic\r\n                                                </option>\r\n                                                <option value=\"Latvia\">\r\n                                                  Latvia\r\n                                                </option>\r\n                                                <option value=\"Lebanon\">\r\n                                                  Lebanon\r\n                                                </option>\r\n                                                <option value=\"Lesotho\">\r\n                                                  Lesotho\r\n                                                </option>\r\n                                                <option value=\"Liberia\">\r\n                                                  Liberia\r\n                                                </option>\r\n                                                <option value=\"Libyan Arab Jamahiriya\">\r\n                                                  Libyan Arab Jamahiriya\r\n                                                </option>\r\n                                                <option value=\"Liechtenstein\">\r\n                                                  Liechtenstein\r\n                                                </option>\r\n                                                <option value=\"Lithuania\">\r\n                                                  Lithuania\r\n                                                </option>\r\n                                                <option value=\"Luxembourg\">\r\n                                                  Luxembourg\r\n                                                </option>\r\n                                                <option value=\"Macao\">\r\n                                                  Macao\r\n                                                </option>\r\n                                                <option value=\"Macedonia, The Former Yugoslav Republic of\">\r\n                                                  Macedonia, The Former Yugoslav\r\n                                                  Republic of\r\n                                                </option>\r\n                                                <option value=\"Madagascar\">\r\n                                                  Madagascar\r\n                                                </option>\r\n                                                <option value=\"Malawi\">\r\n                                                  Malawi\r\n                                                </option>\r\n                                                <option value=\"Malaysia\">\r\n                                                  Malaysia\r\n                                                </option>\r\n                                                <option value=\"Maldives\">\r\n                                                  Maldives\r\n                                                </option>\r\n                                                <option value=\"Mali\">\r\n                                                  Mali\r\n                                                </option>\r\n                                                <option value=\"Malta\">\r\n                                                  Malta\r\n                                                </option>\r\n                                                <option value=\"Marshall Islands\">\r\n                                                  Marshall Islands\r\n                                                </option>\r\n                                                <option value=\"Martinique\">\r\n                                                  Martinique\r\n                                                </option>\r\n                                                <option value=\"Mauritania\">\r\n                                                  Mauritania\r\n                                                </option>\r\n                                                <option value=\"Mauritius\">\r\n                                                  Mauritius\r\n                                                </option>\r\n                                                <option value=\"Mayotte\">\r\n                                                  Mayotte\r\n                                                </option>\r\n                                                <option value=\"Mexico\">\r\n                                                  Mexico\r\n                                                </option>\r\n                                                <option value=\"Micronesia, Federated States of\">\r\n                                                  Micronesia, Federated States\r\n                                                  of\r\n                                                </option>\r\n                                                <option value=\"Moldova, Republic of\">\r\n                                                  Moldova, Republic of\r\n                                                </option>\r\n                                                <option value=\"Monaco\">\r\n                                                  Monaco\r\n                                                </option>\r\n                                                <option value=\"Mongolia\">\r\n                                                  Mongolia\r\n                                                </option>\r\n                                                <option value=\"Montenegro\">\r\n                                                  Montenegro\r\n                                                </option>\r\n                                                <option value=\"Montserrat\">\r\n                                                  Montserrat\r\n                                                </option>\r\n                                                <option value=\"Morocco\">\r\n                                                  Morocco\r\n                                                </option>\r\n                                                <option value=\"Mozambique\">\r\n                                                  Mozambique\r\n                                                </option>\r\n                                                <option value=\"Myanmar\">\r\n                                                  Myanmar\r\n                                                </option>\r\n                                                <option value=\"Namibia\">\r\n                                                  Namibia\r\n                                                </option>\r\n                                                <option value=\"Nauru\">\r\n                                                  Nauru\r\n                                                </option>\r\n                                                <option value=\"Nepal\">\r\n                                                  Nepal\r\n                                                </option>\r\n                                                <option value=\"Netherlands\">\r\n                                                  Netherlands\r\n                                                </option>\r\n                                                <option value=\"Netherlands Antilles\">\r\n                                                  Netherlands Antilles\r\n                                                </option>\r\n                                                <option value=\"New Caledonia\">\r\n                                                  New Caledonia\r\n                                                </option>\r\n                                                <option value=\"New Zealand\">\r\n                                                  New Zealand\r\n                                                </option>\r\n                                                <option value=\"Nicaragua\">\r\n                                                  Nicaragua\r\n                                                </option>\r\n                                                <option value=\"Niger\">\r\n                                                  Niger\r\n                                                </option>\r\n                                                <option value=\"Nigeria\">\r\n                                                  Nigeria\r\n                                                </option>\r\n                                                <option value=\"Niue\">\r\n                                                  Niue\r\n                                                </option>\r\n                                                <option value=\"Norfolk Island\">\r\n                                                  Norfolk Island\r\n                                                </option>\r\n                                                <option value=\"Northern Mariana Islands\">\r\n                                                  Northern Mariana Islands\r\n                                                </option>\r\n                                                <option value=\"Norway\">\r\n                                                  Norway\r\n                                                </option>\r\n                                                <option value=\"Oman\">\r\n                                                  Oman\r\n                                                </option>\r\n                                                <option value=\"Pakistan\">\r\n                                                  Pakistan\r\n                                                </option>\r\n                                                <option value=\"Palau\">\r\n                                                  Palau\r\n                                                </option>\r\n                                                <option value=\"Palestinian Territory, Occupied\">\r\n                                                  Palestinian Territory,\r\n                                                  Occupied\r\n                                                </option>\r\n                                                <option value=\"Panama\">\r\n                                                  Panama\r\n                                                </option>\r\n                                                <option value=\"Papua New Guinea\">\r\n                                                  Papua New Guinea\r\n                                                </option>\r\n                                                <option value=\"Paraguay\">\r\n                                                  Paraguay\r\n                                                </option>\r\n                                                <option value=\"Peru\">\r\n                                                  Peru\r\n                                                </option>\r\n                                                <option value=\"Philippines\">\r\n                                                  Philippines\r\n                                                </option>\r\n                                                <option value=\"Pitcairn\">\r\n                                                  Pitcairn\r\n                                                </option>\r\n                                                <option value=\"Poland\">\r\n                                                  Poland\r\n                                                </option>\r\n                                                <option value=\"Portugal\">\r\n                                                  Portugal\r\n                                                </option>\r\n                                                <option value=\"Puerto Rico\">\r\n                                                  Puerto Rico\r\n                                                </option>\r\n                                                <option value=\"Qatar\">\r\n                                                  Qatar\r\n                                                </option>\r\n                                                <option value=\"Reunion\">\r\n                                                  Reunion\r\n                                                </option>\r\n                                                <option value=\"Romania\">\r\n                                                  Romania\r\n                                                </option>\r\n                                                <option value=\"Russian Federation\">\r\n                                                  Russian Federation\r\n                                                </option>\r\n                                                <option value=\"Rwanda\">\r\n                                                  Rwanda\r\n                                                </option>\r\n                                                <option value=\"Saint Helena\">\r\n                                                  Saint Helena\r\n                                                </option>\r\n                                                <option value=\"Saint Kitts and Nevis\">\r\n                                                  Saint Kitts and Nevis\r\n                                                </option>\r\n                                                <option value=\"Saint Lucia\">\r\n                                                  Saint Lucia\r\n                                                </option>\r\n                                                <option value=\"Saint Pierre and Miquelon\">\r\n                                                  Saint Pierre and Miquelon\r\n                                                </option>\r\n                                                <option value=\"Saint Vincent and The Grenadines\">\r\n                                                  Saint Vincent and The\r\n                                                  Grenadines\r\n                                                </option>\r\n                                                <option value=\"Samoa\">\r\n                                                  Samoa\r\n                                                </option>\r\n                                                <option value=\"San Marino\">\r\n                                                  San Marino\r\n                                                </option>\r\n                                                <option value=\"Sao Tome and Principe\">\r\n                                                  Sao Tome and Principe\r\n                                                </option>\r\n                                                <option value=\"Saudi Arabia\">\r\n                                                  Saudi Arabia\r\n                                                </option>\r\n                                                <option value=\"Senegal\">\r\n                                                  Senegal\r\n                                                </option>\r\n                                                <option value=\"Serbia\">\r\n                                                  Serbia\r\n                                                </option>\r\n                                                <option value=\"Seychelles\">\r\n                                                  Seychelles\r\n                                                </option>\r\n                                                <option value=\"Sierra Leone\">\r\n                                                  Sierra Leone\r\n                                                </option>\r\n                                                <option value=\"Singapore\">\r\n                                                  Singapore\r\n                                                </option>\r\n                                                <option value=\"Slovakia\">\r\n                                                  Slovakia\r\n                                                </option>\r\n                                                <option value=\"Slovenia\">\r\n                                                  Slovenia\r\n                                                </option>\r\n                                                <option value=\"Solomon Islands\">\r\n                                                  Solomon Islands\r\n                                                </option>\r\n                                                <option value=\"Somalia\">\r\n                                                  Somalia\r\n                                                </option>\r\n                                                <option value=\"South Africa\">\r\n                                                  South Africa\r\n                                                </option>\r\n                                                <option value=\"South Georgia and The South Sandwich Islands\">\r\n                                                  South Georgia and The South\r\n                                                  Sandwich Islands\r\n                                                </option>\r\n                                                <option value=\"Spain\">\r\n                                                  Spain\r\n                                                </option>\r\n                                                <option value=\"Sri Lanka\">\r\n                                                  Sri Lanka\r\n                                                </option>\r\n                                                <option value=\"Sudan\">\r\n                                                  Sudan\r\n                                                </option>\r\n                                                <option value=\"Suriname\">\r\n                                                  Suriname\r\n                                                </option>\r\n                                                <option value=\"Svalbard and Jan Mayen\">\r\n                                                  Svalbard and Jan Mayen\r\n                                                </option>\r\n                                                <option value=\"Swaziland\">\r\n                                                  Swaziland\r\n                                                </option>\r\n                                                <option value=\"Sweden\">\r\n                                                  Sweden\r\n                                                </option>\r\n                                                <option value=\"Switzerland\">\r\n                                                  Switzerland\r\n                                                </option>\r\n                                                <option value=\"Syrian Arab Republic\">\r\n                                                  Syrian Arab Republic\r\n                                                </option>\r\n                                                <option value=\"Taiwan, Province of China\">\r\n                                                  Taiwan, Province of China\r\n                                                </option>\r\n                                                <option value=\"Tajikistan\">\r\n                                                  Tajikistan\r\n                                                </option>\r\n                                                <option value=\"Tanzania, United Republic of\">\r\n                                                  Tanzania, United Republic of\r\n                                                </option>\r\n                                                <option value=\"Thailand\">\r\n                                                  Thailand\r\n                                                </option>\r\n                                                <option value=\"Timor-leste\">\r\n                                                  Timor-leste\r\n                                                </option>\r\n                                                <option value=\"Togo\">\r\n                                                  Togo\r\n                                                </option>\r\n                                                <option value=\"Tokelau\">\r\n                                                  Tokelau\r\n                                                </option>\r\n                                                <option value=\"Tonga\">\r\n                                                  Tonga\r\n                                                </option>\r\n                                                <option value=\"Trinidad and Tobago\">\r\n                                                  Trinidad and Tobago\r\n                                                </option>\r\n                                                <option value=\"Tunisia\">\r\n                                                  Tunisia\r\n                                                </option>\r\n                                                <option value=\"Turkey\">\r\n                                                  Turkey\r\n                                                </option>\r\n                                                <option value=\"Turkmenistan\">\r\n                                                  Turkmenistan\r\n                                                </option>\r\n                                                <option value=\"Turks and Caicos Islands\">\r\n                                                  Turks and Caicos Islands\r\n                                                </option>\r\n                                                <option value=\"Tuvalu\">\r\n                                                  Tuvalu\r\n                                                </option>\r\n                                                <option value=\"Uganda\">\r\n                                                  Uganda\r\n                                                </option>\r\n                                                <option value=\"Ukraine\">\r\n                                                  Ukraine\r\n                                                </option>\r\n                                                <option value=\"United Arab Emirates\">\r\n                                                  United Arab Emirates\r\n                                                </option>\r\n                                                <option value=\"United Kingdom\">\r\n                                                  United Kingdom\r\n                                                </option>\r\n                                                <option value=\"United States\">\r\n                                                  United States\r\n                                                </option>\r\n                                                <option value=\"United States Minor Outlying Islands\">\r\n                                                  United States Minor Outlying\r\n                                                  Islands\r\n                                                </option>\r\n                                                <option value=\"Uruguay\">\r\n                                                  Uruguay\r\n                                                </option>\r\n                                                <option value=\"Uzbekistan\">\r\n                                                  Uzbekistan\r\n                                                </option>\r\n                                                <option value=\"Vanuatu\">\r\n                                                  Vanuatu\r\n                                                </option>\r\n                                                <option value=\"Venezuela\">\r\n                                                  Venezuela\r\n                                                </option>\r\n                                                <option value=\"Viet Nam\">\r\n                                                  Viet Nam\r\n                                                </option>\r\n                                                <option value=\"Virgin Islands, British\">\r\n                                                  Virgin Islands, British\r\n                                                </option>\r\n                                                <option value=\"Virgin Islands, U.S.\">\r\n                                                  Virgin Islands, U.S.\r\n                                                </option>\r\n                                                <option value=\"Wallis and Futuna\">\r\n                                                  Wallis and Futuna\r\n                                                </option>\r\n                                                <option value=\"Western Sahara\">\r\n                                                  Western Sahara\r\n                                                </option>\r\n                                                <option value=\"Yemen\">\r\n                                                  Yemen\r\n                                                </option>\r\n                                                <option value=\"Zambia\">\r\n                                                  Zambia\r\n                                                </option>\r\n                                                <option value=\"Zimbabwe\">\r\n                                                  Zimbabwe\r\n                                                </option>\r\n                                              </select>\r\n                                            ))}\r\n                                            {!countryErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Country\r\n                                                <span style={{ color: \"red\" }}>\r\n                                                  *\r\n                                                </span>{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {countryErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <>\r\n                                                {this.state.isSelected ? (\r\n                                                  <select\r\n                                                    id=\"state\"\r\n                                                    name=\"state\"\r\n                                                    className=\"effect-16\"\r\n                                                    onChange={(e) => {\r\n                                                      this.handleChange(e);\r\n                                                      // this.AutoCaps(e);\r\n                                                    }}\r\n                                                    // onFocus={this.handleFocus}\r\n                                                    defaultValue={SaveOrg.state}\r\n                                                    onKeyPress={(event) => {\r\n                                                      if (\r\n                                                        !/[a-zA-Z\\s ]+/.test(\r\n                                                          event.key\r\n                                                        )\r\n                                                      ) {\r\n                                                        event.preventDefault();\r\n                                                      }\r\n                                                    }}\r\n                                                  >\r\n                                                    <option value=\"\">\r\n                                                      Select state\r\n                                                    </option>\r\n                                                    <option value=\"Andaman and Nicobar Islands\">\r\n                                                      Andaman and Nicobar\r\n                                                      Islands\r\n                                                    </option>\r\n                                                    <option value=\"Andhra Pradesh\">\r\n                                                      Andhra Pradesh\r\n                                                    </option>\r\n                                                    <option value=\"Arunachal Pradesh\">\r\n                                                      Arunachal Pradesh\r\n                                                    </option>\r\n                                                    <option value=\"Assam\">\r\n                                                      Assam\r\n                                                    </option>\r\n                                                    <option value=\"Bihar\">\r\n                                                      Bihar\r\n                                                    </option>\r\n                                                    <option value=\"Chandigarh\">\r\n                                                      Chandigarh\r\n                                                    </option>\r\n                                                    <option value=\"Chhattisgarh\">\r\n                                                      Chhattisgarh\r\n                                                    </option>\r\n                                                    <option value=\"Dadra and Nagar Haveli\">\r\n                                                      Dadra and Nagar Haveli\r\n                                                    </option>\r\n                                                    <option value=\"Daman and Diu\">\r\n                                                      Daman and Diu\r\n                                                    </option>\r\n                                                    <option value=\"Delhi\">\r\n                                                      Delhi\r\n                                                    </option>\r\n                                                    <option value=\"Goa\">\r\n                                                      Goa\r\n                                                    </option>\r\n                                                    <option value=\"Gujarat\">\r\n                                                      Gujarat\r\n                                                    </option>\r\n                                                    <option value=\"Haryana\">\r\n                                                      Haryana\r\n                                                    </option>\r\n                                                    <option value=\"Himachal Pradesh\">\r\n                                                      Himachal Pradesh\r\n                                                    </option>\r\n                                                    <option value=\"Jammu and Kashmir\">\r\n                                                      Jammu and Kashmir\r\n                                                    </option>\r\n                                                    <option value=\"Jharkhand\">\r\n                                                      Jharkhand\r\n                                                    </option>\r\n                                                    <option value=\"Karnataka\">\r\n                                                      Karnataka\r\n                                                    </option>\r\n                                                    <option value=\"Kerala\">\r\n                                                      Kerala\r\n                                                    </option>\r\n                                                    <option value=\"Ladakh\">\r\n                                                      Ladakh\r\n                                                    </option>\r\n                                                    <option value=\"Lakshadweep\">\r\n                                                      Lakshadweep\r\n                                                    </option>\r\n                                                    <option value=\"Madhya Pradesh\">\r\n                                                      Madhya Pradesh\r\n                                                    </option>\r\n                                                    <option value=\"Maharashtra\">\r\n                                                      Maharashtra\r\n                                                    </option>\r\n                                                    <option value=\"Manipur\">\r\n                                                      Manipur\r\n                                                    </option>\r\n                                                    <option value=\"Meghalaya\">\r\n                                                      Meghalaya\r\n                                                    </option>\r\n                                                    <option value=\"Mizoram\">\r\n                                                      Mizoram\r\n                                                    </option>\r\n                                                    <option value=\"Nagaland\">\r\n                                                      Nagaland\r\n                                                    </option>\r\n                                                    <option value=\"Odisha\">\r\n                                                      Odisha\r\n                                                    </option>\r\n                                                    <option value=\"Puducherry\">\r\n                                                      Puducherry\r\n                                                    </option>\r\n                                                    <option value=\"Punjab\">\r\n                                                      Punjab\r\n                                                    </option>\r\n                                                    <option value=\"Rajasthan\">\r\n                                                      Rajasthan\r\n                                                    </option>\r\n                                                    <option value=\"Sikkim\">\r\n                                                      Sikkim\r\n                                                    </option>\r\n                                                    <option value=\"Tamil Nadu\">\r\n                                                      Tamil Nadu\r\n                                                    </option>\r\n                                                    <option value=\"Telangana\">\r\n                                                      Telangana\r\n                                                    </option>\r\n                                                    <option value=\"Tripura\">\r\n                                                      Tripura\r\n                                                    </option>\r\n                                                    <option value=\"Uttar Pradesh\">\r\n                                                      Uttar Pradesh\r\n                                                    </option>\r\n                                                    <option value=\"Uttarakhand\">\r\n                                                      Uttarakhand\r\n                                                    </option>\r\n                                                    <option value=\"West Bengal\">\r\n                                                      West Bengal\r\n                                                    </option>\r\n                                                  </select>\r\n                                                ) : (\r\n                                                  <input\r\n                                                    className=\"effect-16\"\r\n                                                    onFocusCapture={(e) => {\r\n                                                      this.handleChange(e);\r\n                                                      this.AutoCaps(e);\r\n                                                    }}\r\n                                                    onFocus={this.handleFocus}\r\n                                                    id=\"state\"\r\n                                                    name=\"state\"\r\n                                                    maxLength=\"30\"\r\n                                                    defaultValue={SaveOrg.state}\r\n                                                    onKeyPress={(event) => {\r\n                                                      if (\r\n                                                        !/[a-zA-Z\\s ]+/.test(\r\n                                                          event.key\r\n                                                        )\r\n                                                      ) {\r\n                                                        event.preventDefault();\r\n                                                      }\r\n                                                    }}\r\n                                                    type=\"text\"\r\n                                                  />\r\n                                                )}\r\n                                              </>\r\n                                            ))}\r\n                                            {!stateErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                State\r\n                                                <span style={{ color: \"red\" }}>\r\n                                                  *\r\n                                                </span>{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {stateErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{ padding: \"8px\" }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                onFocus={this.handleFocus}\r\n                                                id=\"Zip\"\r\n                                                name=\"Zip\"\r\n                                                defaultValue={SaveOrg.zip}\r\n                                                maxLength=\"6\"\r\n                                                onKeyPress={(event) => {\r\n                                                  if (\r\n                                                    !/[0-9]/.test(event.key)\r\n                                                  ) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                              />\r\n                                            ))}\r\n                                            {!ZipErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Pincode\r\n                                                <span style={{ color: \"red\" }}>\r\n                                                  *\r\n                                                </span>{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {ZipErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                id=\"website\"\r\n                                                name=\"website\"\r\n                                                maxLength=\"256\"\r\n                                                defaultValue={SaveOrg.website}\r\n                                                // ===\" \"?\"http://\":SaveOrg.website}\r\n\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                              />\r\n                                            ))}\r\n                                            {!websiteErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Official Website\r\n                                                <span style={{ color: \"red\" }}>\r\n                                                  *\r\n                                                </span>\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {websiteErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{ padding: \"8px\" }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                id=\"PANno\"\r\n                                                onFocus={(e) => {\r\n                                                  if (e.target.value === \" \") {\r\n                                                    e.target.value = \"\";\r\n                                                  }\r\n                                                }}\r\n                                                defaultValue={SaveOrg.paNno}\r\n                                                maxLength=\"10\"\r\n                                                onKeyPress={(event) => {\r\n                                                  if (\r\n                                                    !/^([a-zA-Z0-9 _-]+)$/.test(\r\n                                                      event.key\r\n                                                    )\r\n                                                  ) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                name=\"PANno\"\r\n                                                onBlur={this.HandlePanFormat}\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                              />\r\n                                            ))}\r\n                                            {!PANnoErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                PAN Number\r\n                                                <span style={{ color: \"red\" }}>\r\n                                                  *\r\n                                                </span>{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {PANnoErr}\r\n                                              </div>\r\n                                            )}{\" \"}\r\n                                          </div>\r\n\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                id=\"GSTno\"\r\n                                                onFocus={this.handleFocus}\r\n                                                onBlur={this.handleGSTFormat}\r\n                                                defaultValue={SaveOrg.gsTno}\r\n                                                maxLength=\"15\"\r\n                                                name=\"GSTno\"\r\n                                                onKeyPress={(event) => {\r\n                                                  if (\r\n                                                    !/^([a-zA-Z0-9 _-]+)$/.test(\r\n                                                      event.key\r\n                                                    )\r\n                                                  ) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                              />\r\n                                            ))}\r\n                                            {!GSTnoErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                GST Number\r\n                                                <span style={{ color: \"red\" }}>\r\n                                                  *\r\n                                                </span>\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {GSTnoErr}\r\n                                              </div>\r\n                                            )}{\" \"}\r\n                                          </div>\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{ padding: \"8px\" }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <>\r\n                                                <label>\r\n                                                  +\r\n                                                  <input\r\n                                                    className=\"effect-16\"\r\n                                                    title=\"Pan\"\r\n                                                    id=\"Pan\"\r\n                                                    name=\"Pan\"\r\n                                                    accept=\"image/*,.doc,.docx,.pdf,.ppt,.pptx,.zip,.rar\"\r\n                                                    style={{\r\n                                                      pointerEvents:\r\n                                                        SaveOrg.panVerified &&\r\n                                                        SaveOrg.reason ==\r\n                                                          \"Insufficient Document\"\r\n                                                          ? \"none\"\r\n                                                          : \"all\",\r\n                                                      width: \"93px\",\r\n                                                      border: \"0\",\r\n                                                    }}\r\n                                                    readOnly\r\n                                                    defaultValue={SaveOrg.pan.substring(\r\n                                                      SaveOrg.pan.lastIndexOf(\r\n                                                        \"/\"\r\n                                                      ) + 1\r\n                                                    )}\r\n                                                    onClick={() => {\r\n                                                      this.fileUploadAction();\r\n                                                    }}\r\n                                                    onChange={\r\n                                                      this.handlePanImageChange\r\n                                                    }\r\n                                                    onChangeCapture={\r\n                                                      this.handleChange\r\n                                                    }\r\n                                                    // id=\"Pan\"\r\n                                                  />\r\n                                                </label>\r\n                                                <input\r\n                                                    className=\"effect-16\"\r\n                                                    title=\"Pan\"\r\n                                                    id=\"Pan\"\r\n                                                    name=\"OldPan\"\r\n                                                    style={{\r\n                                                      pointerEvents:\r\n                                                        SaveOrg.panVerified &&\r\n                                                        SaveOrg.reason ==\r\n                                                          \"Insufficient Document\"\r\n                                                          ? \"none\"\r\n                                                          : \"all\",\r\n                                                      width: \"93px\",\r\n                                                      border: \"0\",\r\n                                                    }}\r\n                                                    defaultValue={SaveOrg.pan}\r\n\r\n                                                    type=\"hidden\"\r\n                                                    // id=\"Pan\"\r\n                                                  />\r\n                                                {/* <input\r\n                                                  type=\"hidden\"\r\n                                                  id=\"oldpan\"\r\n                                                  name=\"OldPan\"\r\n                                                  defaultValue={SaveOrg.pan}\r\n                                                /> */}\r\n                                              </>\r\n                                            ))}\r\n                                            <hr\r\n                                              style={{\r\n                                                margin: \"0px\",\r\n                                                background: \"lightgrey\",\r\n                                              }}\r\n                                            />\r\n\r\n                                            {!PanErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Upload PAN{\" \"}\r\n                                                <span style={{ color: \"red\" }}>\r\n                                                  *\r\n                                                </span>\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {PanErr}\r\n                                              </div>\r\n                                            )}\r\n                                            <span>\r\n                                              {this.state.imagedisplayPAN}\r\n                                            </span>\r\n                                            <span id=\"file_error\"></span>\r\n                                            <input\r\n                                            id=\"Pan\"\r\n                                            name=\"Pan\"\r\n                                            accept=\"image/*\"\r\n                                            type=\"file\"\r\n                                            hidden\r\n                                            ref={this.inputReference}\r\n                                            onChange={\r\n                                              this.handlePanImageChange\r\n                                            }\r\n                                          />\r\n                                            {/* <img src={this.state.imagePreviewUrlPAN}  style={{height:\"70px\",marginLeft:\"54%\"}}/> */}\r\n                                          </div>\r\n\r\n                                          {/* {SaveOrg.map(SaveOrg =><div className=\"col-sm-5\" \r\n                                            style={{pointerEvents:SaveOrg.gstVerified && SaveOrg.reason=='Insufficient Document'?\"none\":\"all\",width: '95px',border: '0' }}\r\n                                             > \r\n                                            <>    \r\n                                              <input type =\"hidden\" name=\"OldGST\" defaultValue={SaveOrg.gst} style={{pointerEvents:\"\"}}/>\r\n                                           <label>+\r\n                                            <input className=\"effect-16\" style={{width: '95px',\r\n                                               border: '0'}}  id=\"GST\" name=\"GST\"  defaultValue={SaveOrg.gst.substring(SaveOrg.gst.lastIndexOf('/') + 1)} \r\n                                            onFocus={(e) => e.target.type = 'file'}   \r\n                                            onChange={this.handleGstImageChange} type=\"text\" id=\"GST\" /></label>\r\n                                           \r\n                                          \r\n                                            </>\r\n                                            <hr style={{margin: '0px',background: 'lightgrey'}} />\r\n                                            {!GSTErr ? <span style={{ color: '#a29d9d' }}>Upload GST<span style={{ color: \"red\" }}>*</span></span> :\r\n                                              <div style={{ color: \"red\" }}>{GSTErr}</div>}\r\n                                                <span>{this.state.imagedisplayGST}</span>\r\n                                            \r\n\r\n                                          </div> )} */}\r\n                                          <div className=\"col-sm-5\">\r\n                                            {SaveOrg.map((SaveOrg) => (\r\n                                              <>\r\n                                                <label>\r\n                                                  +\r\n                                                  <input\r\n                                                    className=\"effect-16\"\r\n                                                    id=\"GST\"\r\n                                                    name=\"GST\"\r\n                                                    accept=\"image/*,.doc,.docx,.pdf,.ppt,.pptx,.zip,.rar\"\r\n                                                    style={{\r\n                                                      pointerEvents:\r\n                                                        SaveOrg.gstVerified &&\r\n                                                        SaveOrg.reason ==\r\n                                                          \"Insufficient Document\"\r\n                                                          ? \"none\"\r\n                                                          : \"all\",\r\n                                                      width: \"93px\",\r\n                                                      border: \"0\",\r\n                                                    }}\r\n                                                    defaultValue={SaveOrg.gst.substring(\r\n                                                      SaveOrg.gst.lastIndexOf(\r\n                                                        \"/\"\r\n                                                      ) + 1\r\n                                                    )}\r\n                                                    readOnly\r\n                                                    onClick={() => {\r\n                                                      this.fileUploadAction1();\r\n                                                    }}\r\n                                                    onChange={\r\n                                                      this.handleGstImageChange\r\n                                                    }\r\n                                                    onChangeCapture={\r\n                                                      this.handleChange\r\n                                                    }\r\n                                                    ref={this.inputRef}\r\n                                                    type=\"text\"\r\n                                                    // id=\"GST\"\r\n                                                  />\r\n                                                </label>\r\n                                                <input\r\n                                                    className=\"effect-16\"\r\n                                                    id=\"GST\"\r\n                                                    name=\"OldGST\"\r\n                                                    style={{\r\n                                                      pointerEvents:\r\n                                                        SaveOrg.gstVerified &&\r\n                                                        SaveOrg.reason ==\r\n                                                          \"Insufficient Document\"\r\n                                                          ? \"none\"\r\n                                                          : \"all\",\r\n                                                      width: \"93px\",\r\n                                                      border: \"0\",\r\n                                                    }}\r\n                                                    defaultValue={SaveOrg.gst}\r\n                                                    type=\"hidden\"\r\n                                                    // id=\"GST\"\r\n                                                  />\r\n                                                {/* <input\r\n                                                  type=\"hidden\"\r\n                                                  name=\"OldGST\"\r\n                                                  defaultValue={SaveOrg.gst}\r\n                                                  style={{ pointerEvents: \"\" }}\r\n                                                /> */}\r\n                                              </>\r\n                                            ))}\r\n                                            <hr\r\n                                              style={{\r\n                                                margin: \"0px\",\r\n                                                background: \"lightgrey\",\r\n                                              }}\r\n                                            />\r\n\r\n                                            {!GSTErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Upload GST\r\n                                                <span style={{ color: \"red\" }}>\r\n                                                  *\r\n                                                </span>\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {GSTErr}\r\n                                              </div>\r\n                                            )}\r\n                                            <span>\r\n                                              {this.state.imagedisplayGST}\r\n                                            </span>\r\n                                            <input\r\n                                            id=\"GST\"\r\n                                            name=\"GST\"\r\n                                            accept=\"image/*\"\r\n                                            type=\"file\"\r\n                                            hidden\r\n                                            ref={this.inputReference1}\r\n                                            onChange={\r\n                                              this.handleGstImageChange\r\n                                            }\r\n                                          />\r\n                                            {/* <span id=\"file_error\"></span> */}\r\n                                            {/* <img src={this.state.imagePreviewUrlPAN}  style={{height:\"70px\",marginLeft:\"54%\"}}/> */}\r\n                                          </div>\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n                                        <br />\r\n                                      </tbody>\r\n                                    </table>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div className=\"row\">\r\n                              <div\r\n                                className=\"col-sm-12\"\r\n                                style={{\r\n                                  textAlign: \"center\",\r\n                                  marginLeft: \"24px\",\r\n                                }}\r\n                              >\r\n                                <button\r\n                                  id=\"save\"\r\n                                  className=\"but\"\r\n                                  onClick={() => {\r\n                                    this.setState({ savstatus: 1 });\r\n                                  }}\r\n                                  style={{\r\n                                    height: \"39.5px\",\r\n                                    width: \"86.36px\",\r\n                                    marginTop: \"-0.3%\",\r\n                                  }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                &nbsp; &nbsp; &nbsp;\r\n                                <button\r\n                                  id=\"submitbtn\"\r\n                                  className=\"but\"\r\n                                  onClick={() => {\r\n                                    this.setState({ savstatus: 2 });\r\n                                  }}\r\n                                  style={{\r\n                                    height: \"39.5px\",\r\n                                    width: \"86.36px\",\r\n                                    marginTop: \"-0.3%\",\r\n                                  }}\r\n                                >\r\n                                  Submit\r\n                                </button>\r\n                                &nbsp; &nbsp; &nbsp;\r\n                                <button\r\n                                  type=\"reset\"\r\n                                  className=\" btn-Secondary\"\r\n                                  style={{ height: \"39.5px\" }}\r\n                                  onClick={this.handleReset}\r\n                                >\r\n                                  Cancel\r\n                                </button>\r\n                                <div>\r\n                                  <br /> <br /> <br />\r\n                                  <br />\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n\r\n                          {/* </div> */}\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {/* End */}\r\n\r\n        {this.state.loading === true ? <LoadingPage /> : null}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      edus: [],\r\n      Id: \"\",\r\n      UG: \"\",\r\n      PG: \"\",\r\n      Specialization: \"\",\r\n      University: \"\",\r\n      InActive: [],\r\n      Active: [],\r\n      All: [],\r\n      Notification: [],\r\n      comlogo: [],\r\n      formErrors: {},\r\n      edusdrop: [],\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  handleFormValidation() {\r\n    //const {CourseName,Specialization}= this.state;\r\n    let Degree = document.getElementById(\"Degree\").value;\r\n    let CourseName = document.getElementById(\"CourseName\").value;\r\n    let Specialization = document.getElementById(\"Specialization\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!Degree) {\r\n      formIsValid = false;\r\n      formErrors[\"Degreetype\"] = \"DegreeType is required\";\r\n    }\r\n    //Email\r\n    if (!CourseName) {\r\n      formIsValid = false;\r\n      formErrors[\"UGErr\"] = \"CourseName is required\";\r\n    }\r\n\r\n    if (!Specialization) {\r\n      formIsValid = false;\r\n      formErrors[\"SpecializationErr\"] = \"Specialization is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    if (this.handleFormValidation()) {\r\n      const data = new FormData(event.target);\r\n\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n      fetch(`${BASE_URLs}/Education/Post`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // /  Authorization: `Bearer ${JSON.parse(localStorage.user)}` /\r\n          Authorization: \"Bearer \" + accessToken,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n\r\n            setTimeout(() => {\r\n              this.props.history.push(\"/Education\");\r\n            }, 4000);\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/Delete?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    let Degree = document.getElementById(\"Degree\").value;\r\n    let CourseName = document.getElementById(\"CourseName\").value;\r\n    let Specialization = document.getElementById(\"Specialization\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!Degree) {\r\n      formIsValid = false;\r\n      formErrors[\"Degreetype\"] = \"DegreeType is required\";\r\n    }\r\n    //Email\r\n    else if (!CourseName) {\r\n      formIsValid = false;\r\n      formErrors[\"UGErr\"] = \"CourseName is required\";\r\n    } else if (!Specialization) {\r\n      formIsValid = false;\r\n      formErrors[\"SpecializationErr\"] = \"Specialization is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetEdudrop();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n\r\n  GetEdudrop() {\r\n    let url = `${BASE_URLs}/Education/getMasterEducationdrop`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          edusdrop: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { UGErr, SpecializationErr, Degreetype } = this.state.formErrors;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Add</h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"on\"\r\n                            style={{ marginTop: \"5%\" }}\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"container\">\r\n                              <div className=\"row\" id=\"skill-form\">\r\n                                <br />\r\n                                <br />\r\n\r\n                                <div className=\"col-lg-4\">\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <select\r\n                                        className=\"form\"\r\n                                        name=\"Degree\"\r\n                                        id=\"Degree\"\r\n                                        onInputCapture={this.HandleUg}\r\n                                        onChange={this.handleChange}\r\n                                        type=\"text\"\r\n                                      >\r\n                                        <option value=\"\"> </option>\r\n                                        <option value=\"UG\" name=\"UG\">\r\n                                          {\" \"}\r\n                                          UG{\" \"}\r\n                                        </option>\r\n                                        <option value=\"PG\" name=\"PG\">\r\n                                          PG\r\n                                        </option>\r\n                                        <option value=\"PHD\" name=\"PHD\">\r\n                                          PHD\r\n                                        </option>\r\n                                      </select>\r\n\r\n                                      {!Degreetype ? (\r\n                                        <span style={{ color: \"#a29d9d\" }}>\r\n                                          Degree\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Degreetype}\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        name=\"CourseName\"\r\n                                        id=\"CourseName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleChange}\r\n                                      />\r\n                                      {!UGErr ? (\r\n                                        <span style={{ color: \"#a29d9d\" }}>\r\n                                          CourseName\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {UGErr}\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        name=\"Specialization\"\r\n                                        id=\"Specialization\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleChange}\r\n                                      />\r\n                                      {!SpecializationErr ? (\r\n                                        <span style={{ color: \"#a29d9d\" }}>\r\n                                          Specialization\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SpecializationErr}\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n\r\n                              <div className=\"row\">\r\n                                <div\r\n                                  className=\"col-sm-12\"\r\n                                  style={{ textAlign: \"center\" }}\r\n                                >\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    className=\"but\"\r\n                                    style={{\r\n                                      height: \"39.5px\",\r\n                                      width: \"86.36px\",\r\n                                      marginTop: \"-0.3%\",\r\n                                    }}\r\n                                  >\r\n                                    Save\r\n                                  </button>\r\n                                  &nbsp; &nbsp; &nbsp;\r\n                                  <button\r\n                                    type=\"reset\"\r\n                                    className=\" btn-Secondary\"\r\n                                    style={{ height: \"39.5px\" }}\r\n                                  >\r\n                                    Cancel\r\n                                  </button>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                          <br /> <br /> <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport CommonSuccess from \"../../Common/CommonSuccess\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      Addskills: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      comlogo: [],\r\n      formErrors: {},\r\n      Notification: [],\r\n      PopMessage: \"\",\r\n      categ: [],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  handleFormValidation() {\r\n    //const {SkillName,SkillDescription,Category}= this.state;\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n    //Email\r\n    if (!SkillName || SkillName === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"Name is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"Description is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  Getcategory() {\r\n    let url = `${BASE_URLs}/Skill/GetAdminCategory`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          categ: data,\r\n        });\r\n      });\r\n  }\r\n  handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n\r\n    if (this.handleFormValidation()) {\r\n      const data = new FormData(event.target);\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n\r\n      const accessToken = user;\r\n      const url = `${BASE_URLs}/Skill/post`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: \"Bearer \" + accessToken,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      this.setState({ PopMessage: result.message });\r\n\r\n      if (result.status === \"Success\") {\r\n        this.SuccessModel();\r\n        setTimeout(() => {\r\n          this.props.history.push(\"/MasterSkill\");\r\n        }, 2000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n  };\r\n  HandlePg() {\r\n    var UG = document.getElementById(\"Category\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"pgtext\").value = \"\";\r\n      document.getElementById(\"pgtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"pgtext\").value = \"None\";\r\n      document.getElementById(\"pgtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Delete?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    //const {SkillName,SkillDescription,Category}= this.state;\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n    //Email\r\n    else if (!SkillName || SkillName === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"Name is required\";\r\n    } else if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"Description is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.Getcategory();\r\n\r\n    var role = JSON.parse(localStorage.Role);\r\n\r\n    if (role === \"Platform Admin\") {\r\n      document\r\n        .getElementById(\"navright\")\r\n        .setAttribute(\"style\", \" display:none;\");\r\n      document\r\n        .getElementById(\"mainorg\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n    }\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { Addskills } = this.state;\r\n    const { categ } = this.state;\r\n    const { SkillNameErr, SkillDescriptionErr, CategoryErr } =\r\n      this.state.formErrors;\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\" style={{ marginRight: \"5%\" }}>\r\n                            Add\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        {this.state.SuccessModel ? (\r\n                          <CommonSuccess\r\n                            id=\"Success\"\r\n                            message={this.state.PopMessage}\r\n                            close={() => this.SuccessModel()}\r\n                          />\r\n                        ) : null}\r\n                        <div className=\"card-block2\">\r\n                          {/*         <div className=\"j-wrapper \">\r\n                           */}\r\n                          <form\r\n                            autoComplete=\"on\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"container\">\r\n                              <div\r\n                                className=\"row\"\r\n                                id=\"skill-form\"\r\n                                style={{ marginTop: \"41px\" }}\r\n                              >\r\n                                <div className=\"col-lg-4\">\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <select\r\n                                        className=\"form\"\r\n                                        id=\"Category\"\r\n                                        name=\"Category\"\r\n                                        onInputCapture={this.HandlePg}\r\n                                        onChange={this.handleChange}\r\n                                        type=\"text\"\r\n                                      >\r\n                                        <option value=\"\">Select</option>\r\n                                        {categ.map((categ) => (\r\n                                          <option value={categ.category}>\r\n                                            {categ.category}\r\n                                          </option>\r\n                                        ))}\r\n                                      </select>\r\n                                      {!CategoryErr ? (\r\n                                        <span style={{ color: \"#a29d9d\" }}>\r\n                                          Category\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {CategoryErr}\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"underline\" />\r\n                                      <input\r\n                                        type=\"hidden\"\r\n                                        className=\"form\"\r\n                                        id=\"pgtext\"\r\n                                        name=\"OtherCategory\"\r\n                                        onChange={this.handleChange}\r\n                                        placeholder=\"Category\"\r\n                                      />\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        id=\"SkillName\"\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleChange}\r\n                                      />\r\n\r\n                                      {!SkillNameErr ? (\r\n                                        <span style={{ color: \"#a29d9d\" }}>\r\n                                          {\" \"}\r\n                                          Name{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillNameErr}\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        id=\"SkillDescription\"\r\n                                        name=\"SkillDescription\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleChange}\r\n                                      />\r\n\r\n                                      {!SkillDescriptionErr ? (\r\n                                        <span style={{ color: \"#a29d9d\" }}>\r\n                                          {\" \"}\r\n                                          Description{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillDescriptionErr}\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n\r\n                              <div className=\"row\">\r\n                                <div\r\n                                  className=\"col-sm-12\"\r\n                                  style={{ textAlign: \"center\" }}\r\n                                >\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    className=\"but\"\r\n                                    style={{\r\n                                      height: \"39.5px\",\r\n                                      width: \"86.36px\",\r\n                                      marginTop: \"-0.3%\",\r\n                                    }}\r\n                                  >\r\n                                    Save\r\n                                  </button>\r\n                                  &nbsp; &nbsp; &nbsp;\r\n                                  <button\r\n                                    type=\"reset\"\r\n                                    className=\" btn-Secondary\"\r\n                                    style={{ height: \"39.5px\" }}\r\n                                  >\r\n                                    Cancel\r\n                                  </button>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                          <br /> <br /> <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nexport default class Su extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Business: [],\r\n    };\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    return (\r\n      <>\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n          >\r\n            {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}}  ><CloseIcon/></button> */}\r\n            <h4>The Announcement will be published!!</h4>\r\n            <br />\r\n            <div className=\"row\">\r\n              <div className=\"col-lg-12\">\r\n                <Link to=\"/AnnouncementPreview\" type=\"button\" className=\"btn\">\r\n                  Ok\r\n                </Link>\r\n                &nbsp;&nbsp;&nbsp;\r\n                {/* <button  className=\"btn-Secondary\"  onClick={this.props.close}>No</button> */}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import { Announcement, Title } from \"@material-ui/icons\";\r\nimport React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SuccesAnnouncement from \"../../Common/SuccesAnnouncement\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class AllAnnouncement extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Announcement: [],\r\n      formErrors: {},\r\n      SuccessModel: false,\r\n      imagePreviewUrl: \"\",\r\n      image: \"\",\r\n      imagedisplay: null,\r\n      files: [],\r\n      ButtonDisabled:false\r\n    };\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  handleFormValidation() {\r\n    var roles = document.getElementById(\"roles\").value;\r\n    var Message = document.getElementById(\"Message\").value;\r\n    var Title = document.getElementById(\"Title\").value;\r\n    var fileName = document.getElementById(\"Image\").value;\r\n    // var VdoName = document.getElementById(\"Video\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var reg = /(.*?)\\.(jpg|jpeg|png|)$/;\r\n    var vdo = /(.*?)\\.(mp4|x-m4v|mkv|)$/;\r\n\r\n    //Email\r\n\r\n    if (!Message) {\r\n      formIsValid = false;\r\n      formErrors[\"MessageErr\"] = \"Description is required\";\r\n    }\r\n    if (!Title) {\r\n      formIsValid = false;\r\n      formErrors[\"TitleErr\"] = \"Title is required\";\r\n    }\r\n    if (!roles) {\r\n      formIsValid = false;\r\n      formErrors[\"roleerr\"] = \"Category is required\";\r\n    }\r\n    // if (fileName) {\r\n    //   if (!fileName.match(reg)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"ImageErr\"] = \" Only Image can be Added\";\r\n    //   }\r\n    // }\r\n    // if (VdoName) {\r\n    //   if (!VdoName.match(vdo)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"VdoErr\"] = \"Only Video can be Added\";\r\n    //   }\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value, files } = e.target;\r\n\r\n    if (name === \"Image\") {\r\n        const fileNames = Array.from(files).map(file => URL.createObjectURL(file)); // Get file paths\r\n        const concatenatedFileNames = fileNames.join(', '); // Join file paths with commas\r\n        this.setState({ files: concatenatedFileNames });\r\n    } else {\r\n        this.setState({ [name]: value });\r\n    }\r\n\r\n    var roles = document.getElementById(\"roles\").value;\r\n    var Message = document.getElementById(\"Message\").value;\r\n    var Title = document.getElementById(\"Title\").value;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var reg = /(.*?)\\.(jpg|jpeg|png|)$/;\r\n    var vdo = /(.*?)\\.(mp4|x-m4v|mkv|)$/;\r\n\r\n    const maxFileSizeMB = 10; // Set your desired maximum file size limit in megabytes\r\n    const selectedFile = files && files.length > 0 ? files[0] : null;\r\n\r\n    //Email\r\n\r\n    if (!Message) {\r\n      formIsValid = false;\r\n      formErrors[\"MessageErr\"] = \"Description is required\";\r\n    }\r\n    if (!Title) {\r\n      formIsValid = false;\r\n      formErrors[\"TitleErr\"] = \"Title is required\";\r\n    }\r\n    if (!roles) {\r\n      formIsValid = false;\r\n      formErrors[\"roleerr\"] = \"Category is required\";\r\n    }\r\n\r\n    // File size validation\r\n    if (selectedFile) {\r\n      const fileSizeMB = selectedFile.size / (1024 * 1024); // Convert to megabytes\r\n      if (fileSizeMB > maxFileSizeMB) {\r\n        // alert(`File size exceeds the maximum limit of ${maxFileSizeMB} MB.`);\r\n        formIsValid = false;\r\n        formErrors[\r\n          \"ImageErr\"\r\n        ] = `File size exceeds the maximum limit of ${maxFileSizeMB} MB.`;\r\n        e.target.value = null;\r\n      }\r\n    }\r\n    \r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n};\r\n\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    if (this.handleFormValidation()) {\r\n        const data = new FormData(event.target);\r\n        this.setState({\r\n          ButtonDisabled: true,\r\n        });\r\n        const { files } = this.state;\r\n        \r\n        if (files.length !== 0 ) {\r\n            const fileNamesArray = files.split(', ');\r\n\r\n            fileNamesArray.forEach((filePath, index) => {\r\n                fetch(filePath)\r\n                    .then(response => response.blob())\r\n                    .then(blob => {\r\n                        const file = new File([blob], `file${index}.png`, { type: blob.type }); // Create a new File object\r\n                        data.append(`file${index}`, file); // Append the file object to FormData\r\n                    })\r\n                    .catch(error => console.error('Error fetching file:', error));\r\n            });\r\n        }\r\n\r\n        fetch(`${BASE_URLs}/Announcement/AdminAnnouncement`, {\r\n            method: \"POST\",\r\n            headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n            body: data,\r\n        })\r\n            .then((res) => res.json())\r\n            .then((resp) => {\r\n                this.SuccessModel();\r\n                this.setState({\r\n                  ButtonDisabled: true,\r\n                });\r\n                event.target.reset();\r\n                event.target.querySelector('input[type=\"file\"]').value = '';\r\n                this.setState({ files: '' });\r\n            })\r\n            .catch(error => console.error('Error submitting form:', error));\r\n\r\n        // console.log(\"New\", data);\r\n        this.setState({ imagedisplay: null });\r\n\r\n\r\n        // setTimeout(() => {\r\n        //   var page = {\r\n        //     pathname: \"/AnnouncementPreview\",\r\n            \r\n        //   };\r\n        //   this.props.history.push(page);\r\n        // }, 2000);\r\n    } \r\n};\r\n\r\n  GetAnnouncement() {\r\n    let url = `${BASE_URLs}/Announcement/GetActiveAnnounce`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Announcement: data,\r\n        });\r\n\r\n        // console.log(\"Announce\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  onImageChange = (event) => {\r\n    event.preventDefault();\r\n    const { name, value } = event.target;\r\n    this.setState({ [name]: value });\r\n    if (event.target.files && event.target.files[1]) {\r\n      this.setState({ image: URL.createObjectURL(event.target.files[1]) });\r\n    }\r\n\r\n    var result = value.substring(value.lastIndexOf(\"\\\\\") + 1);\r\n    this.setState({ imagedisplay: result });\r\n\r\n   \r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetAnnouncement();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  handleChangeA = (event) => {\r\n    const files = event.target.files;\r\n    // Process each file\r\n    for (let i = 0; i < files.length; i++) {\r\n        const file = files[i];\r\n        // console.log(file.name);\r\n        // Handle the file (e.g., upload to server or display preview)\r\n    }\r\n  }\r\n  \r\n  handleFileChange = (event) => {\r\n    const files = Array.from(event.target.files);\r\n    const fileNames = files.map(file => URL.createObjectURL(file)); // Get file paths\r\n    const concatenatedFileNames = fileNames.join(', '); // Join file paths with commas\r\n    this.setState({ files: concatenatedFileNames });\r\n  };\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { MessageErr, roleerr, ImageErr, VdoErr, TitleErr } =\r\n      this.state.formErrors;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\" >\r\n                    <div className=\"col-lg-12\">\r\n                      <div className=\"card\" id=\"AdminAnnFullcontainer\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\" style={{marginRight:'56px'}}>Create New Announcements</h4>\r\n                        </div>\r\n\r\n                        {this.state.SuccessModel ? (\r\n                          <SuccesAnnouncement\r\n                            id=\"Success\"\r\n                            close={() => this.SuccessModel()}\r\n                          />\r\n                        ) : null}\r\n                        <div className=\"card-block\">\r\n                          <form\r\n                            id=\"Announceform\"\r\n                            className=\"contactForm\"\r\n                            autoComplete=\"on\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"container\">\r\n                              {/* <b>\r\n                                {\" \"}\r\n                                <Link\r\n                                  style={{ cursor: \"pointer\", float: \"right\" }}\r\n                                  to=\"AnnouncementPreview\"\r\n                                >\r\n                                  View Previous Announcements\r\n                                </Link>\r\n                              </b>\r\n                              <br /> <br /> */}\r\n                              {/* <center style={{fontSize:'15px',color:'#5035ce'}}>Create New Announcements</center>\r\n                              <br /> */}\r\n                              <div\r\n                                className=\"row\"\r\n                                style={{\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                  marginTop:'50px'\r\n                                }}\r\n                              >\r\n                                <div className=\"col-lg-4 input-effect\">\r\n                                  <textarea\r\n                                    className=\"form\"\r\n                                    id=\"Title\"\r\n                                    style={{ height: \"37px\" }}\r\n                                    name=\"Title\"\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Subject\"\r\n                                    // maxLength={50}\r\n                                  />\r\n                                \r\n                                  {/* <span style={{color:'rgb(162, 157, 157)'}}>Title</span>\r\n                                  {TitleErr && (\r\n                                    <div\r\n                                      style={{\r\n                                        color: \"red\",\r\n                                        paddingBottom: 10,\r\n                                        position: \"absolute\",\r\n                                      }}\r\n                                    >\r\n                                      {TitleErr}\r\n                                    </div>\r\n                                  )} */}\r\n                                  {!TitleErr ? (\r\n                                    <span style={{color:'rgb(162, 157, 157)'}}>Subject</span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {TitleErr}\r\n                                          </div>\r\n                                        )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-lg-4 input-effect\">\r\n                                  <textarea\r\n                                    className=\"form\"\r\n                                    id=\"Message\"\r\n                                    style={{ height: \"37px\" }}\r\n                                    name=\"Message\"\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Description\"\r\n                                  />\r\n                                  {/* {MessageErr && (\r\n                                    <div\r\n                                      style={{\r\n                                        color: \"red\",\r\n                                        paddingBottom: 10,\r\n                                        position: \"absolute\",\r\n                                      }}\r\n                                    >\r\n                                      {MessageErr}\r\n                                    </div>\r\n                                  )} */}\r\n                                  {!MessageErr ? (\r\n                                    <span style={{color:'rgb(162, 157, 157)'}}>Description</span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {MessageErr}\r\n                                          </div>\r\n                                        )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n                              <div\r\n                                className=\"row\"\r\n                                style={{\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                }}\r\n                              >\r\n                                <div className=\"col-lg-4 input-effect\">\r\n                                  <select\r\n                                    className=\"form selectleftalign\"\r\n                                    id=\"roles\"\r\n                                    name=\"Category\"\r\n                                    onChange={this.handleChange}\r\n                                  >\r\n                                    <option value=\"\">Select</option>\r\n                                    <option value=\"General\">\r\n                                      General\r\n                                    </option>\r\n                                    <option value=\"Software Updates\">\r\n                                      Software Updates\r\n                                    </option>\r\n                                    <option value=\"HR\">HR </option>\r\n                                    <option value=\"Company\">Company</option>\r\n                                    <option value=\"Foundations\">\r\n                                      Foundations\r\n                                    </option>\r\n                                    <option value=\"Events\">Events</option>\r\n                                  </select>\r\n                                  {/* {roleerr && (\r\n                                    <div\r\n                                      style={{\r\n                                        color: \"red\",\r\n                                        paddingBottom: 10,\r\n                                        position: \"absolute\",\r\n                                      }}\r\n                                    >\r\n                                      {roleerr}\r\n                                    </div>\r\n                                  )} */}\r\n                                  {!roleerr ? (\r\n                                    <span style={{color:'rgb(162, 157, 157)'}}>Category</span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {roleerr}\r\n                                          </div>\r\n                                        )}\r\n\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-4 \">\r\n                                {/* <input type='file' name='files[]' multiple /> */}\r\n                                   <input\r\n                                    type=\"file\"                    \r\n                                    name=\"Image\"\r\n                                    id=\"Image\"\r\n                                    onFocus={(e) => (e.target.type = \"file\")}\r\n                                    style={{ width: \"100%\" }}\r\n                                    className=\"form\"\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Image\"\r\n                                    multiple\r\n                                    accept=\".jpg, .jpeg, .pdf, .xlsx, .xls, .mp4, .avi, .mov\"\r\n                                  />\r\n                                \r\n                                  {/* {ImageErr && (\r\n                                    <div\r\n                                      style={{\r\n                                        color: \"red\",\r\n                                        paddingBottom: 10,\r\n                                      }}\r\n                                    >\r\n                                      {ImageErr}\r\n                                    </div>\r\n                                  )} */}\r\n                                  {!ImageErr ? (\r\n                                    <span style={{color:'rgb(162, 157, 157)'}}>Upload Related Files&nbsp;(.jpg/.jpeg./.png/.mp4/.xlsx/.pdf)</span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {ImageErr}\r\n                                          </div>\r\n                                        )}\r\n\r\n                                  <span className=\"underline\" />\r\n\r\n                              \r\n                                </div>\r\n                              </div>\r\n                              {/* <div\r\n                                className=\"row\"\r\n                                style={{\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                }}\r\n                              >\r\n                                <div className=\"col-lg-4 input-effect\">\r\n                                  <input\r\n                                    type=\"file\"\r\n                                    className=\"form\"\r\n                                    onFocus={(e) => (e.target.type = \"file\")}\r\n                                    style={{ width: \"100%\" }}\r\n                                    id=\"Video\"\r\n                                    name=\"Video\"\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Video\" //style={{width:\"123%\",marginLeft:\"-22%\"}}\r\n                                  />\r\n                                 \r\n                                  {!VdoErr ? (\r\n                                    <span style={{color:'rgb(162, 157, 157)'}}>Video</span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {VdoErr}\r\n                                          </div>\r\n                                        )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-lg-4 input-effect\">\r\n                                 \r\n                                </div>\r\n                              </div> */}\r\n                            </div>\r\n                            <div className=\"col-lg-12\">\r\n                                      <div className=\"row  justify-content-center\" style={{marginTop:'20px'}}>\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          disabled={this.state.ButtonDisabled}\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                        >\r\n                                          Submit\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={() =>\r\n                                            this.setState({ formErrors: \"\" })\r\n                                          }\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                            {/* <div\r\n                              className=\"row\"\r\n                              style={{\r\n                                alignItems: \"center\",\r\n                                justifyContent: \"center\",\r\n                              }}\r\n                            >\r\n                             \r\n                                <button\r\n                                  type=\"submit\"\r\n                                  title=\"Send Message\"\r\n                                  className=\"but\"\r\n                                >\r\n                                  Submit\r\n                                </button>\r\n                              \r\n                             \r\n                            </div> */}\r\n                          </form>\r\n                          <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport AddBusinessPop from \"../../Common/AddBusinessPop\";\r\nimport EditBusinessPop from \"../../Common/EditBusinessPop\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nimport DataTable from 'react-data-table-component';\r\nvar XLSX = require(\"xlsx\");\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      DepartmentName: \"\",\r\n      SkillModel: false,\r\n      comlogo: [],\r\n      Business: [],\r\n      Busi: [],\r\n      formErrors: {},\r\n      Notification: [],\r\n      EditModel: false,\r\n      letters: [],\r\n      Filterpop: false,\r\n      EditBusinessValues: [],\r\n      FilterData: \"\",\r\n      filterValue: '',\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      selectAllChecked: false,\r\n      delay: false,\r\n      clearSelected: false,\r\n      selectedNames: [],\r\n      selectedRows:[],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.clearSelection = this.clearSelection.bind(this);\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"BusSheetExpo\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetBusiness() {\r\n    let url = `${BASE_URLs}/Business/BusinessGet`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"bussin\",data)\r\n        this.setState({\r\n          Business: data,\r\n          Busi: data,\r\n        });\r\n      });\r\n  }\r\n  onKeyUp = (e) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    const Business = this.state.Busi.filter((item) =>\r\n      item.businessUnit.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Business });\r\n  };\r\n\r\n  handleBusinessFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Business = this.state.Busi.filter((item) => {\r\n      return item.businessUnit.toLowerCase().startsWith(letter.toLowerCase());\r\n    });\r\n    this.setState({ Business, showResults: true, FilterData: Business });\r\n  };\r\n\r\n  SkillModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      SkillModel: !prevState.SkillModel,\r\n    }));\r\n    this.clearSelection();\r\n    this.GetBusiness();\r\n  };\r\n\r\n  EditModel = (e, fn) => {\r\n    this.clearSelection();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditBusinessValues: {\r\n        id: e,\r\n        BusinessUnit: fn,\r\n      },\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      SelectedNames: [],\r\n      selectAllChecked: false,\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n\r\n    this.GetBusiness();\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetBusiness();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n    setTimeout(() => {\r\n      this.setState({ delay: true })\r\n    }, 2000);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleFormValidation() {\r\n    const {\r\n      FirstName,\r\n      LastName,\r\n      Email,\r\n      Mobile,\r\n      Department,\r\n      Designation,\r\n      RoleName,\r\n    } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    }\r\n    if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    }\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email id.\";\r\n    }\r\n    if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile is required\";\r\n    } else {\r\n      var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n      if (!mobPattern.test(Mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"MobileErr\"] = \"Invalid phone number.\";\r\n      }\r\n    }\r\n    if (!Department) {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"department is required\";\r\n    }\r\n    if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"designation is required\";\r\n    }\r\n    if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n\r\n    const data = new FormData(event.target);\r\n\r\n    fetch(`${BASE_URLs}/Business/SP_AddBusiness`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        alert(resp.message);\r\n      });\r\n  }\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n    const { SelectedNames } = this.state;\r\n    const currentSelectedNames = Array.isArray(SelectedNames) ? SelectedNames : [];\r\n    const uniqueManagerIds = new Set([\r\n      ...currentSelectedNames.map(row => row && row.id),\r\n      ...selectedRows.map(row => row && row.id)\r\n    ]);\r\n    const updatedSelectedNames = Array.from(uniqueManagerIds)\r\n      .filter(id => id !== undefined && id !== null)\r\n      .map(id => {\r\n        const existingRow = currentSelectedNames.find(row => row && row.id === id);\r\n        if (existingRow) {\r\n          return existingRow;\r\n        }\r\n        return selectedRows.find(row => row && row.id === id);\r\n      });\r\n    const updatedSelectedRows = selectedRows.filter(row =>\r\n      uniqueManagerIds.has(row.id)\r\n    );\r\n    this.setState({\r\n      SelectedNames: updatedSelectedNames,\r\n      selectedRows: updatedSelectedRows,\r\n      showSelectAll: updatedSelectedRows.length >= 2,\r\n      showDelete: updatedSelectedRows.length >= 1,\r\n      showDeleteCount: updatedSelectedRows.length > 0,\r\n      NewState: updatedSelectedNames,\r\n    });\r\n  };\r\n\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append(\"Id_delete\", row.id);\r\n    });\r\n\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].businessUnit : this.state.SelectedNames.length;\r\n\r\n    if (\r\n      this.state.SelectedNames.length === 1 ? window.confirm(\"Are you sure you want to delete this record permanently?\") :\r\n      window.confirm(\"Are you sure you want to delete these \" + value + \" records permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n\r\n          //Authorization: `Bearer ${JSON.parse(localStorage.user)}`\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Business/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n      this.GetBusiness();\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n    }\r\n    this.GetBusiness();\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Business/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetBusiness();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n      this.clearSelection();\r\n    }\r\n  };\r\n\r\n\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n  clearSelection() {\r\n    this.setState({ clearSelected: true }, () => {\r\n      this.setState({ \r\n        clearSelected: false, \r\n        showDelete: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false,  });\r\n    });\r\n  }\r\n\r\n  selectableRowSelected = (row) => {\r\n    const { SelectedNames } = this.state;\r\n    if (!Array.isArray(SelectedNames)) {\r\n      return false;\r\n    }\r\n    return SelectedNames.some(selectedRow => selectedRow.id === row.id);\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const { delay, Business, Filterpop, FilterData,SelectedNames,selectedRows } = this.state;\r\n    var filename = `O_${username}_Business`;\r\n    const customStyles = {\r\n      headCells: {\r\n        style: {\r\n          flex: \"0.5\"\r\n        }\r\n      },\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"\r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\",\r\n          borderBottom: \"1px solid #ccc\",\r\n\r\n        },\r\n      },\r\n\r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\"\r\n          },\r\n        },\r\n      },\r\n    };\r\n\r\n    const columns = [\r\n      {\r\n        name: 'Business Unit',\r\n        selector: row => row.businessUnit,\r\n        id: \"isheader\",\r\n        grow: 3.5,\r\n        sortable: false,\r\n      },\r\n\r\n      {\r\n        name: 'Actions',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.DeleteButton(row.id);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"Annbuttons sk-edit\"\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.EditModel(\r\n                  row.id,\r\n                  row.businessUnit\r\n\r\n\r\n                );\r\n              }}\r\n              title=\"Edit\"\r\n            >\r\n              <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.EditModel ? (\r\n          <EditBusinessPop\r\n            values={this.state.EditBusinessValues}\r\n            close={() => this.EditModel()}\r\n          />\r\n        ) : null}\r\n        {this.state.SkillModel ? (\r\n          <AddBusinessPop close={() => this.SkillModel()} />\r\n        ) : null}\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Business Unit{\" \"}\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-block\">\r\n                          <div className=\"row\">\r\n                            <div className=\"col btnalign\">\r\n                              <h5 className=\"card-header-text\">\r\n                                <button\r\n                                  onClick={this.SkillModel}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  className=\"btn\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Add{\" \"}\r\n                                </button>\r\n                              </h5>\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                                onClick={() => this.exportXlsx(filename)}\r\n                                onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n                              {/* <ReactHTMLTableToExcel                  \r\n           className=\"btn \"  \r\n           table=\"BusSheet\"  \r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to Excel \" id=\"exportxlUG\" /> */}\r\n                            </div>\r\n                            <div\r\n                              className=\"col-lg-1\"\r\n                              style={{\r\n                                overflow: \"scroll\",\r\n                                height: \"73px\",\r\n                                textAlign: \"center\",\r\n                                cursor: \"pointer\",\r\n                              }}\r\n                            >\r\n                              {/* Just for design */}\r\n                            </div>\r\n\r\n\r\n                            <div className=\"col-lg-2 \"></div>\r\n                            <div className=\"col-lg-2 \"></div>\r\n                            <div>\r\n                              {/* {this.state.Busi.length === 0 ? null : ( */}\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                id=\"CNSearch\"\r\n                                placeholder=\"Search\"\r\n                                onKeyUp={this.onKeyUp}\r\n                                onClick={ () => {\r\n                                  const { selectedRows, SelectedNames } = this.state;\r\n                                  if (selectedRows.length === 0) {\r\n                                    this.setState({\r\n                                      Filterpop: true,\r\n                                    });\r\n                                  } else {\r\n                                    if (SelectedNames.length !== selectedRows.length) {\r\n                                      this.setState({\r\n                                        SelectedNames: selectedRows,\r\n                                        selectedRows: selectedRows,\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                        selectedRows: SelectedNames,\r\n                                      });\r\n                                    }\r\n                                    \r\n                                  }\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                              {/* )} */}\r\n                            </div>\r\n                          </div>\r\n\r\n                          <div\r\n                          >\r\n                            <input\r\n                              className=\"Searchbox\"\r\n                              id=\"CNSearch1\"\r\n                              placeholder=\"Search\"\r\n                              onKeyPress={this.handleKeyPress}\r\n                              onKeyUp={this.myFunction}\r\n                              // value={filterValue}\r\n                              onClick={ () => {\r\n                                const { selectedRows, SelectedNames } = this.state;\r\n                                if (selectedRows.length === 0) {\r\n                                  this.setState({\r\n                                    Filterpop: true,\r\n                                  });\r\n                                } else {\r\n                                  if (SelectedNames.length !== selectedRows.length) {\r\n                                    this.setState({\r\n                                      SelectedNames: selectedRows,\r\n                                      selectedRows: selectedRows,\r\n                                      Filterpop: true,\r\n                                    });\r\n                                  } else {\r\n                                    this.setState({\r\n                                      Filterpop: true,\r\n                                      selectedRows: SelectedNames,\r\n                                    });\r\n                                  }\r\n                                  \r\n                                }\r\n                              }}\r\n                              readOnly\r\n                            />\r\n                          </div>\r\n                          <br />\r\n                        </div>\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            style={{ marginTop: \"-19px\" }}\r\n                          >\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden', marginTop: \"30px\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\", marginTop: \"30px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                                <span style={{ backgroundColor: \"#007bff\", background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\" }}>{this.state.SelectedNames.length} selected</span>\r\n                              )}\r\n                            </span>\r\n                            <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                              <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                            </div>\r\n                            <center>\r\n                              <div className=\"dt-responsive table-responsive\" style={{ maxWidth: \"60%\" }}>\r\n                                <DataTable\r\n                                  columns={columns}\r\n                                  data={Business}\r\n                                  selectableRows\r\n                                  selectableRowSelected={!this.state.Filterpop ? this.selectableRowSelected : undefined}\r\n                                  onSelectedRowsChange={this.handlecheckbox}\r\n                                  pagination\r\n                                  customStyles={customStyles}\r\n                                  clearSelectedRows={this.state.clearSelected}\r\n                                  noDataComponent={Business.length === 0 && delay ? <div style={{ textAlign: 'center' }}>No Records</div> : null}\r\n                                />\r\n                              </div>\r\n                            </center>\r\n                            {/* <div\r\n                              className=\"dt-responsive table-responsive\"\r\n                              style={{\r\n                                display: \"flex\",\r\n                                alignItems: \"center\",\r\n                                justifyContent: \"center\",\r\n                              }}\r\n                            >\r\n                              {this.state.Busi.length === 0 ? null : (\r\n                                <table\r\n                                  id=\"BusSheet\"\r\n                                  className=\"table nowrap\"\r\n                                  style={{ maxWidth: \"70%\" }}\r\n                                >\r\n                                  <thead id=\"tablepaddingA\">\r\n                                    <tr>\r\n                                      <th>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          id=\"selectall\"\r\n                                          onClick={() => {\r\n                                            this.checkAll(this);\r\n                                          }}\r\n                                        />{\" \"}\r\n                                      </th>\r\n                                      <th>Business Unit</th>\r\n                                      <th>Action</th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody id=\"tablepadding\">\r\n                                    {FilterData.length === 0 && Business.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    {Business.map((Business) => (\r\n                                      <tr>\r\n                                        <td>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            name=\"Id_delete\"\r\n                                            onChange={this.handlecheckbox}\r\n                                            defaultValue={Business.id}\r\n                                          />\r\n                                        </td>\r\n                                        <td>{Business.businessUnit}</td>\r\n                                        <td>\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.DeleteButton(Business.id);\r\n                                            }}\r\n                                            title=\"Delete\"\r\n                                            style={{ marginLeft: \"-24px\" }}\r\n                                          >\r\n                                            {/* Delete&nbsp; */}\r\n                            {/* <i\r\n                                              className=\"fa fa-minus\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <button\r\n                                            className=\"button-30 sk-edit\"\r\n                                            title=\"Edit\"\r\n                                            type=\"button\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditModel(\r\n                                                Business.id,\r\n                                                Business.businessUnit\r\n                                              );\r\n                                            }}\r\n                                            onKeyPress={this.handleKeyPress}\r\n                                          >\r\n                                         \r\n                                            <i\r\n                                              className=\"fa fa-edit\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>{\" \"}\r\n                                          </button>\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              )}\r\n                            </div>{\" \"} */}\r\n                          </form>\r\n                        </div>\r\n                        <br />\r\n                        <br />\r\n\r\n\r\n                        <table\r\n                          id=\"BusSheetExpo\"\r\n                          className=\"table nowrap\"\r\n                          style={{ display: \"none\" }}\r\n                        >\r\n                          <thead>\r\n                            <tr>\r\n                              <th>Business Unit</th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody>\r\n\r\n                            {Business.map((Business) => (\r\n                              <tr>\r\n                                <td>{Business.businessUnit}</td>\r\n                              </tr>\r\n                            ))}\r\n                          </tbody>\r\n                        </table>\r\n\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false,\r\n                            SelectedNames:selectedRows });\r\n                          this.GetBusiness();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.onKeyUp}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map(\r\n                          (letter, index) => (\r\n                            <button\r\n                              className=\"filter\"\r\n                              key={index}\r\n                              onClick={(event) =>\r\n                                this.handleBusinessFilter(\r\n                                  letter,\r\n                                  event\r\n                                )\r\n                              }\r\n                            >\r\n                              {letter}\r\n                            </button>\r\n                          )\r\n                        )}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditDesignationModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Designation: [],\r\n      ButtonDisabled: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n  handleSubmit(event) {\r\n    var DesignationName = document.getElementById(\"DesignationName\").value;\r\n    var Id = document.getElementById(\"Id\").value;\r\n\r\n    event.preventDefault();\r\n\r\n    if (this.handleFormValidation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"DesignationName\", DesignationName);\r\n      data.append(\"Id\", Id);\r\n      var role = JSON.parse(localStorage.Role);\r\n\r\n      fetch(`${BASE_URLs}/Designation/EditDesignation`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            document.getElementById(\"Editpop\").style.display = \"none\";\r\n            setTimeout(function () {\r\n              if (document.getElementById(\"close\")) {\r\n                document.getElementById(\"close\").click();\r\n              }\r\n            }, 4000);\r\n            this.GetDesignation();\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            document.getElementById(\"Editpop\").style.display = \"none\";\r\n            this.GetDesignation();\r\n          }\r\n        });\r\n    }\r\n  }\r\n  handleFormValidation() {\r\n    let designame = document.getElementById(\"DesignationName\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!designame) {\r\n      formIsValid = false;\r\n      formErrors[\"DesignationtNameErr\"] = \"Designation is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  GetDesignation() {\r\n    let url = `${BASE_URLs}/Designation/GetMasterDesignation`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Designation: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetDesignation();\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { DesignationtNameErr } = this.state.formErrors;\r\n    const { DesignationName } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Editpop\"\r\n          >\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n\r\n            <form\r\n              autoComplete=\"off\"\r\n              onSubmit={this.handleSubmit.bind(this)}\r\n              style={{ marginTop: \"-10px\" }}\r\n            >\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    id=\"Id\"\r\n                    name=\"Id\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n\r\n                  {/* <select className=\"form\"  id=\"DesignationName\" name=\"DesignationName\"  defaultChecked={this.props.values.DesignationName} type=\"text\"  placeholder=\"Designtion Name\" >\r\n        <option value=\"\" >Select</option> \r\n        {Designation.map(Designation => <option selected={this.props.values.DesigntionName===Designation.designation} value={Designation.designation}>{Designation.designation}</option>)}\r\n          </select> */}\r\n\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    id=\"DesignationName\"\r\n                    defaultValue={this.props.values.DesigntionName}\r\n                    name=\"DesignationName\"\r\n                    type=\"text\"\r\n                    onChange={this.handleChange}\r\n                  />\r\n\r\n                  {DesignationtNameErr == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      {\" \"}\r\n                      Designation\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>\r\n                    </span>\r\n                  ) : (\r\n                    <span\r\n                      style={{ color: \"red\", float: \"left\" }}\r\n                      className={DesignationtNameErr ? \" showError\" : \"\"}\r\n                    >\r\n                      {DesignationtNameErr}\r\n                    </span>\r\n                  )}\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/Designationxl.8d5e7d0c.xlsx\";","import React, { Component } from \"react\";\r\nimport AddDesignationModel from \"../../Common/AddDesignationModel\";\r\nimport EditDesignationModel from \"../../Common/EditDesignationModel\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport Designationxl from \"../../Assets/Files/Designationxl.xlsx\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nimport DataTable from 'react-data-table-component';\r\nimport \"../../Css/excel.css\";\r\nvar XLSX = require(\"xlsx\");\r\n\r\n// Designationxl\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      DepartmentName: \"\",\r\n      SkillModel: false,\r\n      comlogo: [],\r\n      Designation: [],\r\n      Desi: [],\r\n      formErrors: {},\r\n      Notification: [],\r\n      rows: [],\r\n      cols: [],\r\n      EditModel: false,\r\n      letters: [],\r\n      Filterpop: false,\r\n      EditDesigntionValues: [],\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      selectAllChecked: false,\r\n      delay: false,\r\n      clearSelected: false,\r\n      selectedNames: [],\r\n      selectedRows:[],\r\n    };\r\n\r\n    this.handleChange = this.handleChange.bind(this);\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"DesignationSheetExpo\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n  };\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetDesignation() {\r\n    let url = `${BASE_URLs}/Designation/GetMasterDesignation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Designation: data,\r\n          Desi: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \" visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    const Designation = this.state.Desi.filter((item) =>\r\n      item.designation.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Designation });\r\n  };\r\n\r\n  handleDesignFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Designation = this.state.Desi.filter((item) => {\r\n      return item.designation.toLowerCase().startsWith(letter.toLowerCase());\r\n    });\r\n    this.setState({ Designation, showResults: true, FilterData: Designation });\r\n  };\r\n\r\n  SkillModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState((prevState) => ({\r\n      SkillModel: !prevState.SkillModel,\r\n    }));\r\n    this.clearSelection();\r\n    this.GetDesignation();\r\n  };\r\n\r\n  EditModel = (e, fn) => {\r\n    this.clearSelection();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState({\r\n      EditDesigntionValues: {\r\n        id: e,\r\n        DesigntionName: fn,\r\n      },\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      SelectedNames: [],\r\n      selectAllChecked: false,\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n\r\n    this.GetDesignation();\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetDesignation();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n\r\n    setTimeout(() => {\r\n      this.setState({ delay: true })\r\n    }, 2000);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\", { autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n  handleFormValidation() {\r\n    const {\r\n      FirstName,\r\n      LastName,\r\n      Email,\r\n      Mobile,\r\n      Department,\r\n      Designation,\r\n      RoleName,\r\n    } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    }\r\n    if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    }\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email id.\";\r\n    }\r\n    if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile is required\";\r\n    } else {\r\n      var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n      if (!mobPattern.test(Mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"MobileErr\"] = \"Invalid phone number.\";\r\n      }\r\n    }\r\n    if (!Department) {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"department is required\";\r\n    }\r\n    if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"designation is required\";\r\n    }\r\n    if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  Handledesignation() {\r\n    var department = document.getElementById(\"Designation\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"designationtext\").value = \"\";\r\n      document.getElementById(\"designationtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"designationtext\").value = \"None\";\r\n      document.getElementById(\"designationtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n  selectableRowSelected = (row) => {\r\n    const { SelectedNames } = this.state;\r\n    if (!Array.isArray(SelectedNames)) {\r\n      return false;\r\n    }\r\n    return SelectedNames.some(selectedRow => selectedRow.id === row.id);\r\n  };\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n    const { SelectedNames } = this.state;\r\n    const currentSelectedNames = Array.isArray(SelectedNames) ? SelectedNames : [];\r\n    const uniqueManagerIds = new Set([\r\n      ...currentSelectedNames.map(row => row && row.id),\r\n      ...selectedRows.map(row => row && row.id)\r\n    ]);\r\n    const updatedSelectedNames = Array.from(uniqueManagerIds)\r\n      .filter(id => id !== undefined && id !== null)\r\n      .map(id => {\r\n        const existingRow = currentSelectedNames.find(row => row && row.id === id);\r\n        if (existingRow) {\r\n          return existingRow;\r\n        }\r\n        return selectedRows.find(row => row && row.id === id);\r\n      });\r\n    const updatedSelectedRows = selectedRows.filter(row =>\r\n      uniqueManagerIds.has(row.id)\r\n    );\r\n    this.setState({\r\n      SelectedNames: updatedSelectedNames,\r\n      selectedRows: updatedSelectedRows,\r\n      showSelectAll: updatedSelectedRows.length >= 2,\r\n      showDelete: updatedSelectedRows.length >= 1,\r\n      showDeleteCount: updatedSelectedRows.length > 0,\r\n      NewState: updatedSelectedNames,\r\n    });\r\n  };\r\n\r\n\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n\r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append(\"Id_delete\", row.id);\r\n    });\r\n\r\n    // console.log(\"FormData:\", data);\r\n\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].designation : this.state.SelectedNames.length;\r\n    if (\r\n      this.state.SelectedNames.length === 1 ? window.confirm(\"Are you sure you want to delete this \" + value + \" record permanently?\") :\r\n      window.confirm(\"Are you sure you want to delete these \" + value + \" records permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Designation/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetDesignation();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n        this.clearSelection();\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Designation/DesignationExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ initialData: undefined });\r\n          var file = document.getElementById(\"files\");\r\n          var emptyFile = document.createElement(\"input\");\r\n          emptyFile.type = \"file\";\r\n          file.files = emptyFile.files;\r\n          this.GetDesignation();\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          // this.GetAddSkill();\r\n        });\r\n    } catch (error) { }\r\n  };\r\n\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          //'Accept': 'application/json',\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Designation/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetDesignation();\r\n\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      this.clearSelection();\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n    }\r\n  };\r\n\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n\r\n  clearSelection() {\r\n    this.setState({ clearSelected: true }, () => {\r\n      this.setState({ \r\n        clearSelected: false, \r\n        showDelete: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false,  });\r\n    });\r\n  }\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const { delay, Designation, Filterpop, FilterData, showExcel, filterValue,selectedNames,selectedRows } = this.state;\r\n    var filename = `O_${username}_Designation`;\r\n    const customStyles = {\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"\r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\",\r\n          borderBottom: \"1px solid #ccc\",\r\n\r\n        },\r\n      },\r\n\r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\"\r\n          },\r\n        },\r\n      },\r\n    };\r\n    const columns = [\r\n      {\r\n        name: 'Designation',\r\n        selector: row => row.designation,\r\n        id: \"isheader\",\r\n        grow: 3.5,\r\n        sortable: false,\r\n      },\r\n\r\n      {\r\n        name: 'Actions',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.DeleteButton(row.id);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"Annbuttons sk-edit\"\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.EditModel(\r\n                  row.id,\r\n                  row.designation\r\n                );\r\n              }}\r\n              title=\"Edit\"\r\n            >\r\n              <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.EditModel ? (\r\n          <EditDesignationModel\r\n            values={this.state.EditDesigntionValues}\r\n            close={() => this.EditModel()}\r\n          />\r\n        ) : null}\r\n        {this.state.SkillModel ? (\r\n          <AddDesignationModel close={() => this.SkillModel()} />\r\n        ) : null}\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <Link\r\n                                to\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </Link>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            Designations\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-block\">\r\n                          <form onSubmit={this.handleSubmit}>\r\n                            <div className=\"row\">\r\n                              <div className=\"col btnalign\">\r\n                                <Link\r\n                                  type=\"button\"\r\n                                  onClick={this.SkillModel}\r\n                                  style={{\r\n                                    width: \"150px\",\r\n                                    background: \"white\",\r\n                                  }}\r\n                                  className=\"btn \"\r\n                                >\r\n                                  Add{\" \"}\r\n                                </Link>\r\n                              </div>\r\n\r\n                              <div className=\"col btnalign\">\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"DesignationFile\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"DesignationFile\"\r\n                                />\r\n                              </div>\r\n                              <div style={{ padding: \"7px\" }} ></div>\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n                                {/* <ReactHTMLTableToExcel                  \r\n           className=\"btn \"  \r\n           table=\"DesignationSheetExpo\"  \r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to Excel \" id=\"exportxlUG\" />  */}\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={Designationxl}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download a template\r\n                                </a>\r\n                              </div>\r\n                              {/* <OutTable\r\n                                data={this.state.rows}\r\n                                columns={this.state.cols}\r\n                                tableClassName=\"ExcelTable2007\"\r\n                                tableHeaderRowclassName=\"heading\"\r\n                              /> */}\r\n\r\n\r\n\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n\r\n                              <div style={{ height: \"60px\" }}>\r\n                                {/* {this.state.Desi.length === 0 ? null : ( */}\r\n                                <input\r\n                                  onKeyUp={this.onKeyUp}\r\n                                  className=\"Searchbox\"\r\n                                  value={filterValue}\r\n                                  id=\"CNSearch\"\r\n                                  placeholder=\"Search\"\r\n                                  // style={{ float: \"right\" }}\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                                {/* )} */}\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                            >\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                id=\"CNSearch1\"\r\n                                placeholder=\"Search\"\r\n                                onKeyPress={this.handleKeyPress}\r\n                                onKeyUp={this.myFunction}\r\n                                value={filterValue}\r\n                                onClick={ () => {\r\n                                  const { selectedRows, SelectedNames } = this.state;\r\n                                  if (selectedRows.length === 0) {\r\n                                    this.setState({\r\n                                      Filterpop: true,\r\n                                    });\r\n                                  } else {\r\n                                    if (SelectedNames.length !== selectedRows.length) {\r\n                                      this.setState({\r\n                                        SelectedNames: selectedRows,\r\n                                        selectedRows: selectedRows,\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                        selectedRows: SelectedNames,\r\n                                      });\r\n                                    }\r\n                                    \r\n                                  }\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                            <center>\r\n                              {showExcel && this.state.initialData !== undefined && (\r\n                                <table className=\"table\" id=\"tableDesign\">\r\n                                  <thead>\r\n                                    <tr>\r\n                                      {Object.keys(this.state.initialData[0]).map((key) => (\r\n                                        <th key={key}>{key}</th>\r\n                                      ))}\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {this.state.initialData.map((row, index) => (\r\n                                      <tr key={index}>\r\n                                        {Object.values(row).map((value, index) => (\r\n                                          <td key={index} id=\"pdesign\">{value}</td>\r\n                                        ))}\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              )}\r\n                            </center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n                              <div className=\"col-lg-12\">\r\n                                <div className=\"savebtndiv\">\r\n                                  <button\r\n                                    className=\"btn\"\r\n                                    id=\"\"\r\n                                    type=\"submit\"\r\n                                    style={{ width: \"150px\" }}\r\n                                  >\r\n                                    Save\r\n                                  </button>\r\n                                  <span\r\n                                    className=\"btn\"\r\n                                    id=\"add-row\"\r\n                                    style={{ width: \"150px\" }}\r\n                                    onClick={this.cancel}\r\n                                  >\r\n                                    Cancel\r\n                                  </span>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n\r\n                            <br />\r\n                          </form>\r\n                        </div>\r\n                   \r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            style={{ marginTop: \"-19px\" }}\r\n                          >\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden', marginTop: \"30px\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\", marginTop: \"30px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                                <span style={{ backgroundColor: \"#007bff\", background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\" }}>{this.state.SelectedNames.length} selected</span>\r\n                              )}\r\n                            </span>\r\n                            <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                              <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                            </div>\r\n                            <center>\r\n                              <div className=\"dt-responsive table-responsive\" style={{ maxWidth: \"60%\" }}>\r\n                                <DataTable\r\n                                  columns={columns}\r\n                                  data={Designation}\r\n                                  selectableRows\r\n                                  selectableRowSelected={!this.state.Filterpop ? this.selectableRowSelected : undefined}\r\n                                  onSelectedRowsChange={this.handlecheckbox} \r\n                                  pagination\r\n                                  customStyles={customStyles}\r\n                                  clearSelectedRows={this.state.clearSelected}\r\n                                  noDataComponent={Designation.length === 0 && delay ? <div style={{ textAlign: 'center' }}>No Records</div> : null}\r\n                                />\r\n                              </div>\r\n                            </center>\r\n\r\n                            {/* <div className=\"dt-responsive table-responsive table-res\">\r\n                              {this.state.Desi.length === 0 ? null : (\r\n                                <table\r\n                                  id=\"DesiSheet\"\r\n                                  className=\"table nowrap\"\r\n                                  style={{ maxWidth: \"70%\" }}\r\n                                >\r\n                                  <thead id=\"tablepaddingA\">\r\n                                    <tr>\r\n                                      <th>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          id=\"selectall\"\r\n                                          onClick={() => {\r\n                                            this.checkAll(this);\r\n                                          }}\r\n                                        />{\" \"}\r\n                                      </th>\r\n                                      <th>Designations</th>\r\n                                      <th style={{ textAlign: \"center\" }}>\r\n                                        Actions\r\n                                      </th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody id=\"tablepadding\">\r\n                                  {FilterData.length === 0 && Designation.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    {Designation.map((Designation) => (\r\n                                      <tr>\r\n                                        <td>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            name=\"Id_delete\"\r\n                                            onChange={this.handlecheckbox}\r\n                                            defaultValue={Designation.id}\r\n                                          />\r\n                                        </td>\r\n                                        <td>{Designation.designation}</td>\r\n                                        <td style={{ textAlign: \"center\" }}>\r\n                                          <button\r\n                                            title=\"Delete\"\r\n                                            className=\"button-30 sk-del\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.DeleteButton(Designation.id);\r\n                                            }}\r\n                                          >\r\n                                           \r\n                                            <i\r\n                                              className=\"fa fa-minus\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <button\r\n                                            title=\"Edit\"\r\n                                            type=\"button\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditModel(\r\n                                                Designation.id,\r\n                                                Designation.designation\r\n                                              );\r\n                                            }}\r\n                                            // src=\"https://img.icons8.com/android/22/000000/pencil.png\"/\r\n                                          >\r\n                                           \r\n                                            <i\r\n                                              className=\"fa fa-edit\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>{\" \"}\r\n                                          </button>{\" \"}\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              )}\r\n                            </div> */}\r\n                          </form>\r\n                        </div>\r\n                        <br />\r\n                        <br />\r\n                        <table\r\n                          id=\"DesignationSheetExpo\"\r\n                          className=\"table nowrap\"\r\n                          style={{ maxWidth: \"70%\", display: \"none\" }}\r\n                        >\r\n                          <thead>\r\n                            <tr>\r\n                              <th>Designations</th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody>\r\n                            {Designation.map((Designation) => (\r\n                              <tr>\r\n                                <td>{Designation.designation}</td>\r\n                              </tr>\r\n                            ))}\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false,\r\n                            SelectedNames:selectedRows });\r\n                          this.GetDesignation();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.onKeyUp}\r\n                          style={{\r\n                            float: \"right\",\r\n                            width: \"80%\",\r\n                          }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map(\r\n                          (letter, index) => (\r\n                            <button\r\n                              className=\"filter\"\r\n                              key={index}\r\n                              onClick={(event) =>\r\n                                this.handleDesignFilter(\r\n                                  letter,\r\n                                  event\r\n                                )\r\n                              }\r\n                            >\r\n                              {letter}\r\n                            </button>\r\n                          )\r\n                        )}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      comlogo: [],\r\n      allNotify: [],\r\n      Notification: [],\r\n      SaveOrg: [],\r\n      Reason: \"\",\r\n      Status: \"\",\r\n    };\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  GetSavedOrganization() {\r\n    let url = `${BASE_URLs}/AddOrganization/GetSavedOrganization`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SaveOrg: data });\r\n        this.setState({ Reason: data[0].reason });\r\n        this.setState({ Status: data[0].status });\r\n        // console.log(\"new\", data[0].reason);\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetSavedOrganization();\r\n  }\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content \">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"container\">\r\n                  <div className=\"pcoded-wrapper\">\r\n                    <h1\r\n                      style={{\r\n                        textAlign: \"center\",\r\n                        color: \"#421769\",\r\n                        textShadow: \"0 0 1px black\",\r\n                        fontSize: \"33px\",\r\n                      }}\r\n                    >\r\n                      Dear {username},{\" \"}\r\n                      {this.state.Reason != null && this.state.Status === 4\r\n                        ? \"Your Entity is still pending\"\r\n                        : \"Welcome To One Awesome Team!!\"}{\" \"}\r\n                    </h1>\r\n                    <br />{\" \"}\r\n                    <h4 style={{ textAlign: \"center\", color: \"#421769\" }}>\r\n                      {this.state.Reason != null && this.state.Status === 4\r\n                        ? \"\"\r\n                        : \"To use our awesome features please complete your entity profile\"}{\" \"}\r\n                    </h4>\r\n                    <div className=\"row\">\r\n                      <div\r\n                        className=\"col-sm-11\"\r\n                        style={{\r\n                          textAlign: \"center\",\r\n                          marginLeft: \"43px\",\r\n                          marginTop: \"3%\",\r\n                        }}\r\n                      >\r\n                        <Link to=\"/AddOrganization\">\r\n                          <span>\r\n                            <input\r\n                              type=\"button\"\r\n                              className=\"but\"\r\n                              value=\"Entity Profile\"\r\n                              style={{ height: \"41.5px\", width: \"104.36px\" }}\r\n                            />\r\n                          </span>\r\n                        </Link>{\" \"}\r\n                        &nbsp; &nbsp; &nbsp;\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditAdminLocationModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      formErrors: {},\r\n      ButtonDisabled: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Address = document.getElementById(\"Address\").value;\r\n    var Branch = document.getElementById(\"Branch\").value;\r\n    var LocationType = document.getElementById(\"LocationType\").value;\r\n\r\n    if (!Address) {\r\n      formIsValid = false;\r\n      formErrors[\"Address\"] = \"Address  is required\";\r\n    }\r\n    if (!Branch) {\r\n      formIsValid = false;\r\n      formErrors[\"Branch\"] = \"Branch  is required\";\r\n    }\r\n\r\n    if (!LocationType) {\r\n      formIsValid = false;\r\n      formErrors[\"Address\"] = \"Location Type  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n  handleSubmit(event) {\r\n    var Address = document.getElementById(\"Address\").value;\r\n    var Branch = document.getElementById(\"Branch\").value;\r\n    var LocationType = document.getElementById(\"LocationType\").value;\r\n    var Id = document.getElementById(\"Id\").value;\r\n\r\n    event.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"Address\", Address);\r\n      data.append(\"Branch\", Branch);\r\n      data.append(\"LocationType\", LocationType);\r\n      data.append(\"Id\", Id);\r\n\r\n      fetch(`${BASE_URLs}/AdminLocation/EditLocation`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            document.getElementById(\"Editpop\").style.display = \"none\";\r\n            setTimeout(function () {\r\n              document.getElementById(\"close\").click();\r\n            }, 4000);\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            document.getElementById(\"Editpop\").style.display = \"none\";\r\n            setTimeout(function () {\r\n              document.getElementById(\"close\").click();\r\n            }, 2000);\r\n          }\r\n        });\r\n    }\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { Address, LocationType, Branch } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal threeFieldPop\"\r\n                : \"popinnernormal threeFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Editpop\"\r\n          >\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <br />\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-4\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    id=\"Id\"\r\n                    name=\"Id\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <textarea\r\n                    className=\"form\"\r\n                    defaultValue={this.props.values.address}\r\n                    onKeyDown={this._handleKeyDown}\r\n                    id=\"Address\"\r\n                    name=\"Address\"\r\n                    style={{ height: \"36px\" }}\r\n                  />\r\n                  {Address == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Address\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>\r\n                    </span>\r\n                  ) : (\r\n                    <span\r\n                      style={{ color: \"red\", float: \"left\" }}\r\n                      className={Address ? \" showError\" : \"\"}\r\n                    >\r\n                      {Address}\r\n                    </span>\r\n                  )}\r\n                </div>\r\n                <div className=\"col-sm-4\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    id=\"Id\"\r\n                    name=\"Id\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"20\"\r\n                    defaultValue={this.props.values.Branch}\r\n                    id=\"Branch\"\r\n                    name=\"Branch\"\r\n                    type=\"text\"\r\n                  />\r\n                  {Branch == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Branch\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>\r\n                    </span>\r\n                  ) : (\r\n                    <span\r\n                      style={{ color: \"red\", float: \"left\" }}\r\n                      className={Address ? \" showError\" : \"\"}\r\n                    >\r\n                      {Branch}\r\n                    </span>\r\n                  )}\r\n                </div>\r\n                <div className=\"col-sm-4\">\r\n                  <select\r\n                    className=\"form\"\r\n                    maxLength=\"20\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    defaultValue={this.props.values.addresstype}\r\n                    id=\"LocationType\"\r\n                    name=\"LocationType\"\r\n                    type=\"text\"\r\n                  >\r\n                  {/* <option hidden>{this.props.values.addresstype}</option> */}\r\n                  <option value=\"Primary Location\">Primary Location</option>\r\n                  <option value=\"Secondary Location\">Secondary Location</option>\r\n                  </select>\r\n                  {LocationType == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      {\" \"}\r\n                      Type<span style={{ color: \"red\", float: \"left\" }}></span>\r\n                    </span>\r\n                  ) : (\r\n                    <span\r\n                      style={{ color: \"red\", float: \"left\" }}\r\n                      className={LocationType ? \" showError\" : \"\"}\r\n                    >\r\n                      {LocationType}\r\n                    </span>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              <br />\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n                <br />\r\n              </div>\r\n            </form>\r\n            <br />\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/OfficeLocationxl.af76dee6.xlsx\";","import React, { Component } from \"react\";\r\nimport AddLocationModel from \"../../Common/AddLocationModel\";\r\nimport EditAdminLocationModel from \"../../Common/EditAdminLocationModel\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport Officelocationxl from \"../../Assets/Files/OfficeLocationxl.xlsx\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { OutTable } from \"react-excel-renderer\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nimport DataTable from 'react-data-table-component';\r\nimport \"../../Css/excel.css\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      DepartmentName: \"\",\r\n      SkillModel: false,\r\n      EditModel: false,\r\n      comlogo: [],\r\n      Location: [],\r\n      formErrors: {},\r\n      Notification: [],\r\n      letters: [],\r\n      Filterpop: false,\r\n      EditLocationValues: [],\r\n      Loc: [],\r\n      rows: [],\r\n      cols: [],\r\n      FilterData:\"\",\r\n      showExcel: false,\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      selectAllChecked: false,\r\n      delay:false,\r\n      clearSelected: false,\r\n      selectedNames: [],\r\n      selectedRows:[],\r\n    };\r\n    // this.handleSubmit=this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n   \r\n    var table_elt = document.getElementById(\"LocationExport\");\r\n    \r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n  \r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      // for (const [key, value] of data.entries()) {\r\n      //   // console.log(`Field name: ${key}, Field value: ${value}`);\r\n      // }\r\n      fetch(`${BASE_URLs}/AdminLocation/LocationExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetDesignation();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n  };\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  cancel = () => {\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n  };\r\n\r\n\r\n  GetDesignation() {\r\n    let url = `${BASE_URLs}/AdminLocation/GetLocation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"LocationView\",data)\r\n        this.setState({\r\n          Location: data,\r\n          Loc: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    const Location = this.state.Loc.filter(\r\n      (item) =>\r\n        item.address.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.branch.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.locationType.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Location });\r\n  };\r\n\r\n  handleDesignationFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Location = this.state.Loc.filter((item) => {\r\n      return (\r\n        item.address.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.branch.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.locationType.toLowerCase().startsWith(letter.toLowerCase())\r\n      );\r\n    });\r\n    this.setState({ Location, showResults: true, FilterData: Location });\r\n  };\r\n\r\n  SkillModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      SkillModel: !prevState.SkillModel,\r\n    }));\r\n    this.clearSelection();\r\n    this.GetDesignation();\r\n  };\r\n\r\n  EditModel = (id, address, locationType, branch) => {\r\n    this.clearSelection();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditLocationValues: {\r\n        id: id,\r\n        address: address,\r\n        addresstype: locationType,\r\n        Branch: branch,\r\n      },\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      SelectedNames: [],\r\n      selectAllChecked: false,\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n    this.GetDesignation();\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n    const { SelectedNames } = this.state;\r\n    const currentSelectedNames = Array.isArray(SelectedNames) ? SelectedNames : [];\r\n    const uniqueManagerIds = new Set([\r\n      ...currentSelectedNames.map(row => row && row.id),\r\n      ...selectedRows.map(row => row && row.id)\r\n    ]);\r\n    const updatedSelectedNames = Array.from(uniqueManagerIds)\r\n      .filter(id => id !== undefined && id !== null)\r\n      .map(id => {\r\n        const existingRow = currentSelectedNames.find(row => row && row.id === id);\r\n        if (existingRow) {\r\n          return existingRow;\r\n        }\r\n        return selectedRows.find(row => row && row.id === id);\r\n      });\r\n    const updatedSelectedRows = selectedRows.filter(row =>\r\n      uniqueManagerIds.has(row.id)\r\n    );\r\n    this.setState({\r\n      SelectedNames: updatedSelectedNames,\r\n      selectedRows: updatedSelectedRows,\r\n      showSelectAll: updatedSelectedRows.length >= 2,\r\n      showDelete: updatedSelectedRows.length >= 1,\r\n      showDeleteCount: updatedSelectedRows.length > 0,\r\n      NewState: updatedSelectedNames,\r\n    });\r\n  };\r\n\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll('#tablepadding input[type=\"checkbox\"]:checked');\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    \r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length - 1 === Total.length ) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetDesignation();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n    setTimeout(() => {\r\n      this.setState({delay:true})\r\n    }, 2000);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleFormValidation() {\r\n    const {\r\n      FirstName,\r\n      LastName,\r\n      Email,\r\n      Mobile,\r\n      Department,\r\n      Designation,\r\n      RoleName,\r\n    } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    }\r\n    if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    }\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email id\";\r\n    }\r\n    if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile is required\";\r\n    }\r\n    // else if (!Mobile >= 10) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"MobileErr\"] = \"Invalid Mobile number\";\r\n    // }\r\n    else {\r\n      var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n      if (!mobPattern.test(Mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"MobileErr\"] = \"Invalid phone number\";\r\n      }\r\n    }\r\n    if (!Department) {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"department is required\";\r\n    }\r\n    if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"designation is required\";\r\n    }\r\n    if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append(\"Id_delete\", row.id);\r\n    });\r\n\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].location : this.state.SelectedNames.length;\r\n\r\n    // console.log(\"FormData:\", data);\r\n    if (\r\n      this.state.SelectedNames.length === 1 ? window.confirm(\"Are you sure you want to delete this record permanently?\") :\r\n      window.confirm(\"Are you sure you want to delete these \" + value + \" records permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/AdminLocation/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ initialData: undefined });\r\n          this.GetDesignation();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n        this.clearSelection();\r\n     }\r\n    this.GetDesignation();\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/AdminLocation/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetDesignation();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      this.clearSelection();\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n    }\r\n  };\r\n\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n  clearSelection() {\r\n    this.setState({ clearSelected: true }, () => {\r\n      this.setState({ \r\n        clearSelected: false, \r\n        showDelete: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false,  });\r\n    });\r\n  }\r\n  selectableRowSelected = (row) => {\r\n    const { SelectedNames } = this.state;\r\n    if (!Array.isArray(SelectedNames)) {\r\n      return false;\r\n    }\r\n    return SelectedNames.some(selectedRow => selectedRow.id === row.id);\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const {delay, Location, Filterpop, FilterData,showExcel, filterValue,SelectedNames,selectedRows } = this.state;\r\n    var filename = `O_${username}_Location`;\r\n    const customStyles = {\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"  \r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\" ,\r\n          borderBottom: \"1px solid #ccc\",\r\n          \r\n        },\r\n      },\r\n   \r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\" \r\n          },\r\n        },\r\n      },\r\n    };\r\n    const columns = [\r\n      {\r\n        name:'Address',\r\n        selector: row => row.address,\r\n        id: \"isheader\",\r\n        grow: 6,\r\n        sortable: false,\r\n        cell: row => <span style={{wordBreak: \"breakWord\",textAlign:\"left\" }}>{row.address}</span>, \r\n      },\r\n      {\r\n        name:'Branch',\r\n        selector: row => row.branch,\r\n        id: \"isheader\",\r\n        grow: 6,\r\n        sortable: false, \r\n        cell: row => <span style={{wordBreak: \"breakWord\",textAlign:\"left\" }}>{row.branch}</span>, \r\n      },\r\n      {\r\n        name:'Location',\r\n        selector: row => row.locationType,\r\n        id: \"isheader\",\r\n        grow: 6,\r\n        sortable: false, \r\n      },\r\n     \r\n      {\r\n        name: 'Actions',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.DeleteButton(row.id);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"Annbuttons sk-edit\"\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.EditModel(\r\n                  row.id,\r\n                  row.address,\r\n                  row.locationType,\r\n                  row.branch,\r\n                  \r\n                );\r\n              }}\r\n              title=\"Edit\"\r\n            >\r\n              <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.SkillModel ? (\r\n          <AddLocationModel close={() => this.SkillModel()} />\r\n        ) : null}\r\n        {this.state.EditModel ? (\r\n          <EditAdminLocationModel\r\n            values={this.state.EditLocationValues}\r\n            close={() => this.EditModel(\"\")}\r\n          />\r\n        ) : null}\r\n\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <Link\r\n                              to\r\n                              onClick={() => this.props.history.goBack()}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </Link>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            Office Locations{\" \"}\r\n                          </h4>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                        <form onSubmit={this.handleSubmit}>\r\n                          <div className=\"row\">\r\n                            <div className=\"col btnalign\">\r\n                              <h5 className=\"card-header-text\">\r\n                                <Link\r\n                                  onClick={this.SkillModel}\r\n                                  className=\"btn\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                >\r\n                                  Add\r\n                                </Link>\r\n                              </h5>{\" \"}\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"Locations\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"Locations\"\r\n                                />\r\n                              </div>\r\n                              <div style={{padding: \"7px\"}} ></div>\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                                onClick={() => this.exportXlsx(filename)}\r\n                                onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n                              {/* <ReactHTMLTableToExcel                  \r\n           className=\"btn\"  \r\n           table=\"LocSheet\"  \r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to Excel \" id=\"exportxlUG\" />  */}\r\n                            </div>\r\n                            <div\r\n                              className=\"col btnalign\"\r\n                              onKeyDown={this.handleKeyPress}\r\n                            >\r\n                              <a\r\n                                className=\"btn\"\r\n                                href={Officelocationxl}\r\n                                type=\"button\"\r\n                                style={{ color: \"#5035ce\" }}\r\n                              >\r\n                                <i\r\n                                  title=\"Download Template\"\r\n                                  className=\"icofont icofont-download\"\r\n                                ></i>{\" \"}\r\n                                Download a template\r\n                              </a>\r\n                            </div>\r\n                              <OutTable\r\n                              data={this.state.rows}\r\n                              columns={this.state.cols}\r\n                              tableClassName=\"ExcelTable2007\"\r\n                              tableHeaderRowclassName=\"heading\"\r\n                            />\r\n                            <div\r\n                              className=\"col-lg-1\"\r\n                              style={{\r\n                                height: \"73px\",\r\n                                textAlign: \"center\",\r\n                                cursor: \"pointer\",\r\n                              }}\r\n                            >\r\n                              {/* Just for design */}\r\n                            </div>\r\n                           \r\n\r\n                            {/* <div className=\"col-lg-2\"></div> */}\r\n                            {/*<div className=\"col-lg-2\"></div> */}\r\n                            <div >\r\n                              {/* {this.state.Loc.length === 0 ? null : ( */}\r\n                                <input\r\n                                  onKeyUp={this.onKeyUp}\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch\"\r\n                                  placeholder=\"Search\"\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              {/* )} */}\r\n                            </div>\r\n                          </div>\r\n                          <div\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch1\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onKeyUp={this.myFunction}\r\n                                  value={filterValue}\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                          <center>\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n                              <table className=\"table\" id=\"tableDesign\">\r\n                              <thead >\r\n                                <tr>\r\n                                  {Object.keys(this.state.initialData[0]).map((key) => (\r\n                                    <th key={key} id=\"team1design\">{key}</th>\r\n                                  ))}\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {this.state.initialData.map((row, index) => (\r\n                                  <tr key={index}>\r\n                                    {Object.values(row).map((value, index) => (\r\n                                      <td key={index} id=\"teamdesign\">{value}</td>\r\n                                    ))}\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n                            )}\r\n                            </center>\r\n                            \r\n                            {showExcel && this.state.initialData !== undefined && (\r\n                              <div className=\"savebtndiv\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                              \r\n                              </div> )}\r\n                              <br/>\r\n                              </form>\r\n                              </div>\r\n                             \r\n                              <div className=\"card-block2\">\r\n                              <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            style={{ marginTop: \"-19px\" }}\r\n                          >\r\n                           <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden',marginTop:\"30px\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\",marginTop:\"30px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                              <span style={{backgroundColor: \"#007bff\",background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\"}}>{this.state.SelectedNames.length} selected</span>\r\n                               )}\r\n                            </span>\r\n                            <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                            <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                            </div>\r\n                            <center>\r\n                            <div className=\"dt-responsive table-responsive\" style={{maxWidth:\"60%\"}}>\r\n        <DataTable\r\n          columns={columns}\r\n          data={Location}\r\n          selectableRows\r\n          selectableRowSelected={!this.state.Filterpop ? this.selectableRowSelected : undefined}\r\n          onSelectedRowsChange={this.handlecheckbox}\r\n          pagination\r\n          customStyles={customStyles}\r\n          clearSelectedRows={this.state.clearSelected}\r\n          noDataComponent={Location.length===0 && delay?<div style={{  textAlign: 'center' }}>No Records</div>:null}\r\n        />\r\n      </div>\r\n      </center>\r\n                            \r\n                            {/* <div\r\n                              className=\"dt-responsive table-responsive table-res\"\r\n                              style={{ display: \"flex\", alignItems: \"center\" }}\r\n                            >\r\n                              {this.state.Loc.length === 0 ? null : (\r\n                                <table\r\n                                  id=\"LocSheet\"\r\n                                  className=\"table nowrap\"\r\n                                  style={{ maxWidth: \"85%\" }}\r\n                                >\r\n                                  <thead id=\"tablepaddingA\">\r\n                                    <tr>\r\n                                      <th>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          id=\"selectall\"\r\n                                          onClick={() => {\r\n                                            this.checkAll(this);\r\n                                          }}\r\n                                        />{\" \"}\r\n                                      </th>\r\n                                      <th>Address</th>\r\n                                      <th>Branch </th>\r\n                                      <th>Location </th>\r\n                                      <th>Actions</th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody id=\"tablepadding\">\r\n                                  {FilterData.length === 0 && Location.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    {Location.map((Location) => (\r\n                                      <tr>\r\n                                        <td>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            name=\"Id_delete\"\r\n                                            onChange={this.handlecheckbox}\r\n                                            defaultValue={Location.id}\r\n                                          />\r\n                                        </td>\r\n                                        <td>{Location.address}</td>\r\n                                        <td>{Location.branch}</td>\r\n                                        <td>{Location.locationType}</td>\r\n                                        <td>\r\n                                        <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.DeleteButton(Location.id);\r\n                                            }}\r\n                                            title=\"Delete\"\r\n                                            style={{ marginLeft:\"-15px\" }}\r\n                                          >\r\n                                            {/* Delete&nbsp; */}\r\n                                            {/* <i\r\n                                              className=\"fa fa-minus\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <button\r\n                                            className=\"button-30 sk-edit\"\r\n                                            title=\"Edit\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditModel(\r\n                                                Location.id,\r\n                                                Location.address,\r\n                                                Location.locationType,\r\n                                                Location.branch\r\n                                              );\r\n                                            }}\r\n                                          >\r\n                                           \r\n                                            <i\r\n                                              className=\"fa fa-edit\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody> */}\r\n                          </form>\r\n                          </div>\r\n                          <br/>\r\n                          <br/>\r\n                          <table\r\n                              id=\"LocationExport\"\r\n                              className=\"LocationExport\"\r\n                              hidden\r\n                            >\r\n                              <thead>\r\n                                <tr>\r\n                                  <th>Address</th>\r\n                                  <th>Branch</th>\r\n                                  <th>Location</th>\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {Location.map((Location) => (\r\n                                  <tr>\r\n                                    <td>{Location.address}</td>\r\n                                  \r\n                                    <td>{Location.branch}</td>\r\n                                    <td>{Location.locationType}</td>\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n                        </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                              <div className=\"popSearchTeam\">\r\n                                <div className=\"popSearchinnernormalTeam\">\r\n                                  <div\r\n                                    className=\"popSearchinnertitle\"\r\n                                    id=\"popSearchinnernormal\"\r\n                                  >\r\n                                    <button\r\n                                      id=\"close\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        backgroundColor: \"#a0a3a305\",\r\n                                        color: \"#797070\",\r\n                                        border: \"1px solid #a3a5a505\",\r\n                                        marginTop: \"-20px\",\r\n                                        marginRight: \"-20px\",\r\n                                      }}\r\n                                      onClick={() => {\r\n                                        this.setState({ Filterpop: false ,\r\n                                          SelectedNames:selectedRows});\r\n                                        this.GetDesignation();\r\n                                      }}\r\n                                    >\r\n                                      <CloseIcon />\r\n                                    </button>\r\n\r\n                                    <div className=\"checkboxes\">\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          fontSize: \"20px\",\r\n                                          color: \"gray\",\r\n                                          marginLeft: \"-1%\",\r\n                                          position: \"absolute\",\r\n                                          marginTop: \"0.5%\",\r\n                                        }}\r\n                                      ></i>\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onKeyUp={this.onKeyUp}\r\n                                        style={{ float: \"right\", width: \"80%\" }}\r\n                                      />\r\n                                      <br></br>\r\n                                      {this.state.letters.map(\r\n                                        (letter, index) => (\r\n                                          <button\r\n                                            className=\"filter\"\r\n                                            key={index}\r\n                                            onClick={(event) =>\r\n                                              this.handleDesignationFilter(\r\n                                                letter,\r\n                                                event\r\n                                              )\r\n                                            }\r\n                                          >\r\n                                            {letter}\r\n                                          </button>\r\n                                        )\r\n                                      )}\r\n                                      <br></br>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport { Image_URLs } from \"../Config/Base\";\r\nexport default class EditDocumentModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      ButtonDisabled: false\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/AdminOfficeDocuments/EditDocument`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: true,\r\n            });\r\n            document.getElementById(\"EditPop\").style.display = \"none\";\r\n            setTimeout(function () {\r\n              document.getElementById(\"close\").click();\r\n            }, 4000);\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            document.getElementById(\"Editpop\").style.display = \"none\";\r\n            setTimeout(function () {\r\n              document.getElementById(\"close\").click();\r\n            }, 2000);\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    // var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    var OfficeDocumentTitle = document.getElementById(\r\n      \"OfficeDocumentTitle\"\r\n    ).value;\r\n    var OfficeDocumentFile =\r\n      document.getElementById(\"OfficeDocumentFile\").value;\r\n    var Category = document.getElementById(\"CategoryA\").value;\r\n    var OtherCategory = document.getElementById(\"ugtext\").value;\r\n    if (!OfficeDocumentTitle) {\r\n      formIsValid = false;\r\n      formErrors[\"OfficeDocumentTitleerr\"] = \"Document Title is required\";\r\n    }\r\n    if (!OfficeDocumentFile) {\r\n      formIsValid = false;\r\n      formErrors[\"OfficeDocumentFileErr\"] = \"Document File is required\";\r\n    }\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"Categoryerr\"] = \"Category is required\";\r\n    }\r\n    if (Category === \"others\") {\r\n      if (!OtherCategory || OtherCategory.trim() == \"\") {\r\n        formIsValid = false;\r\n        formErrors[\"OtherCategoryerr\"] = \"Category is required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n\r\n  HandleUg() {\r\n    var UG = document.getElementById(\"CategoryA\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"ugtext\").value = \"\";\r\n      document.getElementById(\"ugtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"ugtext\").value = \"None\";\r\n      document.getElementById(\"ugtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const {\r\n      OtherCategoryerr,\r\n      OfficeDocumentTitleerr,\r\n      OfficeDocumentFileErr,\r\n      Categoryerr,\r\n    } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal threeFieldPop\"\r\n                : \"popinnernormal threeFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"EditPop\"\r\n          >\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <br />\r\n            <br />\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-lg-4\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <select\r\n                    className=\"form\"\r\n                    id=\"CategoryA\"\r\n                    name=\"Category\"\r\n                    defaultValue={this.props.values.category}\r\n                    onInputCapture={this.HandleUg}\r\n                    placeholder=\"Location Type\"\r\n                    style={{ color: \"#868b8f\" }}\r\n                  >\r\n                    <option value={this.props.values.category} hidden>{this.props.values.category}</option>\r\n                    <option value=\"\">Select Category</option>\r\n                    <option value=\"HR\">HR</option>\r\n                    <option value=\"others\">others</option>\r\n                  </select>{\" \"}\r\n                  {Categoryerr == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Category\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Categoryerr}\r\n                    </div>\r\n                  )}\r\n                  <input\r\n                    maxLength=\"50\"\r\n                    type=\"hidden\"\r\n                    className=\"form\"\r\n                    id=\"ugtext\"\r\n                    name=\"OtherCategory\"\r\n                  />{\" \"}\r\n                  {OtherCategoryerr == null ? null : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {OtherCategoryerr}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n\r\n                <div className=\"col-lg-4\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    defaultValue={this.props.values.officeDocumentTitle}\r\n                    id=\"OfficeDocumentTitle\"\r\n                    name=\"OfficeDocumentTitle\"\r\n                    type=\"text\"\r\n                  />\r\n                  {OfficeDocumentTitleerr == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Document Title{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {OfficeDocumentTitleerr}\r\n                    </div>\r\n                  )}{\" \"}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n\r\n                <div className=\"col-lg-4\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"OldOfficeDocumentFile\"\r\n                    defaultValue={this.props.values.officeDocument.replace(\r\n                      `${Image_URLs}/Images/OfficeDocument_`,\r\n                      \"\"\r\n                    )}\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    onFocus={(e) => (e.target.type = \"file\")}\r\n                    defaultValue={this.props.values.officeDocument.replace(\r\n                      `${Image_URLs}/Images/OfficeDocument_`,\r\n                      \"\"\r\n                    )}\r\n                    maxLength=\"25\"\r\n                    id=\"OfficeDocumentFile\"\r\n                    name=\"OfficeDocumentFile\"\r\n                    multiple\r\n                    type=\"text\"\r\n                  />\r\n                  {OfficeDocumentFileErr == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Document File{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {OfficeDocumentFileErr}\r\n                    </div>\r\n                  )}{\" \"}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    disabled={this.state.ButtonDisabled}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/CompanyDocExl.d0c3c966.xlsx\";","import React, { Component } from \"react\";\r\nimport AddOfficeDocumentModel from \"../../Common/AddOfficeDocumentModel\";\r\nimport EditDocumentModel from \"../../Common/EditDocumentModel\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport CompanyDocExl from \"../../Assets/Files/CompanyDocExl.xlsx\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { OutTable } from \"react-excel-renderer\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nimport fileImg from \"../../Assets/images/document.png\";\r\nimport \"../../Css/excel.css\";\r\nimport { Image_URLs } from \"../../Config/Base\";\r\nimport DataTable from \"react-data-table-component\";\r\nvar XLSX = require(\"xlsx\");\r\n\r\nexport default class AdminOfficeDocument extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      DepartmentName: \"\",\r\n      DocModel: false,\r\n      comlogo: [],\r\n      Location: [],\r\n      formErrors: {},\r\n      OfficeDocument: [],\r\n      Notification: [],\r\n      EditDocumentValues: [],\r\n      EditModel: false,\r\n      letters: [],\r\n      Filterpop: false,\r\n      Doc: [],\r\n      rows: [],\r\n      cols: [],\r\n      FilterData: \"\",\r\n      isOpen: false,\r\n      Document: [],\r\n      showExcel: false,\r\n      filterValue:'',\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      selectAllChecked: false,\r\n      delay:false,\r\n      clearSelected: false,\r\n      selectedNames: [],\r\n      selectedRows:[],\r\n    };\r\n\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.clearSelection = this.clearSelection.bind(this);\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"DocSheetExpo\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n  popupclose = () => {\r\n    this.setState({\r\n      isOpen: false\r\n    })\r\n  }\r\n  DocModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      DocModel: !prevState.DocModel,\r\n    }));\r\n    this.clearSelection();\r\n    this.GetOfficeDocument();\r\n  };\r\n\r\n  EditModel = (e, fn, fs, ofc) => {\r\n    this.clearSelection();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditDocumentValues: {\r\n        id: e,\r\n        category: fn,\r\n        officeDocumentTitle: fs,\r\n        officeDocument: ofc,\r\n      },\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      SelectedNames: [],\r\n      selectAllChecked: false, \r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n\r\n    this.GetOfficeDocument();\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetOfficeDocument();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n    setTimeout(() => {\r\n      this.setState({delay:true})\r\n    }, 2000);\r\n  }\r\n\r\n  getFileType(path) {\r\n    const extension = path.split('.').pop().toLowerCase();\r\n    if (['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(extension)) {\r\n      return 'image';\r\n    } else if (['mp4', 'avi', 'mov', 'wmv', 'mkv'].includes(extension)) {\r\n      return 'video';\r\n    } else if (['pdf', 'xls', 'xlsx'].includes(extension)) {\r\n      return 'document';\r\n    } else {\r\n      return 'file';\r\n    }\r\n  }\r\n  GetOfficeDocument() {\r\n    let url = `${BASE_URLs}/AdminOfficeDocuments/GetCompanyDocument`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          OfficeDocument: data,\r\n          Doc: data,\r\n        });\r\n        console.log(\"CD\", data[1].officeDocument.split(','));\r\n      });\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    const OfficeDocument = this.state.Doc.filter(\r\n      (item) =>\r\n        item.category.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.officeDocumentTitle\r\n          .toLowerCase()\r\n          .includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ OfficeDocument });\r\n  };\r\n\r\n  handleDocFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const OfficeDocument = this.state.Doc.filter((item) => {\r\n      return (\r\n        item.category.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.officeDocumentTitle\r\n          .charAt(0)\r\n          .toLowerCase()\r\n          .startsWith(letter.toLowerCase())\r\n      );\r\n    });\r\n    this.setState({\r\n      OfficeDocument,\r\n      showResults: true,\r\n      FilterData: OfficeDocument,\r\n    });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n  selectableRowSelected = (row) => {\r\n    const { SelectedNames } = this.state;\r\n    if (!Array.isArray(SelectedNames)) {\r\n      return false;\r\n    }\r\n    return SelectedNames.some(selectedRow => selectedRow.id === row.id);\r\n  };\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n    const { SelectedNames } = this.state;\r\n    const currentSelectedNames = Array.isArray(SelectedNames) ? SelectedNames : [];\r\n    const uniqueManagerIds = new Set([\r\n      ...currentSelectedNames.map(row => row && row.id),\r\n      ...selectedRows.map(row => row && row.id)\r\n    ]);\r\n    const updatedSelectedNames = Array.from(uniqueManagerIds)\r\n      .filter(id => id !== undefined && id !== null)\r\n      .map(id => {\r\n        const existingRow = currentSelectedNames.find(row => row && row.id === id);\r\n        if (existingRow) {\r\n          return existingRow;\r\n        }\r\n        return selectedRows.find(row => row && row.id === id);\r\n      });\r\n    const updatedSelectedRows = selectedRows.filter(row =>\r\n      uniqueManagerIds.has(row.id)\r\n    );\r\n    this.setState({\r\n      SelectedNames: updatedSelectedNames,\r\n      selectedRows: updatedSelectedRows,\r\n      showSelectAll: updatedSelectedRows.length >= 2,\r\n      showDelete: updatedSelectedRows.length >= 1,\r\n      showDeleteCount: updatedSelectedRows.length > 0,\r\n      NewState: updatedSelectedNames,\r\n    });\r\n  };\r\n\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append(\"Id_delete\", row.id);\r\n    });\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].officeDocumentTitle : this.state.SelectedNames.length;\r\n\r\n    // console.log(\"FormData:\", data);\r\n    if (\r\n      this.state.SelectedNames.length === 1 ? window.confirm(\"Are you sure you want to delete this record permanently?\") : \r\n      window.confirm(\"Are you sure you want to delete these \" + value + \" records permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/AdminOfficeDocuments/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n        this.clearSelection();\r\n      this.GetOfficeDocument();\r\n      this.setState({ initialData: undefined });\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n    }\r\n    this.GetOfficeDocument();\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    // if(document.getElementsByName('Id_delete')){\r\n    // var checkboxes = document.getElementsByName('Id_delete');\r\n    // for (var i = 0; i < checkboxes.length; i++) {\r\n    //   checkboxes[i].checked = false;\r\n    //   document.getElementById(\"delete\").setAttribute('style', 'visibility: hidden;');\r\n    //   document.getElementById(\"deletecount\").setAttribute('style', 'visibility: hidden;');\r\n    // }}\r\n    data.append(\"Id_delete\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/AdminOfficeDocuments/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetOfficeDocument();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n      this.clearSelection();\r\n    }\r\n  };\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\", { autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/AdminOfficeDocuments/DocumentExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetOfficeDocument();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) { }\r\n  };\r\n\r\n\r\n  GetDocument(Id) {\r\n\r\n    this.setState({\r\n      isOpen: true\r\n    })\r\n\r\n    let url = `${BASE_URLs}/AdminOfficeDocuments/GetDocument?Id=` + Id;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Document: data,\r\n        });\r\n        // console.log(\"user\", data);\r\n      });\r\n  }\r\n\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n\r\n  handleImageClick = (url) => {\r\n window.open(url, '_blank');\r\n  };\r\n\r\n  clearSelection() {\r\n    this.setState({ clearSelected: true }, () => {\r\n      this.setState({ \r\n        clearSelected: false, \r\n        showDelete: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false,  });\r\n    });\r\n  }\r\n\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const { delay,OfficeDocument, Filterpop, FilterData, isOpen, Document, showExcel,filterValue,SelectedNames,selectedRows } = this.state;\r\n    var filename = `${username}_OfficeDocuments`;\r\n    const customStyles = {\r\n      headCells: {\r\n        style: {\r\n          flex: \"0.5\" \r\n        }\r\n      },\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"  \r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\" ,\r\n          borderBottom: \"1px solid #ccc\",\r\n          \r\n        },\r\n      },\r\n   \r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\" \r\n          },\r\n        },\r\n      },\r\n    };\r\n\r\n    const columns = [\r\n      {\r\n        name:'Title',\r\n        selector: row => row.officeDocumentTitle,\r\n        id: \"isheader\",\r\n        grow: 2,\r\n        sortable: false,\r\n        cell: row => <span style={{wordBreak: \"breakWord\",textAlign:\"left\" }}>{row.officeDocumentTitle}</span>,  \r\n      },\r\n      {\r\n        name:'Category',\r\n        selector: row => row.category,\r\n        id: \"isheader\",\r\n        grow: 2,\r\n        sortable: false, \r\n        cell: row => <span style={{wordBreak: \"breakWord\",textAlign:\"left\" }}>{row.category}</span>, \r\n      },\r\n      {\r\n        name:'Office Document',\r\n        selector: row => row.officeDocument,\r\n        id: \"isheader\",\r\n        grow: 4,\r\n        sortable: false, \r\n        cell: row => <span style={{cursor:'pointer'}}   onClick={(e) => {\r\n          e.preventDefault();\r\n          this.GetDocument(row.id)\r\n        }}>Show Document</span>,\r\n      },\r\n     \r\n      {\r\n        name: 'Actions',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.DeleteButton(row.id);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"Annbuttons sk-edit\"\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.EditModel(\r\n                  row.id,\r\n                  row.category,\r\n                  row.officeDocumentTitle,\r\n                  row.officeDocument\r\n                );\r\n              }}\r\n              title=\"Edit\"\r\n            >\r\n              <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        {this.state.DocModel ? (\r\n          <AddOfficeDocumentModel close={() => this.DocModel()} />\r\n        ) : null}\r\n        {this.state.EditModel ? (\r\n          <EditDocumentModel\r\n            values={this.state.EditDocumentValues}\r\n            close={() => this.EditModel()}\r\n          />\r\n        ) : null}\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Office Documents{\" \"}\r\n                          </h4>\r\n                        </div>\r\n                        {isOpen ?\r\n                          <div className=\"col-lg-12\">\r\n                            <div className=\"popup\" style={{ textAlign: 'left' }}>\r\n                              <div className=\"popup-content\">\r\n                                <div className=\"Announcedetailspop\" >\r\n                                  <i\r\n                                    className=\"fa fa-times\"\r\n                                    aria-hidden=\"true\"\r\n                                    style={{\r\n                                      color: \"gray\",\r\n                                      marginLeft: \"90%\",\r\n                                      fontSize: \"17px\",\r\n                                      cursor: 'pointer'\r\n                                    }}\r\n                                    onClick={this.popupclose}\r\n                                  ></i>\r\n                                  <br />\r\n                                  <center><h6><b>Attachment</b></h6></center>\r\n                                  <div className=\"card-block\">\r\n\r\n                                    {Document.map((OfficeDocument) => (\r\n                                      <>\r\n                                        <div style={{ height: \"237px\", overflow: \"scroll\" }}>\r\n                                          {OfficeDocument.officeDocument.split(',').map((imageUrl, index) => (\r\n                                            <div style={{ display: \"inline-block\", marign: \"10px\" }} key={index}>\r\n\r\n                                              <div style={{ margin: \"10px\" }}>\r\n                                                {this.getFileType(imageUrl) === 'image' ? (\r\n\r\n                                                  <span style={{ margin: \"30px\" }}>\r\n                                                    <b>Image:&nbsp;</b>\r\n\r\n                                                    {imageUrl.split(',').map((Url, index) => (\r\n          <img\r\n            key={index}\r\n            alt={`Image ${index}`}\r\n            src={imageUrl.trim()} \r\n            style={{ width: \"100px\", height: \"100px\" }}\r\n            onClick={() => this.handleImageClick(Url.trim())}\r\n          />\r\n        ))}\r\n                                                    {/* <img\r\n                                                      alt={`Image ${index}`}\r\n                                                      src={imageUrl}\r\n                                                   \r\n                                                      style={{ width: \"100px\", height: \"100px\" }}\r\n                                                      onClick={() => this.handleImageClick(OfficeDocument.officeDocument)}\r\n                                                    /> */}\r\n                                                  </span>\r\n                                                ) : this.getFileType(imageUrl) === 'video' ? (\r\n                                                  <span style={{ display: \"flex\", margin: \"30px\" }}>\r\n                                                    <span><b>video:</b></span>\r\n                                                    <video\r\n                                                      controls\r\n                                                      style={{ width: \"125px\", height: '118px', marginTop: '-62px', marginLeft: \"8px\" }}\r\n                                                    >\r\n                                                      <source src={imageUrl} type=\"video/mp4\" />\r\n                                                      <source src={imageUrl} type=\"video/ogg\" />\r\n                                                    </video>\r\n                                                  </span>\r\n                                                ) : (\r\n                                                  <span style={{ margin: \"30px\" }}>\r\n                                                    <b>File:</b>\r\n                                                    <img\r\n                                                      src={fileImg}\r\n                                                      style={{ height: \"30px\", width: \"30px\" }}\r\n                                                    />\r\n                                                    &nbsp;\r\n                                                    <a\r\n                                                      href={imageUrl}\r\n                                                      name=\"picture\"\r\n                                                      readOnly\r\n                                                      value={imageUrl}\r\n                                                      title=\"\"\r\n                                                      target=\"_blank\"\r\n                                                    >\r\n                                                      <span>\r\n                                                        {imageUrl.includes(`https://localhost:44369/Images/OfficeDocument_`) ?\r\n                                                          <>  {imageUrl.replace(\"https://localhost:44369/Images/OfficeDocument_\", \"\")}</> :\r\n                                                          <>  {imageUrl.replace(\"https://apitest.oneawesometeam.com/Images/OfficeDocument_\", \"\")}</>\r\n                                                        }\r\n                                                        {/* {imageUrl.replace(\"https://localhost:44369/Images/OfficeDocument_\", \"\")} */}\r\n\r\n                                                      </span>\r\n                                                    </a>\r\n                                                  </span>\r\n                                                )}\r\n                                              </div>\r\n                                            </div>\r\n                                          ))}\r\n                                        </div>\r\n                                      </>\r\n                                    ))}\r\n                                    {/* <div>\r\n                                  {SaAnnouncement &&\r\n                                    SaAnnouncement.map &&\r\n                                    SaAnnouncement.map((Announcement) => (\r\n                                      <>\r\n                                        {Announcement.image === \"-\" &&\r\n                                          Announcement.video === \"-\" ? (\r\n                                          <div >\r\n                                            <div\r\n                                            >\r\n                                              <span\r\n                                                key={Announcement.id}\r\n                                                style={{ margin: \"0%\" }}\r\n                                              >\r\n\r\n                                                <b>Subject:</b> &nbsp; <span\r\n                                                  style={{ overflowWrap: \"break-word\", width: \"50%\", }}\r\n                                                > {Announcement.title}</span><br /><br />\r\n                                                <b>Description:</b> &nbsp; <span\r\n                                                  style={{ overflowWrap: \"break-word\", width: \"50%\", }}> {Announcement.message}</span>\r\n\r\n                                              </span>\r\n                                            </div>\r\n                                          </div>\r\n                                        ) : (\r\n                                          <>\r\n                                          <div style={{ width:\"97%\",height: \"237px\", overflow: \"scroll\"}}>\r\n                                            {Announcement.image.split(',').map((imageUrl, index) => (\r\n                                              <div style={{ display: \"inline-block\", marign: \"10px\" }} key={index}>\r\n                                                {index === 0 && (\r\n    <>\r\n    <span style={{ margin: \"38px\" }}>\r\n      <b>Subject:</b> &nbsp;\r\n      <span style={{ overflowWrap: \"break-word\", width: \"50%\" }}>\r\n        {Announcement.title}\r\n      </span>\r\n    </span>\r\n    <br /><br />\r\n    <span style={{ margin: \"38px\" }}>\r\n      <b>Description:</b> &nbsp;\r\n      <span style={{ overflowWrap: \"break-word\", width: \"50%\" }}>\r\n        {Announcement.message}\r\n      </span>\r\n    </span>\r\n    <br /><br />\r\n    </>\r\n)}\r\n                                                <div style={{margin:\"10px\"}}>\r\n                                                {this.getFileType(imageUrl) === 'image' ? (\r\n                                                  \r\n                                                  <span style={{ margin:\"30px\" }}>\r\n                                                    <b>Image:</b> \r\n                                                    <img\r\n                                                      alt={`Image ${index}`}\r\n                                                      src={imageUrl}\r\n                                                      style={{ width: \"100px\", height: \"100px\" }}\r\n                                                    />\r\n                                                  </span>\r\n                                                ) : this.getFileType(imageUrl) === 'video' ? (\r\n                                                  <span style={{ display: \"flex\", margin:\"30px\" }}>\r\n                                                    <span><b>video:</b></span>\r\n                                                    <video\r\n                                                      controls\r\n                                                      style={{ width: \"125px\", height: '118px', marginTop: '-62px', marginLeft:\"8px\" }}\r\n                                                    >\r\n                                                      <source src={imageUrl} type=\"video/mp4\" />\r\n                                                      <source src={imageUrl} type=\"video/ogg\" />\r\n                                                    </video>\r\n                                                  </span>\r\n                                                ) : (\r\n                                                  <span style={{margin:\"30px\"}}>\r\n                                                    <b>File:</b> \r\n                                                    <img\r\n                                                      src={fileImg}\r\n                                                      style={{ height: \"30px\", width: \"30px\" }}\r\n                                                    />\r\n                                                    &nbsp;\r\n                                                    <a\r\n                                                      href={imageUrl}\r\n                                                      name=\"picture\"\r\n                                                      readOnly\r\n                                                      value={imageUrl}\r\n                                                      title=\"\"\r\n                                                      target=\"_blank\"\r\n                                                    >\r\n                                                      <span>\r\n                                                      {imageUrl.replace(\r\n                                                    `${Image_URLs}/Images/`,\r\n                                                    \" \"\r\n                                                  )}\r\n                                                      </span>\r\n                                                    </a>\r\n                                                  </span>\r\n                                                )}\r\n                                                </div>\r\n                                                </div>\r\n                                            ))}\r\n                                            </div>\r\n                                          </>\r\n                                        )}\r\n                                      </>\r\n                                    ))}\r\n                                </div> */}\r\n                                  </div>\r\n                                </div> </div> </div></div> : null}\r\n                        <div className=\"card-block\">\r\n                          <form onSubmit={this.handleSubmit}>\r\n                            <div className=\"row\">\r\n                              <div className=\"col btnalign\">\r\n                                <h5 className=\"card-header-text\">\r\n                                  <Link\r\n                                    onClick={this.DocModel}\r\n                                    className=\"btn\"\r\n                                    style={{ width: \"150px\" }}\r\n                                    onKeyPress={this.handleKeyPress}\r\n                                  >\r\n                                    Add{\" \"}\r\n                                  </Link>\r\n                                </h5>\r\n                              </div>\r\n                              <div className=\"col btnalign\" >\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"OfficeDocumentFiles\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"OfficeDocumentFiles\"\r\n                                />\r\n                              </div>\r\n                              <div style={{ padding: \"7px\" }} ></div>\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n                              </div>\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={CompanyDocExl}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download a template\r\n                                </a>\r\n                              </div>\r\n                              <OutTable\r\n                                data={this.state.rows}\r\n                                columns={this.state.cols}\r\n                                tableClassName=\"ExcelTable2007\"\r\n                                tableHeaderRowclassName=\"heading\"\r\n                              />\r\n                              {/* <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={CompanyDocExl}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download\r\n                                </a>\r\n                              </div> */}\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n\r\n\r\n                              <div>\r\n                                <input\r\n                                  onKeyUp={this.onKeyUp}\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                            <div>\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch1\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onKeyUp={this.myFunction}\r\n                                  value={filterValue}\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            <center>\r\n                              {showExcel && this.state.initialData !== undefined && (\r\n                                <table className=\"table\" id=\"tableDesign\">\r\n                                  <thead >\r\n                                    <tr>\r\n                                      {Object.keys(this.state.initialData[0]).map((key) => (\r\n                                        <th key={key} id=\"team1design\">{key}</th>\r\n                                      ))}\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {this.state.initialData.map((row, index) => (\r\n                                      <tr key={index}>\r\n                                        {Object.values(row).map((value, index) => (\r\n                                          <td key={index} id=\"teamdesign\">{value}</td>\r\n                                        ))}\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              )}\r\n                            </center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n                              <div className=\"savebtndiv\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n\r\n                              </div>)}\r\n                            <br />\r\n                          </form>\r\n                        </div>\r\n\r\n\r\n                        <div className=\"card-block2\">\r\n                         <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            // style={{ marginTop: \"-2%\" }}\r\n                            style={{ marginTop:'-19px' }}\r\n                          >\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden',marginTop:\"30px\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\",marginTop:\"30px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                              <span style={{backgroundColor: \"#007bff\",background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\"}}>{this.state.SelectedNames.length} selected</span>\r\n                               )}\r\n                            </span>\r\n                            <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                            <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                            </div>\r\n\r\n                          <center>\r\n                            <div className=\"dt-responsive table-responsive\" style={{maxWidth:\"60%\"}}>\r\n        <DataTable\r\n          columns={columns}\r\n          data={OfficeDocument}\r\n          selectableRows\r\n          selectableRowSelected={!this.state.Filterpop ? this.selectableRowSelected : undefined}\r\n          onSelectedRowsChange={this.handlecheckbox}\r\n          pagination\r\n          customStyles={customStyles}\r\n          clearSelectedRows={this.state.clearSelected}\r\n          noDataComponent={OfficeDocument.length===0 && delay?<div style={{  textAlign: 'center' }}>No Records</div>:null}\r\n        />\r\n      </div>\r\n      </center>\r\n\r\n                          \r\n                        </form>\r\n                        <br />\r\n                        <br />\r\n                    </div>\r\n                    <table\r\n                      id=\"DocSheetExpo\"\r\n                      className=\"table nowrap\"\r\n                      style={{ display: \"none\" }}\r\n                    >\r\n                      <thead>\r\n                        <tr>\r\n                          {/* <th><input type=\"checkbox\" id=\"selectall\"  onClick= {() => {this.checkAll(this)}} /> </th> */}\r\n                          <th>Category </th>\r\n                          <th> Title </th>\r\n                          <th>Office Document </th>\r\n                          {/* <th>Action</th> */}\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody>\r\n                        {OfficeDocument.map((OfficeDocument) => (\r\n                          <tr key={OfficeDocument.id}>\r\n                            {/* <td><input type=\"checkbox\" name=\"Id_delete\" onChange={this.handlecheckbox}\r\n                                           defaultValue={OfficeDocument.id} /></td> */}\r\n                            <td> {OfficeDocument.category} </td>\r\n                            <td>{OfficeDocument.officeDocumentTitle}</td>\r\n                            <td>{OfficeDocument.officeDocument.includes(',') ? (\r\n    OfficeDocument.officeDocument.split(',').map((document, index) => {\r\n      const DocNameTrim = document.trim();\r\n      const DocName = DocNameTrim.includes('https://localhost:44369/Images/OfficeDocument_') \r\n        ? DocNameTrim.replace('https://localhost:44369/Images/OfficeDocument_', '') \r\n        : DocNameTrim.replace('https://apitest.oneawesometeam.com/Images/OfficeDocument_', '');\r\n\r\n      return (\r\n        <div key={index}>\r\n          <a\r\n            href={DocNameTrim} \r\n            id={`if_${index}`}\r\n            title=\"Iframe Example\"\r\n            target=\"_blank\"         \r\n          >\r\n            {DocName}   {index < OfficeDocument.officeDocument.split(',').length - 1 && ', '}\r\n          </a>\r\n        </div>\r\n        );\r\n    })\r\n  ) : (\r\n        <a\r\n          href={OfficeDocument.officeDocument}\r\n          id=\"if\"\r\n          title=\"Iframe Example\"\r\n          target=\"_blank\"\r\n        >\r\n        { OfficeDocument.officeDocument.includes(`https://localhost:44369/Images/OfficeDocument_`) ?\r\n          <>  { OfficeDocument.officeDocument.replace(\"https://localhost:44369/Images/OfficeDocument_\", \"\")}</> :\r\n          <>  { OfficeDocument.officeDocument.replace(\"https://apitest.oneawesometeam.com/Images/OfficeDocument_\", \"\")}</>\r\n            } \r\n        </a>\r\n      )}</td>\r\n                            {/* <td>\r\n                                            \r\n                                          <button className=\"button-30 sk-edit\" type=\"button\"\r\n                        \r\n                        onClick={(e)=>{e.preventDefault();this.EditModel(OfficeDocument.id,OfficeDocument.category,OfficeDocument.officeDocumentTitle,OfficeDocument.officeDocument)}}\r\n                        //  src=\"https://img.icons8.com/android/22/000000/pencil.png\"/\r\n\r\n                         >Edit&nbsp;<i className=\"fa fa-pencil\" aria-hidden=\"true\"></i> </button>&nbsp;&nbsp;&nbsp; \r\n                                        \r\n                                    </td> */}\r\n                          </tr>\r\n                        ))}\r\n                      </tbody>\r\n                    </table>\r\n                    </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            {Filterpop && (\r\n              <div className=\"popSearchTeam\">\r\n                <div className=\"popSearchinnernormalTeam\">\r\n                  <div\r\n                    className=\"popSearchinnertitle\"\r\n                    id=\"popSearchinnernormal\"\r\n                  >\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                        marginTop: \"-20px\",\r\n                        marginRight: \"-20px\",\r\n                      }}\r\n                      onClick={() => {\r\n                        this.setState({ Filterpop: false,\r\n                        SelectedNames:selectedRows });\r\n                        this.GetOfficeDocument();\r\n                      }}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <div className=\"checkboxes\">\r\n                      <i\r\n                        className=\"fa fa-search\"\r\n                        aria-hidden=\"true\"\r\n                        style={{\r\n                          fontSize: \"20px\",\r\n                          color: \"gray\",\r\n                          marginLeft: \"-1%\",\r\n                          position: \"absolute\",\r\n                          marginTop: \"0.5%\",\r\n                        }}\r\n                      ></i>\r\n                      <input\r\n                        className=\"Searchbox\"\r\n                        placeholder=\"Search\"\r\n                        onKeyUp={this.onKeyUp}\r\n                        style={{ float: \"right\", width: \"80%\" }}\r\n                      />\r\n                      <br></br>\r\n                      {this.state.letters.map(\r\n                        (letter, index) => (\r\n                          <button\r\n                            className=\"filter\"\r\n                            key={index}\r\n                            onClick={(event) =>\r\n                              this.handleDocFilter(\r\n                                letter,\r\n                                event\r\n                              )\r\n                            }\r\n                          >\r\n                            {letter}\r\n                          </button>\r\n                        )\r\n                      )}\r\n                      <br></br>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            )}\r\n\r\n            {/* End */}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nexport default class Planet extends Component {\r\n  render() {\r\n    return (\r\n      <div>\r\n        <div className=\"LoadBgbox\">\r\n          <div className=\"loaderbox\">\r\n            <div className=\"square\"></div>\r\n            <div className=\"square\"></div>\r\n            <div className=\"square last\"></div>\r\n            <div className=\"square clear\"></div>\r\n            <div className=\"square\"></div>\r\n            <div className=\"square last\"></div>\r\n            <div className=\"square clear\"></div>\r\n            <div className=\"square \"></div>\r\n            <div className=\"square last\"></div>\r\n            <br />\r\n          </div>\r\n          <div style={{ position: \"absolute\", top: \"50%\", width: \"100%\" }}>\r\n            <h2 style={{ color: \"#fffffd\" }}>Setting Up Environment</h2>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport logo from \"../../Assets/images/OATlogo.png\";\r\nimport OTPmsgpop from \"../../Common/OTPmsgpop\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport Planet from \"../../Common/Planet\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nimport { Image_URLs } from \"../../Config/Base\"\r\n\r\nconst AdminOtp = (props) => {\r\n  const [otp, setOtp] = useState(\"\");\r\n  const [formErrors, setFormErrors] = useState({});\r\n  const [successModel, setSuccessModel] = useState(false);\r\n  const [counter, setCounter] = useState(60);\r\n  const [loading, setLoading] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const timer = setInterval(() => {\r\n      setCounter((prevCounter) => prevCounter - 1);\r\n    }, 1000);\r\n  \r\n    // When counter reaches 0, clear the interval and show the button\r\n    if (counter === 0) {\r\n      clearInterval(timer);\r\n      localStorage.clear();\r\n      document.getElementById(\"rrr\").style.display = \"initial\";\r\n      document.getElementById(\"timer\").style.display = \"none\";\r\n    }\r\n  \r\n    return () => clearInterval(timer);\r\n  }, [counter]);\r\n  const handleFormValidation = () => {\r\n    let errors = {};\r\n    let isValid = true;\r\n\r\n    if (!otp) {\r\n      isValid = false;\r\n      errors[\"otpErr\"] = \"OTP is Required\";\r\n    }\r\n    else if (otp.charAt(0) === \" \" || otp.charAt(otp.length - 1) === \" \") {\r\n      isValid = false;\r\n      errors[\"otpErr\"] = \"First and last characters cannot be spaces\";\r\n    }\r\n    setFormErrors(errors);\r\n    return isValid;\r\n  };\r\n\r\n  const handleSuccessModel = () => {\r\n    setSuccessModel((prevModel) => !prevModel);\r\n  };\r\n\r\n  const handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n\r\n    if (!navigator.onLine) {\r\n      return alert(\"You are Offline, Check your internet Connection\");\r\n    }\r\n\r\n    \r\n    let OTP = localStorage.getItem(\"amcode\");\r\nif(OTP === null)\r\n{\r\n  toast.error(\"OTP Expired\", {\r\n    position: \"top-center\",\r\n    autoClose: 3200,\r\n    hideProgressBar: false,\r\n    closeOnClick: true,\r\n    pauseOnHover: true,\r\n    draggable: true,\r\n    progress: undefined,\r\n  });\r\n}\r\nelse\r\n{\r\n  const myDecipher = decipher(\"mySecretSalt\");\r\n  OTP = JSON.parse(myDecipher(OTP).toString());\r\n  const enteredOtp = otp.toString();\r\n  \r\n  \r\n\r\n  if (handleFormValidation()) {\r\n    setLoading(true);\r\n\r\n    \r\n\r\n    if (OTP.toString() === enteredOtp) {\r\n      const data = new FormData();\r\n      Object.entries(props.location.state).forEach(([key, value]) => {\r\n        data.set(key, value);\r\n      });\r\n\r\n      try {\r\n        const response = await fetch(`${BASE_URLs}/Authenticate/register`, {\r\n          method: \"POST\",\r\n          headers: {\r\n            Accept: \"application/json\",\r\n            \"Access-Control-Allow-Credentials\": \"true\",\r\n            \"Access-Control-Allow-Origin\": `${Image_URLs}`,\r\n          },\r\n          body: data,\r\n        });\r\n\r\n        const resp = await response.json();\r\n\r\n        if (resp.status === \"Successcreated\") {\r\n          localStorage.removeItem(\"amcode\");\r\n          localStorage.removeItem(\"Id\");\r\n          setTimeout(() => {\r\n            setLoading(false);\r\n          }, 500);\r\n          handleSuccessModel();\r\n        }\r\n      } catch (error) {\r\n        console.error(error);\r\n      }\r\n    } else {\r\n      setTimeout(() => {\r\n        setLoading(false);\r\n      }, 500);\r\n\r\n      toast.error(\"Invalid OTP !!\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n\r\n      setOtp(\"\");\r\n    }\r\n}\r\n\r\n    }\r\n  };\r\n\r\n  const handleReset = async (e) => {\r\n    e.preventDefault();\r\n\r\n    setCounter(60);\r\n\r\n    // Check if props.location and props.location.state are defined\r\n    if (!props.location || !props.location.state) {\r\n      console.error(\"Props or props.location.state is undefined\");\r\n      return;\r\n    }\r\n\r\n    const { Email, Name } = props.location.state;\r\n\r\n    // Check if Email and Name are defined\r\n    if (!Email || !Name) {\r\n      console.error(\"Email or Name is undefined in props.location.state\");\r\n      return;\r\n    }\r\n\r\n    document.getElementById(\"rrr\").setAttribute(\"style\", \"display:none;\");\r\n    document.getElementById(\"timer\").setAttribute(\"style\", \"display:contents;\");\r\n\r\n    const v = setInterval(() => {\r\n      setCounter((prevCounter) => {\r\n        if (prevCounter === 0) {\r\n          clearInterval(v);\r\n          document.getElementById(\"rrr\").setAttribute(\"style\", \"display:initial;\");\r\n          document.getElementById(\"timer\").setAttribute(\"style\", \"display:none;\");\r\n          return 60; // Reset counter to 60\r\n        } else {\r\n          return prevCounter - 1;\r\n        }\r\n      });\r\n    }, 1000);\r\n\r\n    const url = `${BASE_URLs}/Forgot/AdminResendOtp?Email=${Email}&Username=${Name}`;\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n      },\r\n    };\r\n\r\n    try {\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n      if (result.status === \"Success\") {\r\n        sessionStorage.clear();\r\n        toast.success(\"Resended OTP Successfully\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      //   setTimeout(() => {\r\n      //     document.getElementById(\"rrr\").setAttribute(\"style\", \"display:contents ;\");\r\n      //     document\r\n      // .getElementById(\"timer\")\r\n      // .setAttribute(\"style\", \"display:none ;\");\r\n      // setCounter(60);\r\n      //   }, 3200);\r\n        \r\n      } \r\n      const myCipher = cipher(\"mySecretSalt\");\r\n      localStorage.setItem(\"amcode\", myCipher(JSON.stringify(result.otp)));\r\n    } catch (error) {\r\n      console.error(error);\r\n    }\r\n  };\r\n\r\n  const decipher = (salt) => {\r\n    const textToChars = (text) => text.split(\"\").map((c) => c.charCodeAt(0));\r\n    const applySaltToChar = (code) =>\r\n      textToChars(salt).reduce((a, b) => a ^ b, code);\r\n    return (encoded) =>\r\n      encoded\r\n        .match(/.{1,2}/g)\r\n        .map((hex) => parseInt(hex, 16))\r\n        .map(applySaltToChar)\r\n        .map((charCode) => String.fromCharCode(charCode))\r\n        .join(\"\");\r\n  };\r\n\r\n  const cipher = (salt) => {\r\n    const textToChars = (text) => text.split(\"\").map((c) => c.charCodeAt(0));\r\n    const byteHex = (n) => (\"0\" + Number(n).toString(16)).substr(-2);\r\n    const applySaltToChar = (code) =>\r\n      textToChars(salt).reduce((a, b) => a ^ b, code);\r\n\r\n    return (text) =>\r\n      text\r\n        .split(\"\")\r\n        .map(textToChars)\r\n        .map(applySaltToChar)\r\n        .map(byteHex)\r\n        .join(\"\");\r\n  };\r\n\r\n  var w = window.innerWidth;\r\n\r\n  const { otpErr } = formErrors;\r\n\r\n  return (\r\n    <div>\r\n      <ToastContainer\r\n        position=\"top-center\"\r\n        autoClose={1500}\r\n        hideProgressBar={false}\r\n        newestOnTop={false}\r\n        closeOnClick\r\n        rtl={false}\r\n        pauseOnFocusLoss\r\n        draggable\r\n        pauseOnHover\r\n      />\r\n      {loading && <Planet />}\r\n      <div>\r\n        <div className=\"bgImg\" />\r\n        <div className=\"content\">\r\n          <br />\r\n          <div className=\"row\">\r\n            <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n              <img\r\n                alt=\"logo\"\r\n                src={logo}\r\n                style={{ height: \"80px\", width: \"80px\" }}\r\n              />\r\n              &nbsp;&nbsp;&nbsp;\r\n              <h3 style={{ color: \"white\" }}>One Awesome Team</h3>\r\n            </div>\r\n          </div>\r\n\r\n          <br />\r\n          <br />\r\n          {w > 500 ? (\r\n            <>\r\n              {\" \"}\r\n              <br />\r\n              <br />\r\n            </>\r\n          ) : null}\r\n\r\n          <div\r\n            className={\r\n              w < 992\r\n                ? \"  h-100 align-items-center justify-content-center\"\r\n                : \" d-flex h-100 align-items-center justify-content-center\"\r\n            }\r\n          >\r\n            <div className=\"container\">\r\n              <div className=\"row\">\r\n                <div\r\n                  className={\r\n                    w < 992\r\n                      ? \" col-sm-12 ml-auto mr-auto\"\r\n                      : \"col-md-4 col-sm-6 ml-auto mr-auto\"\r\n                  }\r\n                >\r\n                  <div className=\"card-copy\">\r\n                    <div className=\"card-body\">\r\n                      {successModel && (\r\n                        <OTPmsgpop id=\"Success\" close={handleSuccessModel} />\r\n                      )}\r\n\r\n                      <form id=\"myForm\" onSubmit={handleSubmit}>\r\n                        <br />\r\n                        <br />\r\n                        <br />\r\n                        <div className=\"glowBox\">\r\n                          <h4 className=\"title\">OTP</h4>\r\n                        </div>\r\n\r\n                        <div className=\"signUp\">\r\n                          <span>\r\n                            <input\r\n                              type=\"hidden\"\r\n                              name=\"Id\"\r\n                              value={localStorage.Id}\r\n                            />\r\n                            <input\r\n                              className=\"form\"\r\n                              name=\"otp\"\r\n                              type=\"text\"\r\n                              id=\"OTP\"\r\n                              value={otp}\r\n                              onChange={(e) => setOtp(e.target.value)}\r\n                              placeholder=\"Enter OTP\"\r\n                            />\r\n                            {otpErr && (\r\n                              <span style={{ color: \"red\", paddingBottom: 10 }}>\r\n                                {otpErr}\r\n                              </span>\r\n                            )}\r\n                            <span className=\"underline\" />\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"text-center\">\r\n                          <button\r\n                            type=\"submit\"\r\n                            className=\"btn\"\r\n                            style={{ width: \"83.36px\" }}\r\n                          >\r\n                            Submit\r\n                          </button>\r\n                          &nbsp;&nbsp;\r\n                          <button\r\n                            onClick={handleReset}\r\n                            id=\"rrr\"\r\n                            className=\"btn\"\r\n                          >\r\n                            {\" \"}\r\n                            Resend OTP\r\n                          </button>\r\n                          <span id=\"timer\" style={{ color: \"gray\" }}>\r\n                            OTP Expires in{\" \"}\r\n                            <span style={{ color: \"green\" }}>\r\n                              <b>{counter}</b>\r\n                            </span>{\" \"}\r\n                            Seconds{\" \"}\r\n                          </span>\r\n                        </div>\r\n                        <br />\r\n                        <div style={{ textAlign: \"center\" }}>\r\n                          {\" \"}\r\n                          {props.location.state ? (\r\n                            <Link style={{ color: \"#b152e9\" }} to=\"/Sign-up\">\r\n                              If OTP not received, Please confirm your Email is{\" \"}\r\n                              {props.location.state.Email}\r\n                            </Link>\r\n                          ) : null}\r\n                        </div>\r\n                      </form>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default AdminOtp;","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditSkillModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      SkillDetails: [],\r\n      formErrors: {},\r\n      SKillAdminCategoryDrop: [],\r\n      isButtonDisabled: false,\r\n      SKillAdminNameDrop: [],\r\n      isChrome: false,\r\n      UploadCertificate: false\r\n    };\r\n    this.SkillEditsubmit = this.SkillEditsubmit.bind(this);\r\n  }\r\n  GetSkillDrop() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetAdminSkillDrop`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SKillAdminCategoryDrop: data });\r\n        // console.log(data, \"SKillAdminCategoryDrop\");\r\n      });\r\n  }\r\n\r\n  formatDate = (inputDate) => {\r\n    const date = new Date(inputDate);\r\n    const day = String(date.getDate()).padStart(2, \"0\");\r\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n    const year = date.getFullYear();\r\n    if (day === \"NaN\") {\r\n      const date = new Date(this.props.value.exp);\r\n      const day = String(date.getDate()).padStart(2, \"0\");\r\n      const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n      const year = date.getFullYear();\r\n      return `${day}-${month}-${year}`;\r\n    } else {\r\n      return `${day}-${month}-${year}`;\r\n    }\r\n  };\r\n\r\n  GetSkillName() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetAdminSkillNameDrop`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SKillAdminNameDrop: data });\r\n        // console.log(data, \"SKillName\");\r\n      });\r\n  }\r\n\r\n  SkillEditsubmit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n\r\n    if (this.SkillValidation()) {\r\n      this.setState({ isButtonDisabled: true });\r\n      const url = `${BASE_URLs}/UserSkillDetails/EditAdminSkill`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      // console.log(\"checking\", data);\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 4000);\r\n        // document.getElementById(\"Certificatestyle\").style.display = \"none\"\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n  SkillValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    // var Category = document.getElementById(\"Category\").value\r\n    var SkillName = document.getElementById(\"skillname\").value\r\n    // var SkillDescription = document.getElementById(\"SkillDescription\").value\r\n    var Experience = document.getElementById(\"Experience\").value;\r\n    var uploadcertificate =\r\n    document.getElementById(\"UploadCertificate\").checked;\r\n    //var Relationship = document.getElementById(\"Relationship\").value\r\n\r\n    // if (!Category) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"Category\"] = \"Category  is required\";\r\n    // }\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillName\"] = \"Skill Name  is required\";\r\n    }\r\n    // if (!SkillDescription) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"SkillDescription\"] = \"Skill Description  is required\";\r\n    // }\r\n\r\n    if (!Experience) {\r\n      formIsValid = false;\r\n      formErrors[\"Experience\"] = \"Experience is required\";\r\n    }\r\n    // else if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)))   {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Email\"] = \"Enter valid Email!.\";\r\n    // }\r\n    //  if ( !Relationship) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Relationship\"] = \"Relationship is required\" ;\r\n    // }\r\n\r\n    if (uploadcertificate && this.props.value.coursename === \"-\") {\r\n      var skillcoursename = document.getElementById(\"skillcoursename\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillCoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseEnddate\").value;\r\n      var SkillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n      //Email\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \" Course Name is required\";\r\n      } else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n\r\n      if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdate\"] = \"Start From is required\";\r\n      }\r\n      if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddate\"] = \"End is required\";\r\n      }\r\n      // if (!SkillCertificate) {\r\n      //   formIsValid = false;\r\n      //   formErrors[\"SkillCertificate\"] = \"Certificate is required\";\r\n      // }\r\n      var St_date = document.getElementById(\"skillCoursestartdate\").value;\r\n      var End_date = document.getElementById(\"skillCourseEnddate\").value;\r\n      var skillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n\r\n      if (new Date(St_date).getTime() >= new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"skillCourseEnddate\"] =\r\n          \" Start From Should less then End\";\r\n      }\r\n\r\n      if (!skillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCertificate\"] = \" Certificate is required\";\r\n      }\r\n    }\r\n\r\n    if (this.props.value.coursename !== \"-\") {\r\n      var skillcoursename = document.getElementById(\"skillcourseName\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillcoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseenddate\").value;\r\n      var SkillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n      //Email\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \" Course Name is required\";\r\n      } else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n\r\n      if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdate\"] = \"Start From is required\";\r\n      }\r\n      if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddate\"] = \"End is required\";\r\n      }\r\n      // if (!SkillCertificate) {\r\n      //   formIsValid = false;\r\n      //   formErrors[\"SkillCertificate\"] = \"Certificate is required\";\r\n      // }\r\n      var St_date = document.getElementById(\"skillcoursestartdate\").value;\r\n      var End_date = document.getElementById(\"skillCourseenddate\").value;\r\n      var skillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n\r\n      if (new Date(St_date).getTime() >= new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"skillCourseEnddate\"] =\r\n          \" Start From Should less then End\";\r\n      }\r\n\r\n      if (!skillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCertificate\"] = \" Certificate is required\";\r\n      }\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSkillChange = (e) => {\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var uploadcertificate =\r\n      document.getElementById(\"UploadCertificate\").checked;\r\n\r\n    var skillName = document.getElementById(\"skillname\").value;\r\n    var Experience = document.getElementById(\"Experience\").value;\r\n\r\n    if (!skillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillName\"] = \"Name is required\";\r\n    }\r\n    // else if (!SkillDescription) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"SkillDescriptionErr\"] = \"Description is required\";\r\n    // }\r\n    // else if (SkillDescription.length < 2) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"SkillDescriptionErr\"] = \"A Minimum 3 Characters is required\";\r\n    // }\r\n\r\n    // else if (!Category) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    // }\r\n    else if (!Experience) {\r\n      formIsValid = false;\r\n      formErrors[\"Experience\"] = \"Experience is required\";\r\n    }\r\n\r\n    if (uploadcertificate && this.props.value.coursename === \"-\") {\r\n      var skillcoursename = document.getElementById(\"skillcoursename\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillCoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseEnddate\").value;\r\n      var SkillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n      //Email\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \" Course Name is required\";\r\n      } else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n\r\n      if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdate\"] = \"Start From is required\";\r\n      }\r\n      if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddate\"] = \"End is required\";\r\n      }\r\n      // if (!SkillCertificate) {\r\n      //   formIsValid = false;\r\n      //   formErrors[\"SkillCertificate\"] = \"Certificate is required\";\r\n      // }\r\n      var St_date = document.getElementById(\"skillCoursestartdate\").value;\r\n      var End_date = document.getElementById(\"skillCourseEnddate\").value;\r\n      var skillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n\r\n      if (new Date(St_date).getTime() >= new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"skillCourseEnddate\"] =\r\n          \" Start From Should less then End\";\r\n      }\r\n\r\n      if (!skillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCertificate\"] = \" Certificate is required\";\r\n      }\r\n    }\r\n\r\n    if (this.props.value.coursename !== \"-\") {\r\n      var skillcoursename = document.getElementById(\"skillcourseName\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillcoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseenddate\").value;\r\n      var SkillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n      //Email\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \" Course Name is required\";\r\n      } else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursename\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n\r\n      if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdate\"] = \"Start From is required\";\r\n      }\r\n      if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddate\"] = \"End is required\";\r\n      }\r\n      // if (!SkillCertificate) {\r\n      //   formIsValid = false;\r\n      //   formErrors[\"SkillCertificate\"] = \"Certificate is required\";\r\n      // }\r\n      var St_date = document.getElementById(\"skillcoursestartdate\").value;\r\n      var End_date = document.getElementById(\"skillCourseenddate\").value;\r\n      var skillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n\r\n      if (new Date(St_date).getTime() >= new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"skillCourseEnddate\"] =\r\n          \" Start From Should less then End\";\r\n      }\r\n\r\n      if (!skillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCertificate\"] = \" Certificate is required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  handleSkillCertificate = (event) => {\r\n    const selectedFile = event.target.files[0];\r\n\r\n    this.setState({ selectedFile });\r\n  };\r\n\r\n  HandleSkillCertificate = (e) => {\r\n    e.preventDefault();\r\n    var uploadcertificate =\r\n      document.getElementById(\"UploadCertificate\").checked;\r\n    if (uploadcertificate === true) {\r\n      this.setState({\r\n        UploadCertificate: true,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        UploadCertificate: false,\r\n      });\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetSkillDrop();\r\n    this.GetSkillName();\r\n    const isChrome = navigator.userAgent.indexOf(\"Chrome\") !== -1;\r\n    this.setState({ isChrome });\r\n  }\r\n\r\n  render() {\r\n    const { SKillAdminCategoryDrop, SKillAdminNameDrop, UploadCertificate } = this.state;\r\n    const { isChrome } = this.state;\r\n\r\n    let expDate = this.props.value.exp;\r\n\r\n    if (!(expDate instanceof Date)) {\r\n\r\n      expDate = new Date(expDate);\r\n    }\r\n\r\n    // const DateFormat = `${expDate.getDate()}-${expDate.getMonth() + 1}-${expDate.getFullYear()}`;\r\n\r\n    const day = expDate.getDate();\r\n    const month = expDate.getMonth() + 1;\r\n    const year = expDate.getFullYear();\r\n\r\n    const DateFormat = `${day < 10 ? '0' + day : day}-${month < 10 ? '0' + month : month}-${year}`;\r\n\r\n    const {\r\n      Category,\r\n      SkillName,\r\n      SkillDescription,\r\n      Experience,\r\n      skillcoursename,\r\n      skillCoursestartdate,\r\n      skillCourseEnddate,\r\n      skillCertificate\r\n    } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />{\" \"}\r\n        <div className=\"pop\">\r\n          <div className=\"popinnernormal\">\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <h1 className=\"popinnertitle\">Edit </h1>\r\n            <div id=\"add-row\">\r\n              <form id=\"skillform\" onSubmit={this.SkillEditsubmit}>\r\n                <div\r\n                  className=\"row  justify-content-center\"\r\n                  style={{ width: \"100%\" }}\r\n                >\r\n                  <input\r\n                    style={{ display: \"none\" }}\r\n                    type=\"hidden\"\r\n                    name=\"CreatedDate\"\r\n                    value={this.props.value.created_Date}\r\n                  />\r\n                  {/* <div className=\"col-lg-5\">\r\n                                        <select className=\"effect-16\" name=\"Category\" id=\"Category\" onChange={this.handleChange} type=\"text\" placeholder=\"City\" >\r\n                                            <option hidden >{this.props.value.categ}</option>\r\n                                            <option value=\"\"> Category</option>\r\n                                            {SKillAdminCategoryDrop.map(SKillAdminCategoryDrop => <option selected={SKillAdminCategoryDrop.category === this.props.value.categ} value={SKillAdminCategoryDrop.category}>{SKillAdminCategoryDrop.category}</option>)}\r\n\r\n                                        </select>\r\n                                        {Category == null ? <span style={{ color: '#a29d9d', float: \"left\" }}>Category</span> : <div style={{ color: \"red\", float: \"left\" }}>{Category}</div>}\r\n                                    </div>  */}\r\n\r\n                  <div className=\"col-lg-5\">\r\n                    <input\r\n                      type=\"hidden\"\r\n                      name=\"OldSkillName\"\r\n                      defaultValue={\r\n                        this.props.value.Skillname\r\n                      }\r\n                    />\r\n                    <select\r\n                      className=\"effect-16\"\r\n                      name=\"SkillName\"\r\n                      onChange={this.handleSkillChange}\r\n                      type=\"text\"\r\n                      placeholder=\"SkillName\"\r\n                      id=\"skillname\"\r\n                      style={{\r\n                        ...(isChrome && { marginLeft: '-8px' })\r\n                      }}\r\n                    >\r\n                      <option hidden>{this.props.value.Skillname}</option>\r\n                      <option value=\"\"> Skill Name</option>\r\n                      {SKillAdminNameDrop.map((SKillAdminNameDrop) => (\r\n                        <option\r\n                          selected={\r\n                            SKillAdminNameDrop.skillName ===\r\n                            this.props.value.Skillname\r\n                          }\r\n                          value={SKillAdminNameDrop.skillName}\r\n                        >\r\n                          {SKillAdminNameDrop.skillName}\r\n                        </option>\r\n                      ))}\r\n                    </select>\r\n                    {/* <input type=\"hidden\" name=\"Id\" defaultValue={this.props.value.id} />\r\n <input className=\"form\" defaultValue={this.props.value.Skillname} id=\"SkillName\"name=\"SkillName\" maxLength=\"20\" type=\"text\"  onChange={this.handleChange}  placeholder=\"Skill Name\" /> */}\r\n                    {SkillName == null ? (\r\n                      <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                        Name\r\n                      </span>\r\n                    ) : (\r\n                      <div style={{ color: \"red\", float: \"left\" }}>\r\n                        {SkillName}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n\r\n                  <br />\r\n                  {/* <div className=\"row  justify-content-center\" style={{ width: \"100%\" }}> */}\r\n                  {/* <div className=\"col-lg-5\">\r\n                                            <input className=\"form\" defaultValue={this.props.value.Skilldescrp} id=\"SkillDescription\" name=\"SkillDescription\" type=\"text\" onChange={this.handleChange} placeholder=\"Skill Description\" />\r\n                                            {SkillDescription == null ? <span style={{ color: '#a29d9d', float: \"left\" }}>Skill Description</span> : <div style={{ color: \"red\", float: \"left\" }}>{SkillDescription}</div>}\r\n                                        </div> */}\r\n\r\n                  <div className=\"col-lg-5\">\r\n                    {/* <select className=\"effect-16\" type=\"text\" name=\"Experience\" id=\"Experience\" onChange={this.handleSkillChange} defaultValue={this.props.value.exp}  >\r\n                                            <option value=\"SelectValue\" >Select</option>\r\n                                            <option value=\"0-1 year\">0-1 year</option>\r\n                                            <option value=\"1-2 year\">1-2 year</option>\r\n                                            <option value=\"2-3 year\">2-3 year</option>\r\n                                            <option value=\"3-4 year\">3-4 year</option>\r\n                                            <option value=\"4-5 year\">4-5 year</option>\r\n                                            <option value=\"More\">More</option>\r\n                                        </select> */}\r\n\r\n                    {/* <input className=\"form\" max={new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() + 1).toJSON().slice(0, 10)} name=\"Experience\" id=\"Experience\" defaultValue={(this.props.value.exp)} type=\"text\" onFocus={(e) => e.target.type = 'date'} onBlur={(e) => {\r\n\r\n                                                e.target.type = \"date\";\r\n\r\n                                                // e.target.value = (\r\n\r\n                                                //     e.target.value\r\n\r\n                                                // );\r\n\r\n                                            }} onChange={this.handleChange} placeholder={(this.props.value.exp)} /> */}\r\n\r\n                    <input\r\n                      className=\"form\"\r\n                      max={new Date(\r\n                        new Date().getFullYear(),\r\n                        new Date().getMonth(),\r\n                        new Date().getDate() + 1\r\n                      )\r\n                        .toJSON()\r\n                        .slice(0, 10)}\r\n                      name=\"Experience\"\r\n                      id=\"Experience\"\r\n                      defaultValue={DateFormat}\r\n                      type=\"text\"\r\n                      onFocus={(e) => (e.target.type = \"date\")}\r\n                      onBlur={(e) => {\r\n                        e.target.type = \"text\";\r\n\r\n                        // e.target.value = this.formatDate(e.target.value);\r\n                      }}\r\n                      onChange={this.handleSkillChange}\r\n                      placeholder={DateFormat}\r\n                    />\r\n                    {Experience == null ? (\r\n                      <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                        Acquired From\r\n                      </span>\r\n                    ) : (\r\n                      <div style={{ color: \"red\", float: \"left\" }}>\r\n                        {Experience}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                  {/* </div> */}\r\n                  <br />\r\n                  <div\r\n                    className=\"row  justify-content-center\"\r\n                    style={{ width: \"100%\" }}\r\n                  >\r\n                    <br />\r\n                    <div\r\n                      className=\"col-0\"\r\n                      style={{\r\n                        marginTop: \"2%\",\r\n                        marginLeft: \"15px\",\r\n                        color: \"#495057\",\r\n                      }}\r\n                    >\r\n                      <span style={{ color: \"rgb(162, 157, 157)\" }}>\r\n                        Trainer\r\n                      </span>\r\n                      &nbsp; &nbsp;\r\n                      <label className=\"switch\">\r\n                        <input\r\n                          type=\"checkbox\"\r\n                          id=\"Trainer\"\r\n                          defaultChecked={\r\n                            this.props.value.trainer === \"Yes\" ? true : false\r\n                          }\r\n                          name=\"Trainer\"\r\n                        />\r\n                        <span className=\"slider round\" />\r\n                      </label>\r\n                      &nbsp; &nbsp;\r\n                      <span\r\n                        style={{\r\n                          color: \"#a29d9d\",\r\n                        }}\r\n                      >\r\n                        {\" \"}\r\n                        Certificate Details\r\n                      </span>{\" \"}\r\n                      &nbsp; &nbsp;\r\n                      <label className=\"switch\">\r\n                        <input\r\n                          type=\"checkbox\"\r\n                          id=\"UploadCertificate\"\r\n                          defaultChecked={\r\n                            this.props.value.certificates === \"Yes\" ? true : false\r\n                          }\r\n                          onInputCapture={\r\n                            this.HandleSkillCertificate\r\n                          }\r\n                          name=\"Certificate\"\r\n                        />\r\n                        <span className=\"slider round\" />\r\n                      </label>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                {UploadCertificate === true ? (\r\n                  <>\r\n\r\n                    <div\r\n                      className=\"row\"\r\n                      style={{ padding: \"8px\" }}\r\n                    >\r\n                      <div\r\n                        className=\"col-sm-6\"\r\n\r\n                      >\r\n                        <input\r\n                          className=\"form\"\r\n                          onFocus={(e) => e.target.select()}\r\n                          name=\"SkillCoursename\"\r\n                          type=\"text\"\r\n                          id=\"skillcoursename\"\r\n                          onChange={this.handleSkillChange}\r\n                        />\r\n                        {!skillcoursename ? (\r\n                          <span\r\n                            style={{\r\n                              color: \"#a29d9d\",\r\n                              float: \"left\",\r\n                            }}\r\n                          >\r\n                            Course Name\r\n                            <span style={{ color: \"red\" }}>\r\n                              *\r\n                            </span>\r\n                          </span>\r\n                        ) : (\r\n                          <div\r\n                            style={{\r\n                              color: \"red\",\r\n                              float:'left'\r\n\r\n                            }}\r\n                          >\r\n                            {skillcoursename}\r\n                          </div>\r\n                        )}\r\n                        <span className=\"underline\" />\r\n                      </div>\r\n                      <div\r\n                        className=\"col-sm-6\"\r\n\r\n                      >\r\n                        <input\r\n                          className=\"form\"\r\n                          onFocus={(e) => {e.target.select();\r\n                            (e.target.type = \"month\")\r\n                          }}\r\n                          max={new Date(\r\n                            new Date().getFullYear(),\r\n                            new Date().getMonth() + 1\r\n                          )\r\n                            .toJSON()\r\n                            .slice(0, 7)}\r\n                          min={new Date(\r\n                            new Date().getFullYear() - 60,\r\n                            new Date().getMonth() + 1\r\n                          )\r\n                            .toJSON()\r\n                            .slice(0, 7)}\r\n                          name=\"SkillStartdate\"\r\n                          id=\"skillCoursestartdate\"\r\n                          type=\"text\"\r\n                          // onFocus={(e) =>\r\n                          //   (e.target.type = \"month\")\r\n                          // }\r\n                          onChange={this.handleSkillChange}\r\n                        />\r\n                        {!skillCoursestartdate ? (\r\n                          <span\r\n                            style={{\r\n                              color: \"#a29d9d\",\r\n                              float: \"left\",\r\n                            }}\r\n                          >\r\n                            Start From\r\n                            <span style={{ color: \"red\" }}>\r\n                              *\r\n                            </span>\r\n                          </span>\r\n                        ) : (\r\n                          <div\r\n                            style={{\r\n                              color: \"red\",\r\n                              float:'left'\r\n                            }}\r\n                          >\r\n                            {skillCoursestartdate}\r\n                          </div>\r\n                        )}\r\n                        <span className=\"underline\" />\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      className=\"row\"\r\n                      style={{ padding: \"8px\" }}\r\n                    >\r\n                      <div\r\n                        className=\"col-sm-6\"\r\n                        style={{\r\n\r\n                          color: \"#495057\",\r\n\r\n                        }}\r\n                      >\r\n                        <input\r\n                          className=\"form\"\r\n                          onFocus={(e) => {e.target.select();\r\n                            (e.target.type = \"month\")\r\n                          }}\r\n                          name=\"SkillEnddate\"\r\n                          id=\"skillCourseEnddate\"\r\n                          type=\"text\"\r\n                          max={new Date(\r\n                            new Date().getFullYear(),\r\n                            new Date().getMonth() + 1\r\n                          )\r\n                            .toJSON()\r\n                            .slice(0, 7)}\r\n                          min={new Date(\r\n                            new Date().getFullYear() - 60,\r\n                            new Date().getMonth() + 1\r\n                          )\r\n                            .toJSON()\r\n                            .slice(0, 7)}\r\n                          // onFocus={(e) =>\r\n                          //   (e.target.type = \"month\")\r\n                          // }\r\n                          onChange={this.handleSkillChange}\r\n                        />\r\n                        {!skillCourseEnddate ? (\r\n                          <span\r\n                            style={{\r\n                              color: \"#a29d9d\",\r\n                              float: \"left\",\r\n                            }}\r\n                          >\r\n                            End\r\n                            <span style={{ color: \"red\" }}>\r\n                              *\r\n                            </span>\r\n                          </span>\r\n                        ) : (\r\n                          <div\r\n                            style={{\r\n                              color: \"red\",\r\n                              float:'left'\r\n                            }}\r\n                          >\r\n                            {skillCourseEnddate}\r\n                          </div>\r\n                        )}\r\n                        <span className=\"underline\" />\r\n                      </div>\r\n\r\n                      <div className=\"col-sm-6\">\r\n                        <input\r\n                          className=\"effect-16\"\r\n                          name=\"SkillCertificate\"\r\n                          type=\"file\"\r\n                          id=\"SkillCertificate\"\r\n                          onChange={\r\n                            this.handleSkillCertificate\r\n                          }\r\n                        />\r\n                        {!skillCertificate ? (\r\n                          <span\r\n                            style={{\r\n                              color: \"#a29d9d\",\r\n                              float: \"left\",\r\n                            }}\r\n                          >\r\n                            Certificate upload\r\n                            <span style={{ color: \"red\" }}>\r\n                              *\r\n                            </span>\r\n                          </span>\r\n                        ) : (\r\n                          <div\r\n                            style={{\r\n                              color: \"red\",\r\n                              float:'left'\r\n                            }}\r\n                          >\r\n                            {skillCertificate}\r\n                          </div>\r\n                        )}\r\n                        <span className=\"underline\" />\r\n                      </div>\r\n                    </div>\r\n                  </>\r\n                ) : null}\r\n                {this.props.value.certificates === \"No\" || this.props.value.coursename === \"-\" ? null : (\r\n                  <>\r\n                    <div className=\"row\" id=\"Certificatestyle\" style={{ marginTop: \"1%\" }}>\r\n                      <div className=\"col-lg-6\">\r\n                        <input\r\n                          className=\"form\"\r\n                          name=\"SkillCoursename\"\r\n                          defaultValue={this.props.value.coursename}\r\n                          type=\"text\"\r\n                          id=\"skillcourseName\"\r\n                          onChange={this.handleSkillChange}\r\n                          placeholder=\"Course name\"\r\n                        />\r\n                        {skillcoursename == null ? (\r\n                          <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                            Course Name\r\n                          </span>\r\n                        ) : (\r\n                          <div style={{ color: \"red\" ,  float:'left'}}>\r\n                            {skillcoursename}\r\n                          </div>\r\n                        )}\r\n                        <span className=\"underline\" />\r\n                      </div>\r\n                      <div className=\"col-lg-6\">\r\n                        <input\r\n                          className=\"form\"\r\n                          name=\"SkillStartdate\"\r\n                          defaultValue={this.props.value.startdate}\r\n                          id=\"skillcoursestartdate\"\r\n                          type=\"text\"\r\n                          onFocus={(e) => (e.target.type = \"month\")}\r\n                          onChange={this.handleSkillChange}\r\n                          placeholder=\"Start Date\"\r\n                        />\r\n                        {skillCoursestartdate == null ? (\r\n                          <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                            Start Date\r\n                          </span>\r\n                        ) : (\r\n                          <span style={{ color: \"red\",  float:'left' }}>\r\n                            {skillCoursestartdate}\r\n                          </span>\r\n                        )}\r\n                      </div>\r\n                      <div className=\"col-lg-6\">\r\n                        <input\r\n                          className=\"form\"\r\n                          name=\"SkillEnddate\"\r\n                          defaultValue={this.props.value.enddate}\r\n                          id=\"skillCourseenddate\"\r\n                          type=\"text\"\r\n                          onFocus={(e) => (e.target.type = \"month\")}\r\n                          onChange={this.handleSkillChange}\r\n                          placeholder=\"End Date\"\r\n                        />\r\n                        {skillCourseEnddate == null ? (\r\n                          <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                            End Date\r\n                          </span>\r\n                        ) : (\r\n                          <span style={{ color: \"red\",  float:'left' }}>\r\n                            {skillCourseEnddate}\r\n                          </span>\r\n                        )}\r\n                      </div>\r\n                      <div className=\"col-lg-6\">\r\n                      <input\r\n                          className=\"form\"\r\n                          name=\"OldSkillCertificate\"\r\n                          type=\"hidden\"\r\n                          defaultValue={this.props.value.certificate}\r\n                        />\r\n                        <input\r\n                          className=\"form\"\r\n                          name=\"SkillCertificate\"\r\n                          type=\"text\"\r\n                          id=\"SkillCertificate\"\r\n                          defaultValue={this.props.value.certificate}\r\n                          onChange={\r\n                            this.handleSkillChange\r\n                          }\r\n                          onFocus={(e) => (e.target.type = \"file\")}\r\n                        />\r\n                          {skillCertificate == null ? (\r\n                          <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                            Certificate upload\r\n                          </span>\r\n                        ) : (\r\n                          <span style={{ color: \"red\",  float:'left' }}>\r\n                            {skillCertificate}\r\n                          </span>\r\n                        )}\r\n                      </div>\r\n                    </div>\r\n                  </>\r\n                )}\r\n                <br />\r\n                <div className=\"col-lg-12\">\r\n                  <div className=\"row  justify-content-center\">\r\n                    <button\r\n                      type=\"submit\"\r\n                      className=\"button-30 sk-edit\"\r\n                      style={{\r\n                        color: \"#8e75ef\",\r\n                        fontWeight: \"bold\",\r\n                        height: \"39.5px\",\r\n                        width: \"83.36px\",\r\n                      }}\r\n                      disabled={this.state.isButtonDisabled}\r\n                    >\r\n                      Update\r\n                    </button>\r\n                    <button\r\n                      type=\"reset\"\r\n                      className=\"button-30 sk-edit\"\r\n                      style={{\r\n                        color: \"#716b6b\",\r\n                        fontWeight: \"bold\",\r\n                        marginLeft: \"2%\",\r\n                        height: \"39.5px\",\r\n                      }}\r\n                      onClick={(e) => \r\n                        this.setState({ formErrors: \"\",UploadCertificate:false })\r\n                      }\r\n                    >\r\n                      Cancel\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport ProgressBar from \"react-bootstrap/ProgressBar\";\r\nimport \"../../Css/Textbox.css\";\r\nimport $ from \"jquery\";\r\nimport EditAdminFamilyModel from \"../../Common/EditAdminFamilyModel\";\r\nimport EditEmergencyModel from \"../../Common/EditEmergencyModel\";\r\nimport EditSkillModelAdmin from \"../../Common/EditSkillModelAdmin\";\r\nimport EditAdminEduModel from \"../../Common/EditAdminEduModel\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport Select from \"react-select\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nimport axios from \"axios\";\r\nimport moment from 'moment';\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport ReactDatePicker from \"react-datepicker\";\r\n\r\nexport default class userprofile extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    const today = new Date();\r\n    this.state = {\r\n      profile: [],\r\n      Name: \"\",\r\n      HName: \"\",\r\n      gender: \"\",\r\n      DOB: \"\",\r\n      FirstName: \"\",\r\n      MiddleName: \"\",\r\n      LastName: \"\",\r\n      maritalstatus: \"\",\r\n      MobileNo: \"\",\r\n      Profile: \"\",\r\n      email: \"\",\r\n      location: \"\",\r\n      twitter: \"\",\r\n      skype: \"\",\r\n      website: \"\",\r\n      openedu: false,\r\n      openfam: false,\r\n      openskill: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      imagePreviewUrl: null,\r\n      imgCoverPreviewUrl: \"\",\r\n      Degree: \"\",\r\n      Institution: \"\",\r\n      University: \"\",\r\n      Graduation_Year: \"\",\r\n      Contact: \"\",\r\n      Email: \"\",\r\n      Relationship: \"\",\r\n      EmergencyContact: \"\",\r\n      comlogo: [],\r\n      Bloodgroup: \"\",\r\n      formErrors: {},\r\n      Profile_Pic: [],\r\n      EducationDetail: [],\r\n      SkillDetails: [],\r\n      FamilyDetails: [],\r\n      EmergencyDetails: [],\r\n      Bankdetail: [],\r\n      FamModel: false,\r\n      FamilyEditId: \"\",\r\n      EmergencyModel: false,\r\n      EmergencyEditId: \"\",\r\n      SkillModel: false,\r\n      PersonalityModel: false,\r\n      SkillEditId: \"\",\r\n      PersonalityEditId: \"\",\r\n      EditPersonalityValues: [],\r\n      RelationshipDrop: [],\r\n      EditFamValues: [],\r\n      HouseTypeDrop: [],\r\n      EducationDrop: [],\r\n      EditECValues: [],\r\n      UserEduModel: false,\r\n      UserEduEditId: \"\",\r\n      UploadCertificate: false,\r\n      SKillAdminCategoryDrop: [],\r\n      EducationCourseName: [],\r\n      bank: false,\r\n      isSelected: false,\r\n      isSelected1: false,\r\n      isReadOnly: false,\r\n      isButtonDisabled: false,\r\n      isButtonDisabledA: false,\r\n      isButtonDisabledB: false,\r\n      SKillAdminNameDrop: [],\r\n      maxDate: this.calculateMaxDate(),\r\n      Preview: null,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n      clickCount: 0,\r\n      checkbox1Checked: false,\r\n      checkbox2Checked: false,\r\n      isChrome: false,\r\n      initialValues: {},\r\n      ButtonDisabled: false,\r\n      selectedSkills: [],\r\n      selectedSkills1: [],\r\n      selectedSkills2: [],\r\n      selectedSkills3: [],\r\n      bio: '',\r\n      bioError: '',\r\n      PersonalityError: '',\r\n      LifeStyleError: '',\r\n      InterestsError: '',\r\n      ActivitiesError: '',\r\n      Personality: '',\r\n      PersonalityDetails: [],\r\n      LifeStyleDetails: [],\r\n      InterestsDetails: [],\r\n      ActivitiesDetails: [],\r\n      PersonalityAdmin: [],\r\n      LifeStyleAdmin: [],\r\n      InterestsAdmin: [],\r\n      ActivitiesAdmin: [],\r\n      editMode: false,\r\n      hobbiesEdit: false,\r\n      bioEdits: false,\r\n      contactEd: false,\r\n      addressEd: false,\r\n      socialEdit: false,\r\n      bankEdit: false,\r\n      skillEdits: false,\r\n      FamilyEdits: false,\r\n      eduEdit: false,\r\n      personalityEdit: false,\r\n      interestEdit: false,\r\n      activitiesEdit: false,\r\n      lifeStyleEdit: false,\r\n      tab9Selected: false,\r\n      tab4Selected: false,\r\n      tab2Selected: false,\r\n      tab3Selected: false,\r\n      tab6Selected: false,\r\n      tab5Selected: false,\r\n      tab7Selected: false,\r\n      tab8Selected: false,\r\n      maxDateS: new Date(today.getFullYear(), today.getMonth(), today.getDate()),\r\n      isChrome1: /Chrome/.test(navigator.userAgent),\r\n      isFirefox: navigator.userAgent.toLowerCase().indexOf('firefox') > -1,\r\n      DisFire: false,\r\n      DisFireStart: false,\r\n    };\r\n    this.initialState = this.state;\r\n    this.FamModel = this.FamModel.bind(this);\r\n    this.EmergencyModel = this.EmergencyModel.bind(this);\r\n    this.handleImageChange = this.handleImageChange.bind(this);\r\n    this.handleCoverImageChange = this.handleCoverImageChange.bind(this);\r\n    this.handleEducatValidation = this.handleEducatValidation.bind(this);\r\n    this.DepentsformValidation = this.DepentsformValidation.bind(this);\r\n    // this.ContactsValidation = this.ContactsValidation.bind(this);\r\n    this.handleSkillValidation = this.handleSkillValidation.bind(this);\r\n    this.FamilyDetailList = this.FamilyDetailList.bind(this);\r\n    this.DelAdminPersonality = this.DelAdminPersonality.bind(this);\r\n    this.DelAdminLifeStyle = this.DelAdminLifeStyle.bind(this);\r\n    this.DelAdminInterests = this.DelAdminInterests.bind(this);\r\n    this.DelAdminActivities = this.DelAdminActivities.bind(this);\r\n    this.EmergencyDetailList = this.EmergencyDetailList.bind(this);\r\n    //this.EducationDetailList=this.EducationDetailList.bind(this);\r\n\r\n    this.fileInputRef = React.createRef();\r\n  }\r\n\r\n  today = new Date();\r\n  calculateMaxDate() {\r\n    const today = new Date();\r\n    const maxDate = today.toISOString().split(\"T\")[0];\r\n    return maxDate;\r\n  }\r\n\r\n  Getvalue() {\r\n    this.profilelist();\r\n    var Pvalue = document.getElementById('PermanentAddress').value;\r\n    var Cvalue = document.getElementById('CurrentAddress').value;\r\n    var status = document.getElementById('SameAddress')\r\n    if (Pvalue !== Cvalue || Pvalue === '-') {\r\n      status.checked = false\r\n    }\r\n    else {\r\n      status.checked = true\r\n      this.setState({\r\n        isReadOnly: true,\r\n      });\r\n    }\r\n    var CurrentAddress_Country = document.getElementById(\"CurrentAddress_Country\").value;\r\n    if (CurrentAddress_Country == \"India\") {\r\n      this.setState({\r\n        isSelected: true,\r\n      });\r\n    } else if (CurrentAddress_Country != \"India\") {\r\n      this.setState({\r\n        isSelected: false,\r\n      });\r\n    }\r\n  }\r\n\r\n  handleEdit = () => {\r\n    this.setState(prevState => ({\r\n      editMode: !prevState.editMode\r\n    }));\r\n  };\r\n\r\n  hobbiesEdit = () => {\r\n    this.setState(prevState => ({\r\n      hobbiesEdit: !prevState.hobbiesEdit\r\n    }));\r\n  };\r\n\r\n  BioEdits = () => {\r\n    this.setState(prevState => ({\r\n      bioEdits: !prevState.bioEdits\r\n    }));\r\n  };\r\n\r\n  SkillEdit = () => {\r\n    this.setState(prevState => ({\r\n      skillEdits: !prevState.skillEdits,\r\n      tab3Selected: true\r\n    }));\r\n  };\r\n\r\n  contactEd = () => {\r\n    this.setState(prevState => ({\r\n      contactEd: !prevState.contactEd\r\n    }));\r\n  };\r\n\r\n  AddressEd = () => {\r\n    this.profilelist();\r\n    this.setState(prevState => ({\r\n      addressEd: !prevState.addressEd\r\n    }));\r\n  };\r\n\r\n  FamilyEdits = () => {\r\n    this.setState(prevState => ({\r\n      FamilyEdits: !prevState.FamilyEdits,\r\n      tab4Selected: true\r\n    }));\r\n  };\r\n\r\n  socialEdit = () => {\r\n    this.setState(prevState => ({\r\n      socialEdit: !prevState.socialEdit\r\n    }));\r\n  };\r\n\r\n  bankEdit = () => {\r\n    this.setState(prevState => ({\r\n      bankEdit: !prevState.bankEdit,\r\n      tab9Selected: true\r\n    }));\r\n  };\r\n\r\n  eduEdit = () => {\r\n    this.setState(prevState => ({\r\n      eduEdit: !prevState.eduEdit,\r\n      tab2Selected: true\r\n    }));\r\n  };\r\n\r\n  lifeStyleEdit = () => {\r\n    this.setState(prevState => ({\r\n      lifeStyleEdit: !prevState.lifeStyleEdit,\r\n      tab6Selected: true\r\n    }));\r\n  };\r\n\r\n  personalityEdit = () => {\r\n    this.setState(prevState => ({\r\n      personalityEdit: !prevState.personalityEdit,\r\n      tab5Selected: true\r\n    }));\r\n  };\r\n\r\n  interestEdit = () => {\r\n    this.setState(prevState => ({\r\n      interestEdit: !prevState.interestEdit,\r\n      tab7Selected: true\r\n    }));\r\n  };\r\n\r\n  activitiesEdit = () => {\r\n    this.setState(prevState => ({\r\n      activitiesEdit: !prevState.activitiesEdit,\r\n      tab8Selected: true\r\n    }));\r\n  };\r\n\r\n  ProfileClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.ProfileClick) {\r\n      this.handleEdit();\r\n    }\r\n  }\r\n\r\n  HobbiesClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.HobbiesClick) {\r\n      this.hobbiesEdit();\r\n    }\r\n  }\r\n\r\n\r\n  SkillClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.SkillClick) {\r\n      this.SkillEdit();\r\n    }\r\n  }\r\n\r\n  BioClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.BioClick) {\r\n      this.BioEdits();\r\n    }\r\n  }\r\n\r\n  ContactsClicks() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.ContactsClicks) {\r\n      this.contactEd();\r\n    }\r\n  }\r\n\r\n  AddressClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.AddressClick) {\r\n      this.AddressEd();\r\n    }\r\n  }\r\n\r\n  FamilyClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.FamilyClick) {\r\n      this.FamilyEdits();\r\n    }\r\n  }\r\n\r\n  SocialClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.SocialClick) {\r\n      this.socialEdit();\r\n    }\r\n  }\r\n\r\n  BankClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.BankClick) {\r\n      this.bankEdit();\r\n    }\r\n  }\r\n\r\n  EducationClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.EducationClick) {\r\n      this.eduEdit();\r\n    }\r\n  }\r\n\r\n  LifeStyleClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.LifeStyleClick) {\r\n      this.lifeStyleEdit();\r\n    }\r\n  }\r\n\r\n  PersonalityClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.PersonalityClick) {\r\n      this.personalityEdit();\r\n    }\r\n  }\r\n\r\n  InterestClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.InterestClick) {\r\n      this.interestEdit();\r\n    }\r\n  }\r\n\r\n  ActivitiesClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.ActivitiesClick) {\r\n      this.activitiesEdit();\r\n    }\r\n  }\r\n\r\n  formatted(dateString) {\r\n    const options = { year: \"numeric\", month: \"short\" };\r\n    const date = new Date(`${dateString}-01`);\r\n    return date.toLocaleDateString(\"en-US\", options);\r\n  }\r\n\r\n  reformatDate = (dateString) => {\r\n    const parts = dateString.split(\"-\");\r\n    if (parts.length === 3) {\r\n      return `${parts[2]}-${parts[1]}-${parts[0]}`;\r\n    } else {\r\n      return dateString;\r\n    }\r\n  };\r\n\r\n  // formatDate = (inputDate) => {\r\n  //   const date = new Date(inputDate);\r\n  //   const day = String(date.getDate()).padStart(2, \"0\");\r\n  //   const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n  //   const year = date.getFullYear();\r\n  //   if (day === 'NaN') {\r\n  //     return `dd-mm-yyyy`;\r\n  //   }\r\n  //   else {\r\n  //     return `${day}-${month}-${year}`;\r\n  //   }\r\n  // };\r\n\r\n  HandleImage = (e) => {\r\n    e.preventDefault();\r\n    var src = URL.createObjectURL(e.target.files[0]);\r\n    this.setState({ Preview: src });\r\n  };\r\n  resetImage = () => {\r\n    this.setState({\r\n      Preview: \"\",\r\n    });\r\n  };\r\n  handlecheckbox() {\r\n    var checkbox = document.getElementById(\"SameAddress\").checked;\r\n\r\n    var PermanentAddress = document.getElementById(\"PermanentAddress\");\r\n    // var PermanantAddress2 = document.getElementById('PermanantAddress2')\r\n    var PermanentAddress_Country = document.getElementById(\r\n      \"PermanentAddress_Country\"\r\n    );\r\n    var PermanentAddress_State = document.getElementById(\r\n      \"PermanentAddress_State\"\r\n    );\r\n    var PermanentAddress_City = document.getElementById(\r\n      \"PermanentAddress_City\"\r\n    );\r\n    var PermanentAddress_Pincode = document.getElementById(\r\n      \"PermanentAddress_Pincode\"\r\n    );\r\n\r\n    var CurrentAddress = document.getElementById(\"CurrentAddress\").value;\r\n    // var CurrentAddress2 = document.getElementById(\"CurrentAddress2\").value\r\n    var CurrentAddress_Country = document.getElementById(\r\n      \"CurrentAddress_Country\"\r\n    ).value;\r\n    var CurrentAddress_State = document.getElementById(\r\n      \"CurrentAddress_State\"\r\n    ).value;\r\n    var CurrentAddress_City = document.getElementById(\r\n      \"CurrentAddress_City\"\r\n    ).value;\r\n    var CurrentAddress_Pincode = document.getElementById(\r\n      \"CurrentAddress_Pincode\"\r\n    ).value;\r\n    if (checkbox === true) {\r\n      PermanentAddress.value = CurrentAddress;\r\n      // PermanantAddress2.value = CurrentAddress2\r\n      PermanentAddress_Country.value = CurrentAddress_Country;\r\n      PermanentAddress_State.value = CurrentAddress_State;\r\n      PermanentAddress_City.value = CurrentAddress_City;\r\n      PermanentAddress_Pincode.value = CurrentAddress_Pincode;\r\n    }\r\n    else {\r\n      PermanentAddress.value = \"-\";\r\n      // PermanantAddress2.value = \"\"\r\n      PermanentAddress_Country.value = \"-\";\r\n      PermanentAddress_State.value = \"-\";\r\n      PermanentAddress_City.value = \"-\";\r\n      PermanentAddress_Pincode.value = \"-\";\r\n    }\r\n  }\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Qualification = document.getElementById(\"Qualification\").value;\r\n    var St_date = document.getElementById(\"St_date\").value;\r\n    var Coursename = document.getElementById(\"Coursename\").value;\r\n    var End_date = document.getElementById(\"End_date\").value;\r\n    var Coursetype = document.getElementById(\"Coursetype\").value;\r\n    var clg_name = document.getElementById(\"clg_name\").value;\r\n    var stream = document.getElementById(\"stream\").value;\r\n    var unisty_name = document.getElementById(\"unisty_name\").value;\r\n    var OthersQualification = document.getElementById(\"othersQualification\").value;\r\n\r\n    if (!Qualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } \r\n    if (Qualification === 'others' && !OthersQualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (OthersQualification !== \"\" && OthersQualification.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"A Minimum of 3 characters are required\";\r\n    } \r\n\r\n    if (!St_date) {\r\n      formIsValid = false;\r\n      formErrors[\"St_date\"] = \"Start Date is required\";\r\n    }\r\n\r\n    if (!Coursename) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"Course Name is required\";\r\n    }\r\n    if (Coursename.length < 2) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"Enter a valid Coursename\";\r\n    }\r\n    if (Qualification === 'others' && Coursename.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    if (!End_date) {\r\n      formIsValid = false;\r\n      formErrors[\"End_date\"] = \"End Date is required\";\r\n    } else if (St_date !== null && End_date !== null) {\r\n      if (St_date === End_date) {\r\n        formIsValid = false;\r\n        formErrors[\"End_date\"] = \" Start Date and End Date  is Same\";\r\n      }\r\n      if (new Date(St_date).getTime() > new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"End_date\"] = \" Start Date Should less then  End Date\";\r\n      }\r\n    }\r\n\r\n    if (!Coursetype) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursetype\"] = \"Course Type is required\";\r\n    }\r\n    if (clg_name !== \"\" && clg_name.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"clg_name\"] = \"A minimum of 3 characters is required\";\r\n    }\r\n    if (stream !== \"\" && stream.length < 3) {\r\n\r\n      formIsValid = false;\r\n      formErrors[\"stream\"] = \"A minimum of 3 characters is required\";\r\n    }\r\n    if (!unisty_name) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"University Name is required\";\r\n    }\r\n    else if (unisty_name.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  EduSubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({ isButtonDisabledA: true });\r\n\r\n      const data = new FormData(e.target);\r\n\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      await fetch(\r\n        `${BASE_URLs}/UserEducationDetails/AddAdminEducation`,\r\n        options\r\n      )\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n          this.EducationDetailList();\r\n        });\r\n      document.getElementById(\"EduForm\").reset();\r\n      // document.getElementById(\"AddEDU\").style.display = \"none\";\r\n      this.setState({ isButtonDisabledA: false });\r\n      this.setState({ openedu: false, showing: true, clickCount: 0, });\r\n    }\r\n  };\r\n\r\n  handleTextareaClick = () => {\r\n    this.setState((prevState) => ({\r\n      isReadOnly: !prevState.isReadOnly,\r\n    }));\r\n  };\r\n\r\n  handleTextarea = () => {\r\n    this.setState({\r\n      isReadOnly: false,\r\n    });\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  handleEducatValidation() {\r\n    const { Degree, Institution, University, Graduation_Year } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Education\r\n    if (!Degree) {\r\n      formIsValid = false;\r\n      formErrors[\"DegreeErr\"] = \"Degree is required\";\r\n      if (Degree === \"10th\" || Degree === \"12th\") {\r\n        formIsValid = true;\r\n        //\r\n        //formErrors[\"DegreeErr\"] = \"Degree is required\" ;\r\n      } else if (!University) {\r\n        formIsValid = false;\r\n        formErrors[\"marksErr\"] = \"University is required\";\r\n      }\r\n    }\r\n\r\n    if (!Institution) {\r\n      formIsValid = false;\r\n      formErrors[\"institute_nameErr\"] = \"Institution is required\";\r\n    }\r\n    if (!Graduation_Year) {\r\n      formIsValid = false;\r\n      formErrors[\"pasyearErr\"] = \"Graduation  Year is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSkillValidation() {\r\n    const { SkillName, SkillDescription, Category, Experience } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var uploadcertificate =\r\n      document.getElementById(\"UploadCertificate\").checked;\r\n\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"Name is required\";\r\n    }\r\n    // if (!SkillDescription) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"SkillDescriptionErr\"] = \"Description is required\";\r\n    // }\r\n    // else if (SkillDescription.length < 3) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"SkillDescriptionErr\"] = \"A minimum 3 characters required\";\r\n    // }\r\n\r\n    // if (!Category) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    // }\r\n    if (!Experience) {\r\n      formIsValid = false;\r\n      formErrors[\"ExperienceErr\"] = \"Experience is required\";\r\n    }\r\n    if (uploadcertificate) {\r\n      var skillcoursename = document.getElementById(\"skillcoursename\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillCoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseEnddate\").value;\r\n      var SkillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n      //Email\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursenameErr\"] = \" Course Name is required\";\r\n      } else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursenameErr\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n\r\n      if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdateErr\"] = \"Start From is required\";\r\n      }\r\n      if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddateErr\"] = \"End is required\";\r\n      }\r\n      if (!SkillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"SkillCertificate\"] = \"Certificate is required\";\r\n      }\r\n      var St_date = document.getElementById(\"skillCoursestartdate\").value;\r\n      var End_date = document.getElementById(\"skillCourseEnddate\").value;\r\n      var skillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n\r\n      if (new Date(St_date).getTime() >= new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"skillCourseEnddateErr\"] =\r\n          \" Start From Should less then End\";\r\n      }\r\n\r\n      if (!skillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCertificateErr\"] = \" Certificate is required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  formreset = () => {\r\n    document.getElementById(\"EduForm\").reset();\r\n    this.setState({ formErrors: \"\", startDate: \"\", endDate: \"\", DisFire: false, DisFireStart: false });\r\n  };\r\n  skillformreset = () => {\r\n    document.getElementById(\"skillform\").reset();\r\n    this.setState({ formErrors: \"\", UploadCertificate: false, checkbox1Checked: false, checkbox2Checked: false });\r\n  };\r\n\r\n  Personalityformreset = () => {\r\n    document.getElementById(\"Personalityform\").reset();\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  LifeStyleformreset = () => {\r\n    document.getElementById(\"LifeStyleform\").reset();\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  Interestsformreset = () => {\r\n    document.getElementById(\"Interestsform\").reset();\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  Activitiesformreset = () => {\r\n    document.getElementById(\"Activitiesform\").reset();\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  familyformreset = () => {\r\n    document.getElementById(\"familyform\").reset();\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  DepentsformValidation() {\r\n    var FirstName = document.getElementById(\"FirstNameFam\").value;\r\n    var LastName = document.getElementById(\"LastNameFam\").value;\r\n    var Contact = document.getElementById(\"ContactFam\").value;\r\n    var Email = document.getElementById(\"EmailFam\").value;\r\n    var Relationship = document.getElementById(\"RelationshipFam\").value;\r\n    var EmergencyContact = document.getElementById(\"EmergencyContact\").checked;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    } else if (FirstName.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"Minimum 3 Characters Required\";\r\n    }\r\n    if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    }\r\n    if (EmergencyContact === true) {\r\n      if (!Contact) {\r\n        formIsValid = false;\r\n        formErrors[\"ContactErr\"] = \"Contact number is required\";\r\n      } else if (!mobPattern.test(Contact)) {\r\n        formIsValid = false;\r\n        formErrors[\"ContactErr\"] = \" Enter a valid Contact Number\";\r\n      }\r\n\r\n    }\r\n\r\n    if (EmergencyContact === false) {\r\n      if (Contact !== \"\" && Contact !== \"-\" && (Contact.length < 10 || !mobPattern.test(Contact))) {\r\n        formIsValid = false;\r\n        formErrors[\"ContactErr\"] = \"Enter a valid Contact Number\";\r\n      }\r\n    }\r\n\r\n    if (!Relationship) {\r\n      formIsValid = false;\r\n      formErrors[\"RelationshipErr\"] = \"Relationship is required\";\r\n    }\r\n\r\n    else if (Email.trim()) {\r\n      if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n        formIsValid = false;\r\n        formErrors[\"EmailErr\"] = \"Enter a valid Email\";\r\n      }\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row2\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n  handleContactchange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n    var officialEmail = document.getElementById(\"OfficialEmail\").value; //personal email\r\n    var PhoneNumber = document.getElementById(\"PhoneNumber\").value;\r\n    var PersonalEmail = document.getElementById(\"PersonalEmail\").value; //auto email\r\n    var AlternatePhoneNo = document.getElementById(\"AlternatePhoneNo\").value;\r\n    var HomeNumber = document.getElementById(\"HomeNumber\").value;\r\n\r\n    if (!HomeNumber || HomeNumber === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"HomeErr\"] = \"Phone Number is required\";\r\n    }\r\n    else if (!mobPattern.test(HomeNumber)) {\r\n      formIsValid = false;\r\n      formErrors[\"HomeErr\"] = \" Enter a valid Phone Number\";\r\n    }\r\n    else if (!officialEmail || officialEmail === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"officialEmailerr\"] = \" Enter the Personal Email\";\r\n    }\r\n    else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(officialEmail)) {\r\n      formIsValid = false;\r\n      formErrors[\"officialEmailerr\"] = \"Enter valid Personal Email\";\r\n    }\r\n    else if (officialEmail === PersonalEmail) {\r\n      formIsValid = false;\r\n      formErrors[\"officialEmailerr\"] =\r\n        \"Personal Email and Official Email should not be same\";\r\n    }\r\n\r\n    else if (AlternatePhoneNo.trim() && AlternatePhoneNo !== \"-\") {\r\n      if (PhoneNumber === AlternatePhoneNo) {\r\n        formIsValid = false;\r\n        formErrors[\"AlternatePhoneNoerr\"] = \"Office Number and Alternate Phone Number should not be same\";\r\n      } else if (HomeNumber === AlternatePhoneNo) {\r\n        formIsValid = false;\r\n        formErrors[\"AlternatePhoneNoerr\"] = \"Phone Number and Alternate Phone Number should not be same\";\r\n      }\r\n      // else if (!mobPattern.test(AlternatePhoneNo)) {\r\n      //   formIsValid = false;\r\n      //   formErrors[\"AlternatePhoneNoerr\"] = \"Enter the valid Alternate Phone Number\";\r\n      // }\r\n      //   else   if (AlternatePhoneNo !=='-') {\r\n      //     if(!mobPattern.test(AlternatePhoneNo)){\r\n      //     formIsValid = false;\r\n      //     formErrors[\"AlternatePhoneNoerr\"] = \" Enter the valid Alternate Phone Number\";\r\n      //   }\r\n      // }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  };\r\n\r\n  ContactValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    // var mobPattern =\r\n    //   /((\\+*)((0[ -]*)*|((91 )*))((\\d{10})+|(\\d{10})+))|\\d{5}([- ]*)\\d{6}/;\r\n    var mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n    var officialEmail = document.getElementById(\"OfficialEmail\").value; //personal email\r\n    var PhoneNumber = document.getElementById(\"PhoneNumber\").value;\r\n    var PersonalEmail = document.getElementById(\"PersonalEmail\").value; //auto email\r\n    var AlternatePhoneNo = document.getElementById(\"AlternatePhoneNo\").value;\r\n    var HomeNumber = document.getElementById(\"HomeNumber\").value;\r\n\r\n    var officePattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[0-9]\\d{9}|[0-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n\r\n    // if (!PhoneNumber||PhoneNumber==='-') {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"contactphnerr\"] = \"Office Number is required\";\r\n    // }\r\n    // else if (!mobPattern.test(PhoneNumber)) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"contactphnerr\"] = \" Enter the valid Office Number\";\r\n    // }\r\n\r\n    if (!HomeNumber || HomeNumber === \"-\") {\r\n      formIsValid = false;\r\n\r\n      formErrors[\"HomeErr\"] = \"Phone Number is required\";\r\n    } else if (!mobPattern.test(HomeNumber)) {\r\n      formIsValid = false;\r\n      formErrors[\"HomeErr\"] = \" Enter a valid Phone Number\";\r\n    }\r\n\r\n    // if(PhoneNumber)\r\n    // {\r\n    //   if(!officepattern.test(PhoneNumber))\r\n    //   {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"contactphnerr\"] = \" Enter a valid Office Number\";\r\n    //   }\r\n    // }\r\n\r\n    if (!officialEmail.trim() || officialEmail === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"officialEmailerr\"] = \" Enter the Personal Email\";\r\n    }\r\n    if (officialEmail === PersonalEmail) {\r\n      formIsValid = false;\r\n      formErrors[\"officialEmailerr\"] =\r\n        \"Personal Email and Official Email should not be same\";\r\n    }\r\n\r\n    if (PhoneNumber.trim() !== '-' && PhoneNumber.trim() !== '') {\r\n      if (!officePattern.test(PhoneNumber)) {\r\n        formIsValid = false;\r\n        formErrors[\"contactphnerr\"] = \" Enter the valid Office Number\";\r\n      }\r\n    }\r\n    if (AlternatePhoneNo.trim() !== '-' && AlternatePhoneNo.trim() !== '') {\r\n      if (!mobPattern.test(AlternatePhoneNo)) {\r\n        formIsValid = false;\r\n        formErrors[\"AlternatePhoneNoerr\"] = \" Enter the valid Alternate Phone Number\";\r\n      }\r\n    }\r\n    else if (officialEmail.trim()) {\r\n      if (officialEmail === PersonalEmail) {\r\n        formIsValid = false;\r\n        formErrors[\"officialEmailerr\"] =\r\n          \"Personal Email and Official Email should not be same\";\r\n      }\r\n      else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(officialEmail)) {\r\n        formIsValid = false;\r\n        formErrors[\"officialEmailerr\"] = \"Enter valid Personal Email\";\r\n      }\r\n    }\r\n    if (HomeNumber === AlternatePhoneNo && HomeNumber != \"-\" && HomeNumber != \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"AlternatePhoneNoerr\"] = \"Phone Number and Alternate Phone Number should not be same\";\r\n\r\n    }\r\n    if (PhoneNumber === AlternatePhoneNo && AlternatePhoneNo !== '-' && PhoneNumber != \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"AlternatePhoneNoerr\"] = \"Office Number and Alternate Phone Number should not be same\";\r\n\r\n    }\r\n\r\n    if (PhoneNumber === HomeNumber && HomeNumber != \"-\" && HomeNumber != \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"HomeErr\"] = \"Phone Number and Office Number should not be same\";\r\n\r\n    }\r\n\r\n    if (AlternatePhoneNo === HomeNumber && HomeNumber != \"-\" && HomeNumber != \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"AlternatePhoneNoerr\"] = \"Phone Number and Alternate Phone Number should not be same\";\r\n\r\n    }\r\n\r\n    //  else if (HomeNumber === AlternatePhoneNo) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"AlternatePhoneNoerr\"] = \"Home Number and AlternatePhoneNo should not be same\";\r\n\r\n    //   }\r\n    // else if (officialEmail.trim()) {\r\n    //   if (officialEmail === PersonalEmail) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"PersonalEmailerr\"] = \"Personal Email and Official Email should not be same\";\r\n    //   }\r\n    //   else if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(officialEmail))) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"PersonalEmailerr\"] = \"Enter valid Personal Email\";\r\n    //   }\r\n    // }\r\n    // else if (AlternatePhoneNo.trim()) {\r\n    //   else if (PhoneNumber === AlternatePhoneNo) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"AlternatePhoneNoerr\"] = \"Office Number and AlternatePhoneNo should not be same\";\r\n\r\n    //   }\r\n    //  else if (HomeNumber === AlternatePhoneNo) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"AlternatePhoneNoerr\"] = \"Home Number and AlternatePhoneNo should not be same\";\r\n\r\n    //   }\r\n    // if (!mobPattern.test(AlternatePhoneNo)) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"AlternatePhoneNoerr\"] = \"Enter valid Phone Number\";\r\n    // }\r\n    this.setState({ formErrors: formErrors });\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n\r\n  handleChange1 = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    var FirstName = document.getElementById(\"FirstNameFam\").value;\r\n    var LastName = document.getElementById(\"LastNameFam\").value;\r\n    var Contact = document.getElementById(\"ContactFam\").value;\r\n    var Email = document.getElementById(\"EmailFam\").value;\r\n    var Relationship = document.getElementById(\"RelationshipFam\").value;\r\n    var EmergencyContact = document.getElementById(\"EmergencyContact\").checked;\r\n\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    } else if (FirstName.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"Minimum 3 Characters Required\";\r\n    } else if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    } else if (EmergencyContact === true) {\r\n      if (!Contact) {\r\n        formIsValid = false;\r\n        formErrors[\"ContactErr\"] = \"Contact number is required\";\r\n      } else if (!mobPattern.test(Contact)) {\r\n        formIsValid = false;\r\n        formErrors[\"ContactErr\"] = \" Enter the valid Contact Number\";\r\n      }\r\n\r\n      // else if (!Email) {\r\n      //   formIsValid = false;\r\n      //   formErrors[\"EmailErr\"] = \"Email is required\";\r\n      // }\r\n      // else if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email))) {\r\n      //   formIsValid = false;\r\n      //   formErrors[\"EmailErr\"] = \"Enter valid Email\";\r\n      // }\r\n      else if (!Relationship) {\r\n        formIsValid = false;\r\n        formErrors[\"RelationshipErr\"] = \"Relationship is required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n  handleSkillChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    const { SkillName, SkillDescription, Category } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var uploadcertificate =\r\n      document.getElementById(\"UploadCertificate\").checked;\r\n\r\n    var skillName = document.getElementById(\"skillname\").value;\r\n    var Experience = document.getElementById(\"exp\").value;\r\n\r\n    if (!skillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"Name is required\";\r\n    }\r\n    // else if (!SkillDescription) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"SkillDescriptionErr\"] = \"Description is required\";\r\n    // }\r\n    // else if (SkillDescription.length < 2) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"SkillDescriptionErr\"] = \"A Minimum 3 Characters is required\";\r\n    // }\r\n\r\n    // else if (!Category) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    // }\r\n    else if (!Experience) {\r\n      formIsValid = false;\r\n      formErrors[\"ExperienceErr\"] = \"Experience is required\";\r\n    }\r\n    if (uploadcertificate) {\r\n      var skillcoursename = document.getElementById(\"skillcoursename\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillCoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseEnddate\").value;\r\n      //Email\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        // formErrors[\"skillcoursenameErr\"] = \" Course Name is required\";\r\n      } else if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        // formErrors[\"skillCoursestartdateErr\"] = \"Start Date is required\";\r\n      } else if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        // formErrors[\"skillCourseEnddateErr\"] = \"End Date is required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n  // checking\r\n  handleEducationChange = (e) => {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    // const { name, value } = e.target;\r\n    // this.setState({ [name]: value });\r\n\r\n    var Qualification = document.getElementById(\"Qualification\").value;\r\n    var St_date = document.getElementById(\"St_date\").value;\r\n    var Coursename = document.getElementById(\"Coursename\").value;\r\n    var End_date = document.getElementById(\"End_date\").value;\r\n    var Coursetype = document.getElementById(\"Coursetype\").value;\r\n    var clg_name = document.getElementById(\"clg_name\").value;\r\n    var stream = document.getElementById(\"stream\").value;\r\n    var unisty_name = document.getElementById(\"unisty_name\").value;\r\n    var OthersQualification = document.getElementById(\"othersQualification\").value;\r\n\r\n    if (!Qualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (Qualification === 'others' && !OthersQualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (OthersQualification !== \"\" && OthersQualification.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (!Coursename) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"Course Name is required\";\r\n    } else if (Coursename.length < 2) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"A Minimum of 2 characters are required\";\r\n    }else if (!Coursetype) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursetype\"] = \"Course Type is required\";\r\n    }\r\n    // else if (!stream) {\r\n\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"stream\"] = \"Specialization is required\";\r\n    // }\r\n    // else if (stream.length < 3) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"stream\"] = \"A Minimum of 3 characters are required\";\r\n    // }\r\n    else if (!St_date) {\r\n      formIsValid = false;\r\n      formErrors[\"St_date\"] = \"Start From is required\";\r\n    } else if (!End_date) {\r\n      formIsValid = false;\r\n      formErrors[\"End_date\"] = \"End is required\";\r\n\r\n      if (St_date !== null && End_date !== null) {\r\n        if (St_date === End_date) {\r\n          formIsValid = false;\r\n          formErrors[\"End_date\"] = \" Start From and End is Same\";\r\n        }\r\n        if (new Date(St_date).getTime() > new Date(End_date).getTime()) {\r\n          formIsValid = false;\r\n\r\n          formErrors[\"End_date\"] = \"Start From Should less then End\";\r\n        }\r\n      }\r\n    } else if (!unisty_name) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"University Name is required\";\r\n    } else if (unisty_name.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n\r\n    // else if (!clg_name) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"clg_name\"] = \"College Name  is required\";\r\n    // }\r\n    // else if (clg_name.length < 3) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"clg_name\"] = \"A Minimum of 3 characters are required\";\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  handlevalueChange = (e) => {\r\n    e.preventDefault();\r\n    var value = e.target.value;\r\n    //e.target.value\r\n\r\n    if (\r\n      e.target.value === \"Graduation\" ||\r\n      e.target.value === \"Post Graduation\" ||\r\n      e.target.value === \"Doctorate\"\r\n    ) {\r\n      var flag =\r\n        value === \"Graduation\"\r\n          ? \"1\"\r\n          : value === \"Post Graduation\"\r\n            ? \"2\"\r\n            : value === \"Doctorate\"\r\n              ? \"3\"\r\n              : null;\r\n\r\n      const options = {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      };\r\n      fetch(\r\n        ` ${BASE_URLs}/UserEducationDetails/GetAdminEducationCourseName?flag=${flag}`,\r\n        options\r\n      )\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({ EducationCourseName: data });\r\n        });\r\n    } else {\r\n      this.setState({ EducationCourseName: [] });\r\n    }\r\n  };\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n  componentWillMount() {\r\n    $(document).ready(function () {\r\n      $(\"input[type='text']\").on(\"click\", function () {\r\n        $(this).select();\r\n      });\r\n      $(\"input\").focus(function () {\r\n        $(this).select();\r\n      });\r\n      $(\"input\").focusin(function () {\r\n        $(this).select();\r\n      });\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#add-skillrow\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#addBtn\").click(function () {\r\n        $(\"#add-skillrow\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      // $('#AddEDU').hide();\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#addEduBtn\").click(function () {\r\n        $(\"#AddEDU\").show();\r\n      });\r\n    });\r\n    $(document).ready(function () {\r\n      //$('#add-row').hide();\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#addSkillBtn\").click(function () {\r\n        ///need\r\n        $(\"#add-row\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#saverow1\").click(function () {\r\n        //$(\"#add-row1\").hide();\r\n      });\r\n      $(\"#addBtn1\").click(function () {\r\n        $(\"#add-row1\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-row2Edu\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      /*   $(\"#saverow2\").click(function(){\r\n          $(\"#add-row2\").hide();\r\n        }); */\r\n      $(\"#addBtn2\").click(function () {\r\n        $(\"#add-row2Edu\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      // $('#add-rowFamily').hide();\r\n    });\r\n    $(document).ready(function () {\r\n      /*   $(\"#saverow2\").click(function(){\r\n           $(\"#add-row2\").hide();\r\n        }); */\r\n      $(\"#addFmlyBtn\").click(function () {\r\n        $(\"#add-rowFamily\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-rowEmergency\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#addBtn4\").click(function () {\r\n        $(\"#add-rowEmergency\").show();\r\n      });\r\n    });\r\n\r\n    //Personal Profile\r\n    // $(document).ready(function () {\r\n    //   $(\"#edit-info\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-info\").show();\r\n    //     $(\"#edit-info\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-info\").show();\r\n    //     $(\"#edit-info\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-info\").hide();\r\n    //       $(\"#edit-info\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-info\").show();\r\n    //       $(\"#edit-info\").hide();\r\n    //       document.getElementById(\"PersonalInfo\").reset();\r\n    //     }\r\n    //   });\r\n    //   $(\"#edit-btn1\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-info\").hide();\r\n    //       $(\"#edit-info\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-info\").show();\r\n    //       $(\"#edit-info\").hide();\r\n    //     }\r\n    //   });\r\n    // });\r\n\r\n    //Contact Info\r\n    // $(document).ready(function () {\r\n    //   $(\"#edit-contact\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-contact\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-contact\").show();\r\n    //     $(\"#edit-contact\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-contact\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-contact\").show();\r\n    //     $(\"#edit-contact\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn-contact\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-contact\").hide();\r\n    //       $(\"#edit-contact\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-contact\").show();\r\n    //       $(\"#edit-contact\").hide();\r\n    //       document.getElementById(\"ContactInfo\").reset();\r\n    //     }\r\n    //   });\r\n\r\n    //   $(\"#edit-btn1\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-contact\").hide();\r\n    //       $(\"#edit-contact\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-contact\").show();\r\n    //       $(\"#edit-contact\").hide();\r\n    //     }\r\n    //   });\r\n    // });\r\n\r\n    //Bio Info\r\n    // $(document).ready(function () {\r\n    //   $(\"#edit-Bio\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Bio\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-Bio\").show();\r\n    //     $(\"#edit-Bio\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Bio\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-Bio\").show();\r\n    //     $(\"#edit-Bio\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn-Bio\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-Bio\").hide();\r\n    //       $(\"#edit-Bio\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-Bio\").show();\r\n    //       $(\"#edit-Bio\").hide();\r\n    //       document.getElementById(\"BioInfo\").reset();\r\n    //     }\r\n    //   });\r\n\r\n    //   $(\"#edit-btn1\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-Bio\").hide();\r\n    //       $(\"#edit-Bio\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-Bio\").show();\r\n    //       $(\"#edit-Bio\").hide();\r\n    //     }\r\n    //   });\r\n    // });\r\n\r\n    //Address Info\r\n    // $(document).ready(function () {\r\n    //   $(\"#edit-Address\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Address\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-Address\").show();\r\n    //     $(\"#edit-Address\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Address\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-Address\").show();\r\n    //     $(\"#edit-Address\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn-Address\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-Address\").hide();\r\n    //       $(\"#edit-Address\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-Address\").show();\r\n    //       $(\"#edit-Address\").hide();\r\n    //       document.getElementById(\"AddressInfo\").reset();\r\n    //     }\r\n    //   });\r\n    // });\r\n\r\n    //Social media Info\r\n\r\n    // $(document).ready(function () {\r\n    //   $(\"#edit-media\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-media\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-media\").show();\r\n    //     $(\"#edit-media\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-media\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-media\").show();\r\n    //     $(\"#edit-media\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn-media\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-media\").hide();\r\n    //       $(\"#edit-media\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-media\").show();\r\n    //       $(\"#edit-media\").hide();\r\n    //       document.getElementById(\"SocialInfo\").reset();\r\n    //     }\r\n    //   });\r\n\r\n    //   $(\"#edit-btn1\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-media\").hide();\r\n    //       $(\"#edit-media\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-media\").show();\r\n    //       $(\"#edit-media\").hide();\r\n    //     }\r\n    //   });\r\n    // });\r\n\r\n    // Hobbies\r\n\r\n    // $(document).ready(function () {\r\n    //   $(\"#edit-Hobbies\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Hobbies\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-Hobbies\").show();\r\n    //     $(\"#edit-Hobbies\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Hobbies\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-Hobbies\").show();\r\n    //     $(\"#edit-Hobbies\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn-Hobbies\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-Hobbies\").hide();\r\n    //       $(\"#edit-Hobbies\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-Hobbies\").show();\r\n    //       $(\"#edit-Hobbies\").hide();\r\n    //       document.getElementById(\"HobbiesInfo\").reset();\r\n    //     }\r\n    //   });\r\n\r\n    //   $(\"#edit-btn1\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-Hobbies\").hide();\r\n    //       $(\"#edit-Hobbies\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-Hobbies\").show();\r\n    //       $(\"#edit-Hobbies\").hide();\r\n    //     }\r\n    //   });\r\n    // });\r\n\r\n    //Education info\r\n    // $(document).ready(function () {\r\n    //   $(\"#Edit-EducationDetails\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Education\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-EducationDetails\").show();\r\n    //     $(\"#Edit-EducationDetails\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Education\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-EducationDetails\").show();\r\n    //     $(\"#Edit-EducationDetails\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn-Education\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-EducationDetails\").hide();\r\n    //       $(\"#Edit-EducationDetails\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-EducationDetails\").show();\r\n    //       $(\"#Edit-EducationDetails\").hide();\r\n    //     }\r\n    //   });\r\n    //   $(\"#edit-btn1\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-EducationDetails\").hide();\r\n    //       $(\"#Edit-EducationDetails\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-EducationDetails\").show();\r\n    //       $(\"#Edit-EducationDetails\").hide();\r\n    //     }\r\n    //   });\r\n    // });\r\n\r\n    //Banking info\r\n    // $(document).ready(function () {\r\n    //   $(\"#Edit-BankDetails\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Bank\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-BankDetails\").show();\r\n    //     $(\"#Edit-BankDetails\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Bank\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-BankDetails\").show();\r\n    //     $(\"#Edit-BankDetails\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn-Bank\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-BankDetails\").hide();\r\n    //       $(\"#Edit-BankDetails\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-BankDetails\").show();\r\n    //       $(\"#Edit-BankDetails\").hide();\r\n    //       document.getElementById(\"BankingForm\").reset();\r\n    //     }\r\n    //   });\r\n    //   $(\"#edit-btn1\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-BankDetails\").hide();\r\n    //       $(\"#Edit-BankDetails\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-BankDetails\").show();\r\n    //       $(\"#Edit-BankDetails\").hide();\r\n    //     }\r\n    //   });\r\n    // });\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  profilelist() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Profile/Get`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ profile: data });\r\n        console.log(\"check\", data);\r\n      });\r\n  }\r\n\r\n  EducationDetailList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserEducationDetails/GetAdminEducation`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ EducationDetail: data });\r\n        // // console.log(\"eduu\", data)\r\n      });\r\n\r\n  }\r\n\r\n  BankdetailList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserBank/GetUserBankdetails`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Bankdetail: data });\r\n        // // console.log(data);\r\n      });\r\n  }\r\n\r\n  SkillDetailList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetAdminSkill`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SkillDetails: data });\r\n        console.log(data)\r\n      });\r\n  }\r\n\r\n  FamilyDetailList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Family/GetAdminFamily`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ FamilyDetails: data });\r\n        // // console.log(data, \"Familydetails\");\r\n      });\r\n  }\r\n\r\n  EmergencyDetailList() {\r\n    // const options = {\r\n    //   method: \"GET\",\r\n    //       headers: {\r\n    //       \"Access-Control-Allow-Origin\": \"*\",\r\n    //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n    //     \"Content-Type\": \"application/json\",\r\n    //     Authorization: `Bearer ${JSON.parse(localStorage.user)}`\r\n    //   },\r\n    // };\r\n    // fetch('h${BASE_URLs}/Family/GetUserEmergency', options)\r\n    //   .then(response => response.json())\r\n    //   .then(data => {\r\n    //     this.setState({ EmergencyDetails: data });\r\n    //   }\r\n    //   );\r\n  }\r\n\r\n  RelationshipDropList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Family/RelationshipDropdown`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ RelationshipDrop: data });\r\n      });\r\n  }\r\n\r\n  GetSkillDrop() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetAdminSkillDrop`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SKillAdminCategoryDrop: data });\r\n        // // console.log(data, \"SKillAdminCategoryDrop\");\r\n      });\r\n  }\r\n\r\n  Skillsubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.handleSkillValidation()) {\r\n      this.setState({ isButtonDisabledB: true });\r\n      const data = new FormData(e.target);\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      await fetch(`${BASE_URLs}/UserSkillDetails/AddAdminSkill`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              UploadCertificate: false,\r\n            });\r\n          }\r\n        });\r\n      this.setState({ isButtonDisabledB: false });\r\n      document.getElementById(\"skillform\").reset();\r\n      // document.getElementById(\"add-row\").style.display = \"none\";\r\n      this.setState({ openskill: false, showing1: true, clickCount: 0, });\r\n      this.setState({ SkillName: \"\" });\r\n      this.setState({ SkillDescription: \"\" });\r\n      this.setState({ Category: \"\" });\r\n      this.setState({ Experience: \"\" });\r\n    }\r\n    this.SkillDetailList();\r\n  };\r\n\r\n  EditBankDetails = (e) => {\r\n    e.preventDefault();\r\n    if (this.BankValidation()) {\r\n      const data = new FormData(e.target);\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      fetch(`${BASE_URLs}/UserBank/AddUserBank`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            this.BankdetailList();\r\n            document.getElementById(\"edit-btn-Bank\").click();\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: false,\r\n            });\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n\r\n      this.BankdetailList();\r\n    }\r\n  };\r\n\r\n  EditEducationDetails = async (e) => {\r\n    e.preventDefault();\r\n    if (this.EducationValidation()) {\r\n      const data = new FormData(e.target);\r\n\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      await fetch(\r\n        `${BASE_URLs}/UserEducationDetails/EditUserEducation`,\r\n        options\r\n      )\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            alert(resp.message);\r\n          } else {\r\n            alert(resp.message);\r\n            document.getElementById(\"Close_education\").click();\r\n          }\r\n          this.EducationDetailList();\r\n        });\r\n    }\r\n  };\r\n\r\n  FamlySubmit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    const data = new FormData(e.target);\r\n\r\n    if (this.DepentsformValidation()) {\r\n      this.setState({ isButtonDisabled: true });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      await fetch(`${BASE_URLs}/Family/AddAdminFamily`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            this.setState({ openfam: true, showing2: false, clickCount: 1, });\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            this.setState({ openfam: false, showing2: true, clickCount: 0, });\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.FamilyDetailList();\r\n          }\r\n        });\r\n      // document.getElementById(\"familyform\").reset();\r\n      // // console.log(\"family\", data);\r\n      // document.getElementById(\"add-rowFamily\").style.display = \"none\";\r\n      // this.setState({ openfam: false , showing2: true, clickCount: 0,});\r\n    }\r\n    this.setState({ isButtonDisabled: false });\r\n    this.FamilyDetailList();\r\n  };\r\n\r\n  EmergencySubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.DepentsformValidation()) {\r\n      const data = new FormData(e.target);\r\n\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      await fetch(`${BASE_URLs}/Family/AddUserEmergency`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            alert(resp.message);\r\n          } else {\r\n            alert(resp.message);\r\n          }\r\n        });\r\n      document.getElementById(\"Emergencyform\").reset();\r\n      document.getElementById(\"add-rowEmergency\").style.display = \"none\";\r\n    }\r\n    this.EmergencyDetailList();\r\n  };\r\n  handleprofilechange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var FirstNameinfo = document.getElementById(\"FirstNameinfo\").value;\r\n    var LastNameinfo = document.getElementById(\"LastNameinfo\").value;\r\n    var Genderinfo = document.getElementById(\"Genderinfo\").value;\r\n    var MaritalStatusinfo = document.getElementById(\"MaritalStatusinfo\").value;\r\n    var DOBinfo = document.getElementById(\"DOBinfo\").value;\r\n    var Bloodgroupinfo = document.getElementById(\"Bloodgroupinfo\").value;\r\n    var PersonalEmail = document.getElementById(\"PersonalEmail\").value;\r\n    var myDate = new Date(DOBinfo);\r\n\r\n    var today = new Date();\r\n    if (!FirstNameinfo) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameinfo\"] = \"First Name  is required\";\r\n    } else if (!LastNameinfo) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameinfo\"] = \"Last Name is required\";\r\n    } else if (!Genderinfo || Genderinfo === '-') {\r\n      formIsValid = false;\r\n      formErrors[\"Genderinfo\"] = \"Gender is required\";\r\n    } else if (\r\n      !/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(PersonalEmail)\r\n    ) {\r\n      formIsValid = false;\r\n      // formErrors[\"PersonalEmailerr\"] = \"Enter valid Email!.\";\r\n    } else if (!MaritalStatusinfo || MaritalStatusinfo === '-') {\r\n      formIsValid = false;\r\n      formErrors[\"MaritalStatusinfo\"] = \"Marital status is required\";\r\n    } else if (!DOBinfo) {\r\n      formIsValid = false;\r\n      formErrors[\"DOBinfo\"] = \"DOB is required\";\r\n    } else if (myDate > today) {\r\n      formIsValid = false;\r\n      formErrors[\"DOBinfo\"] = \"Valid DOB is required\";\r\n    }\r\n    // else if (!Bloodgroupinfo) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Bloodgroupinfo\"] = \"Blood Group is required\";\r\n    // }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  ProfileValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var FirstNameinfo = document.getElementById(\"FirstNameinfo\").value;\r\n    var LastNameinfo = document.getElementById(\"LastNameinfo\").value;\r\n    var Genderinfo = document.getElementById(\"Genderinfo\").value;\r\n    var MaritalStatusinfo = document.getElementById(\"MaritalStatusinfo\").value;\r\n    var DOBinfo = document.getElementById(\"DOBinfo\").value;\r\n    var Bloodgroupinfo = document.getElementById(\"Bloodgroupinfo\").value;\r\n    var PersonalEmail = document.getElementById(\"PersonalEmail\").value;\r\n    var myDate = new Date(DOBinfo);\r\n\r\n    // console.log(\r\n    //   \"var LastNameinfo = document.getElementById-----------\",\r\n    //   LastNameinfo.length\r\n    // );\r\n    var today = new Date();\r\n    if (!FirstNameinfo) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameinfo\"] = \"First Name  is required\";\r\n    }\r\n\r\n    if (!LastNameinfo) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameinfo\"] = \"Last Name is required\";\r\n    }\r\n\r\n    if (!Genderinfo || Genderinfo === '-') {\r\n      formIsValid = false;\r\n      formErrors[\"Genderinfo\"] = \"Gender is required\";\r\n    } else if (\r\n      !/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(PersonalEmail)\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"PersonalEmailerr\"] = \"Enter valid Email!.\";\r\n    }\r\n    if (!MaritalStatusinfo || MaritalStatusinfo === '-') {\r\n      formIsValid = false;\r\n      formErrors[\"MaritalStatusinfo\"] = \"Marital status is required\";\r\n    }\r\n    if (!DOBinfo) {\r\n      formIsValid = false;\r\n      formErrors[\"DOBinfo\"] = \"DOB is required\";\r\n    }\r\n    if (DOBinfo === \"dd-mm-yyyy\") {\r\n      formIsValid = false;\r\n      formErrors[\"DOBinfo\"] = \"DOB is required\";\r\n    }\r\n    if (myDate > today) {\r\n      formIsValid = false;\r\n      formErrors[\"DOBinfo\"] = \"Valid DOB is required\";\r\n    }\r\n    // if (!Bloodgroupinfo) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Bloodgroupinfo\"] = \"Blood Group is required\";\r\n    // }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  EducationValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Qualification = document.getElementById(\"Qualification\").value;\r\n    var St_date = document.getElementById(\"St_date\").value;\r\n    var Coursename = document.getElementById(\"Coursename\").value;\r\n    var End_date = document.getElementById(\"End_date\").value;\r\n    var Coursetype = document.getElementById(\"Coursetype\").value;\r\n    var clg_name = document.getElementById(\"clg_name\").value;\r\n    var stream = document.getElementById(\"stream\").value;\r\n    var unisty_name = document.getElementById(\"unisty_name\").value;\r\n\r\n    if (!Qualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    }\r\n\r\n    if (!St_date) {\r\n      formIsValid = false;\r\n      formErrors[\"St_date\"] = \"Start From is required\";\r\n    }\r\n\r\n    if (!Coursename) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"Coursename is required\";\r\n    }\r\n    if (!End_date) {\r\n      formIsValid = false;\r\n      formErrors[\"End_date\"] = \"End is required\";\r\n    }\r\n    if (St_date != null && End_date != null) {\r\n      if (St_date === End_date) {\r\n        formIsValid = false;\r\n        formErrors[\"End_date\"] = \"Start From and  End is Same\";\r\n      }\r\n      if (new Date(St_date).getTime() > new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"End_date\"] = \"Start From is less then End\";\r\n      }\r\n    }\r\n\r\n    if (!Coursetype) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursetype\"] = \"Course Type is required\";\r\n    }\r\n    if (!clg_name) {\r\n      formIsValid = false;\r\n      formErrors[\"clg_name\"] = \"College Name  is required\";\r\n    }\r\n    if (!stream) {\r\n      formIsValid = false;\r\n      formErrors[\"stream\"] = \"Specialization is required\";\r\n    } else if (stream.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"stream\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    if (!unisty_name) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"University Name is required\";\r\n    } else if (unisty_name.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (unisty_name.length > 8) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"A Maximum of 8 characters are required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handlePermanentAddress = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var PermanentAddress_Country = document.getElementById(\r\n      \"PermanentAddress_Country\"\r\n    ).value;\r\n    var PermanentAddress_State = document.getElementById(\r\n      \"PermanentAddress_State\"\r\n    ).value;\r\n\r\n    if (PermanentAddress_Country == \"India\") {\r\n      // alert(country);\r\n\r\n      this.setState({\r\n        isSelected1: true,\r\n      });\r\n    } else if (PermanentAddress_Country != \"India\") {\r\n      this.setState({\r\n        isSelected1: false,\r\n      });\r\n    }\r\n\r\n    if (\r\n      !PermanentAddress_Country === \"\" ||\r\n      !PermanentAddress_Country ||\r\n      PermanentAddress_Country === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      // formErrors[\"PermanentAddress_Country\"] = \"Country is required\";\r\n    } else if (\r\n      PermanentAddress_State === \"\" ||\r\n      !PermanentAddress_State ||\r\n      PermanentAddress_State === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      // formErrors[\"PermanentAddress_State\"] = \"State is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n\r\n  handleAddresschange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var checkbox = document.getElementById(\"SameAddress\").checked;\r\n    if (checkbox === true) {\r\n   this.handlecheckbox();\r\n    }\r\n    var CurrentAddress = document.getElementById(\"CurrentAddress\").value;\r\n    var CurrentAddress_Country = document.getElementById(\r\n      \"CurrentAddress_Country\"\r\n    ).value;\r\n    var CurrentAddress_State = document.getElementById(\r\n      \"CurrentAddress_State\"\r\n    ).value;\r\n    var CurrentAddress_City = document.getElementById(\r\n      \"CurrentAddress_City\"\r\n    ).value;\r\n    var CurrentAddress_Pincode = document.getElementById(\r\n      \"CurrentAddress_Pincode\"\r\n    ).value;\r\n    var PermanentAddress = document.getElementById(\"PermanentAddress\").value;\r\n    var PermanentAddress_Country = document.getElementById(\r\n      \"PermanentAddress_Country\"\r\n    ).value;\r\n    var PermanentAddress_State = document.getElementById(\r\n      \"PermanentAddress_State\"\r\n    ).value;\r\n    var PermanentAddress_City = document.getElementById(\r\n      \"PermanentAddress_City\"\r\n    ).value;\r\n    var PermanentAddress_Pincode = document.getElementById(\r\n      \"PermanentAddress_Pincode\"\r\n    ).value;\r\n    var HouseType = document.getElementById(\"HouseType\").value;\r\n    var StayingSince = document.getElementById(\"StayingSince\").value;\r\n    var OthersHouseType = document.getElementById(\"HouseText\").value;\r\n    //var CurrentCitySince = document.getElementById(\"CurrentCitySince\").value\r\n    var myDate = new Date(StayingSince);\r\n\r\n    var today = new Date();\r\n    const pincodeRegex = /^[1-9][0-9]{5}$/;\r\n    if (CurrentAddress_Country == \"India\") {\r\n      // alert(country);\r\n\r\n      this.setState({\r\n        isSelected: true,\r\n      });\r\n    } else if (CurrentAddress_Country != \"India\") {\r\n      this.setState({\r\n        isSelected: false,\r\n      });\r\n    }\r\n\r\n    if (CurrentAddress === \" \" || !CurrentAddress || CurrentAddress === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress\"] = \"Current Address is required\";\r\n    } else if (CurrentAddress.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (\r\n      CurrentAddress_City === \"\" ||\r\n      !CurrentAddress_City ||\r\n      CurrentAddress_City === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_City\"] = \"City is required\";\r\n    } else if (CurrentAddress_City.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_City\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (\r\n      !CurrentAddress_Country === \"\" ||\r\n      !CurrentAddress_Country ||\r\n      CurrentAddress_Country === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_Country\"] = \"Country is required\";\r\n    } else if (\r\n      CurrentAddress_State === \"\" ||\r\n      !CurrentAddress_State ||\r\n      CurrentAddress_State === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_State\"] = \"State is required\";\r\n    } else if (\r\n      CurrentAddress_Pincode === \"\" ||\r\n      !CurrentAddress_Pincode ||\r\n      CurrentAddress_Pincode === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_Pincode\"] = \"Pincode is required\";\r\n    } else if (CurrentAddress_Pincode.length < 6) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_Pincode\"] = \"A Maximum of 6 characters are required\";\r\n    } else if (!HouseType || HouseType === '-') {\r\n      formIsValid = false;\r\n      formErrors[\"HouseType\"] = \"House Type is required\";\r\n    } else if (HouseType === 'others' && !OthersHouseType) {\r\n      formIsValid = false;\r\n      formErrors[\"HouseType\"] = \"House Type is required\";\r\n    }\r\n    else if (OthersHouseType !== \"\" && OthersHouseType.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"HouseType\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    else if (!StayingSince) {\r\n      formIsValid = false;\r\n      formErrors[\"StayingSince\"] = \"Staying Since is required\";\r\n    } else if (myDate > today) {\r\n      formIsValid = false;\r\n      formErrors[\"StayingSince\"] = \"Valid Staying Since is required\";\r\n    }\r\n    // if (!CurrentCitySince) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"CurrentCitySince\"] = \"Current City Since is required\";\r\n    // }\r\n    if (PermanentAddress != '-') {\r\n      if (PermanentAddress.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n    if (\r\n      PermanentAddress_City != '-'\r\n    ) {\r\n      if (PermanentAddress_City.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_City\"] =\r\n          \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n    if (PermanentAddress_Country === '-' || PermanentAddress_Country === \"Select\") {\r\n      if (!PermanentAddress_Country) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Country\"] = \"Country is required\";\r\n      }\r\n    }\r\n\r\n    if (PermanentAddress_State === 'Select state' || PermanentAddress_State === 'State') {\r\n      if (PermanentAddress_State.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_State\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n\r\n    if (PermanentAddress_Pincode != '-') {\r\n      if (PermanentAddress_Pincode !== \"-\" && !pincodeRegex.test(PermanentAddress_Pincode)) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Pincode\"] = \"Invalid Pincode\";\r\n      } else if (PermanentAddress_Pincode.length < 6) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Pincode\"] = \"Minimum 6 Characters Required\";\r\n      }\r\n    }\r\n\r\n\r\n\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n\r\n  GetSkillName() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetAdminSkillNameDrop`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SKillAdminNameDrop: data });\r\n        // // console.log(data, \"SKillName\");\r\n      });\r\n  }\r\n  AddressValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var CurrentAddress = document.getElementById(\"CurrentAddress\").value;\r\n    var CurrentAddress_Country = document.getElementById(\r\n      \"CurrentAddress_Country\"\r\n    ).value;\r\n    var CurrentAddress_State = document.getElementById(\r\n      \"CurrentAddress_State\"\r\n    ).value;\r\n    var CurrentAddress_City = document.getElementById(\r\n      \"CurrentAddress_City\"\r\n    ).value;\r\n    var CurrentAddress_Pincode = document.getElementById(\r\n      \"CurrentAddress_Pincode\"\r\n    ).value;\r\n    var PermanentAddress = document.getElementById(\"PermanentAddress\").value;\r\n    var PermanentAddress_Country = document.getElementById(\r\n      \"PermanentAddress_Country\"\r\n    ).value;\r\n    var PermanentAddress_State = document.getElementById(\r\n      \"PermanentAddress_State\"\r\n    ).value;\r\n    var PermanentAddress_City = document.getElementById(\r\n      \"PermanentAddress_City\"\r\n    ).value;\r\n    var PermanentAddress_Pincode = document.getElementById(\r\n      \"PermanentAddress_Pincode\"\r\n    ).value;\r\n    var HouseType = document.getElementById(\"HouseType\").value;\r\n    var OthersHouseType = document.getElementById(\"HouseText\").value;\r\n    var StayingSince = document.getElementById(\"StayingSince\").value;\r\n    //var CurrentCitySince = document.getElementById(\"CurrentCitySince\").value\r\n    var myDate = new Date(StayingSince);\r\n\r\n    var today = new Date();\r\n    const pincodeRegex = /^[1-9][0-9]{5}$/;\r\n    if (CurrentAddress === \" \" || !CurrentAddress || CurrentAddress === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress\"] = \"Current Address is required\";\r\n    } else if (CurrentAddress.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n\r\n    if (\r\n      CurrentAddress_City === \"\" ||\r\n      !CurrentAddress_City ||\r\n      CurrentAddress_City === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_City\"] = \"City is required\";\r\n    } else if (CurrentAddress_City.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_City\"] =\r\n        \"A Minimum of 3 characters are required\";\r\n    }\r\n    if (\r\n      CurrentAddress_Country === \"\" ||\r\n      !CurrentAddress_Country ||\r\n      CurrentAddress_Country === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_Country\"] = \"Country is required\";\r\n    }\r\n    if (\r\n      CurrentAddress_State === \"\" ||\r\n      !CurrentAddress_State ||\r\n      CurrentAddress_State === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_State\"] = \"State is required\";\r\n    }\r\n\r\n    if (\r\n      CurrentAddress_Pincode === \"\" ||\r\n      !CurrentAddress_Pincode ||\r\n      CurrentAddress_Pincode === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_Pincode\"] = \"Pincode is required\";\r\n    } else if (CurrentAddress_Pincode.length < 6) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_Pincode\"] = \"A Maximum of 6 characters are required\";\r\n    }\r\n    if (!HouseType || HouseType === '-') {\r\n      formIsValid = false;\r\n      formErrors[\"HouseType\"] = \"House Type is required\";\r\n    }\r\n\r\n    if (HouseType === 'others' && !OthersHouseType) {\r\n      formIsValid = false;\r\n      formErrors[\"HouseType\"] = \"House Type is required\";\r\n    }\r\n    if (OthersHouseType !== \"\" && OthersHouseType.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"HouseType\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    if (!StayingSince) {\r\n      formIsValid = false;\r\n      formErrors[\"StayingSince\"] = \"Staying Since is required\";\r\n    }\r\n    if (StayingSince === \"dd-mm-yyyy\") {\r\n      formIsValid = false;\r\n\r\n      formErrors[\"StayingSince\"] = \"Staying Since is required\";\r\n    } else if (myDate > today) {\r\n      formIsValid = false;\r\n      formErrors[\"StayingSince\"] = \"Valid Staying Since is required\";\r\n    }\r\n\r\n    if (PermanentAddress != \"-\") {\r\n      if (!PermanentAddress) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress\"] = \"Address is required\";\r\n      }\r\n      else if (PermanentAddress.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n    if (\r\n      PermanentAddress_City != '-'\r\n    ) {\r\n      if (!PermanentAddress_City) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_City\"] = \"City is required\";\r\n      }\r\n      else if (PermanentAddress_City.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_City\"] =\r\n          \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n    if (PermanentAddress_Country === '-' || PermanentAddress_Country === \"Select\") {\r\n      if (!PermanentAddress_Country) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Country\"] = \"Country is required\";\r\n      }\r\n    }\r\n\r\n    if (PermanentAddress_State === 'Select state' || PermanentAddress_State === 'State') {\r\n      if (!PermanentAddress_State) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_State\"] = \"State is required\";\r\n      }\r\n      else if (PermanentAddress_State.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_State\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n\r\n    if (PermanentAddress_Pincode != '-') {\r\n      if (!PermanentAddress_Pincode) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Pincode\"] = \"Pincode is required\";\r\n      }\r\n      else if (PermanentAddress_Pincode !== \"-\" && !pincodeRegex.test(PermanentAddress_Pincode)) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Pincode\"] = \"Invalid Pincode\";\r\n      } else if (PermanentAddress_Pincode.length < 6) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Pincode\"] = \"Minimum 6 Characters Required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  handlebankchange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //var Bankname = document.getElementById(\"Bankname\").value\r\n    var Branchname = document.getElementById(\"Branchname\").value;\r\n    var Branchaddress = document.getElementById(\"Branchaddress\").value;\r\n    var IFSC = document.getElementById(\"IFSC\").value;\r\n    var confirmAcNo = document.getElementById(\"confirmAcNo\").value;\r\n    var AcNo = document.getElementById(\"AcNo\").value;\r\n    var AcType = document.getElementById(\"AcType\").value;\r\n    var PhoneNo = document.getElementById(\"PhoneNo\").value;\r\n    var IFSCpattern = /^[A-Z]{4}0[A-Z0-9]{6}$/;\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    // if (!Bankname) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Bankname\"] = \"Bank Name  is required\";\r\n    // }\r\n    const re = /^[0-9\\b]+$/;\r\n    if (AcNo === \"-\" || AcNo === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"AcNo\"] = \"Account Number  is required\";\r\n    } else if (!re.test(AcNo) || AcNo.length < 9) {\r\n      formIsValid = false;\r\n      formErrors[\"AcNo\"] = \"Invalid Account Number\";\r\n    } else if (!confirmAcNo || confirmAcNo === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"AcName\"] = \"Confirm Account Number is required\";\r\n    } else if (AcNo !== confirmAcNo) {\r\n      formIsValid = false;\r\n      formErrors[\"AcName\"] = \"Account Number and  confirm Account Number is not same\";\r\n    } else if (!IFSC || IFSC === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"IFSC\"] = \"IFSC Code is required\";\r\n    } else if (!IFSCpattern.test(IFSC)) {\r\n      formIsValid = false;\r\n      formErrors[\"IFSC\"] = \"IFSC Code is Invalid\";\r\n    } else if (!AcType || AcType === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"AcType\"] = \"Account Type is required\";\r\n    } else if (!Branchname || Branchname === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"Branchname\"] = \"Branch Name is required\";\r\n    } else if (Branchname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Branchname\"] = \"Minimum 3 Characters Required\";\r\n    }\r\n    else if (!mobPattern.test(PhoneNo)) {\r\n      formIsValid = false;\r\n    }\r\n\r\n\r\n    // else if (!PhoneNo || PhoneNo === '-') {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"PhoneNo\"] = \"Phone Number is required\";\r\n    // }\r\n\r\n    // else if (!mobPattern.test(PhoneNo)) {\r\n\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"PhoneNo\"] = \" Enter the valid Phone Number.\";\r\n    // }\r\n\r\n    // else if (!Branchaddress || Branchaddress === '-') {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"Branchaddress\"] = \"Branch Address is required\";\r\n    // }\r\n\r\n    // else if (Branchaddress.length < 3) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"Branchaddress\"] = \"Minimum 3 Characters Required\";\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  BankValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //var Bankname = document.getElementById(\"Bankname\").value\r\n    var Branchname = document.getElementById(\"Branchname\").value;\r\n    var Branchaddress = document.getElementById(\"Branchaddress\").value;\r\n    var IFSC = document.getElementById(\"IFSC\").value;\r\n    var confirmAcNo = document.getElementById(\"confirmAcNo\").value;\r\n    var AcNo = document.getElementById(\"AcNo\").value;\r\n    var AcType = document.getElementById(\"AcType\").value;\r\n    var PhoneNo = document.getElementById(\"PhoneNo\").value;\r\n    var IFSCpattern = /^[A-Z]{4}0[A-Z0-9]{6}$/;\r\n    var mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n    // if (!Bankname) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Bankname\"] = \"Bank Name  is required\";\r\n    // }\r\n    const re = /^[0-9\\b]+$/;\r\n    if (AcNo === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"AcNo\"] = \"Account Number  is required\";\r\n    } else if (!re.test(AcNo) || AcNo.length < 9) {\r\n      formIsValid = false;\r\n      formErrors[\"AcNo\"] = \"Invalid Account Number \";\r\n    }\r\n    if (!confirmAcNo || confirmAcNo === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"AcName\"] = \"Confirm Account Number is required\";\r\n    } else if (AcNo !== confirmAcNo) {\r\n      formIsValid = false;\r\n      formErrors[\"AcName\"] =\r\n        \"Account Number and  confirm Account Number is not same\";\r\n    }\r\n    if (!IFSC || IFSC === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"IFSC\"] = \"IFSC Code is required\";\r\n    } else if (!IFSCpattern.test(IFSC)) {\r\n      formIsValid = false;\r\n      formErrors[\"IFSC\"] = \"IFSC Code is Invalid\";\r\n    }\r\n    if (!AcType || AcType === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"AcType\"] = \"Account Type is required\";\r\n    }\r\n\r\n    if (!Branchname || Branchname === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"Branchname\"] = \"Branch Name is required\";\r\n    } else if (Branchname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Branchname\"] = \"Minimum 3 Characters Required\";\r\n    }\r\n\r\n\r\n\r\n    if (PhoneNo !== \"-\" && PhoneNo !== \"\") {\r\n      if (!mobPattern.test(PhoneNo)) {\r\n        formIsValid = false;\r\n        formErrors[\"PhoneNo\"] = \"Enter a valid phone number.\";\r\n      }\r\n    }\r\n\r\n    // if (!Branchaddress || Branchaddress === '-') {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Branchaddress\"] = \"Branch Address is required\";\r\n    // }\r\n    // else if (Branchaddress.length < 3) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Branchaddress\"] = \"Minimum 3 Characters Required\";\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  submit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    const data = new FormData(e.target);\r\n\r\n    if (this.ProfileValidation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/Put`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            this.profilelist();\r\n\r\n            document.getElementById(\"edit-btn\").click();\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: false,\r\n            });\r\n            // setTimeout(() => {\r\n            //   window.location.reload(true);\r\n            // }, 3200);\r\n            // document.getElementById('edit-btn-contact').disabled = true\r\n            // document.getElementById('edit-btn-Address').disabled = true\r\n            // document.getElementById('edit-btn-media').disabled = true\r\n            // document.getElementById('edit-btn').disabled = true\r\n          }\r\n          if (resp.status === \"Error\") {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n          //resp.errors.MiddleName===null?document.getElementById('middlename').innerHTML=\"MiddleName\":document.getElementById('middlename').innerHTML=resp.errors.MiddleName,document.getElementById('middlename').style.color=\"red\"\r\n\r\n          this.setState({ imagePreviewUrl: null });\r\n          this.setState({ imageCoverPreviewUrl: null });\r\n        });\r\n    }\r\n  };\r\n  handleSkillCertificate = (event) => {\r\n    const selectedFile = event.target.files[0];\r\n\r\n    this.setState({ selectedFile });\r\n  };\r\n\r\n  ContactEdit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    if (this.ContactValidation()) {\r\n      const data = new FormData(e.target);\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept':'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          // 'Content-Type':'application/json'\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/ContactEDit`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            this.profilelist();\r\n            document.getElementById(\"edit-btn-contact\").click();\r\n\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: false,\r\n            });\r\n            // setTimeout(() => {\r\n            //   window.location.reload(true);\r\n            // }, 3200);\r\n            // document.getElementById('edit-btn-contact').disabled = true\r\n            // document.getElementById('edit-btn-Address').disabled = true\r\n            // document.getElementById('edit-btn-media').disabled = true\r\n            // document.getElementById('edit-btn').disabled = true\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n\r\n      this.setState({ imagePreviewUrl: null });\r\n      this.setState({ imageCoverPreviewUrl: null });\r\n    }\r\n  };\r\n\r\n  AddressEdit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n\r\n    if (this.AddressValidation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      try {\r\n        const response = await fetch(`${BASE_URLs}/Profile/AddressEdit`, options);\r\n        const resp = await response.json();\r\n\r\n        if (resp.status === \"Success\") {\r\n          // Reset form and handle success\r\n          setTimeout(() => {\r\n            this.profilelist();\r\n            this.HandleHouse();\r\n          }, 1000);\r\n\r\n          document.getElementById(\"edit-btn-Address\").click();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          // Handle error response\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      } catch (error) {\r\n        // Handle fetch error\r\n        console.error('Error:', error);\r\n        toast.error(\"Error occurred while saving address\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n\r\n      // Reset form and state after operation\r\n      document.getElementById(\"AddressInfo\").reset();\r\n      setTimeout(() => {\r\n        this.setState({\r\n          ButtonDisabled: false,\r\n        });\r\n        this.profilelist();\r\n        this.HandleHouse();\r\n        this.setState({ imagePreviewUrl: null });\r\n        this.setState({ imageCoverPreviewUrl: null });\r\n        this.setState({ houseType: \"\" });\r\n      }, 1000);\r\n    }\r\n  };\r\n\r\n\r\n\r\n  SocailValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    var facebkPattern = /^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/;\r\n    var Whatsapp = document.getElementById(\"Whatsapp\").value;\r\n    var facebook = document.getElementById(\"facebk\").value;\r\n    var LinkedIn = document.getElementById(\"linkedIn\").value;\r\n    var Skype = document.getElementById(\"skype\").value;\r\n    var Twitter = document.getElementById(\"twitter\").value;\r\n\r\n\r\n    if (Whatsapp != '-' && Whatsapp != '') {\r\n      if (!mobPattern.test(Whatsapp)) {\r\n        formIsValid = false;\r\n        formErrors[\"WhatsappErr\"] = \" Enter the valid Whatsapp Number\";\r\n      }\r\n    }\r\n\r\n    // if (facebook != '-') {\r\n    //   if (!facebkPattern.test(facebook) && !mobPattern.test(facebook)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"FacebookErr\"] = \"Enter valid Facebook account ID\";\r\n    //   }\r\n    // }\r\n    // if (LinkedIn != '-') {\r\n    //   if (!facebkPattern.test(LinkedIn)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"linkedInErr\"] = \" Enter the valid Account\";\r\n    //   }\r\n    // }\r\n\r\n    // if (Skype != '-') {\r\n    //   if (!facebkPattern.test(Skype)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"SkypeErr\"] = \" Enter the valid Account\";\r\n    //   }\r\n    // }\r\n    // if (Twitter != '-') {\r\n    //   if (!facebkPattern.test(Twitter)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"TwitterErr\"] = \" Enter the valid Account\";\r\n    //   }\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  handleSocailchange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    var facebkPattern = /^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/;\r\n    var Whatsapp = document.getElementById(\"Whatsapp\").value;\r\n    var facebook = document.getElementById(\"facebk\").value;\r\n    var LinkedIn = document.getElementById(\"linkedIn\").value;\r\n    var Twitter = document.getElementById(\"twitter\").value;\r\n    var Skype = document.getElementById(\"skype\").value;\r\n\r\n\r\n    if (Whatsapp != '-' && Whatsapp != '') {\r\n      if (!mobPattern.test(Whatsapp)) {\r\n        formIsValid = false;\r\n        formErrors[\"WhatsappErr\"] = \" Enter the valid Whatsapp Number\";\r\n      }\r\n    }\r\n\r\n    // if (facebook != '-') {\r\n    //   if (!facebkPattern.test(facebook) && !mobPattern.test(facebook)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"FacebookErr\"] = \"Enter valid Facebook account ID\";\r\n    //   }\r\n    // }\r\n\r\n    // if (LinkedIn != '-') {\r\n    //   if (!facebkPattern.test(LinkedIn)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"linkedInErr\"] = \" Enter the valid Account\";\r\n    //   }\r\n    // }\r\n    // if (Twitter != '-') {\r\n    //   if (!facebkPattern.test(Twitter)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"TwitterErr\"] = \" Enter the valid Account\";\r\n    //   }\r\n    // }\r\n    // if (Skype != '-') {\r\n    //   if (!facebkPattern.test(Skype)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"SkypeErr\"] = \" Enter the valid Account\";\r\n    //   }\r\n    // }\r\n\r\n\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  SocialEdit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.SocailValidation()) {\r\n      const data = new FormData(e.target);\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept':'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          // 'Content-Type':'application/json'\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/SocialEdit`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            this.profilelist();\r\n\r\n            document.getElementById(\"edit-btn-media\").click();\r\n\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: false,\r\n            });\r\n            // setTimeout(() => {\r\n            //   window.location.reload(true);\r\n            // }, 3200);\r\n            // document.getElementById('edit-btn-contact').disabled = true\r\n            // document.getElementById('edit-btn-Address').disabled = true\r\n            // document.getElementById('edit-btn-media').disabled = true\r\n            // document.getElementById('edit-btn').disabled = true\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  handleFileSelected(event) {\r\n    event.preventDefault();\r\n    this.photofilename = event.target.files[0].name;\r\n    const formData = new FormData();\r\n    formData.append(\r\n      \"myFile\",\r\n      event.target.files[0],\r\n      event.target.files[0].name\r\n    );\r\n\r\n    fetch(\"\", {\r\n      method: \"POST\",\r\n      body: formData,\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => {\r\n          this.imagesrc = process.env.REACT_APP_PHOTOPATH + result;\r\n        },\r\n        (error) => {\r\n          alert(\"Failed\");\r\n        }\r\n      );\r\n    setTimeout(this.profilelist(), 400);\r\n  }\r\n\r\n  reset = () => {\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  HobbiesEdit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n    this.setState({\r\n      ButtonDisabled: true,\r\n    });\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        // 'Accept':'application/json',\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        // 'Content-Type':'application/json'\r\n      },\r\n      body: data,\r\n    };\r\n\r\n    await fetch(`${BASE_URLs}/Profile/Hobbies`, options)\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Success\") {\r\n          document.getElementById(\"edit-btn-Hobbies\").click();\r\n\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.setState({\r\n            ButtonDisabled: false,\r\n          });\r\n          // setTimeout(() => {\r\n          //   window.location.reload(true);\r\n          // }, 3200);\r\n          // document.getElementById('edit-btn-contact').disabled = true\r\n          // document.getElementById('edit-btn-Address').disabled = true\r\n          // document.getElementById('edit-btn-media').disabled = true\r\n          // document.getElementById('edit-btn').disabled = true\r\n        } else {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      });\r\n\r\n    this.profilelist();\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.profilelist();\r\n    this.ProfileClick();\r\n    this.HobbiesClick();\r\n    this.BioClick();\r\n    this.ContactsClicks();\r\n    this.AddressClick();\r\n    this.FamilyClick();\r\n    this.SocialClick();\r\n    this.BankClick();\r\n    this.EducationClick();\r\n    this.SkillClick();\r\n    this.LifeStyleClick();\r\n    this.PersonalityClick();\r\n    this.InterestClick();\r\n    this.ActivitiesClick();\r\n    this.EducationDetailList();\r\n    this.GetAdminPersonality();\r\n    this.GetAdminLifeStyle();\r\n    this.GetAdminInterests();\r\n    this.GetAdminActivities();\r\n    this.BankdetailList();\r\n    this.GetUserProfile();\r\n    this.SkillDetailList();\r\n    this.FamilyDetailList();\r\n    this.EmergencyDetailList();\r\n    this.RelationshipDropList();\r\n    this.HouseTypeDropdownList();\r\n    this.UserEducationDropdownList();\r\n    this.GetSkillDrop();\r\n    this.GetPersonality();\r\n    this.GetLifeStyle();\r\n    this.GetInterests();\r\n    this.GetActivities();\r\n    this.GetOrgLogo();\r\n    this.UserEducationDropdownList();\r\n    this.GetSkillName();\r\n    const isChrome = navigator.userAgent.indexOf(\"Chrome\") !== -1;\r\n    this.setState({ isChrome });\r\n  }\r\n\r\n  componentDidUpdate(prevProps) {\r\n    if (prevProps.location !== this.props.location) {\r\n      this.ProfileClick();\r\n      this.HobbiesClick();\r\n      this.BioClick();\r\n      this.ContactsClicks();\r\n      this.AddressClick();\r\n      this.FamilyClick();\r\n      this.SocialClick();\r\n      this.BankClick();\r\n      this.EducationClick();\r\n      this.SkillClick();\r\n      this.LifeStyleClick();\r\n      this.PersonalityClick();\r\n      this.InterestClick();\r\n      this.ActivitiesClick();\r\n    }\r\n  }\r\n  GetUserProfile() {\r\n    let url = `${BASE_URLs}/Profile/Userprofile`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Profile_Pic: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  handleImageChange(e) {\r\n    e.preventDefault();\r\n    this.setState({ imagePreviewUrl: URL.createObjectURL(e.target.files[0]) });\r\n  }\r\n\r\n  handleCoverImageChange(e) {\r\n    e.preventDefault();\r\n    this.setState({\r\n      imageCoverPreviewUrl: URL.createObjectURL(e.target.files[0]),\r\n    });\r\n  }\r\n  FamModel = (e, fn, mn, ln, cn, em, relationship, emergencyContact, cdate) => {\r\n    this.setState({ FamilyEditId: cdate });\r\n    this.setState({\r\n      EditFamValues: {\r\n        id: e,\r\n        FirstName: fn,\r\n        MiddleName: mn,\r\n        LastName: ln,\r\n        Contact: cn,\r\n        Email: em,\r\n        Relationship: relationship,\r\n        emergencyContact: emergencyContact,\r\n        created_Date: cdate\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      FamModel: !prevState.FamModel,\r\n    }));\r\n\r\n    this.FamilyDetailList();\r\n  };\r\n\r\n  EmergencyModel = (e, fn, ln, cn, em, relationship) => {\r\n    this.setState({ EmergencyEditId: e });\r\n    this.setState({\r\n      EditECValues: {\r\n        id: e,\r\n        FirstName: fn,\r\n        LastName: ln,\r\n        Contact: cn,\r\n        Email: em,\r\n        Relationship: relationship,\r\n      },\r\n    });\r\n\r\n    this.setState((prevState) => ({\r\n      EmergencyModel: !prevState.EmergencyModel,\r\n    }));\r\n\r\n    this.EmergencyDetailList();\r\n  };\r\n\r\n  SkillModel = (\r\n    id,\r\n    categ,\r\n    Skillname,\r\n    Skilldescrp,\r\n    exp,\r\n    trainer,\r\n    coursename,\r\n    startdate,\r\n    enddate,\r\n    certificate,\r\n    certificates,\r\n    created_Date\r\n  ) => {\r\n    this.setState({ SkillEditId: created_Date });\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: id,\r\n        categ: categ,\r\n        Skillname: Skillname,\r\n        Skilldescrp: Skilldescrp,\r\n        exp: exp,\r\n        trainer: trainer,\r\n        coursename: coursename,\r\n        startdate: startdate,\r\n        enddate: enddate,\r\n        certificate: certificate,\r\n        certificates: certificates,\r\n        created_Date: created_Date\r\n      },\r\n\r\n    });\r\n    this.setState((prevState) => ({\r\n      SkillModel: !prevState.SkillModel,\r\n    }));\r\n\r\n    this.SkillDetailList();\r\n  };\r\n\r\n  PersonalityModel = (id, personalityName) => {\r\n    this.setState({\r\n      EditPersonalityValues: {\r\n        id: id,\r\n        personalityName: personalityName\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      PersonalityModel: !prevState.PersonalityModel,\r\n    }));\r\n    this.GetAdminPersonality();\r\n  };\r\n\r\n  HouseTypeDropdownList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/profile/HouseTypeDropdown`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ HouseTypeDrop: data });\r\n      });\r\n  }\r\n  UserEducationDropdownList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserEducationDetails/GetQualificationtype`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ EducationDrop: data });\r\n      });\r\n  }\r\n\r\n  DelAdminFamily = (cdate, uId) => {\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      const data = {\r\n        CreatedDate: cdate,\r\n        UserId: uId\r\n      };\r\n\r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/Family/DelAdminFamily`,\r\n        data: data,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      }).then((response) => {\r\n        if (response.data.status === \"Success\") {\r\n          toast.success(response.data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n        this.FamilyDetailList();\r\n      });\r\n    }\r\n  };\r\n\r\n  DelAdminEducation = (cdate, uId) => {\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      const data = {\r\n        CreatedDate: cdate,\r\n        UserId: uId\r\n      };\r\n      // // console.log(\"dellll\", data);\r\n\r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/UserEducationDetails/DelAdminEducation`,\r\n        data: data,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      }).then((response) => {\r\n        if (response.data.status === \"Success\") {\r\n          toast.success(response.data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n        this.EducationDetailList();\r\n      });\r\n    }\r\n  };\r\n\r\n  DelAdminSkill = (SName, UId) => {\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      const data = {\r\n        // Id: Id,\r\n        SkillName: SName,\r\n        UserId: UId\r\n      };\r\n\r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/UserSkillDetails/DelAdminSkill`,\r\n        data: data,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      }).then((response) => {\r\n        if (response.data.status === \"Success\") {\r\n          toast.success(response.data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n        this.SkillDetailList();\r\n      });\r\n    }\r\n  };\r\n\r\n\r\n  UserEduModel = (\r\n    id,\r\n    QualificationType,\r\n    Coursename,\r\n    Coursetype,\r\n    Stream,\r\n    CourseStartDate,\r\n    CourseEndDate,\r\n    UniversityName,\r\n    CollegeName,\r\n    Created_Date\r\n  ) => {\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: id,\r\n        QualificationType: QualificationType,\r\n        Coursename: Coursename,\r\n        Coursetype: Coursetype,\r\n        Stream: Stream,\r\n        CourseStartDate: CourseStartDate,\r\n        CourseEndDate: CourseEndDate,\r\n        UniversityName: UniversityName,\r\n        CollegeName: CollegeName,\r\n        Created_Date: Created_Date\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      UserEduModel: !prevState.UserEduModel,\r\n    }));\r\n    this.EducationDetailList();\r\n  };\r\n\r\n  HandleSkillCertificate = (e) => {\r\n    e.preventDefault();\r\n    var uploadcertificate =\r\n      document.getElementById(\"UploadCertificate\").checked;\r\n    if (uploadcertificate === true) {\r\n      this.setState({\r\n        UploadCertificate: true,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        UploadCertificate: false,\r\n      });\r\n    }\r\n  };\r\n\r\n  HandleHouse = () => {\r\n    var HouseType = document.getElementById(\"HouseType\").value;\r\n    if (HouseType === \"others\") {\r\n      document.getElementById(\"HouseText\").value = \"\";\r\n      document.getElementById(\"HouseText\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"HouseText\").value = \"None\";\r\n      document.getElementById(\"HouseText\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  HandleQualification = () => {\r\n    var QualificationType = document.getElementById(\"Qualification\").value;\r\n    if (QualificationType === \"others\") {\r\n      document.getElementById(\"othersQualification\").value = \"\";\r\n      document.getElementById(\"othersQualification\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"othersQualification\").value = \"None\";\r\n      document.getElementById(\"othersQualification\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  handleInfoClick = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n    });\r\n  };\r\n  handleInfoClick1 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n  handleInfoClick2 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n  handleInfoClick3 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n  handleInfoClick4 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n  handleInfoClick5 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n\r\n  handleInfoClick6 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n\r\n  handleInfoClick7 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n\r\n  handleInfoClick8 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n\r\n\r\n\r\n  handleCheckboxChange = (checkboxNumber) => {\r\n    if (checkboxNumber === 1) {\r\n      this.setState({\r\n        checkbox1Checked: true,\r\n        checkbox2Checked: false,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        checkbox1Checked: false,\r\n        checkbox2Checked: true,\r\n      });\r\n    }\r\n  };\r\n\r\n  //   handleChangeemail = (e) => {\r\n  //     const { name, value } = e.target;\r\n  //     this.setState({ [name]: value });\r\n\r\n  //     if (name === 'Email') {\r\n  //         if (!value) {\r\n  //             this.setState({ EmailErr: \"Email is required\" });\r\n  //         } else if (!emailPattern.test(value)) {\r\n  //             this.setState({ EmailErr: \"Enter a valid email address\" });\r\n  //         } else {\r\n  //             this.setState({ EmailErr: \"\" });\r\n  //         }\r\n  //     }\r\n  // };\r\n  handleIconClick = () => {\r\n\r\n    this.fileInputRef.current.click();\r\n  };\r\n\r\n  handlePersonalityChange = (selectedOptions) => {\r\n    this.setState({ selectedSkills: selectedOptions }, this.validatePersonality);\r\n  };\r\n\r\n  // Validate Personality selection\r\n  validatePersonality = () => {\r\n    let formErrors = { ...this.state.formErrors };\r\n    if (this.state.selectedSkills.length === 0) {\r\n      formErrors.PersonalityError = \"Select at least one Personality\";\r\n    } else {\r\n      formErrors.PersonalityError = \"\";\r\n    }\r\n    this.setState({ formErrors });\r\n  };\r\n  handleLifeStyleChange = (selectedOptions) => {\r\n    this.setState({ selectedSkills1: selectedOptions }, this.validateLifeStyle);\r\n  };\r\n  validateLifeStyle = () => {\r\n    let formErrors = { ...this.state.formErrors };\r\n    if (this.state.selectedSkills1.length === 0) {\r\n      formErrors.LifeStyleError = \"Select at least one LifeStyle\";\r\n    } else {\r\n      formErrors.LifeStyleError = \"\";\r\n    }\r\n    this.setState({ formErrors });\r\n  };\r\n\r\n  handleInterestsChange = (selectedOptions) => {\r\n    this.setState({ selectedSkills2: selectedOptions }, this.validateInterest);\r\n  };\r\n  validateInterest = () => {\r\n    let formErrors = { ...this.state.formErrors };\r\n    if (this.state.selectedSkills2.length === 0) {\r\n      formErrors.InterestsError = \"Select at least one Interest\";\r\n    } else {\r\n      formErrors.InterestsError = \"\";\r\n    }\r\n    this.setState({ formErrors });\r\n  };\r\n  handleActivitiesChange = (selectedOptions) => {\r\n    this.setState({ selectedSkills3: selectedOptions }, this.validateActivities);\r\n  };\r\n  validateActivities = () => {\r\n    let formErrors = { ...this.state.formErrors };\r\n    if (this.state.selectedSkills3.length === 0) {\r\n      formErrors.ActivitiesError = \"Select at least one Activity\";\r\n    } else {\r\n      formErrors.ActivitiesError = \"\";\r\n    }\r\n    this.setState({ formErrors });\r\n  };\r\n  handleBioChange = (e) => {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n\r\n    var Bio = document.getElementById(\"Bio\").value;\r\n\r\n\r\n    if (!Bio) {\r\n      formIsValid = false;\r\n      formErrors[\"bioError\"] = \"Description  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  validateBio() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Bio = document.getElementById(\"Bio\").value;\r\n    if (!Bio) {\r\n      formIsValid = false;\r\n      formErrors[\"bioError\"] = \"Description  is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n\r\n  BioEdit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    if (this.validateBio()) {\r\n      const data = new FormData(e.target);\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept':'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          // 'Content-Type':'application/json'\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/BioEdit`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            this.profilelist();\r\n            document.getElementById(\"edit-btn-Bio\").click();\r\n\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: false,\r\n            });\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n\r\n      this.setState({ imagePreviewUrl: null });\r\n      this.setState({ imageCoverPreviewUrl: null });\r\n    }\r\n  };\r\n  GetPersonality() {\r\n    const tableName = \"MasterPersonality\";\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // // console.log('adfsfs',data)\r\n        this.setState({\r\n          PersonalityDetails: data,\r\n        });\r\n      });\r\n  }\r\n  GetLifeStyle() {\r\n    const tableName = \"MasterLifeStyle\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // // console.log('lifeStyle',data)\r\n        this.setState({\r\n          LifeStyleDetails: data,\r\n        });\r\n      });\r\n  }\r\n  GetInterests() {\r\n    const tableName = \"MasterInterests\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // // console.log('Interests',data)\r\n        this.setState({\r\n          InterestsDetails: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetActivities() {\r\n    const tableName = \"MasterActivities\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log('Activities',data)\r\n        this.setState({\r\n          ActivitiesDetails: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  //   Personalitysubmit = async (e) => {\r\n  //     e.preventDefault();\r\n\r\n  //     const  data  = new FormData(e.target); \r\n\r\n  //     var options = {\r\n  //         method: \"POST\",\r\n  //         headers: {\r\n  //           \"Access-Control-Allow-Origin\": \"*\",\r\n  //                   \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //                   Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n  //         },\r\n  //         body:data // Convert data object to JSON string\r\n  //     };\r\n\r\n  //     try {\r\n  //         const response = await fetch(`${BASE_URLs}/api/AdminProfile/manageadmindata`, options);\r\n  //         const result = await response.json();\r\n\r\n  //         if (response.ok) {\r\n  //             toast.success(result.message, {\r\n  //                 position: \"top-center\",\r\n  //                 autoClose: 3200,\r\n  //                 hideProgressBar: false,\r\n  //                 closeOnClick: true,\r\n  //                 pauseOnHover: true,\r\n  //                 draggable: true,\r\n  //                 progress: undefined,\r\n  //             });\r\n  //         } else {\r\n  //             toast.error(result.message, {\r\n  //                 position: \"top-center\",\r\n  //                 autoClose: 3200,\r\n  //                 hideProgressBar: false,\r\n  //                 closeOnClick: true,\r\n  //                 pauseOnHover: true,\r\n  //                 draggable: true,\r\n  //                 progress: undefined,\r\n  //             });\r\n  //         }\r\n  //     } catch (error) {\r\n  //         toast.error(`Request failed: ${error.message}`, {\r\n  //             position: \"top-center\",\r\n  //             autoClose: 3200,\r\n  //             hideProgressBar: false,\r\n  //             closeOnClick: true,\r\n  //             pauseOnHover: true,\r\n  //             draggable: true,\r\n  //             progress: undefined,\r\n  //         });\r\n  //     }\r\n\r\n  //     // Reset form and state\r\n  //     e.target.reset();\r\n  //     this.setState({\r\n  //         openpersonality: false,\r\n  //         showing3: true,\r\n  //         clickCount: 0,\r\n  //         personalityName: \"\",\r\n  //         selectedSkills: []\r\n  //     });\r\n\r\n  //     // Refresh the data\r\n  //     this.GetPersonality();\r\n  // };\r\n\r\n\r\n\r\n\r\n  Personalitysubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.state.selectedSkills.length === 0) {\r\n      this.setState({ formErrors: { ...this.state.formErrors, PersonalityError: \"Select at least one Personality\" } });\r\n      return;\r\n    }\r\n    this.setState({ isButtonDisabled: true });\r\n    const { selectedSkills } = this.state;\r\n    const data = new FormData();\r\n    selectedSkills.forEach(skill => {\r\n      // // console.log({selectedSkills})\r\n      data.append('Values', skill.value); // Assuming the value is the name of the skill\r\n    });\r\n\r\n\r\n    // Set default TableName\r\n    const defaultTableName = 'AdminPersonality';\r\n    data.append('TableName', defaultTableName);\r\n\r\n    const defaultAction = 'I';\r\n    data.append('Action', defaultAction);\r\n\r\n    const defaultCategory = '-';\r\n    data.append('Category', defaultCategory);\r\n\r\n    for (let pair of data.entries()) {\r\n      // // console.log(pair[0] + ', ' + pair[1]);\r\n    }\r\n\r\n    const token = JSON.parse(localStorage.getItem('user'));\r\n    if (!token) {\r\n      toast.error(\"User not authenticated\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n      return;\r\n    }\r\n\r\n    // // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Authorization: `Bearer ${token}`,\r\n      },\r\n      body: data,\r\n    };\r\n\r\n    try {\r\n      const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n      // // console.log('Response status:', response.status);\r\n      const resp = await response.json();\r\n      // // console.log('Response:', resp);\r\n\r\n      if (resp.status === \"Already Exist\") {\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.error(resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      } else {\r\n        this.GetAdminPersonality();\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.success(\"Personality\" + \" \" + resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      this.setState({ isButtonDisabled: true });\r\n      toast.error(\"Records Already Exists\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n\r\n    this.setState({ isButtonDisabled: false });\r\n    document.getElementById(\"Personalityform\").reset();\r\n    this.setState({ openpersonality: false, showing3: true, clickCount: 0 });\r\n    this.setState({ personalityName: \"\", selectedSkills: \"\" });\r\n\r\n    this.GetPersonality(); // Assuming this is a function to refresh the personality data\r\n  };\r\n\r\n  LifeStyleSubmit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    if (this.state.selectedSkills1.length === 0) {\r\n      this.setState({ formErrors: { ...this.state.formErrors, LifeStyleError: \"Select at least one LifeStyle.\" } });\r\n      return;\r\n    }\r\n\r\n    const { selectedSkills1 } = this.state;\r\n    this.setState({ isButtonDisabled: true });\r\n    const data = new FormData();\r\n    selectedSkills1.forEach(skill => {\r\n      data.append('Values', skill.value); // Assuming the value is the name of the skill\r\n    });\r\n\r\n    // Set default TableName\r\n    const defaultTableName = 'AdminLifeStyle';\r\n    data.append('TableName', defaultTableName);\r\n\r\n    const defaultAction = 'I';\r\n    data.append('Action', defaultAction);\r\n\r\n    const defaultCategory = '-';\r\n    data.append('Category', defaultCategory);\r\n\r\n    for (let pair of data.entries()) {\r\n      // // console.log(pair[0] + ', ' + pair[1]);\r\n    }\r\n\r\n    const token = JSON.parse(localStorage.getItem('user'));\r\n    if (!token) {\r\n      toast.error(\"User not authenticated\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n      return;\r\n    }\r\n\r\n    // // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Authorization: `Bearer ${token}`,\r\n      },\r\n      body: data,\r\n    };\r\n\r\n    try {\r\n      const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n      // // console.log('Response status:', response.status);\r\n      const resp = await response.json();\r\n      // // console.log('Response:', resp);\r\n\r\n      if (resp.status === \"Already Exist\") {\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.error(resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      } else {\r\n        this.GetAdminLifeStyle();\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.success(\"LifeStyle\" + \" \" + resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      this.setState({ isButtonDisabled: true });\r\n      toast.error(\"Records Already Exists\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n\r\n    this.setState({ isButtonDisabled: false });\r\n    // document.getElementById(\"LifeStyleform\").reset();\r\n    this.setState({ openlifeStyle: false, showing4: true, clickCount: 0 });\r\n    this.setState({ lifestyleName: \"\", selectedSkills1: \"\" });\r\n\r\n    this.GetLifeStyle(); // Assuming this is a function to refresh the personality data\r\n  };\r\n\r\n  InterestsSubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.state.selectedSkills2.length === 0) {\r\n      this.setState({ formErrors: { ...this.state.formErrors, InterestsError: \"Select at least one Interest\" } });\r\n      return;\r\n    }\r\n    this.setState({ isButtonDisabled: true });\r\n\r\n    const { selectedSkills2 } = this.state;\r\n\r\n    const data = new FormData();\r\n    selectedSkills2.forEach(skill => {\r\n      data.append('Values', skill.value); // Assuming the value is the name of the skill\r\n    });\r\n\r\n    // Set default TableName\r\n    const defaultTableName = 'AdminInterests';\r\n    data.append('TableName', defaultTableName);\r\n\r\n    const defaultAction = 'I';\r\n    data.append('Action', defaultAction);\r\n\r\n    const defaultCategory = '-';\r\n    data.append('Category', defaultCategory);\r\n\r\n    for (let pair of data.entries()) {\r\n      // console.log(pair[0] + ', ' + pair[1]);\r\n    }\r\n\r\n    const token = JSON.parse(localStorage.getItem('user'));\r\n    if (!token) {\r\n      toast.error(\"User not authenticated\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n      return;\r\n    }\r\n\r\n    // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Authorization: `Bearer ${token}`,\r\n      },\r\n      body: data,\r\n    };\r\n\r\n    try {\r\n      const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n      // console.log('Response status:', response.status);\r\n      const resp = await response.json();\r\n      // console.log('Response:', resp);\r\n\r\n      if (resp.status === \"Already Exist\") {\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.error(resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      } else {\r\n        this.GetAdminInterests();\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.success(\"Interest\" + \" \" + resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      this.setState({ isButtonDisabled: true });\r\n      toast.error(\"Records Already Exists\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n\r\n    this.setState({ isButtonDisabled: false });\r\n    document.getElementById(\"Interestsform\").reset();\r\n    this.setState({ openinterests: false, showing5: true, clickCount: 0 });\r\n    this.setState({ interestsName: \"\", selectedSkills2: \"\" });\r\n\r\n    this.GetInterests(); // Assuming this is a function to refresh the personality data\r\n  };\r\n\r\n  ActivitiesSubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.state.selectedSkills3.length === 0) {\r\n      this.setState({ formErrors: { ...this.state.formErrors, ActivitiesError: \"Select at least one Activity\" } });\r\n      return;\r\n    }\r\n    this.setState({ isButtonDisabled: true });\r\n\r\n    const { selectedSkills3 } = this.state;\r\n\r\n    const data = new FormData();\r\n    selectedSkills3.forEach(skill => {\r\n      data.append('Values', skill.value); // Assuming the value is the name of the skill\r\n    });\r\n\r\n    // Set default TableName\r\n    const defaultTableName = 'AdminActivities';\r\n    data.append('TableName', defaultTableName);\r\n\r\n    const defaultAction = 'I';\r\n    data.append('Action', defaultAction);\r\n\r\n    const defaultCategory = '-';\r\n    data.append('Category', defaultCategory);\r\n\r\n    for (let pair of data.entries()) {\r\n      // console.log(pair[0] + ', ' + pair[1]);\r\n    }\r\n\r\n    const token = JSON.parse(localStorage.getItem('user'));\r\n    if (!token) {\r\n      toast.error(\"User not authenticated\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n      return;\r\n    }\r\n\r\n    // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Authorization: `Bearer ${token}`,\r\n      },\r\n      body: data,\r\n    };\r\n\r\n    try {\r\n      const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n      // console.log('Response status:', response.status);\r\n      const resp = await response.json();\r\n      // console.log('Response:', resp);\r\n\r\n      if (resp.status === \"Already Exist\") {\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.error(resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      } else {\r\n        this.GetAdminActivities();\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.success(\"Activities\" + \" \" + resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      this.setState({ isButtonDisabled: true });\r\n      toast.error(\"Records Already Exists\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n\r\n    this.setState({ isButtonDisabled: false });\r\n    document.getElementById(\"Activitiesform\").reset();\r\n    this.setState({ openactivities: false, showing6: true, clickCount: 0 });\r\n    this.setState({ activitiesName: \"\", selectedSkills3: \"\" });\r\n\r\n    this.GetActivities(); // Assuming this is a function to refresh the personality data\r\n  };\r\n\r\n  GetAdminPersonality() {\r\n    const tableName = \"AdminPersonality\";\r\n    const User_Id = JSON.parse(localStorage.getItem('userId'));\r\n    const url = `${BASE_URLs}/AdminProfile/GetTabDetails?TableName=${tableName}&Id=${User_Id}`;\r\n    const user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        \"Accept\": \"application/json\",\r\n        \"Authorization\": \"Bearer \" + accessToken,\r\n      },\r\n    })\r\n      .then(response => response.json())\r\n      .then(data => {\r\n        // console.log('gfhhghgn', data);\r\n        this.setState({\r\n          PersonalityAdmin: data,\r\n        });\r\n      })\r\n      .catch(error => {\r\n        // console.error('Error fetching admin personality:', error);\r\n      });\r\n  }\r\n  GetAdminLifeStyle() {\r\n    const tableName = \"AdminLifeStyle\";\r\n    const User_Id = JSON.parse(localStorage.getItem('userId'));\r\n    const url = `${BASE_URLs}/AdminProfile/GetTabDetails?TableName=${tableName}&Id=${User_Id}`;\r\n    const user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        \"Accept\": \"application/json\",\r\n        \"Authorization\": \"Bearer \" + accessToken,\r\n      },\r\n    })\r\n      .then(response => response.json())\r\n      .then(data => {\r\n        // console.log('gfhhghgn', data);\r\n        this.setState({\r\n          LifeStyleAdmin: data,\r\n        });\r\n      })\r\n      .catch(error => {\r\n        // console.error('Error fetching admin personality:', error);\r\n      });\r\n  }\r\n  GetAdminInterests() {\r\n    const tableName = \"AdminInterests\";\r\n    const User_Id = JSON.parse(localStorage.getItem('userId'));\r\n    const url = `${BASE_URLs}/AdminProfile/GetTabDetails?TableName=${tableName}&Id=${User_Id}`;\r\n    const user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        \"Accept\": \"application/json\",\r\n        \"Authorization\": \"Bearer \" + accessToken,\r\n      },\r\n    })\r\n      .then(response => response.json())\r\n      .then(data => {\r\n        // console.log('gfhhghgn', data);\r\n        this.setState({\r\n          InterestsAdmin: data,\r\n        });\r\n      })\r\n      .catch(error => {\r\n        // console.error('Error fetching admin personality:', error);\r\n      });\r\n  }\r\n\r\n  GetAdminActivities() {\r\n    const tableName = \"AdminActivities\";\r\n    const User_Id = JSON.parse(localStorage.getItem('userId'));\r\n    const url = `${BASE_URLs}/AdminProfile/GetTabDetails?TableName=${tableName}&Id=${User_Id}`;\r\n    const user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        \"Accept\": \"application/json\",\r\n        \"Authorization\": \"Bearer \" + accessToken,\r\n      },\r\n    })\r\n      .then(response => response.json())\r\n      .then(data => {\r\n        // console.log('gfhhghgn', data);\r\n        this.setState({\r\n          ActivitiesAdmin: data,\r\n        });\r\n      })\r\n      .catch(error => {\r\n        // console.error('Error fetching admin personality:', error);\r\n      });\r\n  }\r\n  DelAdminPersonality = async (name) => {\r\n    if (window.confirm(\"Are you sure you want to delete this record permanently?\")) {\r\n      const data = new FormData();\r\n      data.append('Action', 'D');\r\n      data.append('Values', name);\r\n      data.append('TableName', 'AdminPersonality');\r\n\r\n      // console.log(\"FormData content:\");\r\n      for (let pair of data.entries()) {\r\n        // console.log(`${pair[0]}: ${pair[1]}`);\r\n      }\r\n\r\n      const token = JSON.parse(localStorage.getItem('user'));\r\n      if (!token) {\r\n        toast.error(\"User not authenticated\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        return;\r\n      }\r\n      // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${token}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      try {\r\n        const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n        // console.log('Response status:', response.status);\r\n        const resp = await response.json();\r\n        // console.log('Response:', resp);\r\n\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          this.GetAdminPersonality();\r\n          this.GetPersonality();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      } catch (error) {\r\n        // console.error(\"Error:\", error);\r\n        toast.error(\"An error occurred. Please try again later.\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n  DelAdminLifeStyle = async (name) => {\r\n    if (window.confirm(\"Are you sure you want to delete this record permanently?\")) {\r\n      const data = new FormData();\r\n      data.append('Action', 'D');\r\n      data.append('Values', name);\r\n      data.append('TableName', 'AdminLifeStyle');\r\n\r\n      // console.log(\"FormData content:\");\r\n      for (let pair of data.entries()) {\r\n        // console.log(`${pair[0]}: ${pair[1]}`);\r\n      }\r\n\r\n      const token = JSON.parse(localStorage.getItem('user'));\r\n      if (!token) {\r\n        toast.error(\"User not authenticated\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        return;\r\n      }\r\n      // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${token}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      try {\r\n        const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n        // console.log('Response status:', response.status);\r\n        const resp = await response.json();\r\n        // console.log('Response:', resp);\r\n\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          this.GetAdminLifeStyle();\r\n          this.GetLifeStyle();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      } catch (error) {\r\n        // console.error(\"Error:\", error);\r\n        toast.error(\"An error occurred. Please try again later.\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n  DelAdminInterests = async (name) => {\r\n    if (window.confirm(\"Are you sure you want to delete this record permanently?\")) {\r\n      const data = new FormData();\r\n      data.append('Action', 'D');\r\n      data.append('Values', name);\r\n      data.append('TableName', 'AdminInterests');\r\n\r\n      // console.log(\"FormData content:\");\r\n      for (let pair of data.entries()) {\r\n        // console.log(`${pair[0]}: ${pair[1]}`);\r\n      }\r\n\r\n      const token = JSON.parse(localStorage.getItem('user'));\r\n      if (!token) {\r\n        toast.error(\"User not authenticated\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        return;\r\n      }\r\n      // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${token}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      try {\r\n        const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n        // console.log('Response status:', response.status);\r\n        const resp = await response.json();\r\n        // console.log('Response:', resp);\r\n\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          this.GetAdminInterests();\r\n          this.GetInterests();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      } catch (error) {\r\n        // console.error(\"Error:\", error);\r\n        toast.error(\"An error occurred. Please try again later.\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n  DelAdminActivities = async (name) => {\r\n    if (window.confirm(\"Are you sure you want to delete this record permanently?\")) {\r\n      const data = new FormData();\r\n      data.append('Action', 'D');\r\n      data.append('Values', name);\r\n      data.append('TableName', 'AdminActivities');\r\n\r\n      // console.log(\"FormData content:\");\r\n      for (let pair of data.entries()) {\r\n        // console.log(`${pair[0]}: ${pair[1]}`);\r\n      }\r\n\r\n      const token = JSON.parse(localStorage.getItem('user'));\r\n      if (!token) {\r\n        toast.error(\"User not authenticated\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        return;\r\n      }\r\n      // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${token}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      try {\r\n        const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n        // console.log('Response status:', response.status);\r\n        const resp = await response.json();\r\n        // console.log('Response:', resp);\r\n\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          this.GetAdminActivities();\r\n          this.GetActivities();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      } catch (error) {\r\n        // console.error(\"Error:\", error);\r\n        toast.error(\"An error occurred. Please try again later.\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n\r\n  handleDateChange = (date, name) => {\r\n    this.setState({\r\n      [name]: date,\r\n      [`${name}_formatted`]: date ? moment(date).format('YYYY-MM') : ''\r\n    }, () => this.handleEducationChange());\r\n  };\r\n\r\n  handleChangeD = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value }, () => this.handleEducationChange());\r\n  };\r\n\r\n\r\n  handleFocus = (e) => {\r\n    const { isFirefox } = this.state;\r\n    e.target.type = \"month\";\r\n    const calElement = document.getElementById('Cal');\r\n    if (isFirefox) {\r\n      e.target.setAttribute('placeholder', '------,---');\r\n      if (calElement) {\r\n        calElement.style.display = 'block';\r\n      }\r\n    } else {\r\n      e.target.removeAttribute('placeholder');\r\n    }\r\n  };\r\n\r\n\r\n\r\n  render() {\r\n    const {\r\n      TwitterErr,\r\n      FacebookErr,\r\n      SkypeErr,\r\n      linkedInErr,\r\n      contactphnerr,\r\n      PersonalEmailerr,\r\n      officialEmailerr,\r\n      Qualification,\r\n      St_date,\r\n      Coursename,\r\n      End_date,\r\n      Coursetype,\r\n      WhatsappErr,\r\n      AlternatePhoneNoerr,\r\n      HomeErr,\r\n      FirstNameinfo,\r\n      LastNameinfo,\r\n      Genderinfo,\r\n      MaritalStatusinfo,\r\n      clg_name,\r\n      stream,\r\n      unisty_name,\r\n      CurrentAddress,\r\n      CurrentAddress_Country,\r\n      CurrentAddress_State,\r\n      CurrentAddress_City,\r\n      CurrentAddress_Pincode,\r\n      PermanentAddress,\r\n      PermanentAddress_Pincode,\r\n      PermanentAddress_Country,\r\n      PermanentAddress_City,\r\n      HouseType,\r\n      StayingSince,\r\n      CurrentCitySince,\r\n      PermanentAddress_State,\r\n      DOBinfo,\r\n      Bloodgroupinfo,\r\n      Profilepicinfo,\r\n      SkillNameErr,\r\n      SkillDescriptionErr,\r\n      CategoryErr,\r\n      ExperienceErr,\r\n      FirstNameErr,\r\n      LastNameErr,\r\n      ContactErr,\r\n      EmailErr,\r\n      RelationshipErr,\r\n      Bankname,\r\n      Branchname,\r\n      Branchaddress,\r\n      IFSC,\r\n      AcName,\r\n      AcNo,\r\n      AcType,\r\n      PhoneNo,\r\n      bioError,\r\n      bio,\r\n      Personality,\r\n      PersonalityError,\r\n      LifeStyleError,\r\n      InterestsError,\r\n      ActivitiesError,\r\n      skillcoursenameErr,\r\n      skillCoursestartdateErr,\r\n      skillCourseEnddateErr,\r\n      skillCertificateErr,\r\n    } = this.state.formErrors;\r\n    const { profile, isSelected, isSelected1, editMode, hobbiesEdit, bioEdits, contactEd, addressEd, FamilyEdits, socialEdit, bankEdit, eduEdit, tab9Selected, tab4Selected, tab2Selected, tab6Selected } = this.state;\r\n    const { EducationDetail, tab3Selected, tab5Selected, tab7Selected, tab8Selected } = this.state;\r\n    const { selectedSkills } = this.state;\r\n    const { selectedSkills1 } = this.state;\r\n    const { selectedSkills2 } = this.state;\r\n    const { selectedSkills3 } = this.state;\r\n    const { SkillDetails } = this.state;\r\n    const { FamilyDetails } = this.state;\r\n    const { RelationshipDrop } = this.state;\r\n    const { HouseTypeDrop } = this.state;\r\n    const { EducationDrop } = this.state;\r\n    const { openedu } = this.state;\r\n    const { openfam } = this.state;\r\n    const { openskill } = this.state;\r\n    const { openpersonality } = this.state;\r\n    const { openlifeStyle } = this.state;\r\n    const { openinterests } = this.state;\r\n    const { openactivities } = this.state;\r\n    const { SKillAdminCategoryDrop, SKillAdminNameDrop } = this.state;\r\n    const { EducationCourseName } = this.state;\r\n    const { Bankdetail, UploadCertificate } = this.state;\r\n    const { showing } = this.state;\r\n    const { showing1 } = this.state;\r\n    const { showing2 } = this.state;\r\n    const { showing3 } = this.state;\r\n    const { showing4 } = this.state;\r\n    const { showing5 } = this.state;\r\n    const { showing6 } = this.state;\r\n    const { isChrome, ischrome1, isFirefox } = this.state;\r\n    const { PersonalityDetails } = this.state;\r\n    const { LifeStyleDetails } = this.state;\r\n    const { InterestsDetails } = this.state;\r\n    const { ActivitiesDetails } = this.state;\r\n    const { PersonalityAdmin } = this.state;\r\n    const { LifeStyleAdmin } = this.state;\r\n    const { InterestsAdmin } = this.state;\r\n    const { ActivitiesAdmin, startDate, endDate, maxDateS } = this.state;\r\n\r\n\r\n    const options = PersonalityDetails.map((PL) => ({\r\n      value: PL.personalityName,\r\n      label: PL.personalityName,\r\n      Id: PL.id\r\n    }));\r\n    const options1 = LifeStyleDetails.map((LS) => ({\r\n      value: LS.lifestyleName,\r\n      label: LS.lifestyleName,\r\n      Id: LS.id\r\n    }));\r\n\r\n    const options2 = InterestsDetails.map((IT) => ({\r\n      value: IT.interestName,\r\n      label: IT.interestName,\r\n      Id: IT.id\r\n    }));\r\n\r\n    const options3 = ActivitiesDetails.map((AD) => ({\r\n      value: AD.activityName,\r\n      label: AD.activityName,\r\n      Id: AD.id\r\n    }));\r\n\r\n\r\n\r\n    const now = 20;\r\n\r\n    const now1 = 40;\r\n\r\n    const now2 = 60;\r\n\r\n    const now3 = 80;\r\n\r\n    const now4 = 100;\r\n\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.FamModel ? (\r\n          <EditAdminFamilyModel\r\n            id={this.state.FamilyEditId}\r\n            value={this.state.EditFamValues}\r\n            close={() => this.FamModel(\"\")}\r\n          />\r\n        ) : null}\r\n        {this.state.EmergencyModel ? (\r\n          <EditEmergencyModel\r\n            value={this.state.EditECValues}\r\n            id={this.state.EmergencyEditId}\r\n            close={() => this.EmergencyModel(\"\")}\r\n          />\r\n        ) : null}\r\n        {this.state.SkillModel ? (\r\n          <EditSkillModelAdmin\r\n            value={this.state.EditSkillValues}\r\n            id={this.state.SkillEditId}\r\n            close={() => this.SkillModel(\"\")}\r\n          />\r\n        ) : null}\r\n\r\n        {this.state.UserEduModel ? (\r\n          <EditAdminEduModel\r\n            value={this.state.EditSkillValues}\r\n            id={this.state.UserEduEditId}\r\n            close={() => this.UserEduModel(\"\")}\r\n          />\r\n        ) : null}\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body user-profile\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-body\">\r\n                  <div className=\"j-tabs-container md-tabs\">\r\n                    <center>\r\n                      {SkillDetails.length > 0 ? (\r\n                        <div>\r\n                          <h5 style={{ color: \"green\" }}>\r\n                            <b>Your Profile Has Been Completed</b>\r\n                          </h5>\r\n                        </div>\r\n                      ) : null}\r\n                      <br />\r\n                      \r\n                      <div id=\"ProgressBar\">\r\n                    \r\n                        {/* <div id=\"ProgressBar-Info\"> </div>\r\n                <div id=\"ProgressBar-Info-Done\">\r\n                  <i aria-hidden=\"true\" style={{color:\"#7666f0b8\",marginTop:\"5px\"}}><b>1</b></i>\r\n                  </div> */}\r\n                        {/* <div id=\"ProgressBar-Info\"> </div> */}\r\n                        {profile.map((profile) => (\r\n                          <>\r\n                            {profile.percentageP != null &&\r\n                              profile.percentageC == null &&\r\n                              profile.percentageA == null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={profile.percentageP}\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP == null &&\r\n                              profile.percentageC != null &&\r\n                              profile.percentageA == null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={profile.percentageC}\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP == null &&\r\n                              profile.percentageC == null &&\r\n                              profile.percentageA != null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={profile.percentageA}\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP == null &&\r\n                              profile.percentageC == null &&\r\n                              profile.percentageA == null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={0}\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP != null &&\r\n                              profile.percentageC != null &&\r\n                              profile.percentageA != null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={\r\n                                    profile.percentageP +\r\n                                    profile.percentageC +\r\n                                    profile.percentageA\r\n                                  }\r\n                                  label={`${now}%`}\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP != null &&\r\n                              profile.percentageC != null &&\r\n                              profile.percentageA == null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={\r\n                                    profile.percentageP + profile.percentageC\r\n                                  }\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP != null &&\r\n                              profile.percentageC == null &&\r\n                              profile.percentageA != null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={\r\n                                    profile.percentageP + profile.percentageA\r\n                                  }\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP == null &&\r\n                              profile.percentageC != null &&\r\n                              profile.percentageA != null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={\r\n                                    profile.percentageA + profile.percentageC\r\n                                  }\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP != null &&\r\n                              profile.percentageC == null &&\r\n                              profile.percentageA != null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={\r\n                                    profile.percentageA + profile.percentageP\r\n                                  }\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : null}\r\n\r\n                            {profile.percentageP != null &&\r\n                              profile.percentageC != null &&\r\n                              profile.percentageA != null ? (\r\n                              <div id=\"ProgressBar-Info-Done\">\r\n                                {\" \"}\r\n                                <i\r\n                                  className=\"fa fa-check\"\r\n                                  aria-hidden=\"true\"\r\n                                  style={{\r\n                                    color: \"#7666f0b8\",\r\n                                    marginTop: \"5px\",\r\n                                  }}\r\n                                ></i>\r\n                              </div>\r\n                            ) : (\r\n                              <div id=\"ProgressBar-Info-Done\">\r\n                                {\" \"}\r\n                                <b\r\n                                  style={{\r\n                                    color: \"#7666f0b8\",\r\n                                    marginTop: \"5px\",\r\n                                  }}\r\n                                >\r\n                                  1\r\n                                </b>\r\n                              </div>\r\n                            )}\r\n                          </>\r\n                        ))}\r\n\r\n                        {/* <div id=\"ProgressBar-Family\"> </div> */}\r\n                        {Bankdetail.map((Bankdetail) => (\r\n                          <>\r\n                            <div title=\"Banking\">\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Banking\"\r\n                                animated\r\n                                now={Bankdetail.percentage}\r\n                                label={\r\n                                  Bankdetail.percentage == 100\r\n                                    ? `${now1}%`\r\n                                    : null\r\n                                }\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Banking-Done\">\r\n                              {\" \"}\r\n                              <b\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              >\r\n                                2\r\n                              </b>\r\n                            </div>\r\n                            {Bankdetail.percentage == 100 ? (\r\n                              <div id=\"ProgressBar-Banking-Done\">\r\n                                {\" \"}\r\n                                <i\r\n                                  className=\"fa fa-check\"\r\n                                  aria-hidden=\"true\"\r\n                                  style={{\r\n                                    color: \"#7666f0b8\",\r\n                                    marginTop: \"5px\",\r\n                                  }}\r\n                                ></i>\r\n                              </div>\r\n                            ) : null}\r\n                          </>\r\n                        ))}\r\n                        {/* <div id=\"ProgressBar-Family\"> </div> */}\r\n                        {FamilyDetails.length == 0 ? (\r\n                          <>\r\n                            <div>\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Family\"\r\n                                animated\r\n                                now={0}\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Family-Done\">\r\n                              {\" \"}\r\n                              <b\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              >\r\n                                3\r\n                              </b>\r\n                            </div>\r\n                          </>\r\n                        ) : (\r\n                          <>\r\n                            <div title=\"Contacts\">\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Family\"\r\n                                animated\r\n                                now={100}\r\n                                label={`${now2}%`}\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Family-Done\">\r\n                              {\" \"}\r\n                              <i\r\n                                className=\"fa fa-check\"\r\n                                aria-hidden=\"true\"\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              ></i>\r\n                            </div>\r\n                          </>\r\n                        )}\r\n                        {/* <div id=\"ProgressBar-Family-Done\"></div> */}\r\n                        {EducationDetail.length == 0 ? (\r\n                          <>\r\n                            <div>\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Education\"\r\n                                animated\r\n                                now={0}\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Education-Done\">\r\n                              {\" \"}\r\n                              <b\r\n                                aria-hidden=\"true\"\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              >\r\n                                4\r\n                              </b>\r\n                            </div>\r\n                          </>\r\n                        ) : (\r\n                          <>\r\n                            <div title=\"Education\">\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Education\"\r\n                                animated\r\n                                now={100}\r\n                                label={`${now3}%`}\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Education-Done\">\r\n                              {\" \"}\r\n                              <i\r\n                                className=\"fa fa-check\"\r\n                                aria-hidden=\"true\"\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              ></i>\r\n                            </div>\r\n                          </>\r\n                        )}\r\n                        {SkillDetails.length == 0 ? (\r\n                          <>\r\n                            <div>\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Skills\"\r\n                                animated\r\n                                now={0}\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Skills-Done\">\r\n                              {\" \"}\r\n                              <b\r\n                                aria-hidden=\"true\"\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              >\r\n                                5\r\n                              </b>\r\n                            </div>\r\n                          </>\r\n                        ) : (\r\n                          <>\r\n                            <div title=\"Skills\">\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Skills\"\r\n                                animated\r\n                                now={100}\r\n                                label={`${now4}%`}\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Skills-Done\">\r\n                              {\" \"}\r\n                              <i\r\n                                className=\"fa fa-check\"\r\n                                aria-hidden=\"true\"\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              ></i>\r\n                            </div>\r\n                          </>\r\n                        )}\r\n                        {/* <div id=\"ProgressBar-Skills\"> </div> */}\r\n                        {/* <div id=\"ProgressBar-Skills-Done\"></div> */}\r\n                      </div>\r\n                      <br id=\"br-mobile\" />\r\n                      <div  id=\"profilebackarrow\" style={{ float: \"left\",}}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                class=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"rgb(95 77 223 / 72%)\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                    </center>\r\n                   \r\n                    <br />\r\n                 \r\n                    <br />\r\n                    <input id=\"tab1\" type=\"radio\" name=\"tabs\" defaultChecked />\r\n                    <label\r\n                      id=\"supertab\"\r\n                      className=\"j-tabs-label\"\r\n                      htmlFor=\"tab1\"\r\n                      title=\"Info\"\r\n                      onClick={this.handleInfoClick}\r\n                    >\r\n                      <span>&nbsp;&nbsp;Info&nbsp;&nbsp;</span>\r\n                    </label>\r\n                    {profile.map((profile) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab9\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab9Selected}\r\n                          disabled={\r\n                            profile.percentageP != null &&\r\n                              profile.percentageC != null &&\r\n                              profile.percentageA != null\r\n                              ? null\r\n                              : \"disabled\"\r\n                          }\r\n                        />\r\n                        <label\r\n                          id=\"pendingtab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab9\"\r\n                          title=\"Banking\"\r\n                          style={{\r\n                            opacity:\r\n                              profile.percentageP != null &&\r\n                                profile.percentageC != null &&\r\n                                profile.percentageA != null\r\n                                ? 1\r\n                                : 0.7,\r\n                          }}\r\n                          onClick={this.handleInfoClick1}\r\n                        >\r\n                          <span>&nbsp;Banking &nbsp;&nbsp;</span>\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((Bankdetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab4\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab4Selected}\r\n                          disabled={\r\n                            Bankdetail.percentage == 100 ? null : \"disabled\"\r\n                          }\r\n                        />\r\n                        <label\r\n                          id=\"pendingtab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab4\"\r\n                          title=\"Contacts\"\r\n                          style={{\r\n                            opacity: Bankdetail.percentage == 100 ? 1 : 0.7,\r\n                          }}\r\n                          onClick={this.handleInfoClick2}\r\n                        >\r\n                          <span>&nbsp;Contacts&nbsp;&nbsp;</span>\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((FamilyDetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab2\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab2Selected}\r\n                          disabled={FamilyDetails.length == 0 ? \"disabled\" : null}\r\n                        />\r\n                        <label\r\n                          id=\"activetab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab2\"\r\n                          title=\"Education\"\r\n                          style={{ opacity: FamilyDetails.length == 0 ? 0.7 : 1 }}\r\n                          onClick={this.handleInfoClick3}\r\n                        >\r\n                          <span>&nbsp;&nbsp;Education&nbsp;&nbsp;</span>\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((FamilyDetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab3\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab3Selected}\r\n                          disabled={EducationDetail.length == 0 ? \"disabled\" : null}\r\n                        />\r\n                        <label\r\n                          id=\"inactivetab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab3\"\r\n                          title=\"Skills\"\r\n                          style={{ opacity: EducationDetail.length == 0 ? 0.7 : 1 }}\r\n                          onClick={this.handleInfoClick4}\r\n                        >\r\n                          <span>&nbsp;Skills</span>&nbsp;&nbsp;\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((FamilyDetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab6\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab6Selected}\r\n                          disabled={SkillDetails.length == 0 ? \"disabled\" : null}\r\n                        />\r\n                        <label\r\n                          id=\"inactivetab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab6\"\r\n                          title=\"LifeStyle\"\r\n                          style={{ opacity: SkillDetails.length == 0 ? 0.7 : 1 }}\r\n                          onClick={this.handleInfoClick6}\r\n                        >\r\n                          <span>&nbsp;Life Style</span>&nbsp;&nbsp;\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((FamilyDetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab5\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab5Selected}\r\n                          disabled={SkillDetails.length == 0 ? \"disabled\" : null}\r\n                        />\r\n                        <label\r\n                          id=\"inactivetab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab5\"\r\n                          title=\"Personality\"\r\n                          style={{ opacity: SkillDetails.length == 0 ? 0.7 : 1 }}\r\n                          onClick={this.handleInfoClick5}\r\n                        >\r\n                          <span>&nbsp;Personality</span>&nbsp;&nbsp;\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((FamilyDetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab7\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab7Selected}\r\n                          disabled={SkillDetails.length == 0 ? \"disabled\" : null}\r\n                        />\r\n                        <label\r\n                          id=\"inactivetab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab7\"\r\n                          title=\"Interests\"\r\n                          style={{ opacity: SkillDetails.length == 0 ? 0.7 : 1 }}\r\n                          onClick={this.handleInfoClick7}\r\n                        >\r\n                          <span>&nbsp;Interests</span>&nbsp;&nbsp;\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((FamilyDetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab8\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab8Selected}\r\n                          disabled={SkillDetails.length == 0 ? \"disabled\" : null}\r\n                        />\r\n                        <label\r\n                          id=\"inactivetab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab8\"\r\n                          title=\"Activities\"\r\n                          style={{ opacity: SkillDetails.length == 0 ? 0.7 : 1 }}\r\n                          onClick={this.handleInfoClick8}\r\n                        >\r\n                          <span>&nbsp;Activities</span>&nbsp;&nbsp;\r\n                        </label>\r\n                      </>))}\r\n                    {/* <Link to=\"/UserRequest\" style={{ height: \"41.2px\", float: \"right\", position: \"inherit\", background: \"white\" }} id=\"addRow\" className=\"btn\"> Request </Link> */}\r\n\r\n                    <br />\r\n                    <br />\r\n                    <br />\r\n                    <br />\r\n\r\n                    <div id=\"tabs-section-1\" className=\"j-tabs-section\">\r\n                      <span>Please fill all the mandatory fields to follow the steps\r\n                        <span style={{\r\n                          marginTop: '-4px',\r\n                          color: 'red',\r\n                          fontSize: '25px',\r\n                          position: 'absolute',\r\n                          marginLeft: '4px',\r\n                          fontWeight: 'bold'\r\n\r\n                        }}>*</span> </span>\r\n                      <div className=\"card\">\r\n\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginTop: \"10px\",\r\n                              marginLeft: \"2%\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            PROFILE <span style={{ color: \"red\", marginLeft: \"73px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                              *\r\n                            </span>\r\n                          </h5>\r\n                          <button\r\n                            id=\"edit-btn\"\r\n                            type=\"button\"\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            onClick={() => { document.getElementById(\"PersonalInfo\").reset(); this.setState({ formErrors: \"\", ButtonDisabled: false }); this.handleEdit(); }}\r\n                          >\r\n                            {editMode ? (\r\n                              <i className=\"icofont icofont-close\" onClick={() => {\r\n                                document.getElementById(\"PersonalInfo\").reset();\r\n                                this.setState({ Preview: null });\r\n                              }}></i>\r\n                            ) : (\r\n                              <i className=\"icofont icofont-edit\"></i>\r\n                            )}\r\n                          </button>\r\n                        </div>\r\n\r\n                        {/* Personal Info*/}\r\n                        <div className=\"card-block\">\r\n                          <div id=\"view-info\" style={{ display: editMode ? \"none\" : \"block\" }}>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"row\">\r\n                                <div\r\n                                  className=\"profile-bg-img\"\r\n                                  style={{ marginBottom: \"6%\" }}\r\n                                >\r\n                                  {profile.map((profile) => (\r\n                                    <img\r\n                                      className=\"user-img img-circle\"\r\n                                      src={profile.profile_Picture}\r\n                                      style={{\r\n                                        borderRadius: \"50%\",\r\n                                        height: \"100px\",\r\n                                        width: \"100px\",\r\n                                      }}\r\n                                      alt=\"user-img\"\r\n                                    />\r\n                                  ))}\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Name </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.firstName +\r\n                                          \"   \" +\r\n                                          profile.middleName +\r\n                                          \"   \" +\r\n                                          profile.lastName +\r\n                                          \"   \"}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Birth Date </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      {profile.gender !== '-' ? <lable>{profile.dob}</lable> : '-'}{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Gender </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.gender}</lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span >Marital Status </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.maritalStatus}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Blood Group </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.bloodGroup}</lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <div id=\"edit-info\" style={{ display: editMode ? \"block\" : \"none\" }}>\r\n                            <div className=\"row\">\r\n                              <div className=\"col-lg-12\">\r\n                                <div className=\"general-info\">\r\n                                  <form\r\n                                    autoComplete=\"off\"\r\n                                    onSubmit={this.submit}\r\n                                    id=\"PersonalInfo\"\r\n                                  >\r\n                                    <div className=\"col-lg-12 \">\r\n                                      <div className=\"row \">\r\n                                        <div className=\"col-sm-3\"></div>\r\n                                        <div className=\"col-lg-12 \">\r\n                                          {profile.map((profile) => (\r\n                                            <center>\r\n                                              <div\r\n                                                className=\"col-sm-6 clogo\"\r\n                                                style={{\r\n                                                  flexDirection: \"column\",\r\n                                                  justifyContent: \"center\",\r\n                                                }}\r\n                                              >\r\n                                                <label\r\n                                                  style={{ height: \"105px\" }}\r\n                                                >\r\n                                                  <input\r\n                                                    type=\"hidden\"\r\n                                                    name=\"Profile_Picture\"\r\n                                                    value={\r\n                                                      profile.profile_Picture\r\n                                                    }\r\n                                                  />\r\n                                                  <img\r\n                                                    alt=\"preview\"\r\n                                                    src={\r\n                                                      !this.state.Preview\r\n                                                        ? profile.profile_Picture\r\n                                                        : this.state.Preview\r\n                                                    }\r\n                                                    id=\"clogo\"\r\n                                                    style={{\r\n                                                      height: \"100px\",\r\n                                                      width: \"100px\",\r\n                                                      // marginLeft: \"170%\",\r\n                                                      borderRadius: \"50px\",\r\n                                                    }}\r\n                                                  /></label>\r\n                                                <center>\r\n                                                  <i\r\n                                                    className=\" fa fa-pencil editbtn\"\r\n                                                    aria-hidden=\"true\"\r\n                                                    style={{\r\n                                                      fontSize: \"20px\",\r\n                                                      marginLeft: \"-160%\",\r\n                                                      paddingTop: \"8px\",\r\n                                                      paddingLeft: \"4px\",\r\n                                                      marginTop: '-15px'\r\n                                                    }}\r\n                                                    onClick={this.handleIconClick}\r\n                                                  ></i>\r\n                                                  <input\r\n                                                    htmlFor=\"clogo\"\r\n                                                    onChange={this.HandleImage}\r\n                                                    ref={this.fileInputRef}\r\n                                                    style={{ display: \"none\" }}\r\n                                                    id=\"Profilepicinfo\"\r\n                                                    name=\"Profile_Picture\"\r\n                                                    type=\"file\"\r\n                                                    accept=\"image/*\"\r\n                                                  />\r\n                                                </center>\r\n\r\n\r\n                                                <center>\r\n                                                  <span\r\n                                                    style={{\r\n                                                      display: \"flex\",\r\n                                                      flexDirection: \"column\",\r\n                                                      // marginLeft: \"83%\",\r\n                                                      color: \"#a7a2a2\",\r\n                                                      marginTop: '-30px'\r\n                                                    }}\r\n                                                  >\r\n                                                    Profile Logo\r\n                                                  </span>\r\n                                                </center>\r\n                                                <input\r\n                                                  type=\"hidden\"\r\n                                                  name=\"Old_Profile_Picture\"\r\n                                                  defaultValue={\r\n                                                    profile.profile_Picture\r\n                                                  }\r\n                                                />\r\n                                              </div>\r\n                                            </center>\r\n                                          ))}\r\n                                        </div>\r\n                                        {/* <div className=\"col-sm-3\"></div> */}\r\n                                        <div className=\"col-lg-4 \">\r\n                                          {profile.map((profile) => (\r\n                                            <>\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                onChange={\r\n                                                  this.handleprofilechange\r\n                                                }\r\n                                                readOnly\r\n                                                maxLength=\"20\"\r\n                                                defaultValue={profile.firstName}\r\n                                                name=\"FirstName\"\r\n                                                type=\"text\"\r\n                                                id=\"FirstNameinfo\"\r\n                                                placeholder=\"First Name\"\r\n                                              />\r\n                                            </>\r\n                                          ))}\r\n\r\n                                          {!FirstNameinfo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              First Name{\" \"}\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div\r\n                                              style={{ color: \"red\" }}\r\n                                              id=\"HideName\"\r\n                                            >\r\n                                              {FirstNameinfo}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-4 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <div>\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                onChange={\r\n                                                  this.handleprofilechange\r\n                                                }\r\n                                                maxLength=\"20\"\r\n                                                defaultValue={\r\n                                                  profile.middleName\r\n                                                }\r\n                                                name=\"MiddleName\"\r\n                                                type=\"text\"\r\n                                                placeholder=\"Middle Name\"\r\n                                              />\r\n                                              <input\r\n                                                type=\"hidden\"\r\n                                                name=\"Old_middleName\"\r\n                                                defaultValue={\r\n                                                  profile.middleName\r\n                                                }\r\n                                              />\r\n                                            </div>\r\n                                          ))}\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Middle Name{\" \"}\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-lg-4 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              onChange={\r\n                                                this.handleprofilechange\r\n                                              }\r\n                                              maxLength=\"20\"\r\n                                              defaultValue={profile.lastName.trimStart()}\r\n                                              name=\"LastName\"\r\n                                              type=\"text\"\r\n                                              id=\"LastNameinfo\"\r\n                                              placeholder=\"Last Name\"\r\n                                            />\r\n                                          ))}\r\n                                          {!LastNameinfo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Last Name{\" \"}\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {LastNameinfo}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              defaultValue={profile.gender}\r\n                                              name=\"Gender\"\r\n                                              onChange={\r\n                                                this.handleprofilechange\r\n                                              }\r\n                                              id=\"Genderinfo\"\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' })\r\n                                              }}\r\n                                            >\r\n                                              <option hidden>{profile.gender}</option>\r\n                                              <option value=\"\">\r\n                                                Select your Gender\r\n                                              </option>\r\n                                              <option value=\"Male\">Male</option>\r\n                                              <option value=\"Female\">\r\n                                                Female\r\n                                              </option>\r\n                                              <option value=\"Transgender\">\r\n                                                Transgender\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}\r\n                                          {!Genderinfo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Gender{\" \"}\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {Genderinfo}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-4 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              defaultValue={\r\n                                                profile.maritalStatus\r\n                                              }\r\n                                              name=\"MaritalStatus\"\r\n                                              onChange={\r\n                                                this.handleprofilechange\r\n                                              }\r\n                                              id=\"MaritalStatusinfo\"\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' })\r\n                                              }}\r\n                                            >\r\n                                              <option hidden>{profile.maritalStatus}</option>\r\n                                              <option value=\"\">\r\n                                                Marital status\r\n                                              </option>\r\n                                              <option value=\"Single\">\r\n                                                Single\r\n                                              </option>\r\n                                              <option value=\"Married\">\r\n                                                Married\r\n                                              </option>\r\n                                              <option value=\"divorced\">\r\n                                                Divorced\r\n                                              </option>\r\n                                              <option value=\"widowed\">\r\n                                                Widowed\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}{\" \"}\r\n                                          {!MaritalStatusinfo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Marital status{\" \"}\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>{\" \"}\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {MaritalStatusinfo}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-4 input-effect\">\r\n                                          {/* {profile.map(profile => <input className=\"effect-16\" onFocus={(e) => e.target.select()} defaultValue={profile.dob} max={new Date(new Date().getFullYear() - 18, new Date().getMonth(), new Date().getDate()).toJSON().slice(0, 10)} min={new Date(new Date().getFullYear() - 80, new Date().getMonth(), new Date().getDate()).toJSON().slice(0, 10)} onFocus={(e) => e.target.type = 'date'} onBlur={(e) => e.target.type = 'text'} id=\"DOBinfo\" name=\"DOB\" onChange={this.handleprofilechange} placeholder=\"Dob\" />)} */}\r\n                                          {profile.map((profile) => (\r\n                                            // <input className=\"effect-16\" onFocus={(e) => e.target.select()} defaultValue={profile.dob} max={new Date(new Date().getFullYear() - 18, new Date().getMonth(), new Date().getDate()).toJSON().slice(0, 10)} min={new Date(new Date().getFullYear() - 80, new Date().getMonth(), new Date().getDate()).toJSON().slice(0, 10)}\r\n                                            //   onFocus={(e) => { e.target.type = 'date' }} onBlur={(e) => { e.target.type = 'text'; e.target.value = this.reformatDate(e.target.value) }} id=\"DOBinfo\" name=\"DOB\" onChange={this.handleprofilechange} placeholder=\"Dob\" />\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              type=\"date\"\r\n                                              max={new Date(\r\n                                                new Date().getFullYear() - 18,\r\n                                                new Date().getMonth(),\r\n                                                new Date().getDate()\r\n                                              )\r\n                                                .toJSON()\r\n                                                .slice(0, 10)}\r\n                                              min={new Date(\r\n                                                new Date().getFullYear() - 80,\r\n                                                new Date().getMonth(),\r\n                                                new Date().getDate()\r\n                                              )\r\n                                                .toJSON()\r\n                                                .slice(0, 10)}\r\n                                              defaultValue={profile.gender !== '-' ? this.reformatDate(profile.dob) : 'dd-mm-yyyy'}\r\n\r\n\r\n                                              id=\"DOBinfo\"\r\n                                              name=\"DOB\"\r\n                                              onChange={\r\n                                                this.handleprofilechange\r\n                                              }\r\n                                            />\r\n                                          ))}\r\n                                          {!DOBinfo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              DOB\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {DOBinfo}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-4 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              defaultValue={profile.bloodGroup}\r\n                                              name=\"Bloodgroup\"\r\n                                              id=\"Bloodgroupinfo\"\r\n                                              onChange={\r\n                                                this.handleprofilechange\r\n                                              }\r\n                                              type=\"text\"\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' })\r\n                                              }}\r\n                                            >\r\n                                              <option hidden>{profile.bloodGroup}</option>\r\n                                              <option value=\"\">\r\n                                                Blood Group\r\n                                              </option>\r\n                                              <option value=\"A+\">A+</option>\r\n                                              <option value=\"A-\">A-</option>\r\n                                              <option value=\"B+\">B+</option>\r\n                                              <option value=\"B-\">B-</option>\r\n                                              <option value=\"O+\">O+</option>\r\n                                              <option value=\"O-\">O-</option>\r\n                                              <option value=\"AB+\">AB+</option>\r\n                                              <option value=\"AB-\">AB-</option>\r\n                                            </select>\r\n                                          ))}\r\n                                          {!Bloodgroupinfo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Blood Group\r\n                                              {/* <span style={{ color: \"red\" }}>*</span> */}\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {Bloodgroupinfo}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        {/* <div className=\"col-lg-4 input-effect\" >\r\n                                          {profile.map(profile => <div>\r\n                                            <input className=\"effect-16\" style={{ width: \"100%\" }} name=\"Profile_Picture\" onFocus={(e) => e.target.select()}  onFocus={(e) => e.target.type = 'file'} onChange={this.handleImageChange} type=\"text\" id=\"Profilepicinfo\" placeholder=\"profile picture\" />\r\n                                            {this.state.imagePreviewUrl != null ? <img alt=\"preview\" src={this.state.imagePreviewUrl} style={{ height: \"70px\" }} /> : null}\r\n                                            <input type=\"hidden\" name=\"Old_Profile_Picture\" defaultValue={profile.profile_Picture} />\r\n                                          </div>)}{!Profilepicinfo ? <span style={{ color: '#a29d9d', float: \"left\" }}>Profile Picture</span> : <div style={{ color: \"red\" }}>{Profilepicinfo}</div>}\r\n\r\n                                        </div> */}\r\n                                      </div>\r\n                                    </div>\r\n                                    <br />\r\n                                    <br />\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row  justify-content-center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          disabled={this.state.ButtonDisabled}\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          onClickCapture={this.resetImage}\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={() =>\r\n                                            this.setState({ formErrors: \"\" })\r\n                                          }\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      {/* Bio Info */}\r\n                      <div className=\"card\">\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginTop: \"10px\",\r\n                              marginLeft: \"2%\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            Bio <span style={{ color: \"red\", marginLeft: \"33px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                              *\r\n                            </span>\r\n                          </h5>\r\n                          <button\r\n                            id=\"edit-btn-Bio\"\r\n                            type=\"button\"\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            onClick={() => { this.setState({ formErrors: \"\", ButtonDisabled: false }); document.getElementById(\"BioInfo\").reset(); this.BioEdits(); }}\r\n                          >\r\n                            {bioEdits ? (\r\n                              <i className=\"icofont icofont-close\" onClick={() => document.getElementById(\"BioInfo\").reset()}></i>\r\n                            ) : (\r\n                              <i className=\"icofont icofont-edit\"></i>\r\n                            )}\r\n                          </button>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          <div id=\"view-Bio\" style={{ display: bioEdits ? \"none\" : \"block\" }}>\r\n                            <div className=\"col-lg-12\">\r\n                              {/* vfv */}\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Description </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-12\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable\r\n                                        style={{ overflowWrap: \"break-word\" }}\r\n                                      >\r\n                                        {profile.bio}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div id=\"edit-Bio\" style={{ display: bioEdits ? \"block\" : \"none\" }}>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"general-info\">\r\n                                <form\r\n                                  autoComplete=\"off\"\r\n                                  onSubmit={this.BioEdit}\r\n                                  id=\"BioInfo\"\r\n                                >\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <textarea\r\n                                              className=\"effect-16\"\r\n                                              style={{\r\n                                                width: \"82%\",\r\n                                              }}\r\n                                              type=\"text\"\r\n                                              defaultValue={profile.bio}\r\n                                              id=\"Bio\"\r\n                                              name=\"Bio\"\r\n                                              onChange={\r\n                                                this.handleBioChange\r\n                                              }\r\n                                              placeholder=\"Description\"\r\n                                            />\r\n                                          ))}\r\n                                          {!bioError ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Description\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {bioError}\r\n                                            </div>\r\n                                          )}\r\n\r\n                                          <br />\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div>\r\n                                    <br /> <br />\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row  justify-content-center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          disabled={this.state.ButtonDisabled}\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={() =>\r\n                                            this.setState({ formErrors: \"\" })\r\n                                          }\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      {/* Contact Info  */}\r\n                      <div className=\"card\">\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginTop: \"10px\",\r\n                              marginLeft: \"2%\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            Contact <span style={{ color: \"red\", marginLeft: \"83px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                              *\r\n                            </span>\r\n                          </h5>\r\n                          <button\r\n                            id=\"edit-btn-contact\"\r\n                            type=\"button\"\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            onClick={() => { this.setState({ formErrors: \"\", ButtonDisabled: false }); document.getElementById(\"ContactInfo\").reset(); this.contactEd(); }}\r\n                          >\r\n                            {contactEd ? (\r\n                              <i className=\"icofont icofont-close\" onClick={() => document.getElementById(\"ContactInfo\").reset()}></i>\r\n                            ) : (\r\n                              <i className=\"icofont icofont-edit\"></i>\r\n                            )}\r\n                          </button>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          <div id=\"view-contact\" style={{ display: contactEd ? \"none\" : \"block\" }}>\r\n                            <div className=\"col-lg-12\">\r\n                              {/* vfv */}\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Official Email </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable\r\n                                        style={{ overflowWrap: \"break-word\" }}\r\n                                      >\r\n                                        {profile.email}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Personal Email </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable\r\n                                        style={{ overflowWrap: \"break-word\" }}\r\n                                      >\r\n                                        {profile.officialEmail}{\" \"}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Phone Number </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.homeNumber}</lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Office Number </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.phoneNumber}</lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    <span> Alternate Phone Number </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.alternatePhoneNo}</lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div id=\"edit-contact\" style={{ display: contactEd ? \"block\" : \"none\" }}>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"general-info\">\r\n                                <form\r\n                                  autoComplete=\"off\"\r\n                                  onSubmit={this.ContactEdit}\r\n                                  id=\"ContactInfo\"\r\n                                >\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              style={{\r\n                                                width: \"82%\",\r\n                                                pointerEvents: \"none\",\r\n                                              }}\r\n                                              type=\"text\"\r\n                                              id=\"PersonalEmail\"\r\n                                              name=\"Email\"\r\n                                              value={profile.email}\r\n                                              onChange={\r\n                                                this.handleContactchange\r\n                                              }\r\n                                              placeholder=\"Personal Email  \"\r\n                                            />\r\n                                          ))}\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Official Email\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              *\r\n                                            </span>\r\n                                          </span>\r\n                                          <br />\r\n                                        </div>\r\n                                        <br />\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              maxLength=\"10\"\r\n                                              style={{ width: \"82%\" }}\r\n                                              type=\"text\"\r\n                                              id=\"PhoneNumber\"\r\n                                              name=\"PhoneNumber\"\r\n                                              onKeyPress={(event) => {\r\n                                                const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                                if (isLetter) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              onInputCapture={(event) => {\r\n                                                if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                                  event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                                }\r\n                                              }}\r\n                                              defaultValue={profile.phoneNumber}\r\n                                              onChange={\r\n                                                this.handleContactchange\r\n                                              }\r\n                                              placeholder=\"Office Number \"\r\n                                            />\r\n                                          ))}\r\n                                          <br />{\" \"}\r\n                                          {!contactphnerr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Office Number\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {contactphnerr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>{\" \"}\r\n                                        <br />\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              maxLength=\"10\"\r\n                                              style={{ width: \"82%\" }}\r\n                                              type=\"text\"\r\n                                              id=\"HomeNumber\"\r\n                                              name=\"HomeNumber\"\r\n                                              onKeyPress={(event) => {\r\n                                                // Check if the pressed key is a letter\r\n                                                const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                                // Prevent the default action if a letter is pressed\r\n                                                if (isLetter) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              onInputCapture={(event) => {\r\n                                                if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                                  event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                                }\r\n                                              }}\r\n                                              defaultValue={profile.homeNumber}\r\n                                              onChange={\r\n                                                this.handleContactchange\r\n                                              }\r\n                                              placeholder=\"Phone Number \"\r\n                                            />\r\n                                          ))}\r\n                                          <br />{\" \"}\r\n                                          {!HomeErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Phone Number\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {HomeErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>{\" \"}\r\n                                        <br />\r\n                                      </div>\r\n\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              style={{ width: \"82%\" }}\r\n                                              type=\"text\"\r\n                                              id=\"OfficialEmail\"\r\n                                              name=\"OfficialEmail\"\r\n                                              defaultValue={\r\n                                                profile.officialEmail\r\n                                              }\r\n                                              placeholder=\"-\"\r\n                                              onChange={\r\n                                                this.handleContactchange\r\n                                              }\r\n                                            />\r\n                                          ))}\r\n                                          <br />\r\n\r\n                                          {!officialEmailerr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Personal Email\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {officialEmailerr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <br />\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              maxLength=\"10\"\r\n                                              style={{ width: \"82%\" }}\r\n                                              type=\"text\"\r\n                                              id=\"AlternatePhoneNo\"\r\n                                              onChange={\r\n                                                this.handleContactchange\r\n                                              }\r\n                                              defaultValue={\r\n                                                profile.alternatePhoneNo\r\n                                              }\r\n                                              name=\"AlternatePhoneNo\"\r\n                                              onKeyPress={(event) => {\r\n                                                const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                                if (isLetter) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              onInputCapture={(event) => {\r\n                                                if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                                  event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                                }\r\n                                              }}\r\n                                            // placeholder=\"-\"\r\n                                            />\r\n                                          ))}\r\n                                          <br />{\" \"}\r\n                                          {!AlternatePhoneNoerr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Alternate Phone Number\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {AlternatePhoneNoerr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <br />\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div>\r\n                                    <br /> <br />\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row  justify-content-center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          disabled={this.state.ButtonDisabled}\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={() =>\r\n                                            this.setState({ formErrors: \"\" })\r\n                                          }\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      {/* Address  */}\r\n                      <div className=\"card\">\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginTop: \"10px\",\r\n                              marginLeft: \"2%\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            Address  <span style={{ color: \"red\", marginLeft: \"83px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                              *\r\n                            </span>\r\n                          </h5>\r\n                          <button\r\n                            id=\"edit-btn-Address\"\r\n                            type=\"button\"\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            onClick={() => {\r\n                              this.setState({ formErrors: \"\", ButtonDisabled: false });\r\n                              document.getElementById(\"AddressInfo\").reset();\r\n                              this.HandleHouse(); // Call HandleHouse method\r\n                              this.Getvalue(); // Call Getvalue method\r\n                              this.AddressEd(); // Call AddressEd method\r\n                            }}\r\n                          >\r\n                            {addressEd ? (\r\n                              <i\r\n                                className=\"icofont icofont-close\"\r\n                                onClick={() => {\r\n                                  document.getElementById(\"AddressInfo\").reset();\r\n                                  this.profilelist();\r\n                                }}\r\n                              ></i>\r\n                            ) : (\r\n                              <i\r\n                                className=\"icofont icofont-edit\"\r\n                                onClick={() => {\r\n                                  this.profilelist();\r\n                                }}\r\n                              ></i>\r\n                            )}\r\n                          </button>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          <div id=\"view-Address\" style={{ display: addressEd ? \"none\" : \"block\" }}>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Current Address </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable style={{ wordWrap: \"break-word\" }}>\r\n                                        {profile.currentAddress}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Permanent Address </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable style={{ wordWrap: \"break-word\" }}>\r\n                                        {profile.permanentAddress}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              {/* City */}\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> City </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.currentAddress_City}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span>City</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.permanentAddress_City}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              {/* Country */}\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> State </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.currentAddress_State}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span>State</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.permanentAddress_State}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              {/* Country */}\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Country </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.currentAddress_Country}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span>Country</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.permanentAddress_Country}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />{\" \"}\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Pincode </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.currentAddress_Pincode}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span>Pincode</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.permanentAddress_Pincode}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> HouseType </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.houseType}</lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Staying Since </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.stayingSince}</lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n\r\n                        <div id=\"edit-Address\" style={{ display: addressEd ? \"block\" : \"none\" }}>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"general-info\">\r\n                                <form\r\n                                  autoComplete=\"off\"\r\n                                  onSubmit={this.AddressEdit}\r\n                                  id=\"AddressInfo\"\r\n                                >\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-6\">\r\n                                      <div className=\"row\">\r\n                                        <h5 style={{ marginLeft: \"13px\" }}>\r\n                                          Current Address\r\n                                        </h5>\r\n                                        <div className=\"col-12 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <textarea\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              onChange={\r\n                                                this.handleAddresschange\r\n                                              }\r\n                                              defaultValue={\r\n                                                profile.currentAddress\r\n                                              }\r\n                                              name=\"CurrentAddress\"\r\n                                              id=\"CurrentAddress\"\r\n                                              type=\"text\"\r\n                                              placeholder=\"Current Address\"\r\n                                            />\r\n                                          ))}\r\n                                          {!CurrentAddress ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Current Address{\" \"}\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {CurrentAddress}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              onInputCapture={(event) => {\r\n                                                if (\r\n                                                  !/[a-zA-Z\\s ]+/.test(\r\n                                                    event.key\r\n                                                  )\r\n                                                ) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              type=\"text\"\r\n                                              id=\"CurrentAddress_City\"\r\n                                              name=\"CurrentAddress_City\"\r\n                                              defaultValue={\r\n                                                profile.currentAddress_City\r\n                                              }\r\n                                              placeholder=\"City \"\r\n                                              onChange={\r\n                                                this.handleAddresschange\r\n                                              }\r\n                                            />\r\n                                          ))}\r\n                                          <br />{\" \"}\r\n                                          {!CurrentAddress_City ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              City\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {CurrentAddress_City}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              id=\"CurrentAddress_Country\"\r\n                                              name=\"CurrentAddress_Country\"\r\n                                              defaultValue={\r\n                                                profile.currentAddress_Country\r\n                                              }\r\n                                              data-default-value={profile.currentAddress_Country || \"\"}\r\n                                              onChange={\r\n                                                this.handleAddresschange\r\n                                              }\r\n                                              onChangeCapture={this.handleChange}\r\n                                              type=\"text\"\r\n                                              // onChange={\r\n                                              //   this.handleAddresschange\r\n                                              // }\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' }),\r\n                                                marginTop:'3.5px'\r\n                                              }}\r\n                                            >\r\n                                              <option hidden>{profile.currentAddress_Country}</option>\r\n                                              <option value=\"\">Select</option>\r\n                                              <option value=\"Afghanistan\">\r\n                                                Afghanistan\r\n                                              </option>\r\n                                              <option value=\"Åland Islands\">\r\n                                                Åland Islands\r\n                                              </option>\r\n                                              <option value=\"Albania\">\r\n                                                Albania\r\n                                              </option>\r\n                                              <option value=\"Algeria\">\r\n                                                Algeria\r\n                                              </option>\r\n                                              <option value=\"American Samoa\">\r\n                                                American Samoa\r\n                                              </option>\r\n                                              <option value=\"Andorra\">\r\n                                                Andorra\r\n                                              </option>\r\n                                              <option value=\"Angola\">\r\n                                                Angola\r\n                                              </option>\r\n                                              <option value=\"Anguilla\">\r\n                                                Anguilla\r\n                                              </option>\r\n                                              <option value=\"Antarctica\">\r\n                                                Antarctica\r\n                                              </option>\r\n                                              <option value=\"Antigua and Barbuda\">\r\n                                                Antigua and Barbuda\r\n                                              </option>\r\n                                              <option value=\"Argentina\">\r\n                                                Argentina\r\n                                              </option>\r\n                                              <option value=\"Armenia\">\r\n                                                Armenia\r\n                                              </option>\r\n                                              <option value=\"Aruba\">\r\n                                                Aruba\r\n                                              </option>\r\n                                              <option value=\"Australia\">\r\n                                                Australia\r\n                                              </option>\r\n                                              <option value=\"Austria\">\r\n                                                Austria\r\n                                              </option>\r\n                                              <option value=\"Azerbaijan\">\r\n                                                Azerbaijan\r\n                                              </option>\r\n                                              <option value=\"Bahamas\">\r\n                                                Bahamas\r\n                                              </option>\r\n                                              <option value=\"Bahrain\">\r\n                                                Bahrain\r\n                                              </option>\r\n                                              <option value=\"Bangladesh\">\r\n                                                Bangladesh\r\n                                              </option>\r\n                                              <option value=\"Barbados\">\r\n                                                Barbados\r\n                                              </option>\r\n                                              <option value=\"Belarus\">\r\n                                                Belarus\r\n                                              </option>\r\n                                              <option value=\"Belgium\">\r\n                                                Belgium\r\n                                              </option>\r\n                                              <option value=\"Belize\">\r\n                                                Belize\r\n                                              </option>\r\n                                              <option value=\"Benin\">\r\n                                                Benin\r\n                                              </option>\r\n                                              <option value=\"Bermuda\">\r\n                                                Bermuda\r\n                                              </option>\r\n                                              <option value=\"Bhutan\">\r\n                                                Bhutan\r\n                                              </option>\r\n                                              <option value=\"Bolivia\">\r\n                                                Bolivia\r\n                                              </option>\r\n                                              <option value=\"Bosnia and Herzegovina\">\r\n                                                Bosnia and Herzegovina\r\n                                              </option>\r\n                                              <option value=\"Botswana\">\r\n                                                Botswana\r\n                                              </option>\r\n                                              <option value=\"Bouvet Island\">\r\n                                                Bouvet Island\r\n                                              </option>\r\n                                              <option value=\"Brazil\">\r\n                                                Brazil\r\n                                              </option>\r\n                                              <option value=\"British Indian Ocean Territory\">\r\n                                                British Indian Ocean Territory\r\n                                              </option>\r\n                                              <option value=\"Brunei Darussalam\">\r\n                                                Brunei Darussalam\r\n                                              </option>\r\n                                              <option value=\"Bulgaria\">\r\n                                                Bulgaria\r\n                                              </option>\r\n                                              <option value=\"Burkina Faso\">\r\n                                                Burkina Faso\r\n                                              </option>\r\n                                              <option value=\"Burundi\">\r\n                                                Burundi\r\n                                              </option>\r\n                                              <option value=\"Cambodia\">\r\n                                                Cambodia\r\n                                              </option>\r\n                                              <option value=\"Cameroon\">\r\n                                                Cameroon\r\n                                              </option>\r\n                                              <option value=\"Canada\">\r\n                                                Canada\r\n                                              </option>\r\n                                              <option value=\"Cape Verde\">\r\n                                                Cape Verde\r\n                                              </option>\r\n                                              <option value=\"Cayman Islands\">\r\n                                                Cayman Islands\r\n                                              </option>\r\n                                              <option value=\"Central African Republic\">\r\n                                                Central African Republic\r\n                                              </option>\r\n                                              <option value=\"Chad\">Chad</option>\r\n                                              <option value=\"Chile\">\r\n                                                Chile\r\n                                              </option>\r\n                                              <option value=\"China\">\r\n                                                China\r\n                                              </option>\r\n                                              <option value=\"Christmas Island\">\r\n                                                Christmas Island\r\n                                              </option>\r\n                                              <option value=\"Cocos (Keeling) Islands\">\r\n                                                Cocos (Keeling) Islands\r\n                                              </option>\r\n                                              <option value=\"Colombia\">\r\n                                                Colombia\r\n                                              </option>\r\n                                              <option value=\"Comoros\">\r\n                                                Comoros\r\n                                              </option>\r\n                                              <option value=\"Congo\">\r\n                                                Congo\r\n                                              </option>\r\n                                              <option value=\"Congo, The Democratic Republic of The\">\r\n                                                Congo, The Democratic Republic\r\n                                                of The\r\n                                              </option>\r\n                                              <option value=\"Cook Islands\">\r\n                                                Cook Islands\r\n                                              </option>\r\n                                              <option value=\"Costa Rica\">\r\n                                                Costa Rica\r\n                                              </option>\r\n                                              <option value=\"Cote D'ivoire\">\r\n                                                Cote D'ivoire\r\n                                              </option>\r\n                                              <option value=\"Croatia\">\r\n                                                Croatia\r\n                                              </option>\r\n                                              <option value=\"Cuba\">Cuba</option>\r\n                                              <option value=\"Cyprus\">\r\n                                                Cyprus\r\n                                              </option>\r\n                                              <option value=\"Czech Republic\">\r\n                                                Czech Republic\r\n                                              </option>\r\n                                              <option value=\"Denmark\">\r\n                                                Denmark\r\n                                              </option>\r\n                                              <option value=\"Djibouti\">\r\n                                                Djibouti\r\n                                              </option>\r\n                                              <option value=\"Dominica\">\r\n                                                Dominica\r\n                                              </option>\r\n                                              <option value=\"Dominican Republic\">\r\n                                                Dominican Republic\r\n                                              </option>\r\n                                              <option value=\"Ecuador\">\r\n                                                Ecuador\r\n                                              </option>\r\n                                              <option value=\"Egypt\">\r\n                                                Egypt\r\n                                              </option>\r\n                                              <option value=\"El Salvador\">\r\n                                                El Salvador\r\n                                              </option>\r\n                                              <option value=\"Equatorial Guinea\">\r\n                                                Equatorial Guinea\r\n                                              </option>\r\n                                              <option value=\"Eritrea\">\r\n                                                Eritrea\r\n                                              </option>\r\n                                              <option value=\"Estonia\">\r\n                                                Estonia\r\n                                              </option>\r\n                                              <option value=\"Ethiopia\">\r\n                                                Ethiopia\r\n                                              </option>\r\n                                              <option value=\"Falkland Islands (Malvinas)\">\r\n                                                Falkland Islands (Malvinas)\r\n                                              </option>\r\n                                              <option value=\"Faroe Islands\">\r\n                                                Faroe Islands\r\n                                              </option>\r\n                                              <option value=\"Fiji\">Fiji</option>\r\n                                              <option value=\"Finland\">\r\n                                                Finland\r\n                                              </option>\r\n                                              <option value=\"France\">\r\n                                                France\r\n                                              </option>\r\n                                              <option value=\"French Guiana\">\r\n                                                French Guiana\r\n                                              </option>\r\n                                              <option value=\"French Polynesia\">\r\n                                                French Polynesia\r\n                                              </option>\r\n                                              <option value=\"French Southern Territories\">\r\n                                                French Southern Territories\r\n                                              </option>\r\n                                              <option value=\"Gabon\">\r\n                                                Gabon\r\n                                              </option>\r\n                                              <option value=\"Gambia\">\r\n                                                Gambia\r\n                                              </option>\r\n                                              <option value=\"Georgia\">\r\n                                                Georgia\r\n                                              </option>\r\n                                              <option value=\"Germany\">\r\n                                                Germany\r\n                                              </option>\r\n                                              <option value=\"Ghana\">\r\n                                                Ghana\r\n                                              </option>\r\n                                              <option value=\"Gibraltar\">\r\n                                                Gibraltar\r\n                                              </option>\r\n                                              <option value=\"Greece\">\r\n                                                Greece\r\n                                              </option>\r\n                                              <option value=\"Greenland\">\r\n                                                Greenland\r\n                                              </option>\r\n                                              <option value=\"Grenada\">\r\n                                                Grenada\r\n                                              </option>\r\n                                              <option value=\"Guadeloupe\">\r\n                                                Guadeloupe\r\n                                              </option>\r\n                                              <option value=\"Guam\">Guam</option>\r\n                                              <option value=\"Guatemala\">\r\n                                                Guatemala\r\n                                              </option>\r\n                                              <option value=\"Guernsey\">\r\n                                                Guernsey\r\n                                              </option>\r\n                                              <option value=\"Guinea\">\r\n                                                Guinea\r\n                                              </option>\r\n                                              <option value=\"Guinea-bissau\">\r\n                                                Guinea-bissau\r\n                                              </option>\r\n                                              <option value=\"Guyana\">\r\n                                                Guyana\r\n                                              </option>\r\n                                              <option value=\"Haiti\">\r\n                                                Haiti\r\n                                              </option>\r\n                                              <option value=\"Heard Island and Mcdonald Islands\">\r\n                                                Heard Island and Mcdonald\r\n                                                Islands\r\n                                              </option>\r\n                                              <option value=\"Holy See (Vatican City State)\">\r\n                                                Holy See (Vatican City State)\r\n                                              </option>\r\n                                              <option value=\"Honduras\">\r\n                                                Honduras\r\n                                              </option>\r\n                                              <option value=\"Hong Kong\">\r\n                                                Hong Kong\r\n                                              </option>\r\n                                              <option value=\"Hungary\">\r\n                                                Hungary\r\n                                              </option>\r\n                                              <option value=\"Iceland\">\r\n                                                Iceland\r\n                                              </option>\r\n                                              <option value=\"India\">\r\n                                                India\r\n                                              </option>\r\n                                              <option value=\"Indonesia\">\r\n                                                Indonesia\r\n                                              </option>\r\n                                              <option value=\"Iran, Islamic Republic of\">\r\n                                                Iran, Islamic Republic of\r\n                                              </option>\r\n                                              <option value=\"Iraq\">Iraq</option>\r\n                                              <option value=\"Ireland\">\r\n                                                Ireland\r\n                                              </option>\r\n                                              <option value=\"Isle of Man\">\r\n                                                Isle of Man\r\n                                              </option>\r\n                                              <option value=\"Israel\">\r\n                                                Israel\r\n                                              </option>\r\n                                              <option value=\"Italy\">\r\n                                                Italy\r\n                                              </option>\r\n                                              <option value=\"Jamaica\">\r\n                                                Jamaica\r\n                                              </option>\r\n                                              <option value=\"Japan\">\r\n                                                Japan\r\n                                              </option>\r\n                                              <option value=\"Jersey\">\r\n                                                Jersey\r\n                                              </option>\r\n                                              <option value=\"Jordan\">\r\n                                                Jordan\r\n                                              </option>\r\n                                              <option value=\"Kazakhstan\">\r\n                                                Kazakhstan\r\n                                              </option>\r\n                                              <option value=\"Kenya\">\r\n                                                Kenya\r\n                                              </option>\r\n                                              <option value=\"Kiribati\">\r\n                                                Kiribati\r\n                                              </option>\r\n                                              <option value=\"Korea, Democratic People's Republic of\">\r\n                                                Korea, Democratic People's\r\n                                                Republic of\r\n                                              </option>\r\n                                              <option value=\"Korea, Republic of\">\r\n                                                Korea, Republic of\r\n                                              </option>\r\n                                              <option value=\"Kuwait\">\r\n                                                Kuwait\r\n                                              </option>\r\n                                              <option value=\"Kyrgyzstan\">\r\n                                                Kyrgyzstan\r\n                                              </option>\r\n                                              <option value=\"Lao People's Democratic Republic\">\r\n                                                Lao People's Democratic Republic\r\n                                              </option>\r\n                                              <option value=\"Latvia\">\r\n                                                Latvia\r\n                                              </option>\r\n                                              <option value=\"Lebanon\">\r\n                                                Lebanon\r\n                                              </option>\r\n                                              <option value=\"Lesotho\">\r\n                                                Lesotho\r\n                                              </option>\r\n                                              <option value=\"Liberia\">\r\n                                                Liberia\r\n                                              </option>\r\n                                              <option value=\"Libyan Arab Jamahiriya\">\r\n                                                Libyan Arab Jamahiriya\r\n                                              </option>\r\n                                              <option value=\"Liechtenstein\">\r\n                                                Liechtenstein\r\n                                              </option>\r\n                                              <option value=\"Lithuania\">\r\n                                                Lithuania\r\n                                              </option>\r\n                                              <option value=\"Luxembourg\">\r\n                                                Luxembourg\r\n                                              </option>\r\n                                              <option value=\"Macao\">\r\n                                                Macao\r\n                                              </option>\r\n                                              <option value=\"Macedonia, The Former Yugoslav Republic of\">\r\n                                                Macedonia, The Former Yugoslav\r\n                                                Republic of\r\n                                              </option>\r\n                                              <option value=\"Madagascar\">\r\n                                                Madagascar\r\n                                              </option>\r\n                                              <option value=\"Malawi\">\r\n                                                Malawi\r\n                                              </option>\r\n                                              <option value=\"Malaysia\">\r\n                                                Malaysia\r\n                                              </option>\r\n                                              <option value=\"Maldives\">\r\n                                                Maldives\r\n                                              </option>\r\n                                              <option value=\"Mali\">Mali</option>\r\n                                              <option value=\"Malta\">\r\n                                                Malta\r\n                                              </option>\r\n                                              <option value=\"Marshall Islands\">\r\n                                                Marshall Islands\r\n                                              </option>\r\n                                              <option value=\"Martinique\">\r\n                                                Martinique\r\n                                              </option>\r\n                                              <option value=\"Mauritania\">\r\n                                                Mauritania\r\n                                              </option>\r\n                                              <option value=\"Mauritius\">\r\n                                                Mauritius\r\n                                              </option>\r\n                                              <option value=\"Mayotte\">\r\n                                                Mayotte\r\n                                              </option>\r\n                                              <option value=\"Mexico\">\r\n                                                Mexico\r\n                                              </option>\r\n                                              <option value=\"Micronesia, Federated States of\">\r\n                                                Micronesia, Federated States of\r\n                                              </option>\r\n                                              <option value=\"Moldova, Republic of\">\r\n                                                Moldova, Republic of\r\n                                              </option>\r\n                                              <option value=\"Monaco\">\r\n                                                Monaco\r\n                                              </option>\r\n                                              <option value=\"Mongolia\">\r\n                                                Mongolia\r\n                                              </option>\r\n                                              <option value=\"Montenegro\">\r\n                                                Montenegro\r\n                                              </option>\r\n                                              <option value=\"Montserrat\">\r\n                                                Montserrat\r\n                                              </option>\r\n                                              <option value=\"Morocco\">\r\n                                                Morocco\r\n                                              </option>\r\n                                              <option value=\"Mozambique\">\r\n                                                Mozambique\r\n                                              </option>\r\n                                              <option value=\"Myanmar\">\r\n                                                Myanmar\r\n                                              </option>\r\n                                              <option value=\"Namibia\">\r\n                                                Namibia\r\n                                              </option>\r\n                                              <option value=\"Nauru\">\r\n                                                Nauru\r\n                                              </option>\r\n                                              <option value=\"Nepal\">\r\n                                                Nepal\r\n                                              </option>\r\n                                              <option value=\"Netherlands\">\r\n                                                Netherlands\r\n                                              </option>\r\n                                              <option value=\"Netherlands Antilles\">\r\n                                                Netherlands Antilles\r\n                                              </option>\r\n                                              <option value=\"New Caledonia\">\r\n                                                New Caledonia\r\n                                              </option>\r\n                                              <option value=\"New Zealand\">\r\n                                                New Zealand\r\n                                              </option>\r\n                                              <option value=\"Nicaragua\">\r\n                                                Nicaragua\r\n                                              </option>\r\n                                              <option value=\"Niger\">\r\n                                                Niger\r\n                                              </option>\r\n                                              <option value=\"Nigeria\">\r\n                                                Nigeria\r\n                                              </option>\r\n                                              <option value=\"Niue\">Niue</option>\r\n                                              <option value=\"Norfolk Island\">\r\n                                                Norfolk Island\r\n                                              </option>\r\n                                              <option value=\"Northern Mariana Islands\">\r\n                                                Northern Mariana Islands\r\n                                              </option>\r\n                                              <option value=\"Norway\">\r\n                                                Norway\r\n                                              </option>\r\n                                              <option value=\"Oman\">Oman</option>\r\n                                              <option value=\"Pakistan\">\r\n                                                Pakistan\r\n                                              </option>\r\n                                              <option value=\"Palau\">\r\n                                                Palau\r\n                                              </option>\r\n                                              <option value=\"Palestinian Territory, Occupied\">\r\n                                                Palestinian Territory, Occupied\r\n                                              </option>\r\n                                              <option value=\"Panama\">\r\n                                                Panama\r\n                                              </option>\r\n                                              <option value=\"Papua New Guinea\">\r\n                                                Papua New Guinea\r\n                                              </option>\r\n                                              <option value=\"Paraguay\">\r\n                                                Paraguay\r\n                                              </option>\r\n                                              <option value=\"Peru\">Peru</option>\r\n                                              <option value=\"Philippines\">\r\n                                                Philippines\r\n                                              </option>\r\n                                              <option value=\"Pitcairn\">\r\n                                                Pitcairn\r\n                                              </option>\r\n                                              <option value=\"Poland\">\r\n                                                Poland\r\n                                              </option>\r\n                                              <option value=\"Portugal\">\r\n                                                Portugal\r\n                                              </option>\r\n                                              <option value=\"Puerto Rico\">\r\n                                                Puerto Rico\r\n                                              </option>\r\n                                              <option value=\"Qatar\">\r\n                                                Qatar\r\n                                              </option>\r\n                                              <option value=\"Reunion\">\r\n                                                Reunion\r\n                                              </option>\r\n                                              <option value=\"Romania\">\r\n                                                Romania\r\n                                              </option>\r\n                                              <option value=\"Russian Federation\">\r\n                                                Russian Federation\r\n                                              </option>\r\n                                              <option value=\"Rwanda\">\r\n                                                Rwanda\r\n                                              </option>\r\n                                              <option value=\"Saint Helena\">\r\n                                                Saint Helena\r\n                                              </option>\r\n                                              <option value=\"Saint Kitts and Nevis\">\r\n                                                Saint Kitts and Nevis\r\n                                              </option>\r\n                                              <option value=\"Saint Lucia\">\r\n                                                Saint Lucia\r\n                                              </option>\r\n                                              <option value=\"Saint Pierre and Miquelon\">\r\n                                                Saint Pierre and Miquelon\r\n                                              </option>\r\n                                              <option value=\"Saint Vincent and The Grenadines\">\r\n                                                Saint Vincent and The Grenadines\r\n                                              </option>\r\n                                              <option value=\"Samoa\">\r\n                                                Samoa\r\n                                              </option>\r\n                                              <option value=\"San Marino\">\r\n                                                San Marino\r\n                                              </option>\r\n                                              <option value=\"Sao Tome and Principe\">\r\n                                                Sao Tome and Principe\r\n                                              </option>\r\n                                              <option value=\"Saudi Arabia\">\r\n                                                Saudi Arabia\r\n                                              </option>\r\n                                              <option value=\"Senegal\">\r\n                                                Senegal\r\n                                              </option>\r\n                                              <option value=\"Serbia\">\r\n                                                Serbia\r\n                                              </option>\r\n                                              <option value=\"Seychelles\">\r\n                                                Seychelles\r\n                                              </option>\r\n                                              <option value=\"Sierra Leone\">\r\n                                                Sierra Leone\r\n                                              </option>\r\n                                              <option value=\"Singapore\">\r\n                                                Singapore\r\n                                              </option>\r\n                                              <option value=\"Slovakia\">\r\n                                                Slovakia\r\n                                              </option>\r\n                                              <option value=\"Slovenia\">\r\n                                                Slovenia\r\n                                              </option>\r\n                                              <option value=\"Solomon Islands\">\r\n                                                Solomon Islands\r\n                                              </option>\r\n                                              <option value=\"Somalia\">\r\n                                                Somalia\r\n                                              </option>\r\n                                              <option value=\"South Africa\">\r\n                                                South Africa\r\n                                              </option>\r\n                                              <option value=\"South Georgia and The South Sandwich Islands\">\r\n                                                South Georgia and The South\r\n                                                Sandwich Islands\r\n                                              </option>\r\n                                              <option value=\"Spain\">\r\n                                                Spain\r\n                                              </option>\r\n                                              <option value=\"Sri Lanka\">\r\n                                                Sri Lanka\r\n                                              </option>\r\n                                              <option value=\"Sudan\">\r\n                                                Sudan\r\n                                              </option>\r\n                                              <option value=\"Suriname\">\r\n                                                Suriname\r\n                                              </option>\r\n                                              <option value=\"Svalbard and Jan Mayen\">\r\n                                                Svalbard and Jan Mayen\r\n                                              </option>\r\n                                              <option value=\"Swaziland\">\r\n                                                Swaziland\r\n                                              </option>\r\n                                              <option value=\"Sweden\">\r\n                                                Sweden\r\n                                              </option>\r\n                                              <option value=\"Switzerland\">\r\n                                                Switzerland\r\n                                              </option>\r\n                                              <option value=\"Syrian Arab Republic\">\r\n                                                Syrian Arab Republic\r\n                                              </option>\r\n                                              <option value=\"Taiwan, Province of China\">\r\n                                                Taiwan, Province of China\r\n                                              </option>\r\n                                              <option value=\"Tajikistan\">\r\n                                                Tajikistan\r\n                                              </option>\r\n                                              <option value=\"Tanzania, United Republic of\">\r\n                                                Tanzania, United Republic of\r\n                                              </option>\r\n                                              <option value=\"Thailand\">\r\n                                                Thailand\r\n                                              </option>\r\n                                              <option value=\"Timor-leste\">\r\n                                                Timor-leste\r\n                                              </option>\r\n                                              <option value=\"Togo\">Togo</option>\r\n                                              <option value=\"Tokelau\">\r\n                                                Tokelau\r\n                                              </option>\r\n                                              <option value=\"Tonga\">\r\n                                                Tonga\r\n                                              </option>\r\n                                              <option value=\"Trinidad and Tobago\">\r\n                                                Trinidad and Tobago\r\n                                              </option>\r\n                                              <option value=\"Tunisia\">\r\n                                                Tunisia\r\n                                              </option>\r\n                                              <option value=\"Turkey\">\r\n                                                Turkey\r\n                                              </option>\r\n                                              <option value=\"Turkmenistan\">\r\n                                                Turkmenistan\r\n                                              </option>\r\n                                              <option value=\"Turks and Caicos Islands\">\r\n                                                Turks and Caicos Islands\r\n                                              </option>\r\n                                              <option value=\"Tuvalu\">\r\n                                                Tuvalu\r\n                                              </option>\r\n                                              <option value=\"Uganda\">\r\n                                                Uganda\r\n                                              </option>\r\n                                              <option value=\"Ukraine\">\r\n                                                Ukraine\r\n                                              </option>\r\n                                              <option value=\"United Arab Emirates\">\r\n                                                United Arab Emirates\r\n                                              </option>\r\n                                              <option value=\"United Kingdom\">\r\n                                                United Kingdom\r\n                                              </option>\r\n                                              <option value=\"United States\">\r\n                                                United States\r\n                                              </option>\r\n                                              <option value=\"United States Minor Outlying Islands\">\r\n                                                United States Minor Outlying\r\n                                                Islands\r\n                                              </option>\r\n                                              <option value=\"Uruguay\">\r\n                                                Uruguay\r\n                                              </option>\r\n                                              <option value=\"Uzbekistan\">\r\n                                                Uzbekistan\r\n                                              </option>\r\n                                              <option value=\"Vanuatu\">\r\n                                                Vanuatu\r\n                                              </option>\r\n                                              <option value=\"Venezuela\">\r\n                                                Venezuela\r\n                                              </option>\r\n                                              <option value=\"Viet Nam\">\r\n                                                Viet Nam\r\n                                              </option>\r\n                                              <option value=\"Virgin Islands, British\">\r\n                                                Virgin Islands, British\r\n                                              </option>\r\n                                              <option value=\"Virgin Islands, U.S.\">\r\n                                                Virgin Islands, U.S.\r\n                                              </option>\r\n                                              <option value=\"Wallis and Futuna\">\r\n                                                Wallis and Futuna\r\n                                              </option>\r\n                                              <option value=\"Western Sahara\">\r\n                                                Western Sahara\r\n                                              </option>\r\n                                              <option value=\"Yemen\">\r\n                                                Yemen\r\n                                              </option>\r\n                                              <option value=\"Zambia\">\r\n                                                Zambia\r\n                                              </option>\r\n                                              <option value=\"Zimbabwe\">\r\n                                                Zimbabwe\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}\r\n                                          <br />\r\n                                          {!CurrentAddress_Country ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Country\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {CurrentAddress_Country}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <>\r\n                                              {this.state.isSelected ? (\r\n                                                <select\r\n                                                  id=\"CurrentAddress_State\"\r\n                                                  name=\"CurrentAddress_State\"\r\n                                                  className=\"effect-16\"\r\n                                                  onChange={(e) => {\r\n                                                    this.handleAddresschange(e);\r\n                                                    // this.AutoCaps(e);\r\n                                                  }}\r\n                                                  // onFocus={this.handleFocus}\r\n                                                  defaultValue={\r\n                                                    profile.currentAddress_State\r\n                                                  }\r\n                                                  data-default-value={profile.currentAddress_State || \"\"}\r\n                                                  onKeyPress={(event) => {\r\n                                                    if (\r\n                                                      !/[a-zA-Z\\s ]+/.test(\r\n                                                        event.key\r\n                                                      )\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                  style={{\r\n                                                    // Apply the marginLeft style only if the browser is Chrome\r\n                                                    ...(isChrome && { marginLeft: '-3px'}),\r\n                                                    marginTop:'3.5px' \r\n                                                  }}\r\n                                                >\r\n                                                  <option hidden>{profile.currentAddress_State}</option>\r\n                                                  <option value=\"\">\r\n                                                    Select state\r\n                                                  </option>\r\n                                                  <option value=\"Andaman and Nicobar Islands\">\r\n                                                    Andaman and Nicobar Islands\r\n                                                  </option>\r\n                                                  <option value=\"Andhra Pradesh\">\r\n                                                    Andhra Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Arunachal Pradesh\">\r\n                                                    Arunachal Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Assam\">\r\n                                                    Assam\r\n                                                  </option>\r\n                                                  <option value=\"Bihar\">\r\n                                                    Bihar\r\n                                                  </option>\r\n                                                  <option value=\"Chandigarh\">\r\n                                                    Chandigarh\r\n                                                  </option>\r\n                                                  <option value=\"Chhattisgarh\">\r\n                                                    Chhattisgarh\r\n                                                  </option>\r\n                                                  <option value=\"Dadra and Nagar Haveli\">\r\n                                                    Dadra and Nagar Haveli\r\n                                                  </option>\r\n                                                  <option value=\"Daman and Diu\">\r\n                                                    Daman and Diu\r\n                                                  </option>\r\n                                                  <option value=\"Delhi\">\r\n                                                    Delhi\r\n                                                  </option>\r\n                                                  <option value=\"Goa\">\r\n                                                    Goa\r\n                                                  </option>\r\n                                                  <option value=\"Gujarat\">\r\n                                                    Gujarat\r\n                                                  </option>\r\n                                                  <option value=\"Haryana\">\r\n                                                    Haryana\r\n                                                  </option>\r\n                                                  <option value=\"Himachal Pradesh\">\r\n                                                    Himachal Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Jammu and Kashmir\">\r\n                                                    Jammu and Kashmir\r\n                                                  </option>\r\n                                                  <option value=\"Jharkhand\">\r\n                                                    Jharkhand\r\n                                                  </option>\r\n                                                  <option value=\"Karnataka\">\r\n                                                    Karnataka\r\n                                                  </option>\r\n                                                  <option value=\"Kerala\">\r\n                                                    Kerala\r\n                                                  </option>\r\n                                                  <option value=\"Ladakh\">\r\n                                                    Ladakh\r\n                                                  </option>\r\n                                                  <option value=\"Lakshadweep\">\r\n                                                    Lakshadweep\r\n                                                  </option>\r\n                                                  <option value=\"Madhya Pradesh\">\r\n                                                    Madhya Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Maharashtra\">\r\n                                                    Maharashtra\r\n                                                  </option>\r\n                                                  <option value=\"Manipur\">\r\n                                                    Manipur\r\n                                                  </option>\r\n                                                  <option value=\"Meghalaya\">\r\n                                                    Meghalaya\r\n                                                  </option>\r\n                                                  <option value=\"Mizoram\">\r\n                                                    Mizoram\r\n                                                  </option>\r\n                                                  <option value=\"Nagaland\">\r\n                                                    Nagaland\r\n                                                  </option>\r\n                                                  <option value=\"Odisha\">\r\n                                                    Odisha\r\n                                                  </option>\r\n                                                  <option value=\"Puducherry\">\r\n                                                    Puducherry\r\n                                                  </option>\r\n                                                  <option value=\"Punjab\">\r\n                                                    Punjab\r\n                                                  </option>\r\n                                                  <option value=\"Rajasthan\">\r\n                                                    Rajasthan\r\n                                                  </option>\r\n                                                  <option value=\"Sikkim\">\r\n                                                    Sikkim\r\n                                                  </option>\r\n                                                  <option value=\"Tamil Nadu\">\r\n                                                    Tamil Nadu\r\n                                                  </option>\r\n                                                  <option value=\"Telangana\">\r\n                                                    Telangana\r\n                                                  </option>\r\n                                                  <option value=\"Tripura\">\r\n                                                    Tripura\r\n                                                  </option>\r\n                                                  <option value=\"Uttar Pradesh\">\r\n                                                    Uttar Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Uttarakhand\">\r\n                                                    Uttarakhand\r\n                                                  </option>\r\n                                                  <option value=\"West Bengal\">\r\n                                                    West Bengal\r\n                                                  </option>\r\n                                                </select>\r\n                                              ) : (\r\n                                                <input\r\n                                                  className=\"effect-16\"\r\n                                                  onFocus={(e) =>\r\n                                                    e.target.select()\r\n                                                  }\r\n                                                  onInputCapture={(event) => {\r\n                                                    if (\r\n                                                      !/[a-zA-Z\\s ]+/.test(\r\n                                                        event.key\r\n                                                      )\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                  type=\"text\"\r\n                                                  id=\"CurrentAddress_State\"\r\n                                                  name=\"CurrentAddress_State\"\r\n                                                  defaultValue={\r\n                                                    profile.currentAddress_State\r\n                                                  }\r\n                                                  placeholder=\"State \"\r\n                                                  onChange={\r\n                                                    this.handleAddresschange\r\n                                                  }\r\n                                                />\r\n                                              )}\r\n                                            </>\r\n                                          ))}\r\n                                          {!CurrentAddress_State ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              State\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {CurrentAddress_State}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              type=\"text\"\r\n                                              id=\"CurrentAddress_Pincode\"\r\n                                              name=\"CurrentAddress_Pincode\"\r\n                                              onKeyPress={(event) => {\r\n                                                if (!/[0-9]/.test(event.key)) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              maxLength=\"6\"\r\n                                              defaultValue={\r\n                                                profile.currentAddress_Pincode\r\n                                              }\r\n                                              placeholder=\"Pincode \"\r\n                                              onInputCapture={(event) => {\r\n                                                if (!/[0-9]/.test(event.key)) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              onChange={\r\n                                                this.handleAddresschange\r\n                                              }\r\n                                            />\r\n                                          ))}\r\n                                          <br />{\" \"}\r\n                                          {!CurrentAddress_Pincode ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Pincode\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {CurrentAddress_Pincode}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              defaultValue={profile.houseType}\r\n                                              data-default-value={profile.houseType || \"\"}\r\n                                              onInputCapture={this.HandleHouse}\r\n                                              id=\"HouseType\"\r\n                                              name=\"HouseType\"\r\n                                              onChange={\r\n                                                this.handleAddresschange\r\n                                              }\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' }),\r\n                                                marginTop: '5px',\r\n                                              }}\r\n                                            >\r\n\r\n                                              <option value={profile.houseType} hidden>{profile.houseType}</option>\r\n                                              <option value=\"\">Select</option>\r\n                                              {HouseTypeDrop.map(\r\n                                                (HouseTypeDrop) => (\r\n                                                  <option\r\n                                                    value={\r\n                                                      HouseTypeDrop.housetype\r\n                                                    }\r\n                                                    selected={\r\n                                                      HouseTypeDrop.housetype ===\r\n                                                      profile.houseType\r\n                                                    }\r\n                                                  >\r\n                                                    {HouseTypeDrop.housetype}\r\n                                                  </option>\r\n                                                )\r\n                                              )}\r\n                                              <option value=\"others\">\r\n                                                Others\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}\r\n\r\n                                          <input\r\n                                            type=\"hidden\"\r\n                                            name=\"otherType\"\r\n                                            placeholder=\"House Type\"\r\n                                            className=\"form\"\r\n                                            id=\"HouseText\"\r\n                                            defaultValue={profile.houseType}\r\n                                            maxLength={30}\r\n                                            onChange={this.handleAddresschange}\r\n                                          />\r\n                                          <br />{\" \"}\r\n                                          {!HouseType ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              House Type\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {HouseType}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map(\r\n                                            (profile) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                type=\"date\"\r\n                                                name=\"StayingSince\"\r\n                                                max={new Date(\r\n                                                  new Date().getFullYear(),\r\n                                                  new Date().getMonth(),\r\n                                                  new Date().getDate()\r\n                                                )\r\n                                                  .toJSON()\r\n                                                  .slice(0, 10)}\r\n                                                defaultValue={this.reformatDate(\r\n                                                  profile.stayingSince\r\n                                                )}\r\n                                                id=\"StayingSince\"\r\n                                                placeholder=\"Staying Since\"\r\n                                                onChange={\r\n                                                  this.handleAddresschange\r\n                                                }\r\n                                              />\r\n                                            )\r\n\r\n                                            // <input className=\"effect-16\" onFocus={(e) => e.target.select()} max={new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() + 1).toJSON().slice(0, 10)} id=\"StayingSince\" type=\"text\" name=\"StayingSince\"\r\n                                            //   onFocus={(e) => { e.target.type = 'date' }} onBlur={(e) => { e.target.type = 'text'; e.target.value = this.formatDate(e.target.value) }} defaultValue={profile.stayingSince} placeholder=\"Staying Since\" onChange={this.handleAddresschange} />\r\n                                          )}\r\n                                          <br />{\" \"}\r\n                                          {!StayingSince ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Staying since\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {StayingSince}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n\r\n                                      <div\r\n                                        className=\"checkbox-fade fade-in-primary\"\r\n                                        style={{ marginLeft: \"10px\" }}\r\n                                      >\r\n                                        <label>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            onClick={this.handlecheckbox}\r\n                                            onClickCapture={\r\n                                              this.handleTextareaClick\r\n                                            }\r\n                                            name=\"SameAddress\"\r\n                                            id=\"SameAddress\"\r\n                                          />\r\n                                          <span className=\"cr\">\r\n                                            <i className=\"cr-icon icofont icofont-ui-check txt-primary\" />\r\n                                          </span>{\" \"}\r\n                                          <span>\r\n                                            Permanent address is the same as\r\n                                            current address\r\n                                          </span>\r\n                                        </label>\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-lg-6\">\r\n                                      <h5 style={{ marginLeft: \"10px\" }}>\r\n                                        Permanent Address\r\n                                      </h5>\r\n                                      <div className=\"col-12 input-effect\" style={{ marginLeft: \"-5px\" }}>\r\n                                        {profile.map((profile) => (\r\n                                          <textarea\r\n                                            className=\"effect-16\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            readOnly={this.state.isReadOnly}\r\n                                            onChange={this.handleChange}\r\n                                            defaultValue={\r\n                                              profile.permanentAddress\r\n                                            }\r\n                                            id=\"PermanentAddress\"\r\n                                            name=\"PermanentAddress\"\r\n                                            type=\"text\"\r\n                                          />\r\n                                        ))}\r\n                                        {!PermanentAddress ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Permanent Address{\" \"}\r\n\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {PermanentAddress}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n\r\n                                      <br />\r\n\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              disabled={this.state.isReadOnly}\r\n                                              onInputCapture={(event) => {\r\n                                                if (\r\n                                                  !/[a-zA-Z\\s ]+/.test(\r\n                                                    event.key\r\n                                                  )\r\n                                                ) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              type=\"text\"\r\n                                              id=\"PermanentAddress_City\"\r\n                                              name=\"PermanentAddress_City\"\r\n                                              defaultValue={\r\n                                                profile.permanentAddress_City\r\n                                              }\r\n                                            />\r\n                                          ))}{\" \"}\r\n                                          {!PermanentAddress_City ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              City\r\n\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {PermanentAddress_City}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              id=\"PermanentAddress_Country\"\r\n                                              disabled={this.state.isReadOnly}\r\n                                              name=\"PermanentAddress_Country\"\r\n                                              defaultValue={\r\n                                                profile.permanentAddress_Country\r\n                                              }\r\n                                              data-default-value={profile.permanentAddress_Country || \"\"}\r\n                                              onChange={\r\n                                                this.handlePermanentAddress\r\n                                              }\r\n                                              type=\"text\"\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' })\r\n                                              }}\r\n                                            >\r\n                                              <option hidden>{profile.permanentAddress_Country}</option>\r\n                                              <option value=\"\">Select</option>\r\n                                              <option value=\"Afghanistan\">\r\n                                                Afghanistan\r\n                                              </option>\r\n                                              <option value=\"Åland Islands\">\r\n                                                Åland Islands\r\n                                              </option>\r\n                                              <option value=\"Albania\">\r\n                                                Albania\r\n                                              </option>\r\n                                              <option value=\"Algeria\">\r\n                                                Algeria\r\n                                              </option>\r\n                                              <option value=\"American Samoa\">\r\n                                                American Samoa\r\n                                              </option>\r\n                                              <option value=\"Andorra\">\r\n                                                Andorra\r\n                                              </option>\r\n                                              <option value=\"Angola\">\r\n                                                Angola\r\n                                              </option>\r\n                                              <option value=\"Anguilla\">\r\n                                                Anguilla\r\n                                              </option>\r\n                                              <option value=\"Antarctica\">\r\n                                                Antarctica\r\n                                              </option>\r\n                                              <option value=\"Antigua and Barbuda\">\r\n                                                Antigua and Barbuda\r\n                                              </option>\r\n                                              <option value=\"Argentina\">\r\n                                                Argentina\r\n                                              </option>\r\n                                              <option value=\"Armenia\">\r\n                                                Armenia\r\n                                              </option>\r\n                                              <option value=\"Aruba\">\r\n                                                Aruba\r\n                                              </option>\r\n                                              <option value=\"Australia\">\r\n                                                Australia\r\n                                              </option>\r\n                                              <option value=\"Austria\">\r\n                                                Austria\r\n                                              </option>\r\n                                              <option value=\"Azerbaijan\">\r\n                                                Azerbaijan\r\n                                              </option>\r\n                                              <option value=\"Bahamas\">\r\n                                                Bahamas\r\n                                              </option>\r\n                                              <option value=\"Bahrain\">\r\n                                                Bahrain\r\n                                              </option>\r\n                                              <option value=\"Bangladesh\">\r\n                                                Bangladesh\r\n                                              </option>\r\n                                              <option value=\"Barbados\">\r\n                                                Barbados\r\n                                              </option>\r\n                                              <option value=\"Belarus\">\r\n                                                Belarus\r\n                                              </option>\r\n                                              <option value=\"Belgium\">\r\n                                                Belgium\r\n                                              </option>\r\n                                              <option value=\"Belize\">\r\n                                                Belize\r\n                                              </option>\r\n                                              <option value=\"Benin\">\r\n                                                Benin\r\n                                              </option>\r\n                                              <option value=\"Bermuda\">\r\n                                                Bermuda\r\n                                              </option>\r\n                                              <option value=\"Bhutan\">\r\n                                                Bhutan\r\n                                              </option>\r\n                                              <option value=\"Bolivia\">\r\n                                                Bolivia\r\n                                              </option>\r\n                                              <option value=\"Bosnia and Herzegovina\">\r\n                                                Bosnia and Herzegovina\r\n                                              </option>\r\n                                              <option value=\"Botswana\">\r\n                                                Botswana\r\n                                              </option>\r\n                                              <option value=\"Bouvet Island\">\r\n                                                Bouvet Island\r\n                                              </option>\r\n                                              <option value=\"Brazil\">\r\n                                                Brazil\r\n                                              </option>\r\n                                              <option value=\"British Indian Ocean Territory\">\r\n                                                British Indian Ocean Territory\r\n                                              </option>\r\n                                              <option value=\"Brunei Darussalam\">\r\n                                                Brunei Darussalam\r\n                                              </option>\r\n                                              <option value=\"Bulgaria\">\r\n                                                Bulgaria\r\n                                              </option>\r\n                                              <option value=\"Burkina Faso\">\r\n                                                Burkina Faso\r\n                                              </option>\r\n                                              <option value=\"Burundi\">\r\n                                                Burundi\r\n                                              </option>\r\n                                              <option value=\"Cambodia\">\r\n                                                Cambodia\r\n                                              </option>\r\n                                              <option value=\"Cameroon\">\r\n                                                Cameroon\r\n                                              </option>\r\n                                              <option value=\"Canada\">\r\n                                                Canada\r\n                                              </option>\r\n                                              <option value=\"Cape Verde\">\r\n                                                Cape Verde\r\n                                              </option>\r\n                                              <option value=\"Cayman Islands\">\r\n                                                Cayman Islands\r\n                                              </option>\r\n                                              <option value=\"Central African Republic\">\r\n                                                Central African Republic\r\n                                              </option>\r\n                                              <option value=\"Chad\">Chad</option>\r\n                                              <option value=\"Chile\">\r\n                                                Chile\r\n                                              </option>\r\n                                              <option value=\"China\">\r\n                                                China\r\n                                              </option>\r\n                                              <option value=\"Christmas Island\">\r\n                                                Christmas Island\r\n                                              </option>\r\n                                              <option value=\"Cocos (Keeling) Islands\">\r\n                                                Cocos (Keeling) Islands\r\n                                              </option>\r\n                                              <option value=\"Colombia\">\r\n                                                Colombia\r\n                                              </option>\r\n                                              <option value=\"Comoros\">\r\n                                                Comoros\r\n                                              </option>\r\n                                              <option value=\"Congo\">\r\n                                                Congo\r\n                                              </option>\r\n                                              <option value=\"Congo, The Democratic Republic of The\">\r\n                                                Congo, The Democratic Republic\r\n                                                of The\r\n                                              </option>\r\n                                              <option value=\"Cook Islands\">\r\n                                                Cook Islands\r\n                                              </option>\r\n                                              <option value=\"Costa Rica\">\r\n                                                Costa Rica\r\n                                              </option>\r\n                                              <option value=\"Cote D'ivoire\">\r\n                                                Cote D'ivoire\r\n                                              </option>\r\n                                              <option value=\"Croatia\">\r\n                                                Croatia\r\n                                              </option>\r\n                                              <option value=\"Cuba\">Cuba</option>\r\n                                              <option value=\"Cyprus\">\r\n                                                Cyprus\r\n                                              </option>\r\n                                              <option value=\"Czech Republic\">\r\n                                                Czech Republic\r\n                                              </option>\r\n                                              <option value=\"Denmark\">\r\n                                                Denmark\r\n                                              </option>\r\n                                              <option value=\"Djibouti\">\r\n                                                Djibouti\r\n                                              </option>\r\n                                              <option value=\"Dominica\">\r\n                                                Dominica\r\n                                              </option>\r\n                                              <option value=\"Dominican Republic\">\r\n                                                Dominican Republic\r\n                                              </option>\r\n                                              <option value=\"Ecuador\">\r\n                                                Ecuador\r\n                                              </option>\r\n                                              <option value=\"Egypt\">\r\n                                                Egypt\r\n                                              </option>\r\n                                              <option value=\"El Salvador\">\r\n                                                El Salvador\r\n                                              </option>\r\n                                              <option value=\"Equatorial Guinea\">\r\n                                                Equatorial Guinea\r\n                                              </option>\r\n                                              <option value=\"Eritrea\">\r\n                                                Eritrea\r\n                                              </option>\r\n                                              <option value=\"Estonia\">\r\n                                                Estonia\r\n                                              </option>\r\n                                              <option value=\"Ethiopia\">\r\n                                                Ethiopia\r\n                                              </option>\r\n                                              <option value=\"Falkland Islands (Malvinas)\">\r\n                                                Falkland Islands (Malvinas)\r\n                                              </option>\r\n                                              <option value=\"Faroe Islands\">\r\n                                                Faroe Islands\r\n                                              </option>\r\n                                              <option value=\"Fiji\">Fiji</option>\r\n                                              <option value=\"Finland\">\r\n                                                Finland\r\n                                              </option>\r\n                                              <option value=\"France\">\r\n                                                France\r\n                                              </option>\r\n                                              <option value=\"French Guiana\">\r\n                                                French Guiana\r\n                                              </option>\r\n                                              <option value=\"French Polynesia\">\r\n                                                French Polynesia\r\n                                              </option>\r\n                                              <option value=\"French Southern Territories\">\r\n                                                French Southern Territories\r\n                                              </option>\r\n                                              <option value=\"Gabon\">\r\n                                                Gabon\r\n                                              </option>\r\n                                              <option value=\"Gambia\">\r\n                                                Gambia\r\n                                              </option>\r\n                                              <option value=\"Georgia\">\r\n                                                Georgia\r\n                                              </option>\r\n                                              <option value=\"Germany\">\r\n                                                Germany\r\n                                              </option>\r\n                                              <option value=\"Ghana\">\r\n                                                Ghana\r\n                                              </option>\r\n                                              <option value=\"Gibraltar\">\r\n                                                Gibraltar\r\n                                              </option>\r\n                                              <option value=\"Greece\">\r\n                                                Greece\r\n                                              </option>\r\n                                              <option value=\"Greenland\">\r\n                                                Greenland\r\n                                              </option>\r\n                                              <option value=\"Grenada\">\r\n                                                Grenada\r\n                                              </option>\r\n                                              <option value=\"Guadeloupe\">\r\n                                                Guadeloupe\r\n                                              </option>\r\n                                              <option value=\"Guam\">Guam</option>\r\n                                              <option value=\"Guatemala\">\r\n                                                Guatemala\r\n                                              </option>\r\n                                              <option value=\"Guernsey\">\r\n                                                Guernsey\r\n                                              </option>\r\n                                              <option value=\"Guinea\">\r\n                                                Guinea\r\n                                              </option>\r\n                                              <option value=\"Guinea-bissau\">\r\n                                                Guinea-bissau\r\n                                              </option>\r\n                                              <option value=\"Guyana\">\r\n                                                Guyana\r\n                                              </option>\r\n                                              <option value=\"Haiti\">\r\n                                                Haiti\r\n                                              </option>\r\n                                              <option value=\"Heard Island and Mcdonald Islands\">\r\n                                                Heard Island and Mcdonald\r\n                                                Islands\r\n                                              </option>\r\n                                              <option value=\"Holy See (Vatican City State)\">\r\n                                                Holy See (Vatican City State)\r\n                                              </option>\r\n                                              <option value=\"Honduras\">\r\n                                                Honduras\r\n                                              </option>\r\n                                              <option value=\"Hong Kong\">\r\n                                                Hong Kong\r\n                                              </option>\r\n                                              <option value=\"Hungary\">\r\n                                                Hungary\r\n                                              </option>\r\n                                              <option value=\"Iceland\">\r\n                                                Iceland\r\n                                              </option>\r\n                                              <option value=\"India\">\r\n                                                India\r\n                                              </option>\r\n                                              <option value=\"Indonesia\">\r\n                                                Indonesia\r\n                                              </option>\r\n                                              <option value=\"Iran, Islamic Republic of\">\r\n                                                Iran, Islamic Republic of\r\n                                              </option>\r\n                                              <option value=\"Iraq\">Iraq</option>\r\n                                              <option value=\"Ireland\">\r\n                                                Ireland\r\n                                              </option>\r\n                                              <option value=\"Isle of Man\">\r\n                                                Isle of Man\r\n                                              </option>\r\n                                              <option value=\"Israel\">\r\n                                                Israel\r\n                                              </option>\r\n                                              <option value=\"Italy\">\r\n                                                Italy\r\n                                              </option>\r\n                                              <option value=\"Jamaica\">\r\n                                                Jamaica\r\n                                              </option>\r\n                                              <option value=\"Japan\">\r\n                                                Japan\r\n                                              </option>\r\n                                              <option value=\"Jersey\">\r\n                                                Jersey\r\n                                              </option>\r\n                                              <option value=\"Jordan\">\r\n                                                Jordan\r\n                                              </option>\r\n                                              <option value=\"Kazakhstan\">\r\n                                                Kazakhstan\r\n                                              </option>\r\n                                              <option value=\"Kenya\">\r\n                                                Kenya\r\n                                              </option>\r\n                                              <option value=\"Kiribati\">\r\n                                                Kiribati\r\n                                              </option>\r\n                                              <option value=\"Korea, Democratic People's Republic of\">\r\n                                                Korea, Democratic People's\r\n                                                Republic of\r\n                                              </option>\r\n                                              <option value=\"Korea, Republic of\">\r\n                                                Korea, Republic of\r\n                                              </option>\r\n                                              <option value=\"Kuwait\">\r\n                                                Kuwait\r\n                                              </option>\r\n                                              <option value=\"Kyrgyzstan\">\r\n                                                Kyrgyzstan\r\n                                              </option>\r\n                                              <option value=\"Lao People's Democratic Republic\">\r\n                                                Lao People's Democratic Republic\r\n                                              </option>\r\n                                              <option value=\"Latvia\">\r\n                                                Latvia\r\n                                              </option>\r\n                                              <option value=\"Lebanon\">\r\n                                                Lebanon\r\n                                              </option>\r\n                                              <option value=\"Lesotho\">\r\n                                                Lesotho\r\n                                              </option>\r\n                                              <option value=\"Liberia\">\r\n                                                Liberia\r\n                                              </option>\r\n                                              <option value=\"Libyan Arab Jamahiriya\">\r\n                                                Libyan Arab Jamahiriya\r\n                                              </option>\r\n                                              <option value=\"Liechtenstein\">\r\n                                                Liechtenstein\r\n                                              </option>\r\n                                              <option value=\"Lithuania\">\r\n                                                Lithuania\r\n                                              </option>\r\n                                              <option value=\"Luxembourg\">\r\n                                                Luxembourg\r\n                                              </option>\r\n                                              <option value=\"Macao\">\r\n                                                Macao\r\n                                              </option>\r\n                                              <option value=\"Macedonia, The Former Yugoslav Republic of\">\r\n                                                Macedonia, The Former Yugoslav\r\n                                                Republic of\r\n                                              </option>\r\n                                              <option value=\"Madagascar\">\r\n                                                Madagascar\r\n                                              </option>\r\n                                              <option value=\"Malawi\">\r\n                                                Malawi\r\n                                              </option>\r\n                                              <option value=\"Malaysia\">\r\n                                                Malaysia\r\n                                              </option>\r\n                                              <option value=\"Maldives\">\r\n                                                Maldives\r\n                                              </option>\r\n                                              <option value=\"Mali\">Mali</option>\r\n                                              <option value=\"Malta\">\r\n                                                Malta\r\n                                              </option>\r\n                                              <option value=\"Marshall Islands\">\r\n                                                Marshall Islands\r\n                                              </option>\r\n                                              <option value=\"Martinique\">\r\n                                                Martinique\r\n                                              </option>\r\n                                              <option value=\"Mauritania\">\r\n                                                Mauritania\r\n                                              </option>\r\n                                              <option value=\"Mauritius\">\r\n                                                Mauritius\r\n                                              </option>\r\n                                              <option value=\"Mayotte\">\r\n                                                Mayotte\r\n                                              </option>\r\n                                              <option value=\"Mexico\">\r\n                                                Mexico\r\n                                              </option>\r\n                                              <option value=\"Micronesia, Federated States of\">\r\n                                                Micronesia, Federated States of\r\n                                              </option>\r\n                                              <option value=\"Moldova, Republic of\">\r\n                                                Moldova, Republic of\r\n                                              </option>\r\n                                              <option value=\"Monaco\">\r\n                                                Monaco\r\n                                              </option>\r\n                                              <option value=\"Mongolia\">\r\n                                                Mongolia\r\n                                              </option>\r\n                                              <option value=\"Montenegro\">\r\n                                                Montenegro\r\n                                              </option>\r\n                                              <option value=\"Montserrat\">\r\n                                                Montserrat\r\n                                              </option>\r\n                                              <option value=\"Morocco\">\r\n                                                Morocco\r\n                                              </option>\r\n                                              <option value=\"Mozambique\">\r\n                                                Mozambique\r\n                                              </option>\r\n                                              <option value=\"Myanmar\">\r\n                                                Myanmar\r\n                                              </option>\r\n                                              <option value=\"Namibia\">\r\n                                                Namibia\r\n                                              </option>\r\n                                              <option value=\"Nauru\">\r\n                                                Nauru\r\n                                              </option>\r\n                                              <option value=\"Nepal\">\r\n                                                Nepal\r\n                                              </option>\r\n                                              <option value=\"Netherlands\">\r\n                                                Netherlands\r\n                                              </option>\r\n                                              <option value=\"Netherlands Antilles\">\r\n                                                Netherlands Antilles\r\n                                              </option>\r\n                                              <option value=\"New Caledonia\">\r\n                                                New Caledonia\r\n                                              </option>\r\n                                              <option value=\"New Zealand\">\r\n                                                New Zealand\r\n                                              </option>\r\n                                              <option value=\"Nicaragua\">\r\n                                                Nicaragua\r\n                                              </option>\r\n                                              <option value=\"Niger\">\r\n                                                Niger\r\n                                              </option>\r\n                                              <option value=\"Nigeria\">\r\n                                                Nigeria\r\n                                              </option>\r\n                                              <option value=\"Niue\">Niue</option>\r\n                                              <option value=\"Norfolk Island\">\r\n                                                Norfolk Island\r\n                                              </option>\r\n                                              <option value=\"Northern Mariana Islands\">\r\n                                                Northern Mariana Islands\r\n                                              </option>\r\n                                              <option value=\"Norway\">\r\n                                                Norway\r\n                                              </option>\r\n                                              <option value=\"Oman\">Oman</option>\r\n                                              <option value=\"Pakistan\">\r\n                                                Pakistan\r\n                                              </option>\r\n                                              <option value=\"Palau\">\r\n                                                Palau\r\n                                              </option>\r\n                                              <option value=\"Palestinian Territory, Occupied\">\r\n                                                Palestinian Territory, Occupied\r\n                                              </option>\r\n                                              <option value=\"Panama\">\r\n                                                Panama\r\n                                              </option>\r\n                                              <option value=\"Papua New Guinea\">\r\n                                                Papua New Guinea\r\n                                              </option>\r\n                                              <option value=\"Paraguay\">\r\n                                                Paraguay\r\n                                              </option>\r\n                                              <option value=\"Peru\">Peru</option>\r\n                                              <option value=\"Philippines\">\r\n                                                Philippines\r\n                                              </option>\r\n                                              <option value=\"Pitcairn\">\r\n                                                Pitcairn\r\n                                              </option>\r\n                                              <option value=\"Poland\">\r\n                                                Poland\r\n                                              </option>\r\n                                              <option value=\"Portugal\">\r\n                                                Portugal\r\n                                              </option>\r\n                                              <option value=\"Puerto Rico\">\r\n                                                Puerto Rico\r\n                                              </option>\r\n                                              <option value=\"Qatar\">\r\n                                                Qatar\r\n                                              </option>\r\n                                              <option value=\"Reunion\">\r\n                                                Reunion\r\n                                              </option>\r\n                                              <option value=\"Romania\">\r\n                                                Romania\r\n                                              </option>\r\n                                              <option value=\"Russian Federation\">\r\n                                                Russian Federation\r\n                                              </option>\r\n                                              <option value=\"Rwanda\">\r\n                                                Rwanda\r\n                                              </option>\r\n                                              <option value=\"Saint Helena\">\r\n                                                Saint Helena\r\n                                              </option>\r\n                                              <option value=\"Saint Kitts and Nevis\">\r\n                                                Saint Kitts and Nevis\r\n                                              </option>\r\n                                              <option value=\"Saint Lucia\">\r\n                                                Saint Lucia\r\n                                              </option>\r\n                                              <option value=\"Saint Pierre and Miquelon\">\r\n                                                Saint Pierre and Miquelon\r\n                                              </option>\r\n                                              <option value=\"Saint Vincent and The Grenadines\">\r\n                                                Saint Vincent and The Grenadines\r\n                                              </option>\r\n                                              <option value=\"Samoa\">\r\n                                                Samoa\r\n                                              </option>\r\n                                              <option value=\"San Marino\">\r\n                                                San Marino\r\n                                              </option>\r\n                                              <option value=\"Sao Tome and Principe\">\r\n                                                Sao Tome and Principe\r\n                                              </option>\r\n                                              <option value=\"Saudi Arabia\">\r\n                                                Saudi Arabia\r\n                                              </option>\r\n                                              <option value=\"Senegal\">\r\n                                                Senegal\r\n                                              </option>\r\n                                              <option value=\"Serbia\">\r\n                                                Serbia\r\n                                              </option>\r\n                                              <option value=\"Seychelles\">\r\n                                                Seychelles\r\n                                              </option>\r\n                                              <option value=\"Sierra Leone\">\r\n                                                Sierra Leone\r\n                                              </option>\r\n                                              <option value=\"Singapore\">\r\n                                                Singapore\r\n                                              </option>\r\n                                              <option value=\"Slovakia\">\r\n                                                Slovakia\r\n                                              </option>\r\n                                              <option value=\"Slovenia\">\r\n                                                Slovenia\r\n                                              </option>\r\n                                              <option value=\"Solomon Islands\">\r\n                                                Solomon Islands\r\n                                              </option>\r\n                                              <option value=\"Somalia\">\r\n                                                Somalia\r\n                                              </option>\r\n                                              <option value=\"South Africa\">\r\n                                                South Africa\r\n                                              </option>\r\n                                              <option value=\"South Georgia and The South Sandwich Islands\">\r\n                                                South Georgia and The South\r\n                                                Sandwich Islands\r\n                                              </option>\r\n                                              <option value=\"Spain\">\r\n                                                Spain\r\n                                              </option>\r\n                                              <option value=\"Sri Lanka\">\r\n                                                Sri Lanka\r\n                                              </option>\r\n                                              <option value=\"Sudan\">\r\n                                                Sudan\r\n                                              </option>\r\n                                              <option value=\"Suriname\">\r\n                                                Suriname\r\n                                              </option>\r\n                                              <option value=\"Svalbard and Jan Mayen\">\r\n                                                Svalbard and Jan Mayen\r\n                                              </option>\r\n                                              <option value=\"Swaziland\">\r\n                                                Swaziland\r\n                                              </option>\r\n                                              <option value=\"Sweden\">\r\n                                                Sweden\r\n                                              </option>\r\n                                              <option value=\"Switzerland\">\r\n                                                Switzerland\r\n                                              </option>\r\n                                              <option value=\"Syrian Arab Republic\">\r\n                                                Syrian Arab Republic\r\n                                              </option>\r\n                                              <option value=\"Taiwan, Province of China\">\r\n                                                Taiwan, Province of China\r\n                                              </option>\r\n                                              <option value=\"Tajikistan\">\r\n                                                Tajikistan\r\n                                              </option>\r\n                                              <option value=\"Tanzania, United Republic of\">\r\n                                                Tanzania, United Republic of\r\n                                              </option>\r\n                                              <option value=\"Thailand\">\r\n                                                Thailand\r\n                                              </option>\r\n                                              <option value=\"Timor-leste\">\r\n                                                Timor-leste\r\n                                              </option>\r\n                                              <option value=\"Togo\">Togo</option>\r\n                                              <option value=\"Tokelau\">\r\n                                                Tokelau\r\n                                              </option>\r\n                                              <option value=\"Tonga\">\r\n                                                Tonga\r\n                                              </option>\r\n                                              <option value=\"Trinidad and Tobago\">\r\n                                                Trinidad and Tobago\r\n                                              </option>\r\n                                              <option value=\"Tunisia\">\r\n                                                Tunisia\r\n                                              </option>\r\n                                              <option value=\"Turkey\">\r\n                                                Turkey\r\n                                              </option>\r\n                                              <option value=\"Turkmenistan\">\r\n                                                Turkmenistan\r\n                                              </option>\r\n                                              <option value=\"Turks and Caicos Islands\">\r\n                                                Turks and Caicos Islands\r\n                                              </option>\r\n                                              <option value=\"Tuvalu\">\r\n                                                Tuvalu\r\n                                              </option>\r\n                                              <option value=\"Uganda\">\r\n                                                Uganda\r\n                                              </option>\r\n                                              <option value=\"Ukraine\">\r\n                                                Ukraine\r\n                                              </option>\r\n                                              <option value=\"United Arab Emirates\">\r\n                                                United Arab Emirates\r\n                                              </option>\r\n                                              <option value=\"United Kingdom\">\r\n                                                United Kingdom\r\n                                              </option>\r\n                                              <option value=\"United States\">\r\n                                                United States\r\n                                              </option>\r\n                                              <option value=\"United States Minor Outlying Islands\">\r\n                                                United States Minor Outlying\r\n                                                Islands\r\n                                              </option>\r\n                                              <option value=\"Uruguay\">\r\n                                                Uruguay\r\n                                              </option>\r\n                                              <option value=\"Uzbekistan\">\r\n                                                Uzbekistan\r\n                                              </option>\r\n                                              <option value=\"Vanuatu\">\r\n                                                Vanuatu\r\n                                              </option>\r\n                                              <option value=\"Venezuela\">\r\n                                                Venezuela\r\n                                              </option>\r\n                                              <option value=\"Viet Nam\">\r\n                                                Viet Nam\r\n                                              </option>\r\n                                              <option value=\"Virgin Islands, British\">\r\n                                                Virgin Islands, British\r\n                                              </option>\r\n                                              <option value=\"Virgin Islands, U.S.\">\r\n                                                Virgin Islands, U.S.\r\n                                              </option>\r\n                                              <option value=\"Wallis and Futuna\">\r\n                                                Wallis and Futuna\r\n                                              </option>\r\n                                              <option value=\"Western Sahara\">\r\n                                                Western Sahara\r\n                                              </option>\r\n                                              <option value=\"Yemen\">\r\n                                                Yemen\r\n                                              </option>\r\n                                              <option value=\"Zambia\">\r\n                                                Zambia\r\n                                              </option>\r\n                                              <option value=\"Zimbabwe\">\r\n                                                Zimbabwe\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}\r\n\r\n                                          <br />\r\n                                          {!PermanentAddress_Country ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Country\r\n\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {PermanentAddress_Country}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <>\r\n                                              {this.state.isSelected1 ? (\r\n                                                <select\r\n                                                  id=\"PermanentAddress_State\"\r\n                                                  name=\"PermanentAddress_State\"\r\n                                                  disabled={this.state.isReadOnly}\r\n                                                  className=\"effect-16\"\r\n                                                  onChange={(e) => {\r\n                                                    this.handlePermanentAddress(\r\n                                                      e\r\n                                                    );\r\n                                                    // this.AutoCaps(e);\r\n                                                  }}\r\n                                                  // onFocus={this.handleFocus}\r\n                                                  defaultValue={\r\n                                                    profile.permanentAddress_State\r\n                                                  }\r\n                                                  data-default-value={profile.permanentAddress_State || \"\"}\r\n                                                  onKeyPress={(event) => {\r\n                                                    if (\r\n                                                      !/[a-zA-Z\\s ]+/.test(\r\n                                                        event.key\r\n                                                      )\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                >\r\n                                                  <option hidden>{profile.permanentAddress_State}</option>\r\n                                                  <option value=\"\">\r\n                                                    Select state\r\n                                                  </option>\r\n                                                  <option value=\"Andaman and Nicobar Islands\">\r\n                                                    Andaman and Nicobar Islands\r\n                                                  </option>\r\n                                                  <option value=\"Andhra Pradesh\">\r\n                                                    Andhra Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Arunachal Pradesh\">\r\n                                                    Arunachal Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Assam\">\r\n                                                    Assam\r\n                                                  </option>\r\n                                                  <option value=\"Bihar\">\r\n                                                    Bihar\r\n                                                  </option>\r\n                                                  <option value=\"Chandigarh\">\r\n                                                    Chandigarh\r\n                                                  </option>\r\n                                                  <option value=\"Chhattisgarh\">\r\n                                                    Chhattisgarh\r\n                                                  </option>\r\n                                                  <option value=\"Dadra and Nagar Haveli\">\r\n                                                    Dadra and Nagar Haveli\r\n                                                  </option>\r\n                                                  <option value=\"Daman and Diu\">\r\n                                                    Daman and Diu\r\n                                                  </option>\r\n                                                  <option value=\"Delhi\">\r\n                                                    Delhi\r\n                                                  </option>\r\n                                                  <option value=\"Goa\">\r\n                                                    Goa\r\n                                                  </option>\r\n                                                  <option value=\"Gujarat\">\r\n                                                    Gujarat\r\n                                                  </option>\r\n                                                  <option value=\"Haryana\">\r\n                                                    Haryana\r\n                                                  </option>\r\n                                                  <option value=\"Himachal Pradesh\">\r\n                                                    Himachal Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Jammu and Kashmir\">\r\n                                                    Jammu and Kashmir\r\n                                                  </option>\r\n                                                  <option value=\"Jharkhand\">\r\n                                                    Jharkhand\r\n                                                  </option>\r\n                                                  <option value=\"Karnataka\">\r\n                                                    Karnataka\r\n                                                  </option>\r\n                                                  <option value=\"Kerala\">\r\n                                                    Kerala\r\n                                                  </option>\r\n                                                  <option value=\"Ladakh\">\r\n                                                    Ladakh\r\n                                                  </option>\r\n                                                  <option value=\"Lakshadweep\">\r\n                                                    Lakshadweep\r\n                                                  </option>\r\n                                                  <option value=\"Madhya Pradesh\">\r\n                                                    Madhya Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Maharashtra\">\r\n                                                    Maharashtra\r\n                                                  </option>\r\n                                                  <option value=\"Manipur\">\r\n                                                    Manipur\r\n                                                  </option>\r\n                                                  <option value=\"Meghalaya\">\r\n                                                    Meghalaya\r\n                                                  </option>\r\n                                                  <option value=\"Mizoram\">\r\n                                                    Mizoram\r\n                                                  </option>\r\n                                                  <option value=\"Nagaland\">\r\n                                                    Nagaland\r\n                                                  </option>\r\n                                                  <option value=\"Odisha\">\r\n                                                    Odisha\r\n                                                  </option>\r\n                                                  <option value=\"Puducherry\">\r\n                                                    Puducherry\r\n                                                  </option>\r\n                                                  <option value=\"Punjab\">\r\n                                                    Punjab\r\n                                                  </option>\r\n                                                  <option value=\"Rajasthan\">\r\n                                                    Rajasthan\r\n                                                  </option>\r\n                                                  <option value=\"Sikkim\">\r\n                                                    Sikkim\r\n                                                  </option>\r\n                                                  <option value=\"Tamil Nadu\">\r\n                                                    Tamil Nadu\r\n                                                  </option>\r\n                                                  <option value=\"Telangana\">\r\n                                                    Telangana\r\n                                                  </option>\r\n                                                  <option value=\"Tripura\">\r\n                                                    Tripura\r\n                                                  </option>\r\n                                                  <option value=\"Uttar Pradesh\">\r\n                                                    Uttar Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Uttarakhand\">\r\n                                                    Uttarakhand\r\n                                                  </option>\r\n                                                  <option value=\"West Bengal\">\r\n                                                    West Bengal\r\n                                                  </option>\r\n                                                </select>\r\n                                              ) : (\r\n                                                <input\r\n                                                  className=\"effect-16\"\r\n                                                  onFocus={(e) =>\r\n                                                    e.target.select()\r\n                                                  }\r\n                                                  onInputCapture={(event) => {\r\n                                                    if (\r\n                                                      !/[a-zA-Z\\s ]+/.test(\r\n                                                        event.key\r\n                                                      )\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                  type=\"text\"\r\n                                                  id=\"PermanentAddress_State\"\r\n                                                  name=\"PermanentAddress_State\"\r\n                                                  defaultValue={\r\n                                                    profile.permanentAddress_State\r\n                                                  }\r\n                                                  placeholder=\"State\"\r\n                                                  onChange={\r\n                                                    this.handlePermanentAddress\r\n                                                  }\r\n                                                />\r\n                                              )}\r\n                                            </>\r\n                                          ))}\r\n                                          {!PermanentAddress_State ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              State\r\n\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {PermanentAddress_State}\r\n                                            </div>\r\n                                          )}\r\n                                          {/* {!CurrentAddress_State ? <span style={{ color: '#a29d9d', float: \"left\" }}>State<span style={{ color: \"red\" }}>*</span></span> : <div style={{ color: \"red\" }}>{CurrentAddress_State}</div>} */}\r\n                                        </div>\r\n                                        {/* <div className=\"col-xl-6\">\r\n                                          {profile.map(profile =>\r\n                                            <input className=\"effect-16\" onFocus={(e) => e.target.select()} disabled={this.state.isReadOnly} onInputCapture={(event) => { if (!/[a-zA-Z\\s ]+/.test(event.key)) { event.preventDefault(); } }} type=\"text\" name=\"PermanentAddress_State\" id=\"PermanentAddress_State\" defaultValue={profile.permanentAddress_State} />\r\n                                          )} <span style={{ color: '#a29d9d', float: \"left\" }}>State </span>\r\n                                        </div> */}\r\n\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              type=\"text\"\r\n                                              disabled={this.state.isReadOnly}\r\n                                              onInputCapture={(event) => {\r\n                                                if (!/[0-9]/.test(event.key)) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              maxLength=\"6\"\r\n                                              id=\"PermanentAddress_Pincode\"\r\n                                              name=\"PermanentAddress_Pincode\"\r\n                                              defaultValue={\r\n                                                profile.permanentAddress_Pincode\r\n                                              }\r\n                                            />\r\n                                          ))}{\" \"}\r\n                                          {!PermanentAddress_Pincode ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Pincode\r\n\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {PermanentAddress_Pincode}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div>\r\n                                    <div className=\"center\">\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        disabled={this.state.ButtonDisabled}\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                          height: \"39.5px\",\r\n                                          width: \"83.36px\",\r\n                                        }}\r\n                                      >\r\n                                        Update\r\n                                      </button>\r\n                                      <button\r\n                                        className=\"btn-Secondary\"\r\n                                        style={{ marginLeft: \"1%\", height: \"39.5px\" }}\r\n                                        onClick={(event) => {\r\n                                          event.preventDefault();\r\n                                          this.setState({ formErrors: {} });\r\n                                          var status = document.getElementById('SameAddress');\r\n                                          document.getElementById(\"HouseText\").type = \"hidden\";\r\n                                          document.getElementById(\"AddressInfo\").reset();\r\n                                          setTimeout(() => {\r\n                                            var Pvalue = document.getElementById('PermanentAddress').value;\r\n                                            var Cvalue = document.getElementById('CurrentAddress').value;\r\n\r\n                                            if (Pvalue === Cvalue\r\n                                            ) {\r\n\r\n\r\n                                              const form1 = event.target.form;\r\n                                              if (form1) {\r\n                                                const formElements = form1.elements;\r\n                                                for (let i = 0; i < formElements.length; i++) {\r\n                                                  const element = formElements[i];\r\n                                                  if (element.type === 'checkbox') {\r\n                                                    element.checked = true;\r\n                                                  } else {\r\n                                                    if (element.type !== 'checkbox') {\r\n                                                      element.value = element.defaultValue;\r\n                                                    }\r\n                                                    element.checked = true;\r\n                                                    this.setState({\r\n                                                      isReadOnly: true,\r\n                                                    });\r\n                                                  }\r\n                                                }\r\n                                                const selects = form1.querySelectorAll('select');\r\n                                                selects.forEach(select => {\r\n                                                  const defaultValue = select.getAttribute('data-default-value');\r\n                                                  select.value = defaultValue;\r\n                                                });\r\n                                              }\r\n                                            }\r\n\r\n                                            else {\r\n\r\n                                              const form = event.target.form;\r\n                                              if (form) {\r\n                                                const formElements = form.elements;\r\n                                                for (let i = 0; i < formElements.length; i++) {\r\n                                                  const element = formElements[i];\r\n                                                  if (element.type === 'checkbox') {\r\n                                                    element.checked = false;\r\n                                                  } else {\r\n                                                    if (element.type !== 'checkbox') {\r\n                                                      element.value = element.defaultValue;\r\n                                                    }\r\n                                                    element.checked = false;\r\n                                                    this.setState({\r\n                                                      isReadOnly: false,\r\n                                                    });\r\n                                                  }\r\n                                                }\r\n                                                const selects = form.querySelectorAll('select');\r\n                                                selects.forEach(select => {\r\n                                                  const defaultValue = select.getAttribute('data-default-value');\r\n                                                  select.value = defaultValue;\r\n                                                });\r\n                                              }\r\n                                            }\r\n                                          }, 10);\r\n\r\n\r\n\r\n\r\n\r\n                                        }\r\n                                        }\r\n                                      >\r\n                                        Cancel\r\n                                      </button>\r\n\r\n                                    </div>\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n\r\n                        {/* <br /><br /> */}\r\n                      </div>\r\n                      {/* Social Media  */}\r\n                      <div className=\"card\">\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginTop: \"10px\",\r\n                              marginLeft: \"2%\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            Social Media\r\n                          </h5>\r\n                          <button\r\n                            id=\"edit-btn-media\"\r\n                            type=\"button\"\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            onClick={() => { this.setState({ formErrors: \"\", ButtonDisabled: false }); document.getElementById(\"SocialInfo\").reset(); this.socialEdit(); }}\r\n                          >\r\n                            {socialEdit ? (\r\n                              <i className=\"icofont icofont-close\" title=\"Close\" onClick={() => document.getElementById(\"SocialInfo\").reset()}></i>\r\n                            ) : (\r\n                              <i className=\"icofont icofont-edit\" title=\"Edit\"></i>\r\n                            )}\r\n                          </button>\r\n                        </div>\r\n                        <div className=\"card-block\">\r\n                          <div id=\"view-media\" style={{ display: socialEdit ? \"none\" : \"block\" }}>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3\">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> LinkedIn </span>\r\n                                  </b>\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable style={{ wordWrap: \"break-word\" }}>\r\n                                        {profile.linkedIn}{\" \"}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3\">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Skype </span>\r\n                                  </b>\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable style={{ wordWrap: \"break-word\" }}>\r\n                                        {profile.skype}{\" \"}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3\">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Whatsapp </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.whatsappNumber}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3\">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Facebook </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable style={{ wordWrap: \"break-word\" }}>\r\n                                        {profile.faceBook}{\" \"}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3\">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Twitter </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable style={{ wordWrap: \"break-word\" }}>\r\n                                        {profile.twitter}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div id=\"edit-media\" style={{ display: socialEdit ? \"block\" : \"none\" }}>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"general-info\">\r\n                                <form\r\n                                  autoComplete=\"off\"\r\n                                  onSubmit={this.SocialEdit}\r\n                                  id=\"SocialInfo\"\r\n                                >\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              type=\"text\"\r\n                                              name=\"LinkedIn\"\r\n                                              defaultValue={profile.linkedIn}\r\n                                              onChange={this.handleSocailchange}\r\n                                              placeholder=\"LinkedIn \"\r\n                                              id=\"linkedIn\"\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            LinkedIn\r\n                                          </span> */}\r\n                                          {!linkedInErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>LinkedIn</span> :\r\n                                            <div style={{ color: \"red\" }}>{linkedInErr}</div>}\r\n                                        </div>\r\n                                        <br />\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              type=\"text\"\r\n                                              name=\"Skype\"\r\n                                              defaultValue={profile.skype}\r\n                                              onChange={this.handleSocailchange}\r\n                                              placeholder=\"Skype \"\r\n                                              id=\"skype\"\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Skype\r\n                                          </span> */}\r\n                                          {!SkypeErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Skype</span> :\r\n                                            <div style={{ color: \"red\" }}>{SkypeErr}</div>}\r\n                                        </div>{\" \"}\r\n                                        <br />\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              type=\"text\"\r\n                                              name=\"Whatsapp\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              maxLength=\"10\"\r\n                                              defaultValue={\r\n                                                profile.whatsappNumber\r\n                                              }\r\n                                              onKeyPress={(event) => {\r\n                                                const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                                if (isLetter) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              onInputCapture={(event) => {\r\n                                                if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                                  event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                                }\r\n                                              }}\r\n                                              placeholder=\"-\"\r\n                                              onChange={this.handleSocailchange}\r\n                                              id=\"Whatsapp\"\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Whatsapp{\" \"}\r\n                                          </span>\r\n                                          <br /> */}\r\n                                          {!WhatsappErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>WhatsApp</span> :\r\n                                            <div style={{ color: \"red\" }}>{WhatsappErr}</div>}\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              type=\"text\"\r\n                                              name=\"facebook\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              defaultValue={profile.faceBook}\r\n                                              onChange={this.handleSocailchange}\r\n                                              placeholder=\"FaceBook\"\r\n                                              id='facebk'\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Facebook\r\n                                          </span> */}\r\n                                          {!FacebookErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Facebook</span> :\r\n                                            <div style={{ color: \"red\" }}>{FacebookErr}</div>}\r\n                                        </div>\r\n                                        {/* <br /> */}\r\n\r\n\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              type=\"text\"\r\n                                              onChange={this.handleSocailchange}\r\n                                              name=\"Twitter\"\r\n                                              defaultValue={profile.twitter}\r\n                                              placeholder=\"Twitter\"\r\n                                              id=\"twitter\"\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Twitter\r\n                                          </span> */}\r\n                                          {!TwitterErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Twitter</span> :\r\n                                            <div style={{ color: \"red\" }}>{TwitterErr}</div>}\r\n                                        </div>\r\n                                        <br />\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div>\r\n                                    <br />\r\n                                    <div className=\"center\">\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        disabled={this.state.ButtonDisabled}\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                          marginTop: \"-0.1%\",\r\n                                          height: \"38.5px\",\r\n                                          width: \"83.36px\",\r\n                                        }}\r\n                                      >\r\n                                        Update\r\n                                      </button>\r\n                                      <button\r\n                                        type=\"reset\"\r\n                                        className=\" btn-Secondary\"\r\n                                        style={{\r\n                                          marginLeft: \"1%\",\r\n                                          height: \"39.5px\",\r\n                                        }}\r\n                                        onClick={() =>\r\n                                          this.setState({ formErrors: \"\" })\r\n                                        }\r\n                                      >\r\n                                        Cancel\r\n                                      </button>\r\n                                    </div>\r\n                                  </div>\r\n                                  <br />\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"card\">\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginLeft: \"2%\",\r\n                              marginTop: \"10px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            Hobbies\r\n                          </h5>\r\n                          <button\r\n                            id=\"edit-btn-Hobbies\"\r\n                            type=\"button\"\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            onClick={() => { this.setState({ formErrors: \"\", ButtonDisabled: false }); document.getElementById(\"HobbiesInfo\").reset(); this.hobbiesEdit(); }}\r\n                          >\r\n                            {hobbiesEdit ? (\r\n                              <i className=\"icofont icofont-close\" onClick={() => document.getElementById(\"HobbiesInfo\").reset()}></i>\r\n                            ) : (\r\n                              <i className=\"icofont icofont-edit\" onClick={this.reset}></i>\r\n                            )}\r\n                          </button>\r\n                        </div>\r\n                        <div className=\"card-block\">\r\n                          <div id=\"view-Hobbies\" style={{ display: hobbiesEdit ? \"none\" : \"block\" }}>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3\">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span>Interested In </span>\r\n                                  </b>\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-12\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <li style={{ listStyleType: \"none\", overflowWrap: \"break-word\" }}>\r\n                                        {profile.hobbies}{\" \"}\r\n                                      </li>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              {/* <br/> */}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div id=\"edit-Hobbies\" style={{ display: hobbiesEdit ? \"block\" : \"none\" }}>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"general-info\">\r\n                                <form\r\n                                  autoComplete=\"off\"\r\n                                  onSubmit={this.HobbiesEdit}\r\n                                  id=\"HobbiesInfo\"\r\n                                >\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              defaultValue={profile.hobbies}\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              type=\"text\"\r\n                                              name=\"Hobbies\"\r\n                                              onChange={this.handleChange1}\r\n                                            />\r\n                                          ))}\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Hobbies\r\n                                          </span>\r\n                                        </div>\r\n                                        <br />\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div>\r\n                                    <br />\r\n                                    <div className=\"center\">\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        disabled={this.state.ButtonDisabled}\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                          marginTop: \"-0.1%\",\r\n                                          height: \"38.5px\",\r\n                                          width: \"83.36px\",\r\n                                        }}\r\n                                      >\r\n                                        Update\r\n                                      </button>\r\n                                      <button\r\n                                        type=\"reset\"\r\n                                        className=\" btn-Secondary\"\r\n                                        style={{\r\n                                          marginLeft: \"1%\",\r\n                                          height: \"39.5px\",\r\n                                        }}\r\n                                      >\r\n                                        Cancel\r\n                                      </button>\r\n                                    </div>\r\n                                  </div>\r\n                                  <br />\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-9\" className=\"j-tabs-section\">\r\n                      <div className=\"tab-pane\" id=\"notes\" role=\"tabpanel\">\r\n                        <span>Please fill all the mandatory fields to follow the steps\r\n                          <span style={{\r\n                            marginTop: '-4px',\r\n                            color: 'red',\r\n                            fontSize: '25px',\r\n                            position: 'absolute',\r\n                            marginLeft: '4px',\r\n                            fontWeight: 'bold'\r\n\r\n                          }}>*</span> </span>\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Banking <span style={{ color: \"red\", marginLeft: \"83px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                                *\r\n                              </span>\r\n                            </h5>\r\n                            <button\r\n                              id=\"edit-btn-Bank\"\r\n                              type=\"button\"\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              onClick={() => { this.setState({ formErrors: \"\", ButtonDisabled: false }); document.getElementById(\"BankingForm\").reset(); this.bankEdit(); }}\r\n                            >\r\n                              {bankEdit ? (\r\n                                <i className=\"icofont icofont-close\" title=\"Close\" onClick={() => document.getElementById(\"BankingForm\").reset()}></i>\r\n                              ) : (\r\n                                <i className=\"icofont icofont-edit\" title=\"Edit\"></i>\r\n                              )}\r\n                            </button>\r\n                          </div>\r\n\r\n                          <div className=\"card-block\">\r\n                            <div id=\"view-BankDetails\" style={{ display: bankEdit ? \"none\" : \"block\" }}>\r\n                              <div className=\"col-lg-12\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-3\">\r\n                                    <b>\r\n                                      {\" \"}\r\n                                      <span> Account Number </span>\r\n                                      <span style={{ color: \"red\" }}>*</span>\r\n                                    </b>\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    {Bankdetail.map((Bankdetail) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <lable>{Bankdetail.acNo}</lable>{\" \"}\r\n                                      </>\r\n                                    ))}\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    <b>\r\n                                      {\" \"}\r\n                                      <span> IFSC Code </span>\r\n                                      <span style={{ color: \"red\" }}>*</span>\r\n                                    </b>\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    {Bankdetail.map((Bankdetail) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <lable>{Bankdetail.ifsc} </lable>{\" \"}\r\n                                      </>\r\n                                    ))}\r\n                                  </div>\r\n                                </div>\r\n                                <br />\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-3\">\r\n                                    <b>\r\n                                      {\" \"}\r\n                                      <span> Account Type </span>\r\n                                      <span style={{ color: \"red\" }}>*</span>\r\n                                    </b>\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    {Bankdetail.map((Bankdetail) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <lable>{Bankdetail.acType}</lable>{\" \"}\r\n                                      </>\r\n                                    ))}\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    <b>\r\n                                      {\" \"}\r\n                                      <span> Branch Name </span>\r\n                                      <span style={{ color: \"red\" }}>*</span>\r\n                                    </b>\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    {Bankdetail.map((Bankdetail) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <lable>\r\n                                          {Bankdetail.branchname}\r\n                                        </lable>{\" \"}\r\n                                      </>\r\n                                    ))}\r\n                                  </div>\r\n                                </div>\r\n                                <br />\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-3\">\r\n                                    <b>\r\n                                      {\" \"}\r\n                                      <span>Phone Number</span>\r\n                                    </b>\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    {Bankdetail.map((Bankdetail) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <lable>{Bankdetail.phoneNo}</lable>{\" \"}\r\n                                      </>\r\n                                    ))}\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    <b>\r\n                                      {\" \"}\r\n                                      <span>Address</span>\r\n                                    </b>\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    {Bankdetail.map((Bankdetail) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <lable\r\n                                          style={{ wordWrap: \"break-word\" }}\r\n                                        >\r\n                                          {Bankdetail.branchaddress}{\" \"}\r\n                                        </lable>{\" \"}\r\n                                      </>\r\n                                    ))}\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                              {/* <br/> */}\r\n                            </div>\r\n                          </div>\r\n                          <div id=\"Edit-BankDetails\" style={{ display: bankEdit ? \"block\" : \"none\" }}>\r\n                            <div className=\"container\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-12\">\r\n                                  <form\r\n                                    autoComplete=\"off\"\r\n                                    onSubmit={this.EditBankDetails}\r\n                                    id=\"BankingForm\"\r\n                                  >\r\n                                    <div\r\n                                      className=\"container\"\r\n                                      style={{ maxWidth: \"765px\" }}\r\n                                    >\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Bankdetail.map((Bankdetail) => (\r\n                                            <input\r\n                                              className=\"form\"\r\n                                              maxLength=\"20\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              defaultValue={Bankdetail.acNo}\r\n                                              id=\"AcNo\"\r\n                                              name=\"AcNo\"\r\n                                              type=\"text\"\r\n                                              onChange={this.handlebankchange}\r\n                                              placeholder=\"Account Number\"\r\n                                              onKeyPress={(event) => {\r\n                                                if (!/[0-9]/.test(event.key)) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                            />\r\n                                          ))}\r\n                                          {!AcNo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Account Number\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {AcNo}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Bankdetail.map((Bankdetail) => (\r\n                                            <input\r\n                                              className=\"form\"\r\n                                              maxLength=\"20\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              defaultValue={Bankdetail.acName}\r\n                                              id=\"confirmAcNo\"\r\n                                              name=\"AcName\"\r\n                                              onCopy={(e) => e.preventDefault()}\r\n                                              onPaste={(e) => e.preventDefault()}\r\n                                              type=\"text\"\r\n                                              onChange={this.handlebankchange}\r\n                                              onKeyPress={(event) => {\r\n                                                if (!/[0-9]/.test(event.key)) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                            />\r\n                                          ))}\r\n                                          {!AcName ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Confirm Account Number\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {AcName}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                      </div>\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Bankdetail.map((Bankdetail) => (\r\n                                            <input\r\n                                              className=\"form\"\r\n                                              maxLength=\"20\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              defaultValue={Bankdetail.ifsc}\r\n                                              id=\"IFSC\"\r\n                                              name=\"IFSC\"\r\n                                              type=\"text\"\r\n                                              onChange={this.handlebankchange}\r\n                                              placeholder=\"IFSC Code\"\r\n                                            />\r\n                                          ))}\r\n                                          {!IFSC ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              IFSC Code\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {IFSC}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Bankdetail.map((Bankdetail) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              id=\"AcType\"\r\n                                              defaultValue={Bankdetail.acType}\r\n                                              name=\"AcType\"\r\n                                              onChange={this.handlebankchange}\r\n                                              type=\"text\"\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' })\r\n                                              }}\r\n                                            >\r\n                                              <option hidden>{Bankdetail.acType}</option>\r\n                                              <option Value=\"\"> Select</option>\r\n                                              <option value=\"Savings Account\">\r\n                                                {\" \"}\r\n                                                Savings Account\r\n                                              </option>\r\n                                              <option value=\"Current Account\">\r\n                                                {\" \"}\r\n                                                Current Account\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}\r\n                                          {!AcType ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Account Type\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {AcType}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Bankdetail.map((Bankdetail) => (\r\n                                            <input\r\n                                              className=\"form\"\r\n                                              maxLength=\"50\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              defaultValue={\r\n                                                Bankdetail.branchname\r\n                                              }\r\n                                              id=\"Branchname\"\r\n                                              name=\"Branchname\"\r\n                                              type=\"text\"\r\n                                              onChange={this.handlebankchange}\r\n                                              placeholder=\"Bank Branch Name\"\r\n                                            />\r\n                                          ))}\r\n                                          {!Branchname ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Branch Name\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {Branchname}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Bankdetail.map((Bankdetail) => (\r\n                                            <input\r\n                                              className=\"form\"\r\n                                              maxLength=\"10\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              onKeyPress={(event) => {\r\n                                                if (!/[0-9]/.test(event.key)) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              defaultValue={Bankdetail.phoneNo}\r\n                                              id=\"PhoneNo\"\r\n                                              name=\"PhoneNo\"\r\n                                              type=\"text\"\r\n                                              onChange={this.handlebankchange}\r\n                                              placeholder=\"Phone Number\"\r\n                                            />\r\n                                          ))}\r\n                                          {!PhoneNo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Phone Number\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {PhoneNo}\r\n                                            </div>\r\n                                          )}\r\n\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                      </div>\r\n                                      <div className=\"col-sm-6\">\r\n                                        {Bankdetail.map((Bankdetail) => (\r\n                                          <textarea\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            defaultValue={\r\n                                              Bankdetail.branchaddress\r\n                                            }\r\n                                            id=\"Branchaddress\"\r\n                                            name=\"Branchaddress\"\r\n                                            type=\"text\"\r\n                                            onChange={this.handlebankchange}\r\n                                            placeholder=\"Branch Address\"\r\n                                          />\r\n                                        ))}\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          {\" \"}\r\n                                          Address\r\n                                        </span>\r\n                                        {/* {!Branchaddress ? <span style={{ color: '#a29d9d', float: \"left\" }}> Address<span style={{ color: \"red\" }}>*</span></span> : <div style={{ color: \"red\" }}>{Branchaddress}</div>} */}\r\n                                        <span className=\"underline\" />\r\n                                      </div>\r\n\r\n                                      <div\r\n                                        className=\"col-sm-6\"\r\n                                        style={{ display: \"none\" }}\r\n                                      >\r\n                                        {Bankdetail.map((Bankdetail) => (\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            maxLength=\"20\"\r\n                                            defaultValue={Bankdetail.bankname}\r\n                                            id=\"Bankname\"\r\n                                            name=\"Bankname\"\r\n                                            type=\"text\"\r\n                                            onChange={this.handlebankchange}\r\n                                            placeholder=\"Bank Name\"\r\n                                          />\r\n                                        ))}\r\n                                        {!Bankname ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Bank Name\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              *\r\n                                            </span>\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {Bankname}\r\n                                          </div>\r\n                                        )}\r\n                                        <span className=\"underline\" />\r\n                                      </div>\r\n\r\n                                      <div className=\"col-lg-12 center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          disabled={this.state.ButtonDisabled}\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          id=\"Close_education\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={() =>\r\n                                            this.setState({ formErrors: \"\" })\r\n                                          }\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n\r\n                                      <br />\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n\r\n                              <br />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-2\" className=\"j-tabs-section\">\r\n                      <span>Please fill all the mandatory fields to follow the steps\r\n                        <span style={{\r\n                          marginTop: '-4px',\r\n                          color: 'red',\r\n                          fontSize: '25px',\r\n                          position: 'absolute',\r\n                          marginLeft: '4px',\r\n                          fontWeight: 'bold'\r\n\r\n                        }}>*</span> </span>\r\n                      <div className=\"card\">\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginTop: \"10px\",\r\n                              marginLeft: \"2%\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            Education <span style={{ color: \"red\", marginLeft: \"98px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                              *\r\n                            </span>\r\n                          </h5>\r\n                          <button\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            id=\"addEduBtn\"\r\n                            type=\"button\"\r\n                            title=\"Add\"\r\n                            // style={{ fontSize: \"large\" }}\r\n\r\n                            // onClick={() => {\r\n                            //   this.setState((prevState) => ({\r\n                            //     openedu: !prevState.openedu,\r\n                            //   }));\r\n                            //   this.formreset();\r\n                            // }}\r\n\r\n                            onClick={() => {\r\n                              this.setState((prevState) => ({\r\n                                openedu: !prevState.openedu,\r\n                                showing: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                clickCount: prevState.clickCount + 1, // Increment the click count\r\n                              }), () => {\r\n                                if (this.state.clickCount % 2 === 1) {\r\n                                  this.formreset();\r\n                                }\r\n                              });\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            {openedu ? \"×\" : \"+\"}{\" \"}\r\n                          </button>\r\n                        </div>\r\n                        {\r\n                          openedu ? (\r\n                            <div id=\"AddEDU\">\r\n                              <form id=\"EduForm\" onSubmit={this.EduSubmit}>\r\n                                <div className=\"card-block\">\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-xl-4\">\r\n                                      <select\r\n                                        className=\"effect-16\"\r\n                                        id=\"Qualification\"\r\n                                        name=\"QualificationType\"\r\n                                        onChange={(e) => {\r\n                                          this.handleChangeD(e);\r\n                                          this.handlevalueChange(e);\r\n                                        }}\r\n                                        onInputCapture={this.HandleQualification}\r\n                                        style={{\r\n                                          // Apply the marginLeft style only if the browser is Chrome\r\n                                          ...(isChrome && { marginLeft: '-3px' })\r\n                                        }}\r\n                                      >\r\n                                        <option value=\"\">Select</option>\r\n                                        {EducationDrop.map((EducationDrop) => (\r\n                                          <option\r\n                                            value={\r\n                                              EducationDrop.qualificationType\r\n                                            }\r\n                                          >\r\n                                            {EducationDrop.qualificationType}\r\n                                          </option>\r\n                                        ))}\r\n                                        <option value=\"others\">Others</option>\r\n                                      </select>\r\n                                      <input\r\n                                        type=\"hidden\"\r\n                                        name=\"otherQualificationType\"\r\n                                        placeholder=\"Others Type\"\r\n                                        className=\"form\"\r\n                                        id=\"othersQualification\"\r\n                                        maxLength={30}\r\n                                        onChange={this.handleChangeD}\r\n                                      />\r\n\r\n                                      {!Qualification ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Qualification Type\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Qualification}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        list=\"browsers\"\r\n                                        onChange={this.handleChangeD}\r\n                                        maxLength=\"40\"\r\n                                        type=\"text\"\r\n                                        id=\"Coursename\"\r\n                                        name=\"Coursename\"\r\n                                      />\r\n                                      <br />\r\n                                      {!Coursename ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Course Name\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Coursename}\r\n                                        </div>\r\n                                      )}\r\n                                      <datalist id=\"browsers\">\r\n                                        {EducationCourseName.map(\r\n                                          (EducationCourseName) => (\r\n                                            <option\r\n                                              value={\r\n                                                EducationCourseName.coursename\r\n                                              }\r\n                                            ></option>\r\n                                          )\r\n                                        )}\r\n                                      </datalist>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        onChange={this.handleChangeD}\r\n                                        maxLength=\"100\"\r\n                                        type=\"text\"\r\n                                        id=\"stream\"\r\n                                        name=\"Stream\"\r\n                                      />\r\n                                      <br />{\" \"}\r\n                                      {!stream ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Specialization\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {stream}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <select\r\n                                        className=\"effect-16\"\r\n                                        onChange={this.handleChangeD}\r\n                                        type=\"text\"\r\n                                        id=\"Coursetype\"\r\n                                        name=\"Coursetype\"\r\n                                        style={{\r\n                                          // Apply the marginLeft style only if the browser is Chrome\r\n                                          ...(isChrome && { marginLeft: '-3px' })\r\n                                        }}\r\n                                      >\r\n                                        <option value=\"\"> Select</option>\r\n                                        <option value=\"Part Time\">\r\n                                          Part Time\r\n                                        </option>\r\n                                        <option value=\"Full Time\">\r\n                                          Full Time\r\n                                        </option>\r\n                                        <option value=\"Full Time\">\r\n                                          Distance Education\r\n                                        </option>\r\n                                      </select>\r\n                                      <br />{\" \"}\r\n                                      {!Coursetype ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Type\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Coursetype}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <ReactDatePicker\r\n                                        selected={startDate}\r\n                                        onChange={(date) => this.handleDateChange(date, 'startDate')}\r\n                                        dateFormat=\"yyyy-MM\"\r\n                                        showMonthYearPicker\r\n                                        id=\"St_date\"\r\n                                        name=\"CourseStartDate\"\r\n                                        className=\"effect-16\"\r\n                                        maxDate={maxDateS}\r\n                                        minDate={new Date(new Date().getFullYear()\r\n                                          - 60, new Date().getMonth(), 1)}\r\n                                        onFocus={(e) => {\r\n                                          this.setState({ DisFireStart: true }, () => this.handleFocus(e));\r\n                                        }}\r\n                                      />\r\n                                      {this.state.DisFireStart && (\r\n                                        <i\r\n                                          id=\"Cal\"\r\n                                          className=\"fa fa-calendar-o\"\r\n                                          aria-hidden=\"true\"\r\n                                          style={{\r\n                                            float: 'right',\r\n                                            marginTop: '-20px',\r\n                                          }}\r\n                                        ></i>\r\n                                      )}\r\n                                      <br />\r\n                                      {!St_date ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Start From\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {St_date}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                    <div className=\"col-xl-4\">\r\n                                      <ReactDatePicker\r\n                                        selected={endDate}\r\n                                        onChange={(date) => this.handleDateChange(date, 'endDate')}\r\n                                        className=\"effect-16\"\r\n                                        dateFormat=\"yyyy-MM\"\r\n                                        showMonthYearPicker\r\n                                        max={new Date(\r\n                                          new Date().getFullYear(),\r\n                                          new Date().getMonth() + 1\r\n                                        )\r\n                                          .toJSON()\r\n                                          .slice(0, 7)}\r\n                                        min={new Date(\r\n                                          new Date().getFullYear() - 60,\r\n                                          new Date().getMonth() + 1\r\n                                        )\r\n                                          .toJSON()\r\n                                          .slice(0, 7)}\r\n                                        onFocus={(e) => {\r\n                                          this.setState({ DisFire: true }, () => this.handleFocus(e));\r\n                                        }}\r\n                                        type=\"text\"\r\n                                        id=\"End_date\"\r\n                                        name=\"CourseEndDate\"\r\n                                      />\r\n                                      {this.state.DisFire && (\r\n                                        <i\r\n                                          id=\"Cal\"\r\n                                          className=\"fa fa-calendar-o\"\r\n                                          aria-hidden=\"true\"\r\n                                          style={{\r\n                                            float: 'right',\r\n                                            marginTop: '-20px',\r\n                                          }}\r\n                                        ></i>\r\n                                      )}\r\n                                      <br />{\" \"}\r\n                                      {!End_date ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          End\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {End_date}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        onChange={this.handleChangeD}\r\n                                        maxLength=\"250\"\r\n                                        type=\"text\"\r\n                                        id=\"unisty_name\"\r\n                                        name=\"UniversityName\"\r\n                                      />\r\n                                      <br />{\" \"}\r\n                                      {!unisty_name ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          University Name\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {unisty_name}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        onChange={this.handleChangeD}\r\n                                        maxLength=\"250\"\r\n                                        type=\"text\"\r\n                                        id=\"clg_name\"\r\n                                        name=\"CollegeName\"\r\n                                      />\r\n                                      <br />\r\n                                      {!clg_name ? <span style={{ color: '#a29d9d', float: \"left\" }}>College Name</span> : <div style={{ color: \"red\" }}>{clg_name}</div>}\r\n                                    </div>\r\n                                    <br /> <br />\r\n                                    <div className=\"col-lg-12 center\">\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                          height: \"39.5px\",\r\n                                          width: \"83.36px\",\r\n                                        }}\r\n                                        disabled={this.state.isButtonDisabledA}\r\n                                      >\r\n                                        Save\r\n                                      </button>\r\n                                      <button\r\n                                        type=\"reset\"\r\n                                        id=\"Close_education\"\r\n                                        className=\" btn-Secondary\"\r\n                                        style={{\r\n                                          marginLeft: \"1%\",\r\n                                          height: \"39.5px\",\r\n                                        }}\r\n                                        onClick={() =>\r\n                                          this.setState({ formErrors: \"\", startDate: \"\", endDate: \"\", DisFire: false, DisFireStart: false })\r\n                                        }\r\n                                      >\r\n                                        Cancel\r\n                                      </button>\r\n                                    </div>\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </div>\r\n                              </form>\r\n                            </div>\r\n                          ) : (\r\n                            <div id=\"AddEDU\" style={{ display: \"none\" }}>\r\n                              <form id=\"EduForm\" onSubmit={this.EduSubmit}>\r\n                                <div className=\"card-block\">\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-xl-4\">\r\n                                      <select\r\n                                        className=\"effect-16\"\r\n                                        id=\"Qualification\"\r\n                                        name=\"QualificationType\"\r\n                                        onChange={(e) => {\r\n                                          this.handleEducationChange(e);\r\n                                          this.handlevalueChange(e);\r\n                                        }}\r\n                                      >\r\n                                        <option value=\"\">Select</option>\r\n                                        {EducationDrop.map((EducationDrop) => (\r\n                                          <option\r\n                                            value={\r\n                                              EducationDrop.qualificationType\r\n                                            }\r\n                                          >\r\n                                            {EducationDrop.qualificationType}\r\n                                          </option>\r\n                                        ))}\r\n                                        <option value=\"\">Others</option>\r\n                                      </select>\r\n                                      <br />\r\n                                      {!Qualification ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Qualification Type\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Qualification}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        list=\"browsers\"\r\n                                        onChange={this.handleEducationChange}\r\n                                        maxLength=\"40\"\r\n                                        type=\"text\"\r\n                                        id=\"Coursename\"\r\n                                        name=\"Coursename\"\r\n                                      />\r\n                                      <br />\r\n                                      {!Coursename ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Course Name\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Coursename}\r\n                                        </div>\r\n                                      )}\r\n                                      <datalist id=\"browsers\">\r\n                                        {EducationCourseName.map(\r\n                                          (EducationCourseName) => (\r\n                                            <option\r\n                                              value={\r\n                                                EducationCourseName.coursename\r\n                                              }\r\n                                            ></option>\r\n                                          )\r\n                                        )}\r\n                                      </datalist>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        onChange={this.handleEducationChange}\r\n                                        maxLength=\"100\"\r\n                                        type=\"text\"\r\n                                        id=\"stream\"\r\n                                        name=\"Stream\"\r\n                                      />\r\n                                      <br />{\" \"}\r\n                                      {!stream ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Specialization\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {stream}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <select\r\n                                        className=\"effect-16\"\r\n                                        onChange={this.handleEducationChange}\r\n                                        type=\"text\"\r\n                                        id=\"Coursetype\"\r\n                                        name=\"Coursetype\"\r\n                                      >\r\n                                        <option value=\"\"> Select</option>\r\n                                        <option value=\"Part Time\">\r\n                                          Part Time\r\n                                        </option>\r\n                                        <option value=\"Full Time\">\r\n                                          Full Time\r\n                                        </option>\r\n                                        <option value=\"Full Time\">\r\n                                          Distance Education\r\n                                        </option>\r\n                                      </select>\r\n                                      <br />{\" \"}\r\n                                      {!Coursetype ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Type\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Coursetype}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) =>\r\n                                          (e.target.type = \"month\")\r\n                                        }\r\n                                        onChange={this.handleEducationChange}\r\n                                        max={new Date(\r\n                                          new Date().getFullYear(),\r\n                                          new Date().getMonth() + 1\r\n                                        )\r\n                                          .toJSON()\r\n                                          .slice(0, 7)}\r\n                                        min={new Date(\r\n                                          new Date().getFullYear() - 60,\r\n                                          new Date().getMonth() + 1\r\n                                        )\r\n                                          .toJSON()\r\n                                          .slice(0, 7)}\r\n                                        type=\"text\"\r\n                                        id=\"St_date\"\r\n                                        name=\"CourseStartDate\"\r\n                                      />\r\n                                      <br />\r\n                                      {!St_date ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Start From\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {St_date}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        max={new Date(\r\n                                          new Date().getFullYear(),\r\n                                          new Date().getMonth() + 1\r\n                                        )\r\n                                          .toJSON()\r\n                                          .slice(0, 7)}\r\n                                        min={new Date(\r\n                                          new Date().getFullYear() - 60,\r\n                                          new Date().getMonth() + 1\r\n                                        )\r\n                                          .toJSON()\r\n                                          .slice(0, 7)}\r\n                                        onFocus={(e) =>\r\n                                          (e.target.type = \"month\")\r\n                                        }\r\n                                        onChange={this.handleEducationChange}\r\n                                        type=\"text\"\r\n                                        id=\"End_date\"\r\n                                        name=\"CourseEndDate\"\r\n                                      />\r\n                                      <br />{\" \"}\r\n                                      {!End_date ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          End\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {End_date}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        onChange={this.handleEducationChange}\r\n                                        maxLength=\"250\"\r\n                                        type=\"text\"\r\n                                        id=\"unisty_name\"\r\n                                        name=\"UniversityName\"\r\n                                      />\r\n                                      <br />{\" \"}\r\n                                      {!unisty_name ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          University Name\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {unisty_name}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        onChange={this.handleEducationChange}\r\n                                        maxLength=\"250\"\r\n                                        type=\"text\"\r\n                                        id=\"clg_name\"\r\n                                        name=\"CollegeName\"\r\n                                      />\r\n                                      <br />{\" \"}\r\n                                      {!clg_name ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          College Name\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {clg_name}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                    <br /> <br />\r\n                                    <div className=\"col-lg-12 center\">\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                          height: \"39.5px\",\r\n                                          width: \"83.36px\",\r\n                                        }}\r\n                                      >\r\n                                        Save\r\n                                      </button>\r\n                                      <button\r\n                                        type=\"reset\"\r\n                                        id=\"Close_education\"\r\n                                        className=\" btn-Secondary\"\r\n                                        style={{\r\n                                          marginLeft: \"1%\",\r\n                                          height: \"39.5px\",\r\n                                        }}\r\n                                      >\r\n                                        Cancel\r\n                                      </button>\r\n                                    </div>\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </div>\r\n                              </form>\r\n                            </div>\r\n                          )\r\n\r\n                          // cdcdcdcdcdc\r\n                        }\r\n                      </div>\r\n                      {showing ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {EducationDetail.length !== 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table   nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    <th>Qualification Type</th>\r\n                                    <th>Name</th>\r\n                                    <th>Type</th>\r\n                                    <th>Specialization</th>\r\n                                    <th>Start From</th>\r\n                                    <th>End</th>\r\n                                    <th>College Name</th>\r\n                                    <th>University Name</th>\r\n                                    <th>Actions</th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {EducationDetail.map((EducationDetail) => (\r\n                                    <tr>\r\n                                      <td>{EducationDetail.qualificationType}</td>\r\n                                      <td>{EducationDetail.courseName}</td>\r\n                                      <td>{EducationDetail.courseType} </td>\r\n                                      <td>{EducationDetail.stream} </td>\r\n                                      <td>\r\n                                        {this.formatted(\r\n                                          EducationDetail.courseStartDate\r\n                                        )}{\" \"}\r\n                                      </td>\r\n                                      <td>\r\n                                        {this.formatted(\r\n                                          EducationDetail.courseEndDate\r\n                                        )}\r\n                                      </td>\r\n                                      <td>{EducationDetail.collegeName}</td>\r\n                                      <td>{EducationDetail.universityName}</td>\r\n                                      <td>\r\n                                        {/* <img alt=\"edit\" src=\"https://img.icons8.com/android/22/000000/pencil.png\" onClick={() => this.UserEduModel(EducationDetail.id, EducationDetail.qualificationType,\r\n                                      EducationDetail.courseName, EducationDetail.courseType, EducationDetail.stream, EducationDetail.courseStartDate, EducationDetail.courseEndDate\r\n                                      , EducationDetail.collegeName, EducationDetail.universityName)} />    &nbsp;&nbsp;&nbsp; */}\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          name=\"Edit\"\r\n                                          title=\"Delete\"\r\n                                          onClick={() =>\r\n                                            this.DelAdminEducation(\r\n                                              EducationDetail.created_Date,\r\n                                              EducationDetail.user_Id\r\n                                            )\r\n                                          }\r\n                                          style={{ marginLeft: \"-19px\" }}\r\n                                        >\r\n                                          <i\r\n                                            className=\"fa fa-minus\"\r\n                                            style={{ color: \"red\" }}\r\n                                          ></i>\r\n                                        </button>{\" \"}\r\n                                        &nbsp;&nbsp;\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          name=\"Edit\"\r\n                                          title=\"Edit\"\r\n                                          onClick={() =>\r\n                                            this.UserEduModel(\r\n                                              EducationDetail.id,\r\n                                              EducationDetail.qualificationType,\r\n                                              EducationDetail.courseName,\r\n                                              EducationDetail.courseType,\r\n                                              EducationDetail.stream,\r\n                                              EducationDetail.courseStartDate,\r\n                                              EducationDetail.courseEndDate,\r\n                                              EducationDetail.universityName,\r\n                                              EducationDetail.collegeName,\r\n                                              EducationDetail.created_Date\r\n                                            )\r\n                                          }\r\n                                        >\r\n                                          <i\r\n                                            className=\"fa fa-edit\"\r\n                                            aria-hidden=\"true\"\r\n                                          ></i>\r\n                                        </button>\r\n                                      </td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}{\" \"}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-3\" className=\"j-tabs-section\">\r\n                      <div className=\"tab-pane\" id=\"contacts\" role=\"tabpanel\">\r\n                        <span>Please fill all the mandatory fields to follow the steps\r\n                          <span style={{\r\n                            marginTop: '-4px',\r\n                            color: 'red',\r\n                            fontSize: '25px',\r\n                            position: 'absolute',\r\n                            marginLeft: '4px',\r\n                            fontWeight: 'bold'\r\n\r\n                          }}>*</span> </span>\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Skills <span style={{ color: \"red\", marginLeft: \"61px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                                *\r\n                              </span>\r\n                            </h5>\r\n                            <button\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              id=\"addSkillBtn\"\r\n                              title=\"Add\"\r\n                              type=\"button\"\r\n                              // onClick={() => {\r\n                              //   this.setState((prevState) => ({\r\n                              //     openskill: !prevState.openskill,\r\n                              //   }));\r\n                              //   this.skillformreset();\r\n                              // }}\r\n                              onClick={() => {\r\n                                this.setState((prevState) => ({\r\n                                  openskill: !prevState.openskill,\r\n                                  showing1: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                  clickCount: prevState.clickCount + 1, // Increment the click count\r\n                                }), () => {\r\n                                  if (this.state.clickCount % 2 === 1) {\r\n                                    this.skillformreset();\r\n                                  }\r\n                                });\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              {openskill ? \"×\" : \"+\"}{\" \"}\r\n                            </button>\r\n                          </div>\r\n                          {this.state.openskill ? (\r\n                            <div\r\n                              className=\"container\"\r\n\r\n                            >\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-12\">\r\n                                  <form\r\n                                    id=\"skillform\"\r\n                                    onSubmit={this.Skillsubmit}\r\n                                  >\r\n                                    <div className=\"container\"\r\n                                      style={{ maxWidth: \"765px\" }}>\r\n\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div\r\n                                          className=\"col-sm-6\"\r\n\r\n                                        >\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            name=\"SkillName\"\r\n                                            onChange={this.handleSkillChange}\r\n                                            type=\"text\"\r\n                                            placeholder=\"SkillName\"\r\n                                            id=\"skillname\"\r\n                                            style={{\r\n                                              // Apply the marginLeft style only if the browser is Chrome\r\n                                              ...(isChrome && { marginLeft: '-3px' })\r\n                                            }}\r\n                                          >\r\n                                            <option value=\"\">Name</option>\r\n                                            {SKillAdminNameDrop.map(\r\n                                              (SKillAdminNameDrop) => (\r\n                                                <option\r\n                                                  value={\r\n                                                    SKillAdminNameDrop.skillName\r\n                                                  }\r\n                                                >\r\n                                                  {SKillAdminNameDrop.skillName}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                          </select>\r\n                                          {!SkillNameErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n\r\n                                              }}\r\n                                            >\r\n                                              Name{\" \"}\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div\r\n                                              style={{\r\n                                                color: \"red\",\r\n                                              }}\r\n                                            >\r\n                                              {SkillNameErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        {/* <div className=\"col-lg-4\">\r\n                                  <input className=\"form\" onFocus={(e) => e.target.select()} name=\"SkillDescription\" type=\"text\" onChange={this.handleSkillChange} />\r\n                                  {!SkillDescriptionErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Description</span> : <div style={{ color: \"red\" }}>{SkillDescriptionErr}</div>}\r\n                                </div> */}\r\n\r\n                                        <div\r\n                                          className=\"col-sm-6\"\r\n                                        >\r\n                                          {/* <select className=\"effect-16\" type=\"text\" name=\"Experience\" id=\"Experience\" onChange={this.handleSkillChange}  >\r\n                                    <option value=\"SelectValue\" >Select</option>\r\n                                    <option value=\"0-1 year\">0-1 year</option>\r\n                                    <option value=\"1-2 year\">1-2 year</option>\r\n                                    <option value=\"2-3 year\">2-3 year</option>\r\n                                    <option value=\"3-4 year\">3-4 year</option>\r\n                                    <option value=\"4-5 year\">4-5 year</option>\r\n                                    <option value=\"More\">More</option>\r\n                                  </select> */}\r\n\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            id=\"exp\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"date\");\r\n                                            }}\r\n                                            max={this.state.maxDate}\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"date\")\r\n                                            // }\r\n                                            // onBlur={(e) => {\r\n\r\n                                            //   e.target.type = \"text\";\r\n\r\n                                            //   e.target.value = this.formatDate(\r\n\r\n                                            //     e.target.value\r\n\r\n                                            //   );\r\n\r\n                                            // }}\r\n\r\n                                            name=\"Experience\"\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {/* <input\r\n                                    className=\"form\"\r\n                                    onFocus={(e) => e.target.select()}\r\n                                    name=\"Experience\"\r\n                                    type=\"text\"\r\n                                   \r\n                                    onChange={this.handleSkillChange}\r\n                                    max={this.state.maxDate}\r\n                                  /> */}\r\n                                          {!ExperienceErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Acquired From\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div\r\n                                              style={{\r\n                                                color: \"red\",\r\n\r\n                                              }}\r\n                                            >\r\n                                              {ExperienceErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div\r\n                                          className=\"col-sm-6\"\r\n                                          style={{\r\n                                            color: \"#495057\",\r\n                                          }}\r\n                                        >\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Intrested as a Trainer\r\n                                          </span>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n\r\n                                          <label>\r\n                                            <label className=\"radio1\">\r\n                                              <input\r\n                                                name=\"Trainer\"\r\n                                                id=\"yes\"\r\n                                                type=\"radio\"\r\n                                                checked={\r\n                                                  this.state.checkbox1Checked\r\n                                                }\r\n                                                onChange={() =>\r\n                                                  this.handleCheckboxChange(1)\r\n                                                }\r\n                                              />\r\n                                              <span>Yes</span>\r\n                                              &nbsp;&nbsp;&nbsp;\r\n                                              <input\r\n                                                id=\"no\"\r\n                                                type=\"radio\"\r\n                                                checked={\r\n                                                  this.state.checkbox2Checked\r\n                                                }\r\n                                                onChange={() =>\r\n                                                  this.handleCheckboxChange(2)\r\n                                                }\r\n                                              />\r\n                                              <span>No</span>\r\n                                            </label>\r\n                                          </label>\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"col-sm-6\"\r\n                                          style={{\r\n                                            color: \"#495057\",\r\n                                          }}\r\n                                        >\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                            }}\r\n                                          >\r\n                                            {\" \"}\r\n                                            Certificate Details\r\n                                          </span>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <label className=\"radio1\">\r\n                                            <input\r\n                                              type=\"radio\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              id=\"UploadCertificate\"\r\n                                              onInputCapture={\r\n                                                this.HandleSkillCertificate\r\n                                              }\r\n                                              name=\"UploadCertificate\"\r\n                                            />\r\n                                            <span>Yes</span>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <input\r\n                                              type=\"radio\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              id=\"UploadCertificate\"\r\n                                              onInputCapture={\r\n                                                this.HandleSkillCertificate\r\n                                              }\r\n                                              name=\"UploadCertificate\"\r\n                                            />\r\n                                            <span>No</span>\r\n                                            {/* <span className=\"slider round\" /> */}\r\n                                          </label>\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      {UploadCertificate === true ? (\r\n                                        <>\r\n\r\n                                          <div\r\n                                            className=\"row\"\r\n                                            style={{ padding: \"8px\" }}\r\n                                          >\r\n                                            <div\r\n                                              className=\"col-sm-6\"\r\n\r\n                                            >\r\n                                              <input\r\n                                                className=\"form\"\r\n                                                onFocus={(e) => e.target.select()}\r\n                                                name=\"SkillCoursename\"\r\n                                                type=\"text\"\r\n                                                id=\"skillcoursename\"\r\n                                                onChange={\r\n                                                  this.hanhandleSkillChangedleChange\r\n                                                }\r\n                                              />\r\n                                              {!skillcoursenameErr ? (\r\n                                                <span\r\n                                                  style={{\r\n                                                    color: \"#a29d9d\",\r\n                                                    float: \"left\",\r\n                                                  }}\r\n                                                >\r\n                                                  Course Name\r\n                                                  <span style={{ color: \"red\" }}>\r\n                                                    *\r\n                                                  </span>\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div\r\n                                                  style={{\r\n                                                    color: \"red\",\r\n\r\n                                                  }}\r\n                                                >\r\n                                                  {skillcoursenameErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n                                            <div\r\n                                              className=\"col-sm-6\"\r\n\r\n                                            >\r\n                                              <input\r\n                                                className=\"form\"\r\n                                                onFocus={(e) => {e.target.select();\r\n                                                  (e.target.type = \"month\");\r\n                                                }}\r\n                                                max={new Date(\r\n                                                  new Date().getFullYear(),\r\n                                                  new Date().getMonth() + 1\r\n                                                )\r\n                                                  .toJSON()\r\n                                                  .slice(0, 7)}\r\n                                                min={new Date(\r\n                                                  new Date().getFullYear() - 60,\r\n                                                  new Date().getMonth() + 1\r\n                                                )\r\n                                                  .toJSON()\r\n                                                  .slice(0, 7)}\r\n                                                name=\"SkillStartdate\"\r\n                                                id=\"skillCoursestartdate\"\r\n                                                type=\"text\"\r\n                                                // onFocus={(e) =>\r\n                                                //   (e.target.type = \"month\")\r\n                                                // }\r\n                                                onChange={this.handleSkillChange}\r\n                                              />\r\n                                              {!skillCoursestartdateErr ? (\r\n                                                <span\r\n                                                  style={{\r\n                                                    color: \"#a29d9d\",\r\n                                                    float: \"left\",\r\n                                                  }}\r\n                                                >\r\n                                                  Start From\r\n                                                  <span style={{ color: \"red\" }}>\r\n                                                    *\r\n                                                  </span>\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div\r\n                                                  style={{\r\n                                                    color: \"red\",\r\n                                                    marginLeft: \"40%\",\r\n                                                  }}\r\n                                                >\r\n                                                  {skillCoursestartdateErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n                                          </div>\r\n                                          <div\r\n                                            className=\"row\"\r\n                                            style={{ padding: \"8px\" }}\r\n                                          >\r\n                                            <div\r\n                                              className=\"col-sm-6\"\r\n                                              style={{\r\n\r\n                                                color: \"#495057\",\r\n\r\n                                              }}\r\n                                            >\r\n                                              <input\r\n                                                className=\"form\"\r\n                                                onFocus={(e) =>{ e.target.select();\r\n                                                  (e.target.type = \"month\")\r\n                                                }}\r\n                                                name=\"SkillEnddate\"\r\n                                                id=\"skillCourseEnddate\"\r\n                                                type=\"text\"\r\n                                                max={new Date(\r\n                                                  new Date().getFullYear(),\r\n                                                  new Date().getMonth() + 1\r\n                                                )\r\n                                                  .toJSON()\r\n                                                  .slice(0, 7)}\r\n                                                min={new Date(\r\n                                                  new Date().getFullYear() - 60,\r\n                                                  new Date().getMonth() + 1\r\n                                                )\r\n                                                  .toJSON()\r\n                                                  .slice(0, 7)}\r\n                                                // onFocus={(e) =>\r\n                                                //   (e.target.type = \"month\")\r\n                                                // }\r\n                                                onChange={this.handleSkillChange}\r\n                                              />\r\n                                              {!skillCourseEnddateErr ? (\r\n                                                <span\r\n                                                  style={{\r\n                                                    color: \"#a29d9d\",\r\n                                                    float: \"left\",\r\n                                                  }}\r\n                                                >\r\n                                                  End\r\n                                                  <span style={{ color: \"red\" }}>\r\n                                                    *\r\n                                                  </span>\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div\r\n                                                  style={{\r\n                                                    color: \"red\",\r\n                                                    marginLeft: \"53%\",\r\n                                                  }}\r\n                                                >\r\n                                                  {skillCourseEnddateErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-sm-6\">\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                name=\"SkillCertificate\"\r\n                                                type=\"file\"\r\n                                                id=\"SkillCertificate\"\r\n                                                onChange={\r\n                                                  this.handleSkillCertificate\r\n                                                }\r\n                                              />\r\n                                              {!skillCertificateErr ? (\r\n                                                <span\r\n                                                  style={{\r\n                                                    color: \"#a29d9d\",\r\n                                                    float: \"left\",\r\n                                                  }}\r\n                                                >\r\n                                                  Certificate upload\r\n                                                  <span style={{ color: \"red\" }}>\r\n                                                    *\r\n                                                  </span>\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div\r\n                                                  style={{\r\n                                                    color: \"red\",\r\n                                                  }}\r\n                                                >\r\n                                                  {skillCertificateErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n                                          </div>\r\n                                        </>\r\n                                      ) : null}\r\n                                      {/* <div className=\"col-lg-12\">\r\n                                  <button type=\"submit\" id=\"Skilledu\" className=\"but\" style={{ height: '40.4px', width: '83.36px', float: \"right\" }}>Save</button>\r\n                                </div> */}\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <br />\r\n                                        <div className=\"center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                            disabled={this.state.isButtonDisabled}\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\" btn-Secondary\"\r\n                                            style={{\r\n                                              marginLeft: \"1%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                            onClick={this.handleTextarea}\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n                                      <br />\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          ) : (\r\n                            <div\r\n                              className=\"card-block contact-details\"\r\n                              style={{ display: \"none\" }}\r\n                              id=\"add-row\"\r\n                            >\r\n                              <div>\r\n                                <form\r\n                                  id=\"skillform\"\r\n                                  onSubmit={this.Skillsubmit}\r\n                                >\r\n                                  <div className=\"row justify-content-center \">\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <select className=\"effect-16\" name=\"Category\" onChange={this.handleSkillChange} type=\"text\" placeholder=\"City\" >\r\n                                        <option value=\"\" > Category</option>\r\n                                        {SKillAdminCategoryDrop.map(SKillAdminCategoryDrop => <option value={SKillAdminCategoryDrop.category}>{SKillAdminCategoryDrop.category}</option>)}\r\n\r\n                                      </select>\r\n                                      {!CategoryErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Category </span> : <div style={{ color: \"red\" }}>{CategoryErr}</div>}\r\n\r\n                                    </div> */}\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!SkillNameErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Name{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillNameErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <input className=\"form\" onFocus={(e) => e.target.select()} name=\"SkillDescription\" type=\"text\" onChange={this.handleSkillChange} />\r\n                                      {!SkillDescriptionErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Description </span> : <div style={{ color: \"red\" }}>{SkillDescriptionErr}</div>}\r\n                                    </div> */}\r\n\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => {e.target.select();\r\n                                          (e.target.type = \"date\")\r\n                                        }}\r\n                                        name=\"Experience\"\r\n                                        type=\"text\"\r\n                                        // onFocus={(e) =>\r\n                                        //   (e.target.type = \"date\")\r\n                                        // }\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!ExperienceErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Experience in hand\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {ExperienceErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Intrested as a Trainer\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input type=\"checkbox\" name=\"Trainer\" />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        {\" \"}\r\n                                        Certificate Details\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          id=\"UploadCertificate\"\r\n                                          onInputCapture={\r\n                                            this.HandleSkillCertificate\r\n                                          }\r\n                                          name=\"UploadCertificate\"\r\n                                        />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n                                    {UploadCertificate === true ? (\r\n                                      <>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            name=\"SkillCoursename\"\r\n                                            type=\"text\"\r\n                                            id=\"skillcoursename\"\r\n                                            onChange={\r\n                                              this.hanhandleSkillChangedleChange\r\n                                            }\r\n                                          />\r\n                                          {!skillcoursenameErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Course Name\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillcoursenameErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillStartdate\"\r\n                                            id=\"skillCoursestartdate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCoursestartdateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Start From\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCoursestartdateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillEnddate\"\r\n                                            id=\"skillCourseEnddate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCourseEnddateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              End\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCourseEnddateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </>\r\n                                    ) : null}\r\n                                    {/* <div className=\"col-lg-12\">\r\n                                      <button type=\"submit\" id=\"Skilledu\" className=\"but\" style={{ height: '40.4px', width: '83.36px', float: \"right\" }} disabled={this.state.isButtonDisabledB}>Save</button>\r\n                                    </div>  */}\r\n                                    <div className=\"col-lg-12 \">\r\n                                      <br />\r\n                                      <div className=\"center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                          disabled={this.state.isButtonDisabled}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={this.handleTextarea}\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                      {showing1 ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {SkillDetails.length !== 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table  nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    {/* <th>Category</th> */}\r\n                                    <th>Skill Name</th>\r\n                                    {/* <th>Description</th> */}\r\n                                    <th>Acquired From</th>\r\n                                    <th>Trainer</th>\r\n                                    <th>Actions</th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {SkillDetails.map((SkillDetails) => (\r\n                                    <tr>\r\n                                      {/* <td >{SkillDetails.category}</td> */}\r\n                                      <td>{SkillDetails.skillName}</td>\r\n                                      {/* <td >{SkillDetails.skillDescription}</td> */}\r\n                                      <td>{SkillDetails.experience}</td>\r\n                                      <td>{SkillDetails.trainer}</td>\r\n                                      <td>\r\n                                        {/* <img alt=\"edit\" src=\"https://img.icons8.com/android/22/000000/pencil.png\" \r\n                                  onClick={() => this.SkillModel(SkillDetails.id, SkillDetails.category, SkillDetails.skillName, \r\n                                  SkillDetails.skillDescription, SkillDetails.experiencedate, SkillDetails.trainer,\r\n                                   SkillDetails.skillCoursename, SkillDetails.skillStartdate, SkillDetails.skillEnddate)} /> */}\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          name=\"Edit\"\r\n                                          title=\"Delete\"\r\n                                          onClick={() =>\r\n                                            this.DelAdminSkill(SkillDetails.skillName, SkillDetails.userId)\r\n                                          }\r\n                                          style={{ marginLeft: \"-19px\" }}\r\n                                        >\r\n                                          <i\r\n                                            className=\"fa fa-minus\"\r\n                                            style={{ color: \"red\" }}\r\n                                          ></i>\r\n                                        </button>{\" \"}\r\n                                        &nbsp;&nbsp;\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          name=\"Edit\"\r\n                                          title=\"Edit\"\r\n                                          onClick={() =>\r\n                                            this.SkillModel(\r\n                                              SkillDetails.id,\r\n                                              SkillDetails.category,\r\n                                              SkillDetails.skillName,\r\n                                              SkillDetails.skillDescription,\r\n                                              SkillDetails.experiencedate,\r\n                                              SkillDetails.trainer,\r\n                                              SkillDetails.skillCoursename,\r\n                                              SkillDetails.skillStartdate,\r\n                                              SkillDetails.skillEnddate,\r\n                                              SkillDetails.skillCertificate,\r\n                                              SkillDetails.certificate,\r\n                                              SkillDetails.created_Date\r\n                                            )\r\n                                          }\r\n                                        >\r\n                                          <i\r\n                                            className=\"fa fa-edit\"\r\n                                            aria-hidden=\"true\"\r\n                                          ></i>\r\n                                        </button>\r\n                                      </td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-8\" className=\"j-tabs-section\">\r\n                      <div className=\"tab-pane\" id=\"contacts\" role=\"tabpanel\">\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Activties\r\n                            </h5>\r\n                            <button\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              id=\"addSkillBtn\"\r\n                              title=\"Add\"\r\n                              type=\"button\"\r\n                              // onClick={() => {\r\n                              //   this.setState((prevState) => ({\r\n                              //     openskill: !prevState.openskill,\r\n                              //   }));\r\n                              //   this.skillformreset();\r\n                              // }}\r\n                              onClick={() => {\r\n                                this.setState((prevState) => ({\r\n                                  openactivities: !prevState.openactivities,\r\n                                  showing6: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                  clickCount: prevState.clickCount + 1, // Increment the click count\r\n                                  selectedSkills3: \"\"\r\n                                }), () => {\r\n                                  if (this.state.clickCount % 2 === 1) {\r\n                                    this.Activitiesformreset();\r\n                                  }\r\n                                });\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              {openactivities ? \"×\" : \"+\"}{\" \"}\r\n                            </button>\r\n                          </div>\r\n                          {this.state.openactivities ? (\r\n                            <div\r\n                              className=\"container\"\r\n                            >\r\n                              <div className=\"row\">\r\n                                <div>\r\n                                  <form\r\n                                    id=\"Activitiesform\"\r\n                                    onSubmit={this.ActivitiesSubmit}\r\n                                  >\r\n                                    <div className=\"container\"\r\n                                    >\r\n                                      <input type=\"hidden\" name=\"Action\" value=\"I\" />\r\n                                      <center>\r\n                                        <div className=\"col-lg-6\"\r\n                                          style={{ justifyContent: 'center', textAlign: \"left\" }}\r\n                                        >\r\n\r\n                                          <Select\r\n                                            isMulti\r\n                                            options={options3}\r\n                                            value={this.state.selectedSkills3}\r\n                                            onChange={this.handleActivitiesChange}\r\n                                            className=\"effect-16\"\r\n                                            name=\"SkillName\"\r\n                                            placeholder=\"Select...\"\r\n                                            closeMenuOnSelect={false}\r\n                                          />\r\n\r\n                                          {!this.state.formErrors.ActivitiesError ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Activities\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {this.state.formErrors.ActivitiesError}\r\n                                            </div>\r\n                                          )}                    <span className=\"underline\" />\r\n\r\n\r\n                                        </div>\r\n                                      </center>\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <br />\r\n                                        <div className=\"center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                            disabled={this.state.isButtonDisabled}\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\" btn-Secondary\"\r\n                                            style={{\r\n                                              marginLeft: \"1%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                            onClick={() => {\r\n                                              this.handleTextarea();\r\n                                              this.setState({\r\n                                                selectedSkills3: \"\"\r\n                                              })\r\n                                            }}\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n                                      <br />\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          ) : (\r\n                            <div\r\n                              className=\"card-block contact-details\"\r\n                              style={{ display: \"none\" }}\r\n                              id=\"add-row\"\r\n                            >\r\n                              <div>\r\n                                <form\r\n                                  id=\"skillform\"\r\n                                  onSubmit={this.Skillsubmit}\r\n                                >\r\n                                  <div className=\"row justify-content-center \">\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <select className=\"effect-16\" name=\"Category\" onChange={this.handleSkillChange} type=\"text\" placeholder=\"City\" >\r\n                                        <option value=\"\" > Category</option>\r\n                                        {SKillAdminCategoryDrop.map(SKillAdminCategoryDrop => <option value={SKillAdminCategoryDrop.category}>{SKillAdminCategoryDrop.category}</option>)}\r\n\r\n                                      </select>\r\n                                      {!CategoryErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Category </span> : <div style={{ color: \"red\" }}>{CategoryErr}</div>}\r\n\r\n                                    </div> */}\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!SkillNameErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Name{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillNameErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <input className=\"form\" onFocus={(e) => e.target.select()} name=\"SkillDescription\" type=\"text\" onChange={this.handleSkillChange} />\r\n                                      {!SkillDescriptionErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Description </span> : <div style={{ color: \"red\" }}>{SkillDescriptionErr}</div>}\r\n                                    </div> */}\r\n\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => {e.target.select();\r\n                                          (e.target.type = \"date\");\r\n                                        }}\r\n                                        name=\"Experience\"\r\n                                        type=\"text\"\r\n                                        // onFocus={(e) =>\r\n                                        //   (e.target.type = \"date\")\r\n                                        // }\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!ExperienceErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Experience in hand\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {ExperienceErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Intrested as a Trainer\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input type=\"checkbox\" name=\"Trainer\" />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        {\" \"}\r\n                                        Certificate Details\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          id=\"UploadCertificate\"\r\n                                          onInputCapture={\r\n                                            this.HandleSkillCertificate\r\n                                          }\r\n                                          name=\"UploadCertificate\"\r\n                                        />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n                                    {UploadCertificate === true ? (\r\n                                      <>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            name=\"SkillCoursename\"\r\n                                            type=\"text\"\r\n                                            id=\"skillcoursename\"\r\n                                            onChange={\r\n                                              this.hanhandleSkillChangedleChange\r\n                                            }\r\n                                          />\r\n                                          {!skillcoursenameErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Course Name\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillcoursenameErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillStartdate\"\r\n                                            id=\"skillCoursestartdate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCoursestartdateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Start From\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCoursestartdateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillEnddate\"\r\n                                            id=\"skillCourseEnddate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCourseEnddateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              End\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCourseEnddateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </>\r\n                                    ) : null}\r\n                                    {/* <div className=\"col-lg-12\">\r\n                                      <button type=\"submit\" id=\"Skilledu\" className=\"but\" style={{ height: '40.4px', width: '83.36px', float: \"right\" }} disabled={this.state.isButtonDisabledB}>Save</button>\r\n                                    </div>  */}\r\n                                    <div className=\"col-lg-12 \">\r\n                                      <br />\r\n                                      <div className=\"center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                          disabled={this.state.isButtonDisabled}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={this.handleTextarea}\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                      {showing6 ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {Array.isArray(ActivitiesAdmin) && ActivitiesAdmin.length > 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table  nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    {/* <th>List</th> */}\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  <tr>\r\n                                    <td>\r\n                                      {ActivitiesAdmin.map((Act, index) => (\r\n                                        <span key={Act.id}>\r\n                                          <span style={{\r\n                                            backgroundColor: \"gainsboro\",\r\n                                            borderRadius: \"6px\", padding: \"6px\"\r\n                                          }}>{Act.activities}\r\n                                            <span onClick={() => this.DelAdminActivities(Act.activities)} className=\"highlight-x\">x</span>\r\n                                          </span>\r\n                                          {index < Act.length - 1 && ' '}&nbsp;&nbsp;\r\n                                        </span>\r\n                                      ))}</td></tr>\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-5\" className=\"j-tabs-section\">\r\n                      <div className=\"tab-pane\" id=\"contacts\" role=\"tabpanel\">\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Personality\r\n                            </h5>\r\n                            <button\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              id=\"addSkillBtn\"\r\n                              title=\"Add\"\r\n                              type=\"button\"\r\n                              // onClick={() => {\r\n                              //   this.setState((prevState) => ({\r\n                              //     openskill: !prevState.openskill,\r\n                              //   }));\r\n                              //   this.skillformreset();\r\n                              // }}\r\n                              onClick={() => {\r\n                                this.setState((prevState) => ({\r\n                                  openpersonality: !prevState.openpersonality,\r\n                                  showing3: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                  clickCount: prevState.clickCount + 1, // Increment the click count\r\n                                  selectedSkills: \"\"\r\n                                }), () => {\r\n                                  if (this.state.clickCount % 2 === 1) {\r\n                                    this.Personalityformreset();\r\n                                  }\r\n                                });\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              {openpersonality ? \"×\" : \"+\"}{\" \"}\r\n                            </button>\r\n                          </div>\r\n                          {this.state.openpersonality ? (\r\n                            <div\r\n                              className=\"container\"\r\n                            >\r\n                              <div className=\"row\">\r\n                                <div>\r\n                                  <form\r\n                                    id=\"Personalityform\"\r\n                                    onSubmit={this.Personalitysubmit}\r\n                                  >\r\n                                    <div className=\"container\"\r\n                                    >\r\n                                      <input type=\"hidden\" name=\"Action\" value=\"I\" />\r\n                                      <center>\r\n                                        <div className=\"col-lg-6\"\r\n                                          style={{ justifyContent: 'center', textAlign: \"left\" }}\r\n                                        >\r\n                                          <Select\r\n                                            isMulti\r\n                                            options={options}\r\n                                            value={this.state.selectedSkills}\r\n                                            className=\"effect-16\"\r\n                                            name=\"Personality\"\r\n                                            id=\"PersonalityName\"\r\n                                            placeholder=\"Select...\"\r\n                                            closeMenuOnSelect={false}\r\n                                            onChange={this.handlePersonalityChange}\r\n                                          />\r\n\r\n                                          {!this.state.formErrors.PersonalityError ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Personality\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {this.state.formErrors.PersonalityError}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n\r\n\r\n                                        </div>\r\n                                      </center>\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <br />\r\n                                        <div className=\"center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                            disabled={this.state.isButtonDisabled}\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\" btn-Secondary\"\r\n                                            style={{\r\n                                              marginLeft: \"1%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                            onClick={() => {\r\n                                              this.handleTextarea();\r\n                                              this.setState({\r\n                                                selectedSkills: \"\"\r\n                                              })\r\n                                            }}\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n                                      <br />\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          ) : (\r\n                            <div\r\n                              className=\"card-block contact-details\"\r\n                              style={{ display: \"none\" }}\r\n                              id=\"add-row\"\r\n                            >\r\n                              <div>\r\n                                <form\r\n                                  id=\"skillform\"\r\n                                  onSubmit={this.Skillsubmit}\r\n                                >\r\n                                  <div className=\"row justify-content-center \">\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <select className=\"effect-16\" name=\"Category\" onChange={this.handleSkillChange} type=\"text\" placeholder=\"City\" >\r\n                                        <option value=\"\" > Category</option>\r\n                                        {SKillAdminCategoryDrop.map(SKillAdminCategoryDrop => <option value={SKillAdminCategoryDrop.category}>{SKillAdminCategoryDrop.category}</option>)}\r\n\r\n                                      </select>\r\n                                      {!CategoryErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Category </span> : <div style={{ color: \"red\" }}>{CategoryErr}</div>}\r\n\r\n                                    </div> */}\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!SkillNameErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Name{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillNameErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <input className=\"form\" onFocus={(e) => e.target.select()} name=\"SkillDescription\" type=\"text\" onChange={this.handleSkillChange} />\r\n                                      {!SkillDescriptionErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Description </span> : <div style={{ color: \"red\" }}>{SkillDescriptionErr}</div>}\r\n                                    </div> */}\r\n\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => {e.target.select();\r\n                                          (e.target.type = \"date\")\r\n                                        }}\r\n                                        name=\"Experience\"\r\n                                        type=\"text\"\r\n                                        // onFocus={(e) =>\r\n                                        //   (e.target.type = \"date\")\r\n                                        // }\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!ExperienceErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Experience in hand\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {ExperienceErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Intrested as a Trainer\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input type=\"checkbox\" name=\"Trainer\" />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        {\" \"}\r\n                                        Certificate Details\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          id=\"UploadCertificate\"\r\n                                          onInputCapture={\r\n                                            this.HandleSkillCertificate\r\n                                          }\r\n                                          name=\"UploadCertificate\"\r\n                                        />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n                                    {UploadCertificate === true ? (\r\n                                      <>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            name=\"SkillCoursename\"\r\n                                            type=\"text\"\r\n                                            id=\"skillcoursename\"\r\n                                            onChange={\r\n                                              this.hanhandleSkillChangedleChange\r\n                                            }\r\n                                          />\r\n                                          {!skillcoursenameErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Course Name\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillcoursenameErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillStartdate\"\r\n                                            id=\"skillCoursestartdate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCoursestartdateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Start From\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCoursestartdateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillEnddate\"\r\n                                            id=\"skillCourseEnddate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCourseEnddateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              End\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCourseEnddateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </>\r\n                                    ) : null}\r\n                                    {/* <div className=\"col-lg-12\">\r\n                                      <button type=\"submit\" id=\"Skilledu\" className=\"but\" style={{ height: '40.4px', width: '83.36px', float: \"right\" }} disabled={this.state.isButtonDisabledB}>Save</button>\r\n                                    </div>  */}\r\n                                    <div className=\"col-lg-12 \">\r\n                                      <br />\r\n                                      <div className=\"center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                          disabled={this.state.isButtonDisabled}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={this.handleTextarea}\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                      {showing3 ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {Array.isArray(PersonalityAdmin) && PersonalityAdmin.length > 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table  nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    {/* <th>List</th> */}\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  <tr>\r\n                                    <td>\r\n                                      {PersonalityAdmin.map((PersonalityAdmin1, index) => (\r\n                                        <span key={PersonalityAdmin1.id}>\r\n                                          <span style={{\r\n                                            backgroundColor: \"gainsboro\",\r\n                                            borderRadius: \"6px\", padding: \"6px\"\r\n                                          }}>{PersonalityAdmin1.personalityName}\r\n                                            <span onClick={() => this.DelAdminPersonality(PersonalityAdmin1.personalityName)} className=\"highlight-x\">x</span>\r\n                                          </span>\r\n                                          {index < PersonalityAdmin1.length - 1 && ' '} &nbsp;&nbsp;\r\n                                        </span>\r\n                                      ))}</td>\r\n\r\n                                  </tr>\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-6\" className=\"j-tabs-section\">\r\n                      <div className=\"tab-pane\" id=\"contacts\" role=\"tabpanel\">\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Life Style\r\n                            </h5>\r\n                            <button\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              id=\"addSkillBtn\"\r\n                              title=\"Add\"\r\n                              type=\"button\"\r\n                              // onClick={() => {\r\n                              //   this.setState((prevState) => ({\r\n                              //     openskill: !prevState.openskill,\r\n                              //   }));\r\n                              //   this.skillformreset();\r\n                              // }}\r\n                              onClick={() => {\r\n                                this.setState((prevState) => ({\r\n                                  openlifeStyle: !prevState.openlifeStyle,\r\n                                  showing4: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                  clickCount: prevState.clickCount + 1, // Increment the click count\r\n                                  selectedSkills1: \"\"\r\n                                }), () => {\r\n                                  if (this.state.clickCount % 2 === 1) {\r\n                                    this.LifeStyleformreset();\r\n                                  }\r\n                                });\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              {openlifeStyle ? \"×\" : \"+\"}{\" \"}\r\n                            </button>\r\n                          </div>\r\n                          {this.state.openlifeStyle ? (\r\n                            <div\r\n                              className=\"container\"\r\n                            >\r\n                              <div className=\"row\">\r\n                                <div>\r\n                                  <form\r\n                                    id=\"LifeStyleform\"\r\n                                    onSubmit={this.LifeStyleSubmit}\r\n                                  >\r\n                                    <div className=\"container\"\r\n                                    >\r\n                                      <input type=\"hidden\" name=\"Action\" value=\"I\" />\r\n                                      <center>\r\n                                        <div className=\"col-lg-6\"\r\n                                          style={{ justifyContent: 'center', textAlign: \"left\" }}\r\n                                        >\r\n\r\n                                          <Select\r\n                                            isMulti\r\n                                            options={options1}\r\n                                            value={this.state.selectedSkills1}\r\n                                            onChange={this.handleLifeStyleChange}\r\n                                            className=\"effect-16\"\r\n                                            name=\"SkillName\"\r\n                                            placeholder=\"Select...\"\r\n                                            closeMenuOnSelect={false}\r\n                                          />\r\n\r\n                                          {!this.state.formErrors.LifeStyleError ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Life Style\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {this.state.formErrors.LifeStyleError}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n\r\n\r\n                                        </div>\r\n                                      </center>\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <br />\r\n                                        <div className=\"center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                            disabled={this.state.isButtonDisabled}\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\" btn-Secondary\"\r\n                                            style={{\r\n                                              marginLeft: \"1%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                            onClick={() => {\r\n                                              this.handleTextarea();\r\n                                              this.setState({\r\n                                                selectedSkills1: \"\"\r\n                                              })\r\n                                            }}\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n                                      <br />\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          ) : (\r\n                            <div\r\n                              className=\"card-block contact-details\"\r\n                              style={{ display: \"none\" }}\r\n                              id=\"add-row\"\r\n                            >\r\n                              <div>\r\n                                <form\r\n                                  id=\"skillform\"\r\n                                  onSubmit={this.Skillsubmit}\r\n                                >\r\n                                  <div className=\"row justify-content-center \">\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <select className=\"effect-16\" name=\"Category\" onChange={this.handleSkillChange} type=\"text\" placeholder=\"City\" >\r\n                                        <option value=\"\" > Category</option>\r\n                                        {SKillAdminCategoryDrop.map(SKillAdminCategoryDrop => <option value={SKillAdminCategoryDrop.category}>{SKillAdminCategoryDrop.category}</option>)}\r\n\r\n                                      </select>\r\n                                      {!CategoryErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Category </span> : <div style={{ color: \"red\" }}>{CategoryErr}</div>}\r\n\r\n                                    </div> */}\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!SkillNameErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Name{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillNameErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <input className=\"form\" onFocus={(e) => e.target.select()} name=\"SkillDescription\" type=\"text\" onChange={this.handleSkillChange} />\r\n                                      {!SkillDescriptionErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Description </span> : <div style={{ color: \"red\" }}>{SkillDescriptionErr}</div>}\r\n                                    </div> */}\r\n\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => {e.target.select();\r\n                                          (e.target.type = \"date\")\r\n                                        }}\r\n                                        name=\"Experience\"\r\n                                        type=\"text\"\r\n                                        // onFocus={(e) =>\r\n                                        //   (e.target.type = \"date\")\r\n                                        // }\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!ExperienceErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Experience in hand\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {ExperienceErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Intrested as a Trainer\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input type=\"checkbox\" name=\"Trainer\" />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        {\" \"}\r\n                                        Certificate Details\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          id=\"UploadCertificate\"\r\n                                          onInputCapture={\r\n                                            this.HandleSkillCertificate\r\n                                          }\r\n                                          name=\"UploadCertificate\"\r\n                                        />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n                                    {UploadCertificate === true ? (\r\n                                      <>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            name=\"SkillCoursename\"\r\n                                            type=\"text\"\r\n                                            id=\"skillcoursename\"\r\n                                            onChange={\r\n                                              this.hanhandleSkillChangedleChange\r\n                                            }\r\n                                          />\r\n                                          {!skillcoursenameErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Course Name\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillcoursenameErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillStartdate\"\r\n                                            id=\"skillCoursestartdate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCoursestartdateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Start From\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCoursestartdateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillEnddate\"\r\n                                            id=\"skillCourseEnddate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCourseEnddateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              End\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCourseEnddateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </>\r\n                                    ) : null}\r\n                                    {/* <div className=\"col-lg-12\">\r\n                                      <button type=\"submit\" id=\"Skilledu\" className=\"but\" style={{ height: '40.4px', width: '83.36px', float: \"right\" }} disabled={this.state.isButtonDisabledB}>Save</button>\r\n                                    </div>  */}\r\n                                    <div className=\"col-lg-12 \">\r\n                                      <br />\r\n                                      <div className=\"center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                          disabled={this.state.isButtonDisabled}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={this.handleTextarea}\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                      {showing4 ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {Array.isArray(LifeStyleAdmin) && LifeStyleAdmin.length > 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table  nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    {/* <th>List</th> */}\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  <tr>\r\n                                    <td>\r\n                                      {LifeStyleAdmin.map((LifeStyleDetails, index) => (\r\n                                        <span key={LifeStyleDetails.id}>\r\n                                          <span style={{\r\n                                            backgroundColor: \"gainsboro\",\r\n                                            borderRadius: \"6px\", padding: \"6px\"\r\n                                          }}>{LifeStyleDetails.lifeStyle}\r\n                                            <span onClick={() => this.DelAdminLifeStyle(LifeStyleDetails.lifeStyle)} className=\"highlight-x\">x</span>\r\n                                          </span>\r\n                                          {index < LifeStyleDetails.length - 1 && ' '}&nbsp;&nbsp;\r\n                                        </span>\r\n                                      ))}</td></tr>\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-7\" className=\"j-tabs-section\">\r\n                      <div className=\"tab-pane\" id=\"contacts\" role=\"tabpanel\">\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Interests\r\n                            </h5>\r\n                            <button\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              id=\"addSkillBtn\"\r\n                              title=\"Add\"\r\n                              type=\"button\"\r\n                              // onClick={() => {\r\n                              //   this.setState((prevState) => ({\r\n                              //     openskill: !prevState.openskill,\r\n                              //   }));\r\n                              //   this.skillformreset();\r\n                              // }}\r\n                              onClick={() => {\r\n                                this.setState((prevState) => ({\r\n                                  openinterests: !prevState.openinterests,\r\n                                  showing5: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                  clickCount: prevState.clickCount + 1, // Increment the click count\r\n                                  selectedSkills2: \"\"\r\n                                }), () => {\r\n                                  if (this.state.clickCount % 2 === 1) {\r\n                                    this.Interestsformreset();\r\n                                  }\r\n                                });\r\n\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              {openinterests ? \"×\" : \"+\"}{\" \"}\r\n                            </button>\r\n                          </div>\r\n                          {this.state.openinterests ? (\r\n                            <div\r\n                              className=\"container\"\r\n                            >\r\n                              <div className=\"row\">\r\n                                <div>\r\n                                  <form\r\n                                    id=\"Interestsform\"\r\n                                    onSubmit={this.InterestsSubmit}\r\n                                  >\r\n                                    <div className=\"container\"\r\n                                    >\r\n                                      <input type=\"hidden\" name=\"Action\" value=\"I\" />\r\n                                      <center>\r\n                                        <div className=\"col-lg-6\"\r\n                                          style={{ justifyContent: 'center', textAlign: \"left\" }}\r\n                                        >\r\n\r\n                                          <Select\r\n                                            isMulti\r\n                                            options={options2}\r\n                                            value={this.state.selectedSkills2}\r\n                                            onChange={this.handleInterestsChange}\r\n                                            className=\"effect-16\"\r\n                                            name=\"SkillName\"\r\n                                            placeholder=\"Select...\"\r\n                                            closeMenuOnSelect={false}\r\n                                          />\r\n\r\n                                          {!this.state.formErrors.InterestsError ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Interests\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {this.state.formErrors.InterestsError}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n\r\n\r\n                                        </div>\r\n                                      </center>\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <br />\r\n                                        <div className=\"center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                            disabled={this.state.isButtonDisabled}\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\" btn-Secondary\"\r\n                                            style={{\r\n                                              marginLeft: \"1%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                            onClick={() => {\r\n                                              this.handleTextarea();\r\n                                              this.setState({\r\n                                                selectedSkills2: \"\"\r\n                                              })\r\n                                            }}\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n                                      <br />\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          ) : (\r\n                            <div\r\n                              className=\"card-block contact-details\"\r\n                              style={{ display: \"none\" }}\r\n                              id=\"add-row\"\r\n                            >\r\n                              <div>\r\n                                <form\r\n                                  id=\"skillform\"\r\n                                  onSubmit={this.Skillsubmit}\r\n                                >\r\n                                  <div className=\"row justify-content-center \">\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <select className=\"effect-16\" name=\"Category\" onChange={this.handleSkillChange} type=\"text\" placeholder=\"City\" >\r\n                                        <option value=\"\" > Category</option>\r\n                                        {SKillAdminCategoryDrop.map(SKillAdminCategoryDrop => <option value={SKillAdminCategoryDrop.category}>{SKillAdminCategoryDrop.category}</option>)}\r\n\r\n                                      </select>\r\n                                      {!CategoryErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Category </span> : <div style={{ color: \"red\" }}>{CategoryErr}</div>}\r\n\r\n                                    </div> */}\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!SkillNameErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Name{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillNameErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <input className=\"form\" onFocus={(e) => e.target.select()} name=\"SkillDescription\" type=\"text\" onChange={this.handleSkillChange} />\r\n                                      {!SkillDescriptionErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Description </span> : <div style={{ color: \"red\" }}>{SkillDescriptionErr}</div>}\r\n                                    </div> */}\r\n\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => {e.target.select();\r\n                                          (e.target.type = \"date\")\r\n                                        }}\r\n                                        name=\"Experience\"\r\n                                        type=\"text\"\r\n                                        // onFocus={(e) =>\r\n                                        //   (e.target.type = \"date\")\r\n                                        // }\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!ExperienceErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Experience in hand\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {ExperienceErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Intrested as a Trainer\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input type=\"checkbox\" name=\"Trainer\" />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        {\" \"}\r\n                                        Certificate Details\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          id=\"UploadCertificate\"\r\n                                          onInputCapture={\r\n                                            this.HandleSkillCertificate\r\n                                          }\r\n                                          name=\"UploadCertificate\"\r\n                                        />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n                                    {UploadCertificate === true ? (\r\n                                      <>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            name=\"SkillCoursename\"\r\n                                            type=\"text\"\r\n                                            id=\"skillcoursename\"\r\n                                            onChange={\r\n                                              this.hanhandleSkillChangedleChange\r\n                                            }\r\n                                          />\r\n                                          {!skillcoursenameErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Course Name\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillcoursenameErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillStartdate\"\r\n                                            id=\"skillCoursestartdate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCoursestartdateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Start From\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCoursestartdateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillEnddate\"\r\n                                            id=\"skillCourseEnddate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCourseEnddateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              End\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCourseEnddateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </>\r\n                                    ) : null}\r\n                                    {/* <div className=\"col-lg-12\">\r\n                                      <button type=\"submit\" id=\"Skilledu\" className=\"but\" style={{ height: '40.4px', width: '83.36px', float: \"right\" }} disabled={this.state.isButtonDisabledB}>Save</button>\r\n                                    </div>  */}\r\n                                    <div className=\"col-lg-12 \">\r\n                                      <br />\r\n                                      <div className=\"center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                          disabled={this.state.isButtonDisabled}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={this.handleTextarea}\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                      {showing5 ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {Array.isArray(InterestsAdmin) && InterestsAdmin.length > 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table  nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    {/* <th>List</th> */}\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  <tr>\r\n                                    <td>\r\n                                      {InterestsAdmin.map((interest, index) => (\r\n                                        <span key={interest.id}>\r\n                                          <span style={{\r\n                                            backgroundColor: \"gainsboro\",\r\n                                            borderRadius: \"6px\", padding: \"6px\"\r\n                                          }}>{interest.interests}\r\n                                            <span onClick={() => this.DelAdminInterests(interest.interests)} className=\"highlight-x\">x</span>\r\n                                          </span>\r\n                                          {index < interest.length - 1 && ' '}&nbsp;&nbsp;\r\n                                        </span>\r\n                                      ))}</td></tr>\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-4\" className=\"j-tabs-section\">\r\n                      <div className=\"tab-pane\" id=\"review\" role=\"tabpanel\">\r\n                        <span>Please fill all the mandatory fields to follow the steps\r\n                          <span style={{\r\n                            marginTop: '-4px',\r\n                            color: 'red',\r\n                            fontSize: '25px',\r\n                            position: 'absolute',\r\n                            marginLeft: '4px',\r\n                            fontWeight: 'bold'\r\n\r\n                          }}>*</span> </span>\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Add Dependencies <span style={{ color: \"red\", marginLeft: \"171px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                                *\r\n                              </span>\r\n                            </h5>\r\n                            <button\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              id=\"addFmlyBtn\"\r\n                              title=\"Add\"\r\n                              type=\"button\"\r\n                              // onClick={() => {\r\n                              //   this.setState((prevState) => ({\r\n                              //     openfam: !prevState.openfam,\r\n                              //   }));\r\n                              //   this.familyformreset();\r\n                              // }}\r\n                              onClick={() => {\r\n                                this.setState((prevState) => ({\r\n                                  openfam: !prevState.openfam,\r\n                                  showing2: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                  clickCount: prevState.clickCount + 1, // Increment the click count\r\n                                }), () => {\r\n                                  if (this.state.clickCount % 2 === 1) {\r\n                                    this.familyformreset();\r\n                                  }\r\n                                });\r\n                              }}\r\n                            >\r\n                              {openfam ? \"×\" : \"+\"}{\" \"}\r\n                            </button>\r\n                          </div>\r\n\r\n                          {\r\n                            openfam ? (\r\n                              <div\r\n                                className=\"card-block contact-details\"\r\n                                id=\"add-rowFamily\"\r\n                              >\r\n                                <div>\r\n                                  <form\r\n                                    id=\"familyform\"\r\n                                    onSubmit={this.FamlySubmit}\r\n                                  >\r\n                                    <div className=\"row \">\r\n                                      <div className=\"col-lg-3\">\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          id=\"RelationshipFam\"\r\n                                          name=\"Relationship\"\r\n                                          onChange={this.handleChange}\r\n                                          type=\"text\"\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            ...(isChrome && { marginLeft: '-3px' })\r\n                                          }}\r\n                                        >\r\n                                          <option value=\"\">\r\n                                            {\" \"}\r\n                                            Relationship\r\n                                          </option>\r\n                                          {RelationshipDrop.map(\r\n                                            (RelationshipDrop) => (\r\n                                              <option\r\n                                                value={\r\n                                                  RelationshipDrop.relationship\r\n                                                }\r\n                                              >\r\n                                                {RelationshipDrop.relationship}\r\n                                              </option>\r\n                                            )\r\n                                          )}\r\n                                        </select>\r\n\r\n                                        {!RelationshipErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Relationship\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              *\r\n                                            </span>\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {RelationshipErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"FirstName\"\r\n                                          id=\"FirstNameFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        {!FirstNameErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            First Name\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              *\r\n                                            </span>\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {FirstNameErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"MiddleName\"\r\n                                          id=\"MiddleNameFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Middle Name\r\n                                        </span>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"LastName\"\r\n                                          id=\"LastNameFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n                                        <span\r\n                                          className={\r\n                                            LastNameErr ? \" showError\" : \"\"\r\n                                          }\r\n                                        ></span>\r\n\r\n                                        {!LastNameErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Last Name\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              *\r\n                                            </span>\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {LastNameErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"row \"\r\n                                      style={{ marginTop: \"2%\" }}\r\n                                    >\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"Contact\"\r\n                                          id=\"ContactFam\"\r\n                                          type=\"text\"\r\n                                          maxLength=\"10\"\r\n                                          onKeyPress={(event) => {\r\n                                            const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                            if (isLetter) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          onInputCapture={(event) => {\r\n                                            if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                              event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                            }\r\n                                          }}\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        {!ContactErr ? (\r\n                                          <>\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Contact Number\r\n                                              {/* <span style={{ color: \"red\" }} id='contacstar'>\r\n                                              *\r\n                                            </span> */}\r\n                                            </span>\r\n                                            <p>{this.state.FamilyDetails.length === 0\r\n                                              ? <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                              : null}</p>\r\n                                          </>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {ContactErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      <div className=\"col-lg-3\">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"Email\"\r\n                                          id=\"EmailFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n                                        {/* <span style={{ color: '#a29d9d', float: \"left\" }}>Email</span> */}\r\n                                        {!EmailErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Email\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {EmailErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      {/* <div className=\"col-lg-3\">\r\n\r\n                                      <select className=\"effect-16\" id=\"RelationshipFam\" name=\"Relationship\" onChange={this.handleChange} type=\"text\"    >\r\n                                        <option value=\"\" > Relationship</option>\r\n                                        {RelationshipDrop.map(RelationshipDrop => <option value={RelationshipDrop.relationship}>{RelationshipDrop.relationship}</option>)}\r\n\r\n                                      </select>\r\n\r\n\r\n                                      {!RelationshipErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Relationship<span style={{ color: \"red\" }}>*</span></span> : <div style={{ color: \"red\" }}>{RelationshipErr}</div>}\r\n\r\n\r\n                                    </div> */}\r\n\r\n                                      <div\r\n                                        className=\"col-lg-3\"\r\n                                        style={{ marginTop: \"21px\" }}\r\n                                      >\r\n                                        <span style={{ color: \"#7c7c7c\" }}>\r\n                                          Emergency Contact\r\n                                        </span>\r\n                                        &nbsp;&nbsp;\r\n                                        {this.state.FamilyDetails.length === 0\r\n                                          ? true\r\n                                          : false}\r\n                                        <label\r\n                                          style={\r\n                                            this.state.FamilyDetails.length ===\r\n                                              0\r\n                                              ? { pointerEvents: \"none\" }\r\n                                              : { pointerEvents: \"all\" }\r\n                                          }\r\n                                          className=\"switch center\"\r\n                                        >\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"EmergencyContact\"\r\n                                            defaultChecked={\r\n                                              this.state.FamilyDetails\r\n                                                .length === 0\r\n                                                ? true\r\n                                                : false\r\n                                            }\r\n                                            name=\"EmergencyContact\"\r\n                                          />\r\n                                          <span className=\"slider round\" />\r\n                                        </label>\r\n                                      </div>\r\n                                      <br />\r\n\r\n                                      {/* <div className=\"col-lg-12 \">\r\n\r\n                                      <button type=\"submit\" id=\"saverow3\" className=\"but\" style={{ height: '40.4px', width: '83.36px', float: \"right\" }} disabled={this.state.isButtonDisabled}>Save</button>\r\n                                    </div> */}\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <div className=\"center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                            disabled={\r\n                                              this.state.isButtonDisabled\r\n                                            }\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\" btn-Secondary\"\r\n                                            style={{\r\n                                              marginLeft: \"1%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                            onClick={this.handleTextarea}\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            ) : (\r\n                              <div\r\n                                className=\"card-block contact-details\"\r\n                                style={{ display: \"none\" }}\r\n                                id=\"add-rowFamily\"\r\n                              >\r\n                                <div>\r\n                                  <form\r\n                                    id=\"familyform\"\r\n                                    onSubmit={this.FamlySubmit}\r\n                                  >\r\n                                    <div className=\"row \">\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"FirstName\"\r\n                                          id=\"FirstNameFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        {!FirstNameErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            First Name\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {FirstNameErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"MiddleName\"\r\n                                          id=\"MiddleNameFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Middle Name\r\n                                        </span>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"LastName\"\r\n                                          id=\"LastNameFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n                                        <span\r\n                                          className={\r\n                                            LastNameErr ? \" showError\" : \"\"\r\n                                          }\r\n                                        ></span>\r\n\r\n                                        {!LastNameErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Last Name\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {LastNameErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"Contact\"\r\n                                          id=\"ContactFam\"\r\n                                          type=\"text\"\r\n                                          maxLength=\"10\"\r\n                                          onInputCapture={(event) => {\r\n                                            if (!/[0-9]/.test(event.key)) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        {!ContactErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Contact Number\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {ContactErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"row \"\r\n                                      style={{ marginTop: \"2%\" }}\r\n                                    >\r\n                                      <div className=\"col-lg-3\">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"Email\"\r\n                                          id=\"EmailFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChangeemail}\r\n                                        />\r\n\r\n                                        {!EmailErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Email\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {EmailErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      <div className=\"col-lg-3\">\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          id=\"RelationshipFam\"\r\n                                          name=\"Relationship\"\r\n                                          onChange={this.handleChange}\r\n                                          type=\"text\"\r\n                                        >\r\n                                          <option value=\"\">\r\n                                            {\" \"}\r\n                                            Relationship\r\n                                          </option>\r\n                                          {RelationshipDrop.map(\r\n                                            (RelationshipDrop) => (\r\n                                              <option\r\n                                                value={\r\n                                                  RelationshipDrop.relationship\r\n                                                }\r\n                                              >\r\n                                                {RelationshipDrop.relationship}\r\n                                              </option>\r\n                                            )\r\n                                          )}\r\n                                        </select>\r\n\r\n                                        {!RelationshipErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Relationship\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {RelationshipErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n\r\n                                      <div\r\n                                        className=\"col-lg-3\"\r\n                                        style={{ marginTop: \"21px\" }}\r\n                                      >\r\n                                        <span style={{ color: \"#7c7c7c\" }}>\r\n                                          Emergency Contact\r\n                                        </span>\r\n                                        &nbsp;&nbsp;\r\n                                        <label\r\n                                          style={{ pointerEvents: \"none\" }}\r\n                                          className=\"switch center\"\r\n                                        >\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"EmergencyContact\"\r\n                                            defaultChecked={\r\n                                              this.state.FamilyDetails\r\n                                                .length === 0\r\n                                                ? true\r\n                                                : false\r\n                                            }\r\n                                            name=\"EmergencyContact\"\r\n                                          />\r\n                                          <span className=\"slider round\" />\r\n                                        </label>\r\n                                      </div>\r\n                                      <br />\r\n\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          id=\"saverow3\"\r\n                                          disabled={this.state.isButtonDisabled}\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"40.4px\",\r\n                                            width: \"83.36px\",\r\n                                            float: \"right\",\r\n                                          }}\r\n                                        >\r\n                                          Save\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            )\r\n\r\n                            // vbfbgf\r\n                          }\r\n                        </div>\r\n                      </div>\r\n                      {showing2 ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {FamilyDetails.length !== 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table   nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    <th>Name</th>\r\n                                    <th>Contact Number </th>\r\n                                    <th>Email</th>\r\n                                    <th>Relationship</th>\r\n                                    <th>Emergency Contact</th>\r\n                                    <th>Actions</th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {FamilyDetails.map((FamilyDetails) => (\r\n                                    <tr\r\n                                      id={\r\n                                        FamilyDetails.id + FamilyDetails.firstName\r\n                                      }\r\n                                    >\r\n                                      <td>\r\n                                        {FamilyDetails.firstName}{\" \"}\r\n                                        {FamilyDetails.middleName}{\" \"}\r\n                                        {FamilyDetails.lastName}\r\n                                      </td>\r\n                                      <td>{FamilyDetails.contact}</td>\r\n                                      <td>{FamilyDetails.email}</td>\r\n                                      <td>{FamilyDetails.relationship}</td>\r\n                                      <td>{FamilyDetails.emergencyContact}</td>\r\n                                      <td>\r\n\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          name=\"Edit\"\r\n                                          title=\"Delete\"\r\n                                          onClick={() =>\r\n                                            this.DelAdminFamily(FamilyDetails.created_Date, FamilyDetails.userId)\r\n                                          }\r\n                                          style={{ marginLeft: \"-19px\" }}\r\n                                        >\r\n                                          <i\r\n                                            className=\"fa fa-minus\"\r\n                                            style={{ color: \"red\" }}\r\n                                          ></i>\r\n                                        </button>{\" \"}\r\n                                        &nbsp;&nbsp;\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          type=\"button\"\r\n                                          title=\"Edit\"\r\n                                          onClick={() =>\r\n                                            this.FamModel(\r\n                                              FamilyDetails.id,\r\n                                              FamilyDetails.firstName,\r\n                                              FamilyDetails.middleName,\r\n                                              FamilyDetails.lastName,\r\n                                              FamilyDetails.contact,\r\n                                              FamilyDetails.email,\r\n                                              FamilyDetails.relationship,\r\n                                              FamilyDetails.emergencyContact,\r\n                                              FamilyDetails.created_Date\r\n                                            )\r\n                                          }\r\n                                        >\r\n                                          <i\r\n                                            className=\"fa fa-edit\"\r\n                                            aria-hidden=\"true\"\r\n                                          ></i>{\" \"}\r\n                                        </button>\r\n                                      </td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}{\" \"}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                    {/* <div id=\"tabs-section-8\" className=\"j-tabs-section\">\r\n                      <div className=\"tab-pane\" id=\"notes\" role=\"tabpanel\">\r\n                        <div className=\"card\">\r\n                          <div className=\"card-header\">\r\n                            <h5 className=\"card-header-text\"> </h5>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div> */}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ReactTimeAgo from \"react-time-ago\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport fileImg from \"../../Assets/images/document.png\";\r\n\r\nconst AllAnnouncement = ({ history }) => {\r\n  const [announcement, setAnnouncement] = useState([]);\r\n  const [aAnnouncement, setaAnnouncement] = useState([]);\r\n  const [allAnnouncement, setAllAnnouncement] = useState([]);\r\n  const [announcementFilter, setAnnouncementFilter] = useState([]);\r\n  const [delay, setdelay] = useState(false);\r\n  const [isOpen, setisOpen] = useState(false);\r\n  const [showResults, setShowResults] = useState(false);\r\n  const [filterPop, setFilterPop] = useState(false);\r\n  const [letters, setLetters] = useState([]);\r\n  const [filterData, setFilterData] = useState('');\r\n  const [clickedContents, setClickedContents] = useState(\r\n    JSON.parse(localStorage.getItem(\"clickedContents\")) || {}\r\n\r\n  );\r\n\r\n  const handleContentClick = (id) => {\r\n    const updatedClickedContents = { ...clickedContents, [id]: true };\r\n    localStorage.setItem(\"clickedContents\", JSON.stringify(updatedClickedContents));\r\n    setClickedContents(updatedClickedContents);\r\n  };\r\n\r\n  const bothOnClick = (id) => {\r\n    handleContentClick(id);\r\n    GetAnnouncement(id);\r\n\r\n  };\r\n\r\n  const popupclose = () => {\r\n    setisOpen(false)\r\n  }\r\n\r\n  const getAnnouncement = () => {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(`${BASE_URLs}/Announcement/GetActiveAnnounce`, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setAnnouncement(data);\r\n        setAllAnnouncement(data)\r\n        // console.log(\"Announcemtttt\", data);\r\n      });\r\n    \r\n    \r\n  };\r\n\r\n const handleImageClick = (url) => {\r\n    window.open(url, '_blank');\r\n     };\r\n  const GetAnnouncement = (id) => {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    // var Id = this.props.location.state.Id;\r\n    fetch(`${BASE_URLs}/Announcement/GetActiveAnnounceid?Id=` + id, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setisOpen(true)\r\n        setaAnnouncement(data)\r\n        // console.log(\"Announcemt\", data);\r\n      \r\n      });\r\n  }\r\n\r\n const SeenUpdate = (id) => {\r\n  \r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      // body: data\r\n    };\r\n    fetch(\r\n      `${BASE_URLs}/Announcement/EditPreviewannounceSeen?id=` + id,\r\n      options\r\n    )\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n\r\n        const options = {\r\n          method: \"GET\",\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"application/json\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        };\r\n        fetch(`${BASE_URLs}/AddOrganization/GetAdminAnnSeenCount`, options)\r\n          .then((response) => response.json())\r\n          .then((data) => {\r\n            getAnnouncement();\r\n          });\r\n\r\n      });\r\n\r\n};\r\n\r\n  const announcementView = (id) => {\r\n    const page = {\r\n      pathname: \"/AdminAnnouncmentpop\",\r\n      state: {\r\n        Id: id,\r\n      },\r\n    };\r\n    history.push(page);\r\n  };\r\n\r\n  const announcementPreview = () => {\r\n    const page = {\r\n      pathname: \"/AnnouncementPreview\",\r\n      // state: {\r\n      //   Id: id,\r\n      // },\r\n    };\r\n    history.push(page);\r\n  };\r\n\r\n  useEffect(() => {\r\n    getAnnouncement();\r\n\r\n    setTimeout(() => {\r\n      setdelay(true)\r\n    }, 500);\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    setLetters(alphabet);\r\n  }, []);\r\n\r\n  const truncateTitle = (title, maxLength) => {\r\n    if (title.length > maxLength) {\r\n      return title.substring(0, maxLength) + \"...\";\r\n    }\r\n    return title;\r\n  }\r\n  const getFileType = (path) => {\r\n    const extension = path.split('.').pop().toLowerCase();\r\n    if (['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(extension)) {\r\n      return 'image';\r\n    } else if (['mp4', 'avi', 'mov', 'wmv', 'mkv'].includes(extension)) {\r\n      return 'video';\r\n    } else if (['pdf', 'xls', 'xlsx'].includes(extension)) {\r\n      return 'document';\r\n    } else {\r\n      return 'file';\r\n    }\r\n  };\r\n  const logOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    history.push(\"/Login_form\");\r\n  };\r\n\r\n  const handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const filteredAnnouncement = allAnnouncement.filter((item) => {\r\n      return (\r\n        item.title.charAt(0).toLowerCase().startsWith(letter.toLowerCase())\r\n      );\r\n    });\r\n    setAnnouncement(filteredAnnouncement);\r\n    setShowResults(true);\r\n    setFilterData(filteredAnnouncement);\r\n  };\r\n\r\n  const filterfunction = (e) => {\r\n    const filteredAnnouncement = allAnnouncement.filter(\r\n      (item) =>\r\n        item.title.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    setAnnouncement(filteredAnnouncement);\r\n    setShowResults(true);\r\n    setAnnouncementFilter(filteredAnnouncement);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <SideBar active={window.location.pathname} />\r\n\r\n      <div className=\"pcoded-content\">\r\n        <div className=\"pcoded-inner-content\">\r\n          <div className=\"main-body\">\r\n            <div className=\"page-wrapper\">\r\n              <div className=\"page-header\">\r\n                <div className=\"page-header-title\"></div>\r\n              </div>\r\n\r\n              <div className=\"page-body\">\r\n                <div className=\"col-sm-12\">\r\n                  {isOpen ?\r\n                    <div className=\"popup\" style={{ textAlign: 'left' }}>\r\n                      <div className=\"popup-content\">\r\n                        <div className=\"Announcedetailspop\" >\r\n                          <i\r\n                            className=\"fa fa-times\"\r\n                            aria-hidden=\"true\"\r\n                            style={{\r\n                              color: \"gray\",\r\n                              marginLeft: \"90%\",\r\n                              fontSize: \"17px\",\r\n                              cursor: 'pointer'\r\n                            }}\r\n                            onClick={popupclose}\r\n                          ></i>\r\n                          <br />\r\n                          <center><h6><b>Announcement Details</b></h6></center>\r\n                          <div className=\"card-block\">\r\n\r\n                          {aAnnouncement &&\r\n                                      aAnnouncement.map &&\r\n                                      aAnnouncement.map((Announcement) => (\r\n                                        <>\r\n                                          {Announcement.image === \"-\" &&\r\n                                            Announcement.video === \"-\" ? (\r\n                                            <div >\r\n                                              <div\r\n                                              >\r\n                                                <span\r\n                                                  key={Announcement.id}\r\n                                                  style={{ margin: \"0%\" }}\r\n                                                >\r\n\r\n                                                  <b>Subject:</b> &nbsp; <span\r\n                                                    style={{ overflowWrap: \"break-word\", width: \"50%\", }}\r\n                                                  > {Announcement.title}</span><br /><br />\r\n                                                  <b>Description:</b> &nbsp; <span\r\n                                                    style={{ overflowWrap: \"break-word\", width: \"50%\", }}> {Announcement.message}</span>\r\n\r\n                                                </span>\r\n                                              </div>\r\n                                            </div>\r\n                                          ) : (\r\n                                            \r\n                                                    <>\r\n                                                    {Announcement.image.split(',').map((imageUrl, index) => (\r\n    <div  style={{display:\"inline-block\", marign:\"10px\" }} key={index}>\r\n         {index === 0 && (\r\n          <>\r\n           <span style={{ margin: \"38px\" }}>\r\n      <b>Subject:</b> &nbsp;\r\n      <span style={{ overflowWrap: \"break-word\", width: \"50%\" }}>\r\n        {Announcement.title}\r\n      </span>\r\n    </span>\r\n    <br /><br />\r\n    <span style={{ margin: \"38px\" }}>\r\n      <b>Description:</b> &nbsp;\r\n      <span style={{ overflowWrap: \"break-word\", width: \"50%\" }}>\r\n        {Announcement.message}\r\n      </span>\r\n    </span>\r\n    <br /><br />\r\n                </> \r\n        )}\r\n        <div style={{margin:\"10px\"}}>\r\n        {getFileType(imageUrl) === 'image' ? (\r\n            \r\n            <span style={{margin:\"30px\"}}>\r\n            <b>Image:&nbsp;</b>\r\n\r\n{imageUrl.split(',').map((Url, index) => (\r\n<img\r\nkey={index}\r\nalt={`Image ${index}`}\r\nsrc={imageUrl.trim()} \r\nstyle={{ width: \"100px\", height: \"100px\" }}\r\nonClick={() => handleImageClick(Url.trim())}\r\n/>\r\n))}\r\n            </span>\r\n        ) : getFileType(imageUrl) === 'video' ? (\r\n          <span style={{display:\"flex\",margin:\"30px\"}}>\r\n          <span><b>video:</b></span>\r\n                <video\r\n                    controls\r\n                    style={{ width: \"125px\", height: '118px', marginTop: '-61px' }}\r\n                >\r\n                    <source src={imageUrl} type=\"video/mp4\" />\r\n                    <source src={imageUrl} type=\"video/ogg\" />\r\n                </video>\r\n            </span>\r\n        ) : (\r\n          <span style={{margin:\"30px\"}}>\r\n          <b>File:</b> \r\n                <img\r\n                    src={fileImg}\r\n                    style={{ height: \"30px\", width: \"30px\" }}\r\n                />\r\n                &nbsp; \r\n                <a\r\n                    href={imageUrl}\r\n                    name=\"picture\"\r\n                    readOnly\r\n                    value={imageUrl}\r\n                    title=\"\"\r\n                    target=\"_blank\"\r\n                >\r\n                    <span>\r\n                        {imageUrl.slice(\"https://localhost:44369/Images/Announcement_Image_\".length)}\r\n                    </span>\r\n                </a>\r\n            </span>\r\n           \r\n        )}\r\n         </div>\r\n    </div>\r\n))}\r\n                                                  </>\r\n                                                  )}\r\n                                                </>\r\n                                              ))}\r\n                            <div>\r\n\r\n                            </div>\r\n                          </div>\r\n                        </div> </div> </div> : null}\r\n\r\n                  <div className=\"card\"\r\n                  // style={{ height: '450px' }}\r\n                  >\r\n                    <div className=\"glowBox\">\r\n                      <div style={{ float: \"left\" }}>\r\n                        <a\r\n                          href\r\n                          onClick={announcementPreview}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-arrow-left\"\r\n                            style={{ fontSize: \"45px\", color: \"white\" }}\r\n                          />\r\n                        </a>{\" \"}\r\n                      </div>\r\n                      <h4 className=\"title\"\r\n                      // style={{ marginRight: '56px' }}\r\n                      >Announcements From OAT </h4>\r\n                    </div>\r\n                    \r\n                    <div className=\"col-xl-12 \"\r\n                    >\r\n\r\n                      <div className=\"col-lg-3\" style={{ float: 'right' }}>\r\n                        <input\r\n                          type=\"text\"\r\n                          className=\"Searchbox\"\r\n                          id=\"CNSearch\"\r\n                          placeholder=\"Search\"\r\n\r\n                          onClick={() => {\r\n                            setFilterPop(true)\r\n                          }}\r\n                          readOnly\r\n\r\n                        /></div>\r\n                    </div>\r\n\r\n\r\n                    {/* <table style={{\r\n                      // marginLeft:'5%',\r\n                      // marginTop: '2%'\r\n                    }}>\r\n                      <tbody>\r\n                        {announcement.length === 0 && delay ? (\r\n                          <center>\r\n                            <h5>No Announcements</h5>\r\n                          </center>\r\n                        ) : ( */}\r\n\r\n                    <div className=\"card-block\">\r\n                      <div className=\"dt-responsive table-responsive\"\r\n                        id={announcement.length <= 7 ? \"NoAnnLength\" : \"Above10\"}\r\n                      >\r\n                        {announcement.length === 0 && delay && announcementFilter.length === 0 ?\r\n                          <center>\r\n\r\n                            <p>No Announcement</p>\r\n                          </center>\r\n                          : null}\r\n                        {announcement.length !== 0 ? (<table\r\n                          id=\"add-row-table3\"\r\n                          className=\"table nowrap\"\r\n\r\n                        >\r\n                          <thead id='tablepadding'><tr>\r\n\r\n                            <th style={{color:'#7367f0'}}>Announcement Details</th>\r\n                          </tr>\r\n                          </thead>\r\n\r\n                          <tbody id='tablepadding'>\r\n\r\n                            <>\r\n                              {announcement.map((item) => (\r\n                                <>\r\n\r\n                                  <tr>\r\n\r\n                                    <td>\r\n                                      <Link\r\n                                     \r\n                                        onClick={() => {\r\n                                        bothOnClick(item.id)\r\n                                        SeenUpdate(item.id)\r\n                                        }}\r\n                                           style={{\r\n                                          color:\r\n                                          item.seen == true\r\n                                              ? \"gray\"\r\n                                              : \"black\",\r\n                                          cursor: \"pointer\",\r\n                                        }}\r\n                                        \r\n                                        id='SAannLists'\r\n                                      >\r\n                                        Subject:&nbsp;<span>{truncateTitle(item.title, 85)}</span>\r\n                                        &nbsp;<span style={{fontSize: \"12px\"}}>See More</span>\r\n                                        {/* Title:&nbsp;<span className='hoverable-span'>{truncateTitle(item.title, 85)}</span>\r\n                                        &nbsp;<span style={{color:'#014c8c'}}>See More</span> */}\r\n\r\n                                        &nbsp;&nbsp;&nbsp;\r\n                                        <ReactTimeAgo\r\n                                          date={item.createdDate}\r\n                                          locale=\"en-US\"\r\n                                          style={{ color: \"gray\", fontSize: '12px' }}\r\n                                        />\r\n\r\n                                      </Link>\r\n\r\n\r\n                                    </td>\r\n\r\n\r\n                                  </tr>\r\n                                </>\r\n                              ))}\r\n                            </>\r\n                          </tbody>\r\n                        </table>) : null}\r\n                      </div> </div>\r\n\r\n\r\n\r\n\r\n                    {/* )}\r\n                      </tbody>\r\n\r\n                    </table> */}\r\n\r\n                  </div>\r\n\r\n\r\n                </div>\r\n              </div>\r\n            </div>\r\n            {filterPop && (\r\n              <div className=\"popSearchTeam\">\r\n                <div className=\"popSearchinnernormalTeam\">\r\n                  <div className=\"popSearchinnertitle\" id=\"popSearchinnernormal\">\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                        marginTop: \"-20px\",\r\n                        marginRight: \"-20px\",\r\n                      }}\r\n                      onClick={() => {\r\n                        setFilterPop(false);\r\n                        getAnnouncement();\r\n                      }}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <div className=\"checkboxes\">\r\n                      <i\r\n                        className=\"fa fa-search\"\r\n                        aria-hidden=\"true\"\r\n                        style={{\r\n                          fontSize: \"20px\",\r\n                          color: \"gray\",\r\n                          marginLeft: \"-1%\",\r\n                          position: \"absolute\",\r\n                          marginTop: \"0.5%\",\r\n                        }}\r\n                      ></i>\r\n                      <input\r\n                        className=\"Searchbox\"\r\n                        placeholder=\"Search\"\r\n                        onChange={filterfunction}\r\n\r\n                        style={{ float: \"right\", width: \"80%\" }}\r\n                      />\r\n                      <br></br>\r\n                      {letters.map((letter, index) => (\r\n                        <button\r\n                          className=\"filter\"\r\n                          key={index}\r\n                          onClick={(event) => handleFilter(letter, event)}\r\n                        >\r\n                          {letter}\r\n                        </button>\r\n                      ))}\r\n                      <br></br>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default AllAnnouncement;","import React, { Component } from \"react\";\r\n\r\nimport SideBar from \"../../Common/Sidebar\";\r\nexport default class DepartmentDash extends Component {\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                {/*  Start */}\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-md-12 col-xl-4\">\r\n                      <div className=\"card counter-card-1\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            <h3>500</h3>\r\n                            <p>people are in vacation</p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-pink\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"70%\" }}\r\n                                aria-valuenow={70}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-comment\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-2\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            <h3>2500</h3>\r\n                            <p>Teams per Month</p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-success\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"50%\" }}\r\n                                aria-valuenow={50}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-coffee-mug\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-3\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            <h3>200</h3>\r\n                            <p>ABC</p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-default\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"90%\" }}\r\n                                aria-valuenow={90}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-upload\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-12 col-xl-8\">\r\n                      <div className=\"card\">\r\n                        <div className=\"card-block\">\r\n                          <figure className=\"pie-chart\">\r\n                            <figcaption>\r\n                              FrontEnd Developer\r\n                              <span style={{ color: \"#4e79a7\" }} />\r\n                              <br />\r\n                              Backend Developer\r\n                              <span style={{ color: \"#f28e2c\" }} />\r\n                              <br />\r\n                              Junior software Engineers\r\n                              <span style={{ color: \"#e15759\" }} />\r\n                              <br />\r\n                              senior software Engineers\r\n                              <span style={{ color: \"#76b7b2\" }} />\r\n                              <br />\r\n                              Tester\r\n                              <span style={{ color: \"#59a14f\" }} />\r\n                              <br />\r\n                            </figcaption>\r\n                          </figure>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-12 col-xl-4\">\r\n                      <div className=\"card table-card widget-primary-card\">\r\n                        <div className=\"row-table\">\r\n                          <div className=\"col-sm-3 card-block-big\">\r\n                            <i className=\"icofont icofont-star\" />\r\n                          </div>\r\n                          <div className=\"col-sm-9\">\r\n                            <h4>4000 +</h4>\r\n                            <h6>Ratings Received</h6>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"card table-card widget-success-card\">\r\n                        <div className=\"row-table\">\r\n                          <div className=\"col-sm-3 card-block-big\">\r\n                            <i className=\"icofont icofont-trophy-alt\" />\r\n                          </div>\r\n                          <div className=\"col-sm-9\">\r\n                            <h4>17</h4>\r\n                            <h6>Achievements</h6>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    {/*  */}\r\n\r\n                    {/*  */}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport \"../../Css/Textbox.css\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class userprofile extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      profile: [],\r\n      Name: \"\",\r\n      HName: \"\",\r\n      gender: \"\",\r\n      DOB: \"\",\r\n      FirstName: \"\",\r\n      MiddleName: \"\",\r\n      LastName: \"\",\r\n      maritalstatus: \"\",\r\n      MobileNo: \"\",\r\n      Profile: \"\",\r\n      email: \"\",\r\n      location: \"\",\r\n      twitter: \"\",\r\n      skype: \"\",\r\n      website: \"\",\r\n      imagePreviewUrl: \"\",\r\n      imgCoverPreviewUrl: \"\",\r\n      Degree: \"\",\r\n      Institution: \"\",\r\n      University: \"\",\r\n      Graduation_Year: \"\",\r\n      Contact: \"\",\r\n      Email: \"\",\r\n      Relationship: \"\",\r\n      comlogo: [],\r\n      Bloodgroup: \"\",\r\n      formErrors: {},\r\n      Profile_Pic: [],\r\n      EducationDetail: [],\r\n      SkillDetails: [],\r\n      FamilyDetails: [],\r\n      EmergencyDetails: [],\r\n      Bankdetail: [],\r\n      FamModel: false,\r\n      FamilyEditId: \"\",\r\n      EmergencyModel: false,\r\n      EmergencyEditId: \"\",\r\n      SkillModel: false,\r\n      SkillEditId: \"\",\r\n      RelationshipDrop: [],\r\n      EditFamValues: [],\r\n      HouseTypeDrop: [],\r\n      EducationDrop: [],\r\n      EditECValues: [],\r\n    };\r\n    this.initialState = this.state;\r\n\r\n    //this.EducationDetailList=this.EducationDetailList.bind(this);\r\n  }\r\n\r\n  today = new Date();\r\n  maxdate = new Date(\r\n    new Date().getFullYear() - 18,\r\n    new Date().getMonth(),\r\n    new Date().getDate()\r\n  )\r\n    .toJSON()\r\n    .slice(0, 10)\r\n    .replace(/-/g, \"/\");\r\n  mindate = new Date(\r\n    new Date().getFullYear() - 61,\r\n    new Date().getMonth(),\r\n    new Date().getDate()\r\n  )\r\n    .toJSON()\r\n    .slice(0, 10)\r\n    .replace(/-/g, \"/\");\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  BankValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Bankname = document.getElementById(\"Bankname\").value;\r\n    var Branchname = document.getElementById(\"Branchname\").value;\r\n    var Branchaddress = document.getElementById(\"Branchaddress\").value;\r\n    var IFSC = document.getElementById(\"IFSC\").value;\r\n    var AcName = document.getElementById(\"AcName\").value;\r\n    var AcNo = document.getElementById(\"AcNo\").value;\r\n    var AcType = document.getElementById(\"AcType\").value;\r\n    var PhoneNo = document.getElementById(\"PhoneNo\").value;\r\n\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    if (!Bankname) {\r\n      formIsValid = false;\r\n      formErrors[\"Bankname\"] = \"Bank Name  is required\";\r\n    }\r\n\r\n    if (!Branchname) {\r\n      formIsValid = false;\r\n      formErrors[\"Branchname\"] = \"Branch Name is required\";\r\n    }\r\n\r\n    if (!Branchaddress) {\r\n      formIsValid = false;\r\n      formErrors[\"Branchaddress\"] = \"Branch Address is required\";\r\n    }\r\n    if (!IFSC) {\r\n      formIsValid = false;\r\n      formErrors[\"IFSC\"] = \"IFSC Code is required\";\r\n    }\r\n\r\n    if (!AcName) {\r\n      formIsValid = false;\r\n      formErrors[\"AcName\"] = \"Account Holder Name is required\";\r\n    }\r\n    if (!AcNo) {\r\n      formIsValid = false;\r\n      formErrors[\"AcNo\"] = \"Account Number  is required\";\r\n    }\r\n    if (!AcType) {\r\n      formIsValid = false;\r\n      formErrors[\"AcType\"] = \"Account Type is required\";\r\n    }\r\n    if (!PhoneNo) {\r\n      formIsValid = false;\r\n      formErrors[\"PhoneNo\"] = \"Phone Number is required\";\r\n    } else if (!mobPattern.test(PhoneNo)) {\r\n      formIsValid = false;\r\n      formErrors[\"PhoneNo\"] = \" Enter valid Phone Number.\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n\r\n  submit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    const data = new FormData(e.target);\r\n\r\n    if (this.ProfileValidation()) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/Put`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n          if (resp.status === \"Error\") {\r\n            toast.error(resp, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n          //resp.errors.MiddleName===null?document.getElementById('middlename').innerHTML=\"MiddleName\":document.getElementById('middlename').innerHTML=resp.errors.MiddleName,document.getElementById('middlename').style.color=\"red\"\r\n\r\n          this.setState({ imagePreviewUrl: null });\r\n          this.setState({ imageCoverPreviewUrl: null });\r\n        });\r\n\r\n      this.profilelist();\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  handleFileSelected(event) {\r\n    event.preventDefault();\r\n    this.photofilename = event.target.files[0].name;\r\n    const formData = new FormData();\r\n    formData.append(\r\n      \"myFile\",\r\n      event.target.files[0],\r\n      event.target.files[0].name\r\n    );\r\n\r\n    fetch(\"\", {\r\n      method: \"POST\",\r\n      body: formData,\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => {\r\n          this.imagesrc = process.env.REACT_APP_PHOTOPATH + result;\r\n        },\r\n        (error) => {\r\n          toast.error(\"Failed\", {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      );\r\n    // setTimeout(this.profilelist(), 500)\r\n  }\r\n\r\n  Handledegree() {\r\n    var Degreevalue = document.getElementById(\"degreedrop\").value;\r\n    if (Degreevalue === \"12th\" || Degreevalue === \"10th\") {\r\n      document.getElementById(\"univtd\").style.display = \"none\";\r\n    } else {\r\n      document.getElementById(\"univtd\").style.display = \"revert\";\r\n    }\r\n  }\r\n\r\n  GetUserProfile() {\r\n    let url = `${BASE_URLs}/Profile/Userprofile`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Profile_Pic: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  handleImageChange(e) {\r\n    e.preventDefault();\r\n    this.setState({ imagePreviewUrl: URL.createObjectURL(e.target.files[0]) });\r\n  }\r\n\r\n  handleCoverImageChange(e) {\r\n    e.preventDefault();\r\n    this.setState({\r\n      imageCoverPreviewUrl: URL.createObjectURL(e.target.files[0]),\r\n    });\r\n  }\r\n  FamModel = (e, fn, ln, cn, em, relationship, emergencyContact) => {\r\n    this.setState({ FamilyEditId: e });\r\n    this.setState({\r\n      EditFamValues: {\r\n        id: e,\r\n        FirstName: fn,\r\n        LastName: ln,\r\n        Contact: cn,\r\n        Email: em,\r\n        Relationship: relationship,\r\n        emergencyContact: emergencyContact,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      FamModel: !prevState.FamModel,\r\n    }));\r\n\r\n    this.FamilyDetailList();\r\n  };\r\n\r\n  EmergencyModel = (e, fn, ln, cn, em, relationship) => {\r\n    this.setState({ EmergencyEditId: e });\r\n    this.setState({\r\n      EditECValues: {\r\n        id: e,\r\n        FirstName: fn,\r\n        LastName: ln,\r\n        Contact: cn,\r\n        Email: em,\r\n        Relationship: relationship,\r\n      },\r\n    });\r\n\r\n    this.setState((prevState) => ({\r\n      EmergencyModel: !prevState.EmergencyModel,\r\n    }));\r\n\r\n    this.EmergencyDetailList();\r\n  };\r\n\r\n  SkillModel = (id, categ, Skillname, Skilldescrp, exp, trainer) => {\r\n    // this.setState({SkillEditId: id});\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: id,\r\n        categ: categ,\r\n        Skillname: Skillname,\r\n        Skilldescrp: Skilldescrp,\r\n        exp: exp,\r\n        trainer: trainer,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      SkillModel: !prevState.SkillModel,\r\n    }));\r\n\r\n    this.SkillDetailList();\r\n  };\r\n\r\n  HouseTypeDropdownList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/profile/HouseTypeDropdown`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ HouseTypeDrop: data });\r\n      });\r\n  }\r\n  UserEducationDropdownList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserEducationDetails/GetQualificationtype`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ EducationDrop: data });\r\n      });\r\n  }\r\n  test() {\r\n    document.getElementById(\"pendingtab\").click();\r\n  }\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body user-profile\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\">{/* <h1></h1> */}</div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <form>\r\n                      <div className=\"dt-responsive table-responsive\">\r\n                        <table id=\"add-row-table3\" className=\"table nowrap\">\r\n                          <thead>\r\n                            <tr>\r\n                              <th>\r\n                                <input\r\n                                  type=\"checkbox\"\r\n                                  id=\"selectall\"\r\n                                  onClick={() => {\r\n                                    this.checkAll(this);\r\n                                  }}\r\n                                />{\" \"}\r\n                              </th>\r\n                              <th>Department Name</th>\r\n                              <th>Action</th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody>\r\n                            <tr>\r\n                              <td>\r\n                                <input\r\n                                  type=\"checkbox\"\r\n                                  name=\"Id_delete\"\r\n                                  onChange={this.handlecheckbox}\r\n                                  defaultValue=\"\"\r\n                                />\r\n                              </td>\r\n                              <td>''</td>\r\n                              <td>\r\n                                <img\r\n                                  alt=\"edit\"\r\n                                  src=\"https://img.icons8.com/android/22/000000/pencil.png\"\r\n                                />{\" \"}\r\n                                &nbsp;&nbsp;&nbsp;\r\n                              </td>\r\n                            </tr>\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </form>{\" \"}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div id=\"styleSelector\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Chart from \"react-apexcharts\";\r\n\r\nexport default class Piechart extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      options: {\r\n        chart: {\r\n          id: \"apexchart-example\",\r\n        },\r\n        xaxis: {\r\n          categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999],\r\n        },\r\n      },\r\n      series: [\r\n        {\r\n          name: \"series-1\",\r\n          data: [30, 40, 35, 50, 49, 60, 70, 91, 125],\r\n        },\r\n      ],\r\n    };\r\n  }\r\n  render() {\r\n    return (\r\n      <Chart\r\n        options={this.state.options}\r\n        series={this.state.series}\r\n        type=\"bar\"\r\n        width={500}\r\n        height={320}\r\n      />\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Piechart from \"../Piechart\";\r\nimport Pie from \"../../Common/Pie\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      Pending: [],\r\n      comlogo: [],\r\n      Notification: [],\r\n    };\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                {/*  Start */}\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-md-12 col-xl-3\">\r\n                      <div className=\"card counter-card-1\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* {/* <h3></h3>  \r\n            <p></p> */}\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-pink\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"70%\" }}\r\n                                aria-valuenow={70}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-comment\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-2\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* {/* <h3></h3>  \r\n            <p></p> */}\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-success\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"50%\" }}\r\n                                aria-valuenow={50}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-coffee-mug\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-3\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* {/* <h3></h3>  \r\n            <p></p> */}\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-default\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"90%\" }}\r\n                                aria-valuenow={90}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-upload\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-sm-8\">\r\n                      <div className=\"card\">\r\n                        <div className=\"card-header\">\r\n                          <h5>Valid Documents</h5>\r\n                        </div>\r\n\r\n                        <Piechart />\r\n\r\n                        {/* <div id=\"areachart\" className=\"p-t-40 rickshaw_graph\">\r\n          <svg width=\"787.45\" height={200}><path className=\"path\" d=\"M0,160.39603960396042Q111.11285714285714,147.1947194719472,128.20714285714286,136.63366336633663C153.84857142857143,120.79207920792079,230.77285714285713,5.544554455445546,256.4142857142857,1.980198019801982S358.98,87.12871287128714,384.62142857142857,100.99009900990099S487.1871428571429,140.59405940594058,512.8285714285714,140.59405940594058S615.3942857142857,108.9108910891089,641.0357142857143,100.99009900990099S743.6014285714285,57.42574257425744,769.2428571428571,61.3861386138614Q786.3371428571428,64.02640264026404,897.45,140.59405940594058L897.45,200Q786.3371428571428,200,769.2428571428571,200C743.6014285714285,200,666.6771428571429,200,641.0357142857143,200S538.47,200,512.8285714285714,200S410.2628571428571,200,384.62142857142857,200S282.05571428571426,200,256.4142857142857,200S153.84857142857143,200,128.20714285714286,200Q111.11285714285714,200,0,200Z\" fill=\"#1abc9c\" stroke=\"none\" strokeWidth={2} opacity={1} /></svg></div> */}\r\n                        <div className=\"card-block\"></div>\r\n                        <div className=\"card-footer widget-content-footer\">\r\n                          <p className=\"m-b-0\">v</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-4 col-xl-4\">\r\n                      <Pie />\r\n\r\n                      <div className=\"card table-card widget-success-card\">\r\n                        <div className=\"row-table\">\r\n                          <div className=\"col-sm-3 card-block-big\">\r\n                            <i className=\"icofont icofont-trophy-alt\" />\r\n                          </div>\r\n                          <div className=\"col-sm-9\">\r\n                            {/* <h4></h4>\r\n            <h6></h6> */}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/DepartmentExl.49c9c5a9.xlsx\";","import React, { Component } from \"react\";\r\nimport AddDepartmentpop from \"../../Common/AddDepartmentpop\";\r\nimport EditDepartPop from \"../../Common/EditDepartPop\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport { Link } from \"react-router-dom\";\r\nimport DepartmentExl from \"../../Assets/Files/DepartmentExl.xlsx\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport \"../../Css/excel.css\";\r\nimport DataTable from 'react-data-table-component';\r\nvar XLSX = require(\"xlsx\");\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      DepartmentName: \"\",\r\n      DepartModel: false,\r\n      comlogo: [],\r\n      Department: [],\r\n      Depart: [],\r\n      formErrors: {},\r\n      EditModel: false,\r\n      EditDesigntionValues: [],\r\n      Notification: [],\r\n      rows: [],\r\n      cols: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n      filterValue:'',\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      selectAllChecked: false,\r\n      delay:false,\r\n      clearSelected: false,\r\n      selectedNames: [],\r\n      selectedRows:[],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.clearSelection = this.clearSelection.bind(this);\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"DepartSheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/DepartmentGet`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Department: data,\r\n          Depart: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n  DepartModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState((prevState) => ({\r\n      DepartModel: !prevState.DepartModel,\r\n    }));\r\n    this.clearSelection();\r\n    this.GetDepartment();\r\n  };\r\n  EditModel = (e, fn) => {\r\n    this.clearSelection();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditDesigntionValues: {\r\n        id: e,\r\n        DepartmentName: fn,\r\n      },\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      SelectedNames: [],\r\n      selectAllChecked: false, \r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n    this.GetDepartment();\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetDepartment();\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n\r\n    setTimeout(() => {\r\n      this.setState({delay:true})\r\n    }, 2000);\r\n\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleFormValidation() {\r\n    const {\r\n      FirstName,\r\n      LastName,\r\n      Email,\r\n      Mobile,\r\n      Department,\r\n      Designation,\r\n      RoleName,\r\n    } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    }\r\n    if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    }\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email id.\";\r\n    }\r\n    if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile is required\";\r\n    }\r\n    // else if (!Mobile >= 10) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"MobileErr\"] = \"Invalid Mobile number.\";\r\n    // }\r\n    else {\r\n      var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n      if (!mobPattern.test(Mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"MobileErr\"] = \"Invalid phone number.\";\r\n      }\r\n    }\r\n    if (!Department) {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"department is required\";\r\n    }\r\n    if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"designation is required\";\r\n    }\r\n    if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Department/DepartmentExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          } else if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetDepartment();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n    this.GetDepartment();\r\n  };\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  Noticount = async (Id) => {\r\n    await fetch(`${BASE_URLs}/Notification/Noticount`, {\r\n      method: \"PUT\",\r\n      headers: {\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Notification_Id: Id,\r\n      }),\r\n    }).then((result) => {\r\n      result.json().then((resp) => {\r\n        localStorage.setItem(\"success\", JSON.stringify(resp.status));\r\n\r\n        var a = localStorage.getItem(\"success\");\r\n        var b = JSON.parse(a);\r\n        if (b === \"Success\") {\r\n          window.location.href = \"/Organization\";\r\n          localStorage.removeItem(\"success\");\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  Handledepartment() {\r\n    var department = document.getElementById(\"department\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"departmenttext\").value = \"\";\r\n      document.getElementById(\"departmenttext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"departmenttext\").value = \"None\";\r\n      document.getElementById(\"departmenttext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n    const { SelectedNames } = this.state;\r\n    const currentSelectedNames = Array.isArray(SelectedNames) ? SelectedNames : [];\r\n    const uniqueManagerIds = new Set([\r\n      ...currentSelectedNames.map(row => row && row.id),\r\n      ...selectedRows.map(row => row && row.id)\r\n    ]);\r\n    const updatedSelectedNames = Array.from(uniqueManagerIds)\r\n      .filter(id => id !== undefined && id !== null)\r\n      .map(id => {\r\n        const existingRow = currentSelectedNames.find(row => row && row.id === id);\r\n        if (existingRow) {\r\n          return existingRow;\r\n        }\r\n        return selectedRows.find(row => row && row.id === id);\r\n      });\r\n    const updatedSelectedRows = selectedRows.filter(row =>\r\n      uniqueManagerIds.has(row.id)\r\n    );\r\n    this.setState({\r\n      SelectedNames: updatedSelectedNames,\r\n      selectedRows: updatedSelectedRows,\r\n      showSelectAll: updatedSelectedRows.length >= 2,\r\n      showDelete: updatedSelectedRows.length >= 1,\r\n      showDeleteCount: updatedSelectedRows.length > 0,\r\n      NewState: updatedSelectedNames,\r\n    });\r\n  };\r\n\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  onKeyUp = (e) => {\r\n    e.preventDefault();\r\n    const { Depart } = this.state;\r\n\r\n    const filterValue = Depart.filter((item) =>\r\n    item.department.toLowerCase().includes(e.target.value.toLowerCase())\r\n  );\r\n\r\n    this.setState({ Department: filterValue });\r\n  };\r\n\r\n  handleFilter = (event, letters) => {\r\n    const { Depart } = this.state; // Use originalRecords for filtering\r\n    const filterValue = Depart.filter(row => {\r\n      // Check if the row's businessUnit contains all the specified letters\r\n      return letters.split('').every(letter => row.department.toLowerCase().startsWith(letter.toLowerCase()));\r\n    });\r\n  \r\n    // Update the state with the filtered data\r\n    this.setState({ Department: filterValue });\r\n  }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append(\"Id_delete\", row.id);\r\n    });\r\n\r\n    // console.log(\"FormData:\", data);\r\n\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].department : this.state.SelectedNames.length;\r\n\r\n\r\n    if (\r\n      this.state.SelectedNames.length === 1 ? window.confirm(\"Are you sure you want to delete this \" + value + \" record permanently?\") :\r\n      window.confirm(\"Are you sure you want to delete these \" + value + \" records permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Department/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetDepartment();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n        this.clearSelection();\r\n    }\r\n  };\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Department/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetDepartment();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n      this.clearSelection();\r\n    }\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  cancel = () => {\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n  };\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n\r\n  clearSelection() {\r\n    this.setState({ clearSelected: true }, () => {\r\n      this.setState({ \r\n        clearSelected: false, \r\n        showDelete: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false,  });\r\n    });\r\n  }\r\n  selectableRowSelected = (row) => {\r\n    const { SelectedNames } = this.state;\r\n    if (!Array.isArray(SelectedNames)) {\r\n      return false;\r\n    }\r\n    return SelectedNames.some(selectedRow => selectedRow.id === row.id);\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_Department`;\r\n\r\n    const {delay, Department, Filterpop, FilterData,showExcel,filterValue,SelectedNames,selectedRows } = this.state;\r\n    const customStyles = {\r\n    header: {\r\n      style: {\r\n        fontWeight: 'bold',\r\n        fontSize: \"14px\",\r\n        flex: \"0\"  \r\n      },\r\n    },\r\n    headCells: {\r\n      style: {\r\n        fontWeight: 'bold',\r\n        fontSize: \"14px\",\r\n        flex: \"0\" ,\r\n        borderBottom: \"1px solid #ccc\",\r\n        \r\n      },\r\n    },\r\n \r\n    columns: {\r\n      idHeader: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\" \r\n        },\r\n      },\r\n    },\r\n  };\r\n  const columns = [\r\n    {\r\n      name:'Department',\r\n      selector: row => row.department,\r\n      id: \"isheader\",\r\n      grow: 3.5,\r\n      sortable: false, \r\n    },\r\n   \r\n    {\r\n      name: 'Actions',\r\n      grow: 0,\r\n      cell: row => (\r\n        <div>\r\n          <button\r\n            className=\"button-30 sk-del\"\r\n            onClick={(e) => {\r\n              e.preventDefault();\r\n              this.setState({ Filterpop: false });\r\n              this.DeleteButton(row.id);\r\n            }}\r\n            title=\"Delete\"\r\n            style={{ marginLeft: \"-10px\" }}\r\n          >\r\n            <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n          </button>\r\n          &nbsp;&nbsp;\r\n          {\" \"}\r\n          <button\r\n            className=\"Annbuttons sk-edit\"\r\n            type=\"button\"\r\n            onClick={(e) => {\r\n              e.preventDefault();\r\n              this.setState({ Filterpop: false });\r\n              this.EditModel(\r\n                row.id,\r\n                row.department\r\n              );\r\n            }}\r\n            title=\"Edit\"\r\n          >\r\n            <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n          </button>\r\n        </div>\r\n      )\r\n    }\r\n  ];\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <Link\r\n                                to\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </Link>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            {\" \"}\r\n                            Departments{\" \"}\r\n                          </h4>\r\n                        </div>\r\n                        {this.state.EditModel ? (\r\n                          <EditDepartPop\r\n                            values={this.state.EditDesigntionValues}\r\n                            close={() => this.EditModel()}\r\n                          />\r\n                        ) : null}\r\n                        {this.state.DepartModel ? (\r\n                          <AddDepartmentpop close={() => this.DepartModel()} />\r\n                        ) : null}\r\n\r\n                        <div className=\"card-block\">\r\n                          <form onSubmit={this.handleSubmit}>\r\n                            <div className=\"row\">\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <Link\r\n                                  type=\"button\"\r\n                                  onClick={this.DepartModel}\r\n                                  style={{\r\n                                    width: \"150px\",\r\n                                    background: \"white\",\r\n                                  }}\r\n                                  className=\"btn \"\r\n                                >\r\n                                  Add{\" \"}\r\n                                </Link>\r\n                              </div>\r\n                              <div className=\"col btnalign\">\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"Departments\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"Departments\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                />\r\n                              </div>\r\n                              <div style={{padding: \"7px\"}} ></div>\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n\r\n                                {/* <ReactHTMLTableToExcel\r\n                            className=\"btn \"\r\n                            table=\"DepartSheet\"\r\n                            filename={filename}\r\n                            sheet=\"Sheet\"\r\n                            buttonText=\"Export to Excel \" id=\"exportxlUG\" />     */}\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={DepartmentExl}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download a template\r\n                                </a>\r\n                              </div>\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n                              {/* <div className=\"col btnalign\" onKeyDown={this.handleKeyPress}>\r\n                                <a href={DepartmentExl} className=\"download\" style={{padding:\"2px 15px\",boxShadow:\" -2px  -2px 16px -2px #5f7ae14a\"}}   ><i title=\"Download Template\" className=\"icofont icofont-cloud-download\"></i> </a>\r\n                              </div> */}\r\n                              <div\r\n                                style={{ height: \"60px\" }}\r\n                              >\r\n                                {/* {this.state.Depart.length === 0 ? null : ( */}\r\n                                  <input\r\n                                    onKeyUp={this.onKeyUp}\r\n                                    className=\"Searchbox\"\r\n                                    id=\"CNSearch\"\r\n                                    value={filterValue}\r\n                                    placeholder=\"Search\"\r\n                                    onKeyPress={this.handleKeyPress}\r\n                                    onClick={ () => {\r\n                                      const { selectedRows, SelectedNames } = this.state;\r\n                                      if (selectedRows.length === 0) {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        if (SelectedNames.length !== selectedRows.length) {\r\n                                          this.setState({\r\n                                            SelectedNames: selectedRows,\r\n                                            selectedRows: selectedRows,\r\n                                            Filterpop: true,\r\n                                          });\r\n                                        } else {\r\n                                          this.setState({\r\n                                            Filterpop: true,\r\n                                            selectedRows: SelectedNames,\r\n                                          });\r\n                                        }\r\n                                        \r\n                                      }\r\n                                    }}\r\n                                    readOnly\r\n                                  />\r\n                                {/* )} */}\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch1\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onKeyUp={this.myFunction}\r\n                                  value={filterValue}\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            <center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\">\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n) }\r\n</center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n                              <div className=\"savebtndiv\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                              </div>\r\n                            )}\r\n\r\n                            <OutTable\r\n                              data={this.state.rows}\r\n                              columns={this.state.cols}\r\n                              tableClassName=\"ExcelTable2007\"\r\n                              tableHeaderRowclassName=\"heading\"\r\n                            />\r\n                             <br/>\r\n                          </form>\r\n\r\n                        </div>\r\n                       \r\n                        <div className=\"card-block2\">\r\n                        <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            style={{ marginTop: \"-19px\" }}\r\n                          >\r\n                           <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden',marginTop:\"30px\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\",marginTop:\"30px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                              <span style={{backgroundColor: \"#007bff\",background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\"}}>{this.state.SelectedNames.length} selected</span>\r\n                               )}\r\n                            </span>\r\n                            <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                            <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                            </div>\r\n                            <center>\r\n                            <div className=\"dt-responsive table-responsive\" style={{maxWidth:\"60%\"}}>\r\n        <DataTable\r\n          columns={columns}\r\n          data={Department}\r\n          selectableRows\r\n          selectableRowSelected={!this.state.Filterpop ? this.selectableRowSelected : undefined}\r\n          onSelectedRowsChange={this.handlecheckbox} \r\n          pagination\r\n          customStyles={customStyles}\r\n          clearSelectedRows={this.state.clearSelected}\r\n          noDataComponent={Department.length===0 && delay?<div style={{  textAlign: 'center' }}>No Records</div>:null}\r\n        />\r\n      </div>\r\n      </center>\r\n\r\n                            {/* <div\r\n                              className=\"dt-responsive table-responsive table-res\"\r\n                              // style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}\r\n                            > */}\r\n                              {/* { this.state.Depart.length === 0 ? null : (\r\n                                <table\r\n                                  id=\"DepSheet\"\r\n                                  className=\"table nowrap\"\r\n                                  style={{ maxWidth: \"70%\" }}\r\n                                >\r\n                                  <thead id=\"tablepaddingA\">\r\n                                    <tr>\r\n                                      <th>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          id=\"selectall\"\r\n                                          onClick={() => {\r\n                                            this.checkAll(this);\r\n                                          }}\r\n                                        />{\" \"}\r\n                                      </th>\r\n                                      <th>Departments</th>\r\n                                      <th style={{ textAlign: \"center\" }}>\r\n                                        Actions\r\n                                      </th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody id=\"tablepadding\">\r\n                                  {FilterData.length === 0 && Department.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    {Department.map((Department) => (\r\n                                      <tr>\r\n                                        <td>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            name=\"Id_delete\"\r\n                                            onChange={this.handlecheckbox}\r\n                                            defaultValue={Department.id}\r\n                                          />\r\n                                        </td>\r\n                                        <td>{Department.department}</td>\r\n                                        <td style={{ textAlign: \"center\" }}>\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.DeleteButton(Department.id);\r\n                                            }}\r\n                                            title=\"Delete\"\r\n                                          > */}\r\n                                            {/* Delete&nbsp; */}\r\n                                            {/* <i\r\n                                              className=\"fa fa-minus\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <button\r\n                                            className=\"button-30 sk-edit\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditModel(\r\n                                                Department.id,\r\n                                                Department.department\r\n                                              );\r\n                                            }}\r\n                                            title=\"Edit\"\r\n                                            // src=\"https://img.icons8.com/android/22/000000/pencil.png\"\r\n                                          > */}\r\n                                            {/* Edit&nbsp; */}\r\n                                            {/* <i\r\n                                              className=\"fa fa-edit\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              )}\r\n                            </div> */}\r\n                          </form>\r\n                        </div>\r\n                        <br />\r\n                        <br />\r\n\r\n                        <table\r\n                          id=\"DepartSheet\"\r\n                          hidden\r\n                          className=\"table nowrap\"\r\n                          style={{ maxWidth: \"70%\" }}\r\n                        >\r\n                          <thead>\r\n                            <tr>\r\n                              <th> Departments</th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody>\r\n                            {Department.map((Department) => (\r\n                              <tr>\r\n                                <td>{Department.department}</td>\r\n                              </tr>\r\n                            ))}\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false,\r\n                          selectedRows: SelectedNames,});\r\n                          this.GetDepartment();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.onKeyUp}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map((letter, index) => (\r\n                          <button\r\n                            className=\"filter\"\r\n                            key={index}\r\n                            onClick={(event) =>\r\n                              this.handleFilter(event,letter)\r\n                            }\r\n                          >\r\n                            {letter}\r\n                          </button>\r\n                        ))}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nimport SideBar from \"../../Common/Sidebar\";\r\nexport default class DepartmentDash extends Component {\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                {/*  Start */}\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-md-12 col-xl-4\">\r\n                      <div className=\"card counter-card-1\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            <h3>500</h3>\r\n                            <p>people are in vacation</p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-pink\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"70%\" }}\r\n                                aria-valuenow={70}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-comment\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-2\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            <h3>2500</h3>\r\n                            <p>Teams per Month</p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-success\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"50%\" }}\r\n                                aria-valuenow={50}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-coffee-mug\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-3\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            <h3>200</h3>\r\n                            <p>ABC</p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-default\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"90%\" }}\r\n                                aria-valuenow={90}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-upload\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-12 col-xl-8\">\r\n                      <div className=\"card\">\r\n                        <div className=\"card-block\">\r\n                          <figure className=\"pie-chart\">\r\n                            <figcaption>\r\n                              FrontEnd Developer\r\n                              <span style={{ color: \"#4e79a7\" }} />\r\n                              <br />\r\n                              Backend Developer\r\n                              <span style={{ color: \"#f28e2c\" }} />\r\n                              <br />\r\n                              Junior software Engineers\r\n                              <span style={{ color: \"#e15759\" }} />\r\n                              <br />\r\n                              senior software Engineers\r\n                              <span style={{ color: \"#76b7b2\" }} />\r\n                              <br />\r\n                              Tester\r\n                              <span style={{ color: \"#59a14f\" }} />\r\n                              <br />\r\n                            </figcaption>\r\n                          </figure>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-12 col-xl-4\">\r\n                      <div className=\"card table-card widget-primary-card\">\r\n                        <div className=\"row-table\">\r\n                          <div className=\"col-sm-3 card-block-big\">\r\n                            <i className=\"icofont icofont-star\" />\r\n                          </div>\r\n                          <div className=\"col-sm-9\">\r\n                            <h4>4000 +</h4>\r\n                            <h6>Ratings Received</h6>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"card table-card widget-success-card\">\r\n                        <div className=\"row-table\">\r\n                          <div className=\"col-sm-3 card-block-big\">\r\n                            <i className=\"icofont icofont-trophy-alt\" />\r\n                          </div>\r\n                          <div className=\"col-sm-9\">\r\n                            <h4>17</h4>\r\n                            <h6>Achievements</h6>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    {/*  */}\r\n\r\n                    {/*  */}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class DesignationDash extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      Pending: [],\r\n      comlogo: [],\r\n      Notification: [],\r\n    };\r\n  }\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.Getpending();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n  Getpending() {\r\n    fetch(`${BASE_URLs}/AddOrganization/pendingcount`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Pending: data });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                {/*  Start */}\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-md-12 col-xl-4\">\r\n                      <div className=\"card counter-card-1\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            <h3>500</h3>\r\n                            <p>people are in vacation</p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-pink\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"70%\" }}\r\n                                aria-valuenow={70}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-comment\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-2\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            <h3>2500</h3>\r\n                            <p>Teams per Month</p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-success\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"50%\" }}\r\n                                aria-valuenow={50}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-coffee-mug\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-3\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            <h3>200</h3>\r\n                            <p>ABC</p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-default\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"90%\" }}\r\n                                aria-valuenow={90}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-upload\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-12 col-xl-8\">\r\n                      <div className=\"card\">\r\n                        <div className=\"card-block\">\r\n                          <figure className=\"pie-chart\">\r\n                            <figcaption>\r\n                              HR\r\n                              <span style={{ color: \"#4e79a7\" }} />\r\n                              <br />\r\n                              CEO\r\n                              <span style={{ color: \"#f28e2c\" }} />\r\n                              <br />\r\n                              Team Leader\r\n                              <span style={{ color: \"#e15759\" }} />\r\n                              <br />\r\n                              SEO\r\n                              <span style={{ color: \"#76b7b2\" }} />\r\n                              <br />\r\n                              Tester\r\n                              <span style={{ color: \"#59a14f\" }} />\r\n                              <br />\r\n                            </figcaption>\r\n                          </figure>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-12 col-xl-4\">\r\n                      <div className=\"card table-card widget-primary-card\">\r\n                        <div className=\"row-table\">\r\n                          <div className=\"col-sm-3 card-block-big\">\r\n                            <i className=\"icofont icofont-star\" />\r\n                          </div>\r\n                          <div className=\"col-sm-9\">\r\n                            <h4>4000 +</h4>\r\n                            <h6>Ratings Received</h6>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"card table-card widget-success-card\">\r\n                        <div className=\"row-table\">\r\n                          <div className=\"col-sm-3 card-block-big\">\r\n                            <i className=\"icofont icofont-trophy-alt\" />\r\n                          </div>\r\n                          <div className=\"col-sm-9\">\r\n                            <h4>17</h4>\r\n                            <h6>Achievements</h6>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    {/*  */}\r\n\r\n                    {/*  */}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      skills: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      id: this.props.location.state.id,\r\n      value: this.props.location.state,\r\n      formErrors: {},\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n    if (this.props.location.state === undefined) {\r\n      this.props.history.goBack();\r\n    }\r\n  }\r\n\r\n  handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n\r\n    if (this.handleFormValidation()) {\r\n      const data = new FormData(event.target);\r\n\r\n      const url = `${BASE_URLs}/Skill/EditSkill`;\r\n      const options = {\r\n        method: \"PUT\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      this.setState(this.initialState);\r\n      const response = await fetch(url, options);\r\n      await response.json();\r\n      if (response.ok) {\r\n        alert(\"success\");\r\n      }\r\n\r\n      this.setState(this.initialState);\r\n    }\r\n  };\r\n\r\n  handleFormValidation() {\r\n    var category = document.getElementById(\"category\").value;\r\n    var skillname = document.getElementById(\"skillname\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n\r\n    if (!skillname) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillnameErr\"] = \"Skill Name is required\";\r\n    }\r\n\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"Skill Description is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  handleClick = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    fetch(`${BASE_URLs}/Skill/EditSkill`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n      },\r\n      body: JSON.stringify(data),\r\n    });\r\n  };\r\n\r\n  //     EditSubmit = (event) =>{\r\n  //       event.preventDefault();\r\n  //       if(this.handleFormValidation()){\r\n  //       const data = new FormData(event.target);\r\n  //         let url=`${BASE_URLs}/Skill/EditSuperSkill\";\r\n  //         fetch(url,{\r\n  //             method:'POST',\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",  },\r\n  //             body:data\r\n\r\n  //         }).then((result)=>{\r\n  //             result.json().then((resp)=>{\r\n\r\n  // alert(resp);\r\n  // this.props.history.goBack()\r\n\r\n  //             })\r\n  //         })\r\n  //       }\r\n  //       }\r\n\r\n  EditSubmit = async (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n\r\n    if (this.handleFormValidation()) {\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n\r\n      const accessToken = user;\r\n      const url = `${BASE_URLs}/Skill/EditSuperSkill`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: \"Bearer \" + accessToken,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(() => {\r\n          if (result.role.toLowerCase() === \"platform admin\") {\r\n            this.props.history.push(\"/Gridskil\");\r\n          } else {\r\n            this.props.history.push(\"/MasterSkill\");\r\n          }\r\n        }, 2000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/Delete?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  componentDidMount() {}\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  render() {\r\n    const { skills } = this.state;\r\n    const { SkillnameErr, SkillDescriptionErr, CategoryErr } =\r\n      this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form onSubmit={this.EditSubmit}>\r\n                            <div className=\"container\">\r\n                              <div\r\n                                className=\"row\"\r\n                                id=\"skill-form\"\r\n                                style={{ marginTop: \"3%\" }}\r\n                              >\r\n                                <div className=\"col-lg-4\">\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        id=\"category\"\r\n                                        name=\"Category\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleChange}\r\n                                        defaultValue={\r\n                                          this.props.location.state.category\r\n                                        }\r\n                                        placeholder=\" Category\"\r\n                                      />\r\n                                      {!CategoryErr ? (\r\n                                        <span style={{ color: \"#a29d9d\" }}>\r\n                                          Category\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {CategoryErr}\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        id=\"skillname\"\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleChange}\r\n                                        defaultValue={\r\n                                          this.props.location.state.skillName\r\n                                        }\r\n                                        placeholder=\"Skill Name\"\r\n                                      />\r\n                                      {!SkillnameErr ? (\r\n                                        <span style={{ color: \"#a29d9d\" }}>\r\n                                          Name\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillnameErr}\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        id=\"SkillDescription\"\r\n                                        name=\"SkillDescription\"\r\n                                        type=\"text\"\r\n                                        defaultValue={\r\n                                          this.props.location.state\r\n                                            .skillDescription\r\n                                        }\r\n                                        onChange={this.handleChange}\r\n                                        placeholder=\"Skill Description\"\r\n                                      />\r\n                                      <input\r\n                                        type=\"hidden\"\r\n                                        name=\"Id\"\r\n                                        value={this.props.location.state.Id}\r\n                                      />\r\n                                      {!SkillDescriptionErr ? (\r\n                                        <span style={{ color: \"#a29d9d\" }}>\r\n                                          Description\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillDescriptionErr}\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n\r\n                              <div className=\"row\">\r\n                                <div\r\n                                  className=\"col-sm-12\"\r\n                                  style={{ textAlign: \"center\" }}\r\n                                >\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    className=\"but\"\r\n                                    style={{\r\n                                      marginTop: \"-0.3%\",\r\n                                      height: \"39.5px\",\r\n                                      width: \"83.36px\",\r\n                                    }}\r\n                                  >\r\n                                    Save\r\n                                  </button>\r\n                                  <button\r\n                                    type=\"reset\"\r\n                                    className=\" btn-Secondary\"\r\n                                    style={{\r\n                                      marginTop: \"0.9%\",\r\n                                      marginLeft: \"1%\",\r\n                                      height: \"39.5px\",\r\n                                    }}\r\n                                  >\r\n                                    Cancel\r\n                                  </button>\r\n                                  <br /> <br />\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                          <br /> <br /> <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport { Details } from \"@material-ui/icons\";\r\nexport default class AddOrganization extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      company_Id: \"\",\r\n      Company_Name: \"\",\r\n      aliasname: \"\",\r\n      com_logo: \"\",\r\n      adrs1: \"\",\r\n      country: \"\",\r\n      state: \"\",\r\n      city: \"\",\r\n      mobile: \"\",\r\n      lanline: \"\",\r\n      Email: \"\",\r\n      SEmail: \"\",\r\n      personname: \"\",\r\n      Zip: \"\",\r\n      Preview: null,\r\n      GSTno: \"\",\r\n      PANno: \"\",\r\n      GST: \"\",\r\n      Pan: \"\",\r\n      formErrors: {},\r\n      Details: [],\r\n      comlogo: [],\r\n      OrgEmail: [],\r\n      value: this.props.location.state,\r\n      Notification: [],\r\n      Reason: \"\",\r\n      EntStatus: \"\",\r\n      backOptions: false,\r\n      isSelected: false,\r\n      clickCount: 0,\r\n      hasUnsavedChanges: false\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.handleImageChange = this.handleImageChange.bind(this);\r\n    this.fileInputRef = React.createRef();\r\n  }\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n  HandleImage = (e) => {\r\n    var src = URL.createObjectURL(e.target.files[0]);\r\n    this.setState({ Preview: src });\r\n  };\r\n  handleFocus = (event) => event.target.select();\r\n  handleFormValidation() {\r\n    //const { GST,Pan } = this.state;\r\n    var Company_Name = document.getElementById(\"Company_Name\").value;\r\n    var Personname = document.getElementById(\"personname\").value;\r\n    var Email = document.getElementById(\"Email\").value;\r\n    var City = document.getElementById(\"city\").value;\r\n    var mobile = document.getElementById(\"mobile\").value;\r\n    var adrs1 = document.getElementById(\"adrs1\").value;\r\n    var state = document.getElementById(\"state\").value;\r\n    var country = document.getElementById(\"country\").value;\r\n    var Zip = document.getElementById(\"Zip\").value;\r\n    var GSTno = document.getElementById(\"GSTno\").value;\r\n    var PANno = document.getElementById(\"PANno\").value;\r\n    var Profilepicinfo = document.getElementById(\"Profilepicinfo\").value;\r\n    var lanline = document.getElementById(\"lanline\").value;\r\n    var SEmail = document.getElementById(\"SEmail\").value;\r\n\r\n    var website = document.getElementById(\"website\").value;\r\n    var reg = /(.*?)\\.(jpg|pdf|jpeg|png|docx)$/;\r\n    var clogo = /(.*?)\\.(jpg|jpeg|png)$/;\r\n    var zipf = Zip.slice(0, 1);\r\n    let formErrors = {};\r\n    var re = /^\\(?(\\d{3})\\)?[- ]?(\\d{3})[- ]?(\\d{4})$/;\r\n\r\n    let formIsValid = true;\r\n\r\n    //CompanyName name\r\n    if (!Company_Name) {\r\n      formIsValid = false;\r\n      formErrors[\"Company_NameErr\"] = \"Entity Name is required\";\r\n    }\r\n    //Alias name\r\n\r\n    //Mobile Number\r\n    if (!mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"mobileErr\"] = \"Primary Mobile Number is required\";\r\n    } else {\r\n      var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n      if (!mobPattern.test(mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"mobileErr\"] = \"Invalid Mobile Number\";\r\n      }\r\n    }\r\n    // SEmail\r\n    if (lanline.trim()) {\r\n      if (!mobPattern.test(lanline)) {\r\n        formIsValid = false;\r\n        formErrors[\"lanlineErr\"] = \"Invalid Mobile Number\";\r\n      }\r\n    }\r\n    // SEmail\r\n\r\n    if (SEmail.trim()) {\r\n      if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(SEmail)) {\r\n        formIsValid = false;\r\n        formErrors[\"SEmailErr\"] = \"Invalid Email Id\";\r\n      }\r\n    }\r\n\r\n    /*  if (!lanline) {    \r\n      formIsValid = false;    \r\n      formErrors[\"lanlineErr\"] = \"lanline is required\" ;    \r\n  } */\r\n    //Email\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid email id\";\r\n    }\r\n\r\n    //contact person\r\n    if (!Personname) {\r\n      formIsValid = false;\r\n      formErrors[\"personnameErr\"] = \"Contact Person is required\";\r\n    } else if (Personname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"personnameErr\"] = \"Minimum 3 characters required\";\r\n    }\r\n    //addres\r\n    if (!adrs1) {\r\n      formIsValid = false;\r\n      formErrors[\"adrs1Err\"] = \"Address is required\";\r\n    } else if (adrs1.length < 10) {\r\n      formIsValid = false;\r\n      formErrors[\"adrs1Err\"] = \"Minimum 10 characters required\";\r\n    }\r\n    //country\r\n    if (!country) {\r\n      formIsValid = false;\r\n      formErrors[\"countryErr\"] = \"Select country\";\r\n    } else if (country.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"countryErr\"] = \"Minimum 3 characters required\";\r\n    }\r\n    //state\r\n    if (!state) {\r\n      formIsValid = false;\r\n      formErrors[\"stateErr\"] = \"State is required\";\r\n    } else if (state.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"stateErr\"] = \"Minimum 3 characters required\";\r\n    }\r\n    //city\r\n    if (!City) {\r\n      formIsValid = false;\r\n      formErrors[\"cityErr\"] = \"City is required\";\r\n    } else if (City.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"cityErr\"] = \"Minimum 3 characters required\";\r\n    }\r\n\r\n    //Pincode\r\n    else if (!Zip || Zip === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"ZipErr\"] = \"Pincode is required\";\r\n    } else if (zipf === \"0\") {\r\n      formIsValid = false;\r\n      formErrors[\"ZipErr\"] = \"Pincode should not start with 0\";\r\n    } else if (Zip.length < 6) {\r\n      formIsValid = false;\r\n      formErrors[\"ZipErr\"] = \"Minimum 6 is required\";\r\n    }\r\n    if (!GSTno) {\r\n      formIsValid = false;\r\n      formErrors[\"GSTnoErr\"] = \"GST Number is required\";\r\n    }\r\n    if (!PANno) {\r\n      formIsValid = false;\r\n      formErrors[\"PANnoErr\"] = \"PAN Number is required\";\r\n    }\r\n    if (!website || website === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"websiteErr\"] = \"Official website is required\";\r\n    }\r\n    // else if (!/^(https?|ftp):\\/\\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\\.)*[a-zA-Z0-9-]+\\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\\/($|[a-zA-Z0-9.,?'\\\\+&%$#=~_-]+))*$/.test(website)) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"websiteErr\"] = \"In valid website\";\r\n    // }\r\n    if (!Profilepicinfo === false) {\r\n      if (!Profilepicinfo.match(clogo)) {\r\n        formIsValid = false;\r\n        formErrors[\"Profilepicerr\"] = \"only jpeg,png format is allowded\";\r\n      }\r\n    }\r\n    if (document.getElementById(\"GST\") !== null) {\r\n      if (!document.getElementById(\"GST\").value) {\r\n        formIsValid = false;\r\n        formErrors[\"GSTErr\"] = \"GST is required\";\r\n      }\r\n    }\r\n    if (document.getElementById(\"Pan\") !== null) {\r\n      if (!document.getElementById(\"Pan\").value) {\r\n        formIsValid = false;\r\n        formErrors[\"PanErr\"] = \"PAN Copy is required\";\r\n      }\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n\r\n  handleOrganizationChange=(e)=> {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //const { GST,Pan } = this.state;\r\n    var adrs1 = document.getElementById(\"adrs1\").value;\r\n    var City = document.getElementById(\"city\").value;\r\n    var state = document.getElementById(\"state\").value;\r\n    var country = document.getElementById(\"country\").value;\r\n    var Zip = document.getElementById(\"Zip\").value;\r\n    var zipf = Zip.slice(0, 1);\r\n\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n\r\n    //addres\r\n    if (!adrs1) {\r\n      formIsValid = false;\r\n      formErrors[\"adrs1Err\"] = \"Address is required\";\r\n    }else if (adrs1.length < 10) {\r\n      formIsValid = false;\r\n      formErrors[\"adrs1Err\"] = \"Minimum 10 characters required\";\r\n    }else if (!City) {\r\n    formIsValid = false;\r\n    formErrors[\"cityErr\"] = \"City is required\";\r\n    }else if (City.length < 3) {\r\n    formIsValid = false;\r\n    formErrors[\"cityErr\"] = \"Minimum 3 characters required\";\r\n    }else if (!country) {\r\n      formIsValid = false;\r\n      formErrors[\"countryErr\"] = \"Select country\";\r\n    } else if (country.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"countryErr\"] = \"Minimum 3 characters required\";\r\n    }else if (!state) {\r\n        formIsValid = false;\r\n        formErrors[\"stateErr\"] = \"State is required\";\r\n      } else if (state.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"stateErr\"] = \"Minimum 3 characters required\";\r\n      }\r\n    else if (!Zip || Zip === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"ZipErr\"] = \"Pincode is required\";\r\n    } else if (zipf === \"0\") {\r\n      formIsValid = false;\r\n      formErrors[\"ZipErr\"] = \"Pincode should not start with 0\";\r\n    } else if (Zip.length < 6) {\r\n      formIsValid = false;\r\n      formErrors[\"ZipErr\"] = \"Minimum 6 is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleImageChange(e) {\r\n    e.preventDefault();\r\n    this.setState({ imagePreviewUrl: URL.createObjectURL(e.target.files[0]) });\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n\r\n    if (this.handleFormValidation()) {\r\n      const data = new FormData(event.target);\r\n\r\n      fetch(`${BASE_URLs}/AddOrganization/EditOrg`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          mode: \"no-cors\",\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            // document.getElementById(\"success-msg\").innerHTML = resp.message;\r\n\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n\r\n            // setTimeout(() => {\r\n            //   this.props.history.push(\"/Organization\");\r\n            // }, 4000);\r\n          }\r\n        });\r\n\r\n      this.setState({ imagePreviewUrl: null });\r\n    }\r\n  }\r\n\r\n  GetStatusOne() {\r\n    var Id = this.props.location.state.Id;\r\n    let url = `${BASE_URLs}/AddOrganization/detail?company_Id=` + Id;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Reason: data[0].reason,\r\n          EntStatus: data[0].status,\r\n        });\r\n        this.setState({\r\n          Details: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n        //\r\n      });\r\n  }\r\n\r\n  GetOrgEmail() {\r\n    let url = `${BASE_URLs}/AddOrganization/GetorgEmail`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ OrgEmail: data });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    if (this.props.location.state === undefined) {\r\n      this.props.history.push(\"./Organization\");\r\n    } else {\r\n      this.GetStatusOne();\r\n    }\r\n    this.GetOrgLogo();\r\n    this.GetOrgEmail();\r\n  }\r\n\r\n  backFunctionality = () => {\r\n    const { hasUnsavedChanges } = this.state;\r\n\r\n    if (hasUnsavedChanges) {\r\n      // Reset the form and clear unsaved changes flag\r\n      document.getElementById(\"editorg\").reset();\r\n      this.setState({ formErrors: \"\", Preview: null, hasUnsavedChanges: false });\r\n      document.getElementById('Profilepicinfo').value = ''; // Reset input file field\r\n    } else {\r\n      // Redirect to the /Organization page\r\n      this.props.history.push(\"/Organization\");\r\n    }\r\n  };\r\n  handleredirect = (event) => {\r\n    event.preventDefault();\r\n\r\n    alert(\"Successfully registered\");\r\n\r\n    this.props.history.push(\"/Organization\");\r\n  };\r\n  handleChange = (e) => {\r\n    this.setState({\r\n      backOptions: true,\r\n      hasUnsavedChanges: true \r\n\r\n    });\r\n\r\n  };\r\n\r\n  handleStateChange = (e) =>{\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n\r\n    var country = document.getElementById(\"country\").value;\r\n    if (country === \"India\") {\r\n      // alert(country);\r\n\r\n      this.setState({\r\n        isSelected: true,\r\n      });\r\n      this.state.Details[0].state = \"\"\r\n    } else if (country !== \"India\") {\r\n      this.setState({\r\n        isSelected: false,\r\n      });\r\n    }\r\n\r\n  }\r\n\r\n  handleIconClick = () => {\r\n \r\n    this.fileInputRef.current.click();\r\n  };\r\n\r\n  render() {\r\n    const { Details } = this.state;\r\n    const {\r\n      Company_NameErr,\r\n      Profilepicerr,\r\n      mobileErr,\r\n      lanlineErr,\r\n      SEmailErr,\r\n      personnameErr,\r\n      adrs1Err,\r\n      countryErr,\r\n      stateErr,\r\n      cityErr,\r\n      ZipErr,\r\n      GSTnoErr,\r\n      PANnoErr,\r\n      GSTErr,\r\n      PanErr,\r\n      websiteErr,\r\n    } = this.state.formErrors;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        {/* start */}\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <Link to=\"/Organization\">\r\n                              {\" \"}\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </Link>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            {\" \"}\r\n                            Entity Profile\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\">\r\n                          <ToastContainer\r\n                            id=\"toast\"\r\n                            position=\"top-center\"\r\n                            autoClose={1500}\r\n                            hideProgressBar={false}\r\n                            newestOnTop={false}\r\n                            closeOnClick\r\n                            rtl={false}\r\n                            pauseOnFocusLoss\r\n                            draggable\r\n                            pauseOnHover\r\n                          >\r\n                            <Link to=\"\">Yes</Link>\r\n                          </ToastContainer>\r\n                        </div>\r\n                        <div className=\"card-block2\" >\r\n                          <form id=\"editorg\" onSubmit={this.handleSubmit}>\r\n                            <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                              <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <table className=\"table m-0\">\r\n                                      <tbody>\r\n                                        <div className=\"row\">\r\n                                          <div className=\"col-sm-3\"></div>\r\n                                          {Details.map((Details) => (\r\n                                            <div\r\n                                              className=\"col-sm-6 clogo\"\r\n                                              style={{\r\n                                                flexDirection: \"column\",\r\n                                              }}\r\n                                            >\r\n                                              <label\r\n                                                style={{ height: \"105px\" }}\r\n                                              >\r\n                                                <input\r\n                                                  type=\"hidden\"\r\n                                                  name=\"OldCom_logo\"\r\n                                                  value={Details.com_logo}\r\n                                                />\r\n                                                <img\r\n                                                  alt=\"venturelogo\"\r\n                                                  src={\r\n                                                    !this.state.Preview\r\n                                                      ? Details.com_logo\r\n                                                      : this.state.Preview\r\n                                                  }\r\n                                                  id=\"clogo\"\r\n                                                  style={{\r\n                                                    height: \"100px\",\r\n                                                    width: \"100px\",\r\n                                                    marginLeft: \"4.6%\",\r\n                                                    borderRadius: \"50px\",\r\n                                                  }}\r\n                                                /> </label>\r\n                                                <center>\r\n                                                <i\r\n                                                  className=\" fa fa-pencil editbtn\"\r\n                                                  aria-hidden=\"true\"\r\n                                                  style={{ fontSize: \"20px\",  marginLeft: \"-160%\",\r\n                                                  paddingTop: \"8px\",\r\n                                                        paddingLeft: \"4px\",\r\n                                                        marginTop:'-15px'\r\n                                                   }}\r\n                                                  onClick={this.handleIconClick}\r\n                                                ></i>\r\n                                                <input\r\n                                                  htmlFor=\"clogo\"\r\n                                                  onChange={this.HandleImage}\r\n                                                  ref={this.fileInputRef}\r\n                                                  style={{ display: \"none\" }}\r\n                                                  id=\"Profilepicinfo\"\r\n                                                  name=\"Com_logo\"\r\n                                                  type=\"file\"\r\n                                                />\r\n                                             </center>\r\n                                              <span\r\n                                                style={{\r\n                                                  display: \"flex\",\r\n                                                  flexDirection: \"column\",\r\n                                                  // marginLeft: \"-20px\",\r\n                                                  color: \"#a7a2a2\",\r\n                                                  marginTop:'-30px'\r\n                                                }}\r\n                                              >\r\n                                                Entity Logo\r\n                                              </span>\r\n\r\n                                              {!Profilepicerr ? (\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {Profilepicerr}\r\n                                                </div>\r\n                                              )}\r\n                                            </div>\r\n                                          ))}\r\n                                          <div className=\"col-sm-3\"></div>\r\n                                        </div>\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{\r\n                                            paddingBottom: \"2%\",\r\n                                            display: \"none\",\r\n                                          }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                value={Details.company_Name}\r\n                                                id=\"Company_Name\"\r\n                                                name=\"Company_Name\"\r\n                                                readOnly\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                                placeholder=\"Entity Name\"\r\n                                              />\r\n                                            ))}\r\n                                            {!Company_NameErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Entity Name\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {Company_NameErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                id=\"personname\"\r\n                                                name=\"personname\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                Value={Details.personname}\r\n                                                maxLength=\"50\"\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                                placeholder=\"Contact Person name\"\r\n                                              />\r\n                                            ))}\r\n                                            {!personnameErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Contact Person{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {personnameErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{\r\n                                            paddingBottom: \"2%\",\r\n                                            display: \"none\",\r\n                                          }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                type=\"text\"\r\n                                                id=\"Email\"\r\n                                                disabled\r\n                                                name=\"Email\"\r\n                                                Value={Details.email}\r\n                                                onChange={this.handleChange}\r\n                                                placeholder=\"Primary Email \"\r\n                                              />\r\n                                            ))}\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Email\r\n                                            </span>\r\n                                          </div>\r\n\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                onKeyPress={(event) => {\r\n                                                  if (\r\n                                                    !/[0-9]/.test(event.key)\r\n                                                  ) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                maxLength=\"10\"\r\n                                                id=\"mobile\"\r\n                                                name=\"mobile\"\r\n                                                onChange={this.handleChange}\r\n                                                Value={Details.mobile}\r\n                                                type=\"text\"\r\n                                                placeholder=\"Primary Mobile Number\"\r\n                                              />\r\n                                            ))}\r\n                                            {!mobileErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Primary Mobile Number\r\n                                              </span>\r\n                                            ) : (\r\n                                              <span\r\n                                                style={{ color: \"red\" }}\r\n                                                className={\r\n                                                  mobileErr ? \" showError\" : \"\"\r\n                                                }\r\n                                              >\r\n                                                {mobileErr}\r\n                                              </span>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{\r\n                                            paddingBottom: \"2%\",\r\n                                            display: \"none\",\r\n                                          }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                maxLength=\"10\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                id=\"lanline\"\r\n                                                onKeyPress={(event) => {\r\n                                                  if (\r\n                                                    !/[0-9]/.test(event.key)\r\n                                                  ) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                name=\"lanline\"\r\n                                                Value={Details.lanline}\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                                placeholder=\"Alternate Mobile number\"\r\n                                              />\r\n                                            ))}\r\n                                            <span\r\n                                              className={\r\n                                                lanlineErr ? \" showError\" : \"\"\r\n                                              }\r\n                                            ></span>\r\n                                            {!lanlineErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Alternate Mobile Number\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {lanlineErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                type=\"text\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                name=\"SEmail\"\r\n                                                maxLength=\"50\"\r\n                                                id=\"SEmail\"\r\n                                                Value={Details.sEmail}\r\n                                                onChange={this.handleChange}\r\n                                                placeholder=\"Secondary Email \"\r\n                                              />\r\n                                            ))}\r\n                                            {!SEmailErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Secondary Email{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {\" \"}\r\n                                                {SEmailErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{ paddingBottom: \"2%\" }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                type=\"text\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                Value={Details.adrs1}\r\n                                                id=\"adrs1\"\r\n                                                name=\"adrs1\"\r\n                                                onChange={this.handleChange}\r\n                                                onChangeCapture={(e)=>{this.handleOrganizationChange(e)}}\r\n                                                placeholder=\"Address \"\r\n                                              />\r\n                                            ))}\r\n\r\n                                            {!adrs1Err ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Address{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {adrs1Err}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                id=\"city\"\r\n                                                name=\"city\"\r\n                                                // onInputCapture={this.AutoCaps}\r\n                                                onKeyPress={(event) => {\r\n                                                  if (\r\n                                                    !/[a-zA-Z\\s ]+/.test(\r\n                                                      event.key\r\n                                                    )\r\n                                                  ) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                maxLength=\"50\"\r\n                                                Value={Details.city}\r\n                                                onChange={this.handleChange}\r\n                                                onChangeCapture={(e)=>{this.handleOrganizationChange(e)}}\r\n                                                type=\"text\"\r\n                                                placeholder=\"City\"\r\n                                              />\r\n                                            ))}\r\n                                            {!cityErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                City{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {cityErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{ paddingBottom: \"2%\" }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <select\r\n                                                className=\"effect-16\"\r\n                                                name=\"country\"\r\n                                                id=\"country\"\r\n                                                style={{ color: \"#736e6e\" }}\r\n                                                defaultValue={Details.country}\r\n                                                // onChange={this.handleChange}\r\n                                                onChangeCapture={(e)=>{this.handleOrganizationChange(e)}}\r\n                                                type=\"text\"\r\n                                              >\r\n                                                <option value=\"\">\r\n                                                  Select Country\r\n                                                </option>\r\n                                                <option value=\"Afghanistan\">\r\n                                                  Afghanistan\r\n                                                </option>\r\n                                                <option value=\"Åland Islands\">\r\n                                                  Åland Islands\r\n                                                </option>\r\n                                                <option value=\"Albania\">\r\n                                                  Albania\r\n                                                </option>\r\n                                                <option value=\"Algeria\">\r\n                                                  Algeria\r\n                                                </option>\r\n                                                <option value=\"American Samoa\">\r\n                                                  American Samoa\r\n                                                </option>\r\n                                                <option value=\"Andorra\">\r\n                                                  Andorra\r\n                                                </option>\r\n                                                <option value=\"Angola\">\r\n                                                  Angola\r\n                                                </option>\r\n                                                <option value=\"Anguilla\">\r\n                                                  Anguilla\r\n                                                </option>\r\n                                                <option value=\"Antarctica\">\r\n                                                  Antarctica\r\n                                                </option>\r\n                                                <option value=\"Antigua and Barbuda\">\r\n                                                  Antigua and Barbuda\r\n                                                </option>\r\n                                                <option value=\"Argentina\">\r\n                                                  Argentina\r\n                                                </option>\r\n                                                <option value=\"Armenia\">\r\n                                                  Armenia\r\n                                                </option>\r\n                                                <option value=\"Aruba\">\r\n                                                  Aruba\r\n                                                </option>\r\n                                                <option value=\"Australia\">\r\n                                                  Australia\r\n                                                </option>\r\n                                                <option value=\"Austria\">\r\n                                                  Austria\r\n                                                </option>\r\n                                                <option value=\"Azerbaijan\">\r\n                                                  Azerbaijan\r\n                                                </option>\r\n                                                <option value=\"Bahamas\">\r\n                                                  Bahamas\r\n                                                </option>\r\n                                                <option value=\"Bahrain\">\r\n                                                  Bahrain\r\n                                                </option>\r\n                                                <option value=\"Bangladesh\">\r\n                                                  Bangladesh\r\n                                                </option>\r\n                                                <option value=\"Barbados\">\r\n                                                  Barbados\r\n                                                </option>\r\n                                                <option value=\"Belarus\">\r\n                                                  Belarus\r\n                                                </option>\r\n                                                <option value=\"Belgium\">\r\n                                                  Belgium\r\n                                                </option>\r\n                                                <option value=\"Belize\">\r\n                                                  Belize\r\n                                                </option>\r\n                                                <option value=\"Benin\">\r\n                                                  Benin\r\n                                                </option>\r\n                                                <option value=\"Bermuda\">\r\n                                                  Bermuda\r\n                                                </option>\r\n                                                <option value=\"Bhutan\">\r\n                                                  Bhutan\r\n                                                </option>\r\n                                                <option value=\"Bolivia\">\r\n                                                  Bolivia\r\n                                                </option>\r\n                                                <option value=\"Bosnia and Herzegovina\">\r\n                                                  Bosnia and Herzegovina\r\n                                                </option>\r\n                                                <option value=\"Botswana\">\r\n                                                  Botswana\r\n                                                </option>\r\n                                                <option value=\"Bouvet Island\">\r\n                                                  Bouvet Island\r\n                                                </option>\r\n                                                <option value=\"Brazil\">\r\n                                                  Brazil\r\n                                                </option>\r\n                                                <option value=\"British Indian Ocean Territory\">\r\n                                                  British Indian Ocean Territory\r\n                                                </option>\r\n                                                <option value=\"Brunei Darussalam\">\r\n                                                  Brunei Darussalam\r\n                                                </option>\r\n                                                <option value=\"Bulgaria\">\r\n                                                  Bulgaria\r\n                                                </option>\r\n                                                <option value=\"Burkina Faso\">\r\n                                                  Burkina Faso\r\n                                                </option>\r\n                                                <option value=\"Burundi\">\r\n                                                  Burundi\r\n                                                </option>\r\n                                                <option value=\"Cambodia\">\r\n                                                  Cambodia\r\n                                                </option>\r\n                                                <option value=\"Cameroon\">\r\n                                                  Cameroon\r\n                                                </option>\r\n                                                <option value=\"Canada\">\r\n                                                  Canada\r\n                                                </option>\r\n                                                <option value=\"Cape Verde\">\r\n                                                  Cape Verde\r\n                                                </option>\r\n                                                <option value=\"Cayman Islands\">\r\n                                                  Cayman Islands\r\n                                                </option>\r\n                                                <option value=\"Central African Republic\">\r\n                                                  Central African Republic\r\n                                                </option>\r\n                                                <option value=\"Chad\">\r\n                                                  Chad\r\n                                                </option>\r\n                                                <option value=\"Chile\">\r\n                                                  Chile\r\n                                                </option>\r\n                                                <option value=\"China\">\r\n                                                  China\r\n                                                </option>\r\n                                                <option value=\"Christmas Island\">\r\n                                                  Christmas Island\r\n                                                </option>\r\n                                                <option value=\"Cocos (Keeling) Islands\">\r\n                                                  Cocos (Keeling) Islands\r\n                                                </option>\r\n                                                <option value=\"Colombia\">\r\n                                                  Colombia\r\n                                                </option>\r\n                                                <option value=\"Comoros\">\r\n                                                  Comoros\r\n                                                </option>\r\n                                                <option value=\"Congo\">\r\n                                                  Congo\r\n                                                </option>\r\n                                                <option value=\"Congo, The Democratic Republic of The\">\r\n                                                  Congo, The Democratic Republic\r\n                                                  of The\r\n                                                </option>\r\n                                                <option value=\"Cook Islands\">\r\n                                                  Cook Islands\r\n                                                </option>\r\n                                                <option value=\"Costa Rica\">\r\n                                                  Costa Rica\r\n                                                </option>\r\n                                                <option value=\"Cote D'ivoire\">\r\n                                                  Cote D'ivoire\r\n                                                </option>\r\n                                                <option value=\"Croatia\">\r\n                                                  Croatia\r\n                                                </option>\r\n                                                <option value=\"Cuba\">\r\n                                                  Cuba\r\n                                                </option>\r\n                                                <option value=\"Cyprus\">\r\n                                                  Cyprus\r\n                                                </option>\r\n                                                <option value=\"Czech Republic\">\r\n                                                  Czech Republic\r\n                                                </option>\r\n                                                <option value=\"Denmark\">\r\n                                                  Denmark\r\n                                                </option>\r\n                                                <option value=\"Djibouti\">\r\n                                                  Djibouti\r\n                                                </option>\r\n                                                <option value=\"Dominica\">\r\n                                                  Dominica\r\n                                                </option>\r\n                                                <option value=\"Dominican Republic\">\r\n                                                  Dominican Republic\r\n                                                </option>\r\n                                                <option value=\"Ecuador\">\r\n                                                  Ecuador\r\n                                                </option>\r\n                                                <option value=\"Egypt\">\r\n                                                  Egypt\r\n                                                </option>\r\n                                                <option value=\"El Salvador\">\r\n                                                  El Salvador\r\n                                                </option>\r\n                                                <option value=\"Equatorial Guinea\">\r\n                                                  Equatorial Guinea\r\n                                                </option>\r\n                                                <option value=\"Eritrea\">\r\n                                                  Eritrea\r\n                                                </option>\r\n                                                <option value=\"Estonia\">\r\n                                                  Estonia\r\n                                                </option>\r\n                                                <option value=\"Ethiopia\">\r\n                                                  Ethiopia\r\n                                                </option>\r\n                                                <option value=\"Falkland Islands (Malvinas)\">\r\n                                                  Falkland Islands (Malvinas)\r\n                                                </option>\r\n                                                <option value=\"Faroe Islands\">\r\n                                                  Faroe Islands\r\n                                                </option>\r\n                                                <option value=\"Fiji\">\r\n                                                  Fiji\r\n                                                </option>\r\n                                                <option value=\"Finland\">\r\n                                                  Finland\r\n                                                </option>\r\n                                                <option value=\"France\">\r\n                                                  France\r\n                                                </option>\r\n                                                <option value=\"French Guiana\">\r\n                                                  French Guiana\r\n                                                </option>\r\n                                                <option value=\"French Polynesia\">\r\n                                                  French Polynesia\r\n                                                </option>\r\n                                                <option value=\"French Southern Territories\">\r\n                                                  French Southern Territories\r\n                                                </option>\r\n                                                <option value=\"Gabon\">\r\n                                                  Gabon\r\n                                                </option>\r\n                                                <option value=\"Gambia\">\r\n                                                  Gambia\r\n                                                </option>\r\n                                                <option value=\"Georgia\">\r\n                                                  Georgia\r\n                                                </option>\r\n                                                <option value=\"Germany\">\r\n                                                  Germany\r\n                                                </option>\r\n                                                <option value=\"Ghana\">\r\n                                                  Ghana\r\n                                                </option>\r\n                                                <option value=\"Gibraltar\">\r\n                                                  Gibraltar\r\n                                                </option>\r\n                                                <option value=\"Greece\">\r\n                                                  Greece\r\n                                                </option>\r\n                                                <option value=\"Greenland\">\r\n                                                  Greenland\r\n                                                </option>\r\n                                                <option value=\"Grenada\">\r\n                                                  Grenada\r\n                                                </option>\r\n                                                <option value=\"Guadeloupe\">\r\n                                                  Guadeloupe\r\n                                                </option>\r\n                                                <option value=\"Guam\">\r\n                                                  Guam\r\n                                                </option>\r\n                                                <option value=\"Guatemala\">\r\n                                                  Guatemala\r\n                                                </option>\r\n                                                <option value=\"Guernsey\">\r\n                                                  Guernsey\r\n                                                </option>\r\n                                                <option value=\"Guinea\">\r\n                                                  Guinea\r\n                                                </option>\r\n                                                <option value=\"Guinea-bissau\">\r\n                                                  Guinea-bissau\r\n                                                </option>\r\n                                                <option value=\"Guyana\">\r\n                                                  Guyana\r\n                                                </option>\r\n                                                <option value=\"Haiti\">\r\n                                                  Haiti\r\n                                                </option>\r\n                                                <option value=\"Heard Island and Mcdonald Islands\">\r\n                                                  Heard Island and Mcdonald\r\n                                                  Islands\r\n                                                </option>\r\n                                                <option value=\"Holy See (Vatican City State)\">\r\n                                                  Holy See (Vatican City State)\r\n                                                </option>\r\n                                                <option value=\"Honduras\">\r\n                                                  Honduras\r\n                                                </option>\r\n                                                <option value=\"Hong Kong\">\r\n                                                  Hong Kong\r\n                                                </option>\r\n                                                <option value=\"Hungary\">\r\n                                                  Hungary\r\n                                                </option>\r\n                                                <option value=\"Iceland\">\r\n                                                  Iceland\r\n                                                </option>\r\n                                                <option value=\"India\">\r\n                                                  India\r\n                                                </option>\r\n                                                <option value=\"Indonesia\">\r\n                                                  Indonesia\r\n                                                </option>\r\n                                                <option value=\"Iran, Islamic Republic of\">\r\n                                                  Iran, Islamic Republic of\r\n                                                </option>\r\n                                                <option value=\"Iraq\">\r\n                                                  Iraq\r\n                                                </option>\r\n                                                <option value=\"Ireland\">\r\n                                                  Ireland\r\n                                                </option>\r\n                                                <option value=\"Isle of Man\">\r\n                                                  Isle of Man\r\n                                                </option>\r\n                                                <option value=\"Israel\">\r\n                                                  Israel\r\n                                                </option>\r\n                                                <option value=\"Italy\">\r\n                                                  Italy\r\n                                                </option>\r\n                                                <option value=\"Jamaica\">\r\n                                                  Jamaica\r\n                                                </option>\r\n                                                <option value=\"Japan\">\r\n                                                  Japan\r\n                                                </option>\r\n                                                <option value=\"Jersey\">\r\n                                                  Jersey\r\n                                                </option>\r\n                                                <option value=\"Jordan\">\r\n                                                  Jordan\r\n                                                </option>\r\n                                                <option value=\"Kazakhstan\">\r\n                                                  Kazakhstan\r\n                                                </option>\r\n                                                <option value=\"Kenya\">\r\n                                                  Kenya\r\n                                                </option>\r\n                                                <option value=\"Kiribati\">\r\n                                                  Kiribati\r\n                                                </option>\r\n                                                <option value=\"Korea, Democratic People's Republic of\">\r\n                                                  Korea, Democratic People's\r\n                                                  Republic of\r\n                                                </option>\r\n                                                <option value=\"Korea, Republic of\">\r\n                                                  Korea, Republic of\r\n                                                </option>\r\n                                                <option value=\"Kuwait\">\r\n                                                  Kuwait\r\n                                                </option>\r\n                                                <option value=\"Kyrgyzstan\">\r\n                                                  Kyrgyzstan\r\n                                                </option>\r\n                                                <option value=\"Lao People's Democratic Republic\">\r\n                                                  Lao People's Democratic\r\n                                                  Republic\r\n                                                </option>\r\n                                                <option value=\"Latvia\">\r\n                                                  Latvia\r\n                                                </option>\r\n                                                <option value=\"Lebanon\">\r\n                                                  Lebanon\r\n                                                </option>\r\n                                                <option value=\"Lesotho\">\r\n                                                  Lesotho\r\n                                                </option>\r\n                                                <option value=\"Liberia\">\r\n                                                  Liberia\r\n                                                </option>\r\n                                                <option value=\"Libyan Arab Jamahiriya\">\r\n                                                  Libyan Arab Jamahiriya\r\n                                                </option>\r\n                                                <option value=\"Liechtenstein\">\r\n                                                  Liechtenstein\r\n                                                </option>\r\n                                                <option value=\"Lithuania\">\r\n                                                  Lithuania\r\n                                                </option>\r\n                                                <option value=\"Luxembourg\">\r\n                                                  Luxembourg\r\n                                                </option>\r\n                                                <option value=\"Macao\">\r\n                                                  Macao\r\n                                                </option>\r\n                                                <option value=\"Macedonia, The Former Yugoslav Republic of\">\r\n                                                  Macedonia, The Former Yugoslav\r\n                                                  Republic of\r\n                                                </option>\r\n                                                <option value=\"Madagascar\">\r\n                                                  Madagascar\r\n                                                </option>\r\n                                                <option value=\"Malawi\">\r\n                                                  Malawi\r\n                                                </option>\r\n                                                <option value=\"Malaysia\">\r\n                                                  Malaysia\r\n                                                </option>\r\n                                                <option value=\"Maldives\">\r\n                                                  Maldives\r\n                                                </option>\r\n                                                <option value=\"Mali\">\r\n                                                  Mali\r\n                                                </option>\r\n                                                <option value=\"Malta\">\r\n                                                  Malta\r\n                                                </option>\r\n                                                <option value=\"Marshall Islands\">\r\n                                                  Marshall Islands\r\n                                                </option>\r\n                                                <option value=\"Martinique\">\r\n                                                  Martinique\r\n                                                </option>\r\n                                                <option value=\"Mauritania\">\r\n                                                  Mauritania\r\n                                                </option>\r\n                                                <option value=\"Mauritius\">\r\n                                                  Mauritius\r\n                                                </option>\r\n                                                <option value=\"Mayotte\">\r\n                                                  Mayotte\r\n                                                </option>\r\n                                                <option value=\"Mexico\">\r\n                                                  Mexico\r\n                                                </option>\r\n                                                <option value=\"Micronesia, Federated States of\">\r\n                                                  Micronesia, Federated States\r\n                                                  of\r\n                                                </option>\r\n                                                <option value=\"Moldova, Republic of\">\r\n                                                  Moldova, Republic of\r\n                                                </option>\r\n                                                <option value=\"Monaco\">\r\n                                                  Monaco\r\n                                                </option>\r\n                                                <option value=\"Mongolia\">\r\n                                                  Mongolia\r\n                                                </option>\r\n                                                <option value=\"Montenegro\">\r\n                                                  Montenegro\r\n                                                </option>\r\n                                                <option value=\"Montserrat\">\r\n                                                  Montserrat\r\n                                                </option>\r\n                                                <option value=\"Morocco\">\r\n                                                  Morocco\r\n                                                </option>\r\n                                                <option value=\"Mozambique\">\r\n                                                  Mozambique\r\n                                                </option>\r\n                                                <option value=\"Myanmar\">\r\n                                                  Myanmar\r\n                                                </option>\r\n                                                <option value=\"Namibia\">\r\n                                                  Namibia\r\n                                                </option>\r\n                                                <option value=\"Nauru\">\r\n                                                  Nauru\r\n                                                </option>\r\n                                                <option value=\"Nepal\">\r\n                                                  Nepal\r\n                                                </option>\r\n                                                <option value=\"Netherlands\">\r\n                                                  Netherlands\r\n                                                </option>\r\n                                                <option value=\"Netherlands Antilles\">\r\n                                                  Netherlands Antilles\r\n                                                </option>\r\n                                                <option value=\"New Caledonia\">\r\n                                                  New Caledonia\r\n                                                </option>\r\n                                                <option value=\"New Zealand\">\r\n                                                  New Zealand\r\n                                                </option>\r\n                                                <option value=\"Nicaragua\">\r\n                                                  Nicaragua\r\n                                                </option>\r\n                                                <option value=\"Niger\">\r\n                                                  Niger\r\n                                                </option>\r\n                                                <option value=\"Nigeria\">\r\n                                                  Nigeria\r\n                                                </option>\r\n                                                <option value=\"Niue\">\r\n                                                  Niue\r\n                                                </option>\r\n                                                <option value=\"Norfolk Island\">\r\n                                                  Norfolk Island\r\n                                                </option>\r\n                                                <option value=\"Northern Mariana Islands\">\r\n                                                  Northern Mariana Islands\r\n                                                </option>\r\n                                                <option value=\"Norway\">\r\n                                                  Norway\r\n                                                </option>\r\n                                                <option value=\"Oman\">\r\n                                                  Oman\r\n                                                </option>\r\n                                                <option value=\"Pakistan\">\r\n                                                  Pakistan\r\n                                                </option>\r\n                                                <option value=\"Palau\">\r\n                                                  Palau\r\n                                                </option>\r\n                                                <option value=\"Palestinian Territory, Occupied\">\r\n                                                  Palestinian Territory,\r\n                                                  Occupied\r\n                                                </option>\r\n                                                <option value=\"Panama\">\r\n                                                  Panama\r\n                                                </option>\r\n                                                <option value=\"Papua New Guinea\">\r\n                                                  Papua New Guinea\r\n                                                </option>\r\n                                                <option value=\"Paraguay\">\r\n                                                  Paraguay\r\n                                                </option>\r\n                                                <option value=\"Peru\">\r\n                                                  Peru\r\n                                                </option>\r\n                                                <option value=\"Philippines\">\r\n                                                  Philippines\r\n                                                </option>\r\n                                                <option value=\"Pitcairn\">\r\n                                                  Pitcairn\r\n                                                </option>\r\n                                                <option value=\"Poland\">\r\n                                                  Poland\r\n                                                </option>\r\n                                                <option value=\"Portugal\">\r\n                                                  Portugal\r\n                                                </option>\r\n                                                <option value=\"Puerto Rico\">\r\n                                                  Puerto Rico\r\n                                                </option>\r\n                                                <option value=\"Qatar\">\r\n                                                  Qatar\r\n                                                </option>\r\n                                                <option value=\"Reunion\">\r\n                                                  Reunion\r\n                                                </option>\r\n                                                <option value=\"Romania\">\r\n                                                  Romania\r\n                                                </option>\r\n                                                <option value=\"Russian Federation\">\r\n                                                  Russian Federation\r\n                                                </option>\r\n                                                <option value=\"Rwanda\">\r\n                                                  Rwanda\r\n                                                </option>\r\n                                                <option value=\"Saint Helena\">\r\n                                                  Saint Helena\r\n                                                </option>\r\n                                                <option value=\"Saint Kitts and Nevis\">\r\n                                                  Saint Kitts and Nevis\r\n                                                </option>\r\n                                                <option value=\"Saint Lucia\">\r\n                                                  Saint Lucia\r\n                                                </option>\r\n                                                <option value=\"Saint Pierre and Miquelon\">\r\n                                                  Saint Pierre and Miquelon\r\n                                                </option>\r\n                                                <option value=\"Saint Vincent and The Grenadines\">\r\n                                                  Saint Vincent and The\r\n                                                  Grenadines\r\n                                                </option>\r\n                                                <option value=\"Samoa\">\r\n                                                  Samoa\r\n                                                </option>\r\n                                                <option value=\"San Marino\">\r\n                                                  San Marino\r\n                                                </option>\r\n                                                <option value=\"Sao Tome and Principe\">\r\n                                                  Sao Tome and Principe\r\n                                                </option>\r\n                                                <option value=\"Saudi Arabia\">\r\n                                                  Saudi Arabia\r\n                                                </option>\r\n                                                <option value=\"Senegal\">\r\n                                                  Senegal\r\n                                                </option>\r\n                                                <option value=\"Serbia\">\r\n                                                  Serbia\r\n                                                </option>\r\n                                                <option value=\"Seychelles\">\r\n                                                  Seychelles\r\n                                                </option>\r\n                                                <option value=\"Sierra Leone\">\r\n                                                  Sierra Leone\r\n                                                </option>\r\n                                                <option value=\"Singapore\">\r\n                                                  Singapore\r\n                                                </option>\r\n                                                <option value=\"Slovakia\">\r\n                                                  Slovakia\r\n                                                </option>\r\n                                                <option value=\"Slovenia\">\r\n                                                  Slovenia\r\n                                                </option>\r\n                                                <option value=\"Solomon Islands\">\r\n                                                  Solomon Islands\r\n                                                </option>\r\n                                                <option value=\"Somalia\">\r\n                                                  Somalia\r\n                                                </option>\r\n                                                <option value=\"South Africa\">\r\n                                                  South Africa\r\n                                                </option>\r\n                                                <option value=\"South Georgia and The South Sandwich Islands\">\r\n                                                  South Georgia and The South\r\n                                                  Sandwich Islands\r\n                                                </option>\r\n                                                <option value=\"Spain\">\r\n                                                  Spain\r\n                                                </option>\r\n                                                <option value=\"Sri Lanka\">\r\n                                                  Sri Lanka\r\n                                                </option>\r\n                                                <option value=\"Sudan\">\r\n                                                  Sudan\r\n                                                </option>\r\n                                                <option value=\"Suriname\">\r\n                                                  Suriname\r\n                                                </option>\r\n                                                <option value=\"Svalbard and Jan Mayen\">\r\n                                                  Svalbard and Jan Mayen\r\n                                                </option>\r\n                                                <option value=\"Swaziland\">\r\n                                                  Swaziland\r\n                                                </option>\r\n                                                <option value=\"Sweden\">\r\n                                                  Sweden\r\n                                                </option>\r\n                                                <option value=\"Switzerland\">\r\n                                                  Switzerland\r\n                                                </option>\r\n                                                <option value=\"Syrian Arab Republic\">\r\n                                                  Syrian Arab Republic\r\n                                                </option>\r\n                                                <option value=\"Taiwan, Province of China\">\r\n                                                  Taiwan, Province of China\r\n                                                </option>\r\n                                                <option value=\"Tajikistan\">\r\n                                                  Tajikistan\r\n                                                </option>\r\n                                                <option value=\"Tanzania, United Republic of\">\r\n                                                  Tanzania, United Republic of\r\n                                                </option>\r\n                                                <option value=\"Thailand\">\r\n                                                  Thailand\r\n                                                </option>\r\n                                                <option value=\"Timor-leste\">\r\n                                                  Timor-leste\r\n                                                </option>\r\n                                                <option value=\"Togo\">\r\n                                                  Togo\r\n                                                </option>\r\n                                                <option value=\"Tokelau\">\r\n                                                  Tokelau\r\n                                                </option>\r\n                                                <option value=\"Tonga\">\r\n                                                  Tonga\r\n                                                </option>\r\n                                                <option value=\"Trinidad and Tobago\">\r\n                                                  Trinidad and Tobago\r\n                                                </option>\r\n                                                <option value=\"Tunisia\">\r\n                                                  Tunisia\r\n                                                </option>\r\n                                                <option value=\"Turkey\">\r\n                                                  Turkey\r\n                                                </option>\r\n                                                <option value=\"Turkmenistan\">\r\n                                                  Turkmenistan\r\n                                                </option>\r\n                                                <option value=\"Turks and Caicos Islands\">\r\n                                                  Turks and Caicos Islands\r\n                                                </option>\r\n                                                <option value=\"Tuvalu\">\r\n                                                  Tuvalu\r\n                                                </option>\r\n                                                <option value=\"Uganda\">\r\n                                                  Uganda\r\n                                                </option>\r\n                                                <option value=\"Ukraine\">\r\n                                                  Ukraine\r\n                                                </option>\r\n                                                <option value=\"United Arab Emirates\">\r\n                                                  United Arab Emirates\r\n                                                </option>\r\n                                                <option value=\"United Kingdom\">\r\n                                                  United Kingdom\r\n                                                </option>\r\n                                                <option value=\"United States\">\r\n                                                  United States\r\n                                                </option>\r\n                                                <option value=\"United States Minor Outlying Islands\">\r\n                                                  United States Minor Outlying\r\n                                                  Islands\r\n                                                </option>\r\n                                                <option value=\"Uruguay\">\r\n                                                  Uruguay\r\n                                                </option>\r\n                                                <option value=\"Uzbekistan\">\r\n                                                  Uzbekistan\r\n                                                </option>\r\n                                                <option value=\"Vanuatu\">\r\n                                                  Vanuatu\r\n                                                </option>\r\n                                                <option value=\"Venezuela\">\r\n                                                  Venezuela\r\n                                                </option>\r\n                                                <option value=\"Viet Nam\">\r\n                                                  Viet Nam\r\n                                                </option>\r\n                                                <option value=\"Virgin Islands, British\">\r\n                                                  Virgin Islands, British\r\n                                                </option>\r\n                                                <option value=\"Virgin Islands, U.S.\">\r\n                                                  Virgin Islands, U.S.\r\n                                                </option>\r\n                                                <option value=\"Wallis and Futuna\">\r\n                                                  Wallis and Futuna\r\n                                                </option>\r\n                                                <option value=\"Western Sahara\">\r\n                                                  Western Sahara\r\n                                                </option>\r\n                                                <option value=\"Yemen\">\r\n                                                  Yemen\r\n                                                </option>\r\n                                                <option value=\"Zambia\">\r\n                                                  Zambia\r\n                                                </option>\r\n                                                <option value=\"Zimbabwe\">\r\n                                                  Zimbabwe\r\n                                                </option>\r\n                                              </select>\r\n                                            ))}\r\n\r\n                                            <span\r\n                                              className={\r\n                                                countryErr ? \" showError\" : \"\"\r\n                                              }\r\n                                            ></span>\r\n                                            {!countryErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Country{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {countryErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <>\r\n                                              {this.state.isSelected ? (\r\n                                                <select\r\n                                                  id=\"state\"\r\n                                                  name=\"state\"\r\n                                                  className=\"effect-16\"\r\n                                                  onChange={(e) => {\r\n                                                    this.handleChange(e);\r\n                                                    // this.AutoCaps(e);\r\n                                                  }}\r\n                                                  onChangeCapture={(e)=>{this.handleOrganizationChange(e)}}\r\n                                                  // onFocus={this.handleFocus}\r\n                                                  defaultValue={Details.state}\r\n                                                  onKeyPress={(event) => {\r\n                                                    if (\r\n                                                      !/[a-zA-Z\\s ]+/.test(\r\n                                                        event.key\r\n                                                      )\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                >\r\n                                                  <option value=\"\">\r\n                                                    Select state\r\n                                                  </option>\r\n                                                  <option value=\"Andaman and Nicobar Islands\">\r\n                                                    Andaman and Nicobar\r\n                                                    Islands\r\n                                                  </option>\r\n                                                  <option value=\"Andhra Pradesh\">\r\n                                                    Andhra Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Arunachal Pradesh\">\r\n                                                    Arunachal Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Assam\">\r\n                                                    Assam\r\n                                                  </option>\r\n                                                  <option value=\"Bihar\">\r\n                                                    Bihar\r\n                                                  </option>\r\n                                                  <option value=\"Chandigarh\">\r\n                                                    Chandigarh\r\n                                                  </option>\r\n                                                  <option value=\"Chhattisgarh\">\r\n                                                    Chhattisgarh\r\n                                                  </option>\r\n                                                  <option value=\"Dadra and Nagar Haveli\">\r\n                                                    Dadra and Nagar Haveli\r\n                                                  </option>\r\n                                                  <option value=\"Daman and Diu\">\r\n                                                    Daman and Diu\r\n                                                  </option>\r\n                                                  <option value=\"Delhi\">\r\n                                                    Delhi\r\n                                                  </option>\r\n                                                  <option value=\"Goa\">\r\n                                                    Goa\r\n                                                  </option>\r\n                                                  <option value=\"Gujarat\">\r\n                                                    Gujarat\r\n                                                  </option>\r\n                                                  <option value=\"Haryana\">\r\n                                                    Haryana\r\n                                                  </option>\r\n                                                  <option value=\"Himachal Pradesh\">\r\n                                                    Himachal Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Jammu and Kashmir\">\r\n                                                    Jammu and Kashmir\r\n                                                  </option>\r\n                                                  <option value=\"Jharkhand\">\r\n                                                    Jharkhand\r\n                                                  </option>\r\n                                                  <option value=\"Karnataka\">\r\n                                                    Karnataka\r\n                                                  </option>\r\n                                                  <option value=\"Kerala\">\r\n                                                    Kerala\r\n                                                  </option>\r\n                                                  <option value=\"Ladakh\">\r\n                                                    Ladakh\r\n                                                  </option>\r\n                                                  <option value=\"Lakshadweep\">\r\n                                                    Lakshadweep\r\n                                                  </option>\r\n                                                  <option value=\"Madhya Pradesh\">\r\n                                                    Madhya Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Maharashtra\">\r\n                                                    Maharashtra\r\n                                                  </option>\r\n                                                  <option value=\"Manipur\">\r\n                                                    Manipur\r\n                                                  </option>\r\n                                                  <option value=\"Meghalaya\">\r\n                                                    Meghalaya\r\n                                                  </option>\r\n                                                  <option value=\"Mizoram\">\r\n                                                    Mizoram\r\n                                                  </option>\r\n                                                  <option value=\"Nagaland\">\r\n                                                    Nagaland\r\n                                                  </option>\r\n                                                  <option value=\"Odisha\">\r\n                                                    Odisha\r\n                                                  </option>\r\n                                                  <option value=\"Puducherry\">\r\n                                                    Puducherry\r\n                                                  </option>\r\n                                                  <option value=\"Punjab\">\r\n                                                    Punjab\r\n                                                  </option>\r\n                                                  <option value=\"Rajasthan\">\r\n                                                    Rajasthan\r\n                                                  </option>\r\n                                                  <option value=\"Sikkim\">\r\n                                                    Sikkim\r\n                                                  </option>\r\n                                                  <option value=\"Tamil Nadu\">\r\n                                                    Tamil Nadu\r\n                                                  </option>\r\n                                                  <option value=\"Telangana\">\r\n                                                    Telangana\r\n                                                  </option>\r\n                                                  <option value=\"Tripura\">\r\n                                                    Tripura\r\n                                                  </option>\r\n                                                  <option value=\"Uttar Pradesh\">\r\n                                                    Uttar Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Uttarakhand\">\r\n                                                    Uttarakhand\r\n                                                  </option>\r\n                                                  <option value=\"West Bengal\">\r\n                                                    West Bengal\r\n                                                  </option>\r\n                                                </select>\r\n                                              ) : (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                onChange={(e) => {\r\n                                                  this.handleChange(e);\r\n                                                  this.AutoCaps(e);\r\n                                                }}\r\n                                                onChangeCapture={(e)=>{this.handleOrganizationChange(e)}}\r\n                                                onKeyPress={(event) => {\r\n                                                  if (\r\n                                                    !/[a-zA-Z\\s ]+/.test(\r\n                                                      event.key\r\n                                                    )\r\n                                                  ) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                onFocus={this.handleFocus}\r\n                                                onFocusCapture={this.handleStateChange}\r\n                                                type=\"text\"\r\n                                                id=\"state\"\r\n                                                name=\"state\"\r\n                                                maxLength=\"50\"\r\n                                                style={{ color: \"#736e6e\" }}\r\n                                                defaultValue={Details.state}\r\n                                                \r\n                                                placeholder=\"State\"\r\n                                              />\r\n                                              )}\r\n                                              </>\r\n                                            ))}\r\n\r\n                                            <span\r\n                                              className={\r\n                                                stateErr ? \" showError\" : \"\"\r\n                                              }\r\n                                            ></span>\r\n                                            {!stateErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                State{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {stateErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          \r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{ paddingBottom: \"2%\" }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                style={{ width: \"100%\" }}\r\n                                                maxLength=\"6\"\r\n                                                id=\"Zip\"\r\n                                                name=\"Zip\"\r\n                                                Value={Details.zip}\r\n                                                onChange={this.handleChange}\r\n                                                onChangeCapture={(e)=>{this.handleOrganizationChange(e)}}\r\n                                                onKeyPress={(event) => {\r\n                                                  const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                                  if (isLetter) {\r\n                                                    event.preventDefault();\r\n                                                  }\r\n                                                }}\r\n                                                onInputCapture={(event) => {\r\n                                                  if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                                    event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                                  }\r\n                                                }}\r\n                                                type=\"text\"\r\n                                                placeholder=\"Pin Code\"\r\n                                              />\r\n                                            ))}\r\n\r\n                                            <span\r\n                                              className={\r\n                                                ZipErr ? \" showError\" : \"\"\r\n                                              }\r\n                                            ></span>\r\n                                            {!ZipErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Pincode\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {ZipErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          <div\r\n                                            className=\"col-sm-5\"\r\n                                            style={{ display: \"none\" }}\r\n                                          >\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                maxLength=\"50\"\r\n                                                readOnly\r\n                                                id=\"website\"\r\n                                                name=\"website\"\r\n                                                Value={Details.website}\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                              />\r\n                                            ))}\r\n                                            <span\r\n                                              className={\r\n                                                PANnoErr ? \" showError\" : \"\"\r\n                                              }\r\n                                            ></span>\r\n                                            {!websiteErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Official Website\r\n                                                <span\r\n                                                  style={{ color: \"red\" }}\r\n                                                ></span>{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {websiteErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          {Details.map((Details) => (\r\n                                            <div className=\"col-sm-1\">\r\n                                              <input\r\n                                                type=\"hidden\"\r\n                                                name=\"OldPan\"\r\n                                                defaultValue={Details.pan}\r\n                                              />\r\n\r\n                                              <input\r\n                                                type=\"hidden\"\r\n                                                name=\"OldGST\"\r\n                                                defaultValue={Details.gst}\r\n                                              />\r\n                                            </div>\r\n                                          ))}\r\n                                        </div>\r\n\r\n                                        <div\r\n                                          className=\"row\"\r\n                                          style={{ display: \"none\" }}\r\n                                        >\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                readOnly\r\n                                                id=\"PANno\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                name=\"PANno\"\r\n                                                Value={Details.paNno}\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                              />\r\n                                            ))}\r\n                                            <span\r\n                                              className={\r\n                                                PANnoErr ? \" showError\" : \"\"\r\n                                              }\r\n                                            ></span>\r\n                                            {!PANnoErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                PAN Number{\" \"}\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {PANnoErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-5\">\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                readOnly\r\n                                                id=\"GSTno\"\r\n                                                name=\"GSTno\"\r\n                                                style={{ width: \"100%\" }}\r\n                                                Value={Details.gsTno}\r\n                                                onChange={this.handleChange}\r\n                                                type=\"text\"\r\n                                                placeholder=\"GST Number\"\r\n                                              />\r\n                                            ))}\r\n                                            <span\r\n                                              className={\r\n                                                GSTnoErr ? \" showError\" : \"\"\r\n                                              }\r\n                                            ></span>\r\n                                            {!GSTnoErr ? (\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                GST Number\r\n                                              </span>\r\n                                            ) : (\r\n                                              <div style={{ color: \"red\" }}>\r\n                                                {GSTnoErr}\r\n                                              </div>\r\n                                            )}\r\n                                          </div>\r\n                                          <div className=\"col-sm-1\"></div>\r\n                                        </div>\r\n                                        {/* {(() => { \r\n                              if (Details.status===1){\r\n                                return (\r\n    <div className=\"row\" style={{display:\"none\"}} >\r\n    <div className=\"col-sm-1\"></div>\r\n    <div className=\"col-sm-5\" >     \r\n{Details.map(Details=>  <div>\r\n  <input className=\"effect-16\"   name=\"Pan\" defaultValue={Details.pan}    onFocus={(e) => e.target.type = 'file'} onChange={this.handleImageChange} type=\"text\" id=\"Pan\"  />\r\n<input type =\"hidden\" name=\"OldPan\" defaultValue={Details.pan} />\r\n{!PanErr  ? <span style={{color:'#a29d9d'}}>Upload PAN Copy</span>: \r\n    <div style={{ color: \"red\" }}>{PanErr}</div>   }\r\n                 \r\n\r\n</div>)}\r\n</div>\r\n  \r\n    <div className=\"col-sm-5\" >     \r\n{Details.map(Details=>  <div>\r\n  <input className=\"effect-16\"   name=\"GST\"  defaultValue={Details.gst}  onFocus={(e) => e.target.type = 'file'} onChange={this.handleImageChange} type=\"text\" id=\"GST\"  />\r\n<input type =\"hidden\" name=\"OldGST\" defaultValue={Details.gst} />\r\n{!GSTErr? <span style={{color:'#a29d9d'}}>Upload GST </span>: \r\n    <div style={{ color: \"red\" }}>{GSTErr}</div>   }\r\n \r\n</div>)}\r\n</div>\r\n           \r\n    <div className=\"col-sm-1\"></div>               \r\n    </div>\r\n                                 ) }\r\n                                 })()}\r\n                                   */}\r\n\r\n                                        {/* {this.state.Reason ===\"Insufficient Documents\"?this.state.Reason:\"cccc\"} */}\r\n                                        {(() => {\r\n                                          if (\r\n                                            this.state.Reason ===\r\n                                              \"Insufficient Documents\" &&\r\n                                            this.state.EntStatus === 0\r\n                                          ) {\r\n                                            return (\r\n                                              <div\r\n                                                className=\"row\"\r\n                                                style={{ display: \"visible\" }}\r\n                                              >\r\n                                                <div className=\"col-sm-1\"></div>\r\n                                                <div className=\"col-sm-5\">\r\n                                                  {Details.map((Details) => (\r\n                                                    <div>\r\n                                                      <input\r\n                                                        className=\"effect-16\"\r\n                                                        name=\"Pan\"\r\n                                                        defaultValue={Details.pan.substring(\r\n                                                          Details.pan.lastIndexOf(\r\n                                                            \"/\"\r\n                                                          ) + 1\r\n                                                        )}\r\n                                                        onFocus={(e) =>\r\n                                                          (e.target.type =\r\n                                                            \"file\")\r\n                                                        }\r\n                                                        onChange={\r\n                                                          this.handleImageChange\r\n                                                        }\r\n                                                        type=\"text\"\r\n                                                        id=\"Pan\"\r\n                                                      />\r\n                                                      <input\r\n                                                        type=\"hidden\"\r\n                                                        name=\"OldPan\"\r\n                                                        defaultValue={\r\n                                                          Details.pan\r\n                                                        }\r\n                                                      />\r\n                                                      {!PanErr ? (\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"#a29d9d\",\r\n                                                          }}\r\n                                                        >\r\n                                                          Upload PAN Copy\r\n                                                        </span>\r\n                                                      ) : (\r\n                                                        <div\r\n                                                          style={{\r\n                                                            color: \"red\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {PanErr}\r\n                                                        </div>\r\n                                                      )}\r\n                                                    </div>\r\n                                                  ))}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-sm-5\">\r\n                                                  {Details.map((Details) => (\r\n                                                    <div>\r\n                                                      <input\r\n                                                        className=\"effect-16\"\r\n                                                        name=\"GST\"\r\n                                                        defaultValue={Details.gst.substring(\r\n                                                          Details.gst.lastIndexOf(\r\n                                                            \"/\"\r\n                                                          ) + 1\r\n                                                        )}\r\n                                                        onFocus={(e) =>\r\n                                                          (e.target.type =\r\n                                                            \"file\")\r\n                                                        }\r\n                                                        onChange={\r\n                                                          this.handleImageChange\r\n                                                        }\r\n                                                        type=\"text\"\r\n                                                        id=\"GST\"\r\n                                                      />\r\n                                                      <input\r\n                                                        type=\"hidden\"\r\n                                                        name=\"OldGST\"\r\n                                                        defaultValue={\r\n                                                          Details.gst\r\n                                                        }\r\n                                                      />\r\n                                                      {!GSTErr ? (\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"#a29d9d\",\r\n                                                          }}\r\n                                                        >\r\n                                                          Upload GST{\" \"}\r\n                                                        </span>\r\n                                                      ) : (\r\n                                                        <div\r\n                                                          style={{\r\n                                                            color: \"red\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {GSTErr}\r\n                                                        </div>\r\n                                                      )}\r\n                                                    </div>\r\n                                                  ))}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-sm-1\"></div>\r\n                                              </div>\r\n                                            );\r\n                                          }\r\n                                        })()}\r\n\r\n                                        <br />\r\n\r\n                                        <div className=\"row\">\r\n                                          <div\r\n                                            className=\"col-sm-12\"\r\n                                            style={{ textAlign: \"center\" }}\r\n                                          >\r\n                                            <button\r\n                                              type=\"submit\"\r\n                                              className=\"but\"\r\n                                              style={{\r\n                                                height: \"39.5px\",\r\n                                                width: \"86.36px\",\r\n                                                marginTop: \"-0.5%\",\r\n                                                border: \"none\",\r\n                                              }}\r\n                                            >\r\n                                              Save\r\n                                            </button>\r\n                                            &nbsp; &nbsp; &nbsp;\r\n                                            <button\r\n                                              type=\"reset\"\r\n                                              onClick={this.backFunctionality}\r\n                                              className=\"btn-Secondary\"\r\n                                              style={{ height: \"39.5px\" }}\r\n                                            >\r\n                                              Cancel\r\n                                            </button>\r\n                                          </div>\r\n                                        </div>\r\n                                      </tbody>\r\n                                    </table>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n\r\n                            <div></div>\r\n                          </form>\r\n                          <br />\r\n                          <br />\r\n                          <br />\r\n                          {/* </div> */}\r\n                        </div>\r\n                      </div>\r\n                      <br />{\" \"}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {/* End */}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      edus: [],\r\n      Id: \"\",\r\n      UG: \"\",\r\n      PG: \"\",\r\n      Specialization: \"\",\r\n      InActive: [],\r\n      Active: [],\r\n      All: [],\r\n      Notification: [],\r\n      value: this.props.location.state,\r\n      Details: [],\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  handleFormValidation() {\r\n    const { SkillName, SkillDescription, Category } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(`${BASE_URLs}/Education/EditPG`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        /*  Authorization: `Bearer ${JSON.parse(localStorage.user)}` */\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        alert(resp);\r\n        //alert(resp.status);\r\n\r\n        if (resp === \"Education Updated Successfully\") {\r\n          this.props.history.push(\"/EducationGrid\");\r\n        }\r\n      });\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetPG();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n\r\n  HandleUg() {\r\n    var UG = document.getElementById(\"ug\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"ugtext\").value = \"\";\r\n      document.getElementById(\"ugtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"ugtext\").value = \"None\";\r\n      document.getElementById(\"ugtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  HandlePg() {\r\n    var UG = document.getElementById(\"pg\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"pgtext\").value = \"\";\r\n      document.getElementById(\"pgtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"pgtext\").value = \"None\";\r\n      document.getElementById(\"pgtext\").type = \"hidden\";\r\n    }\r\n  }\r\n  GetPG() {\r\n    //Insufficient document\r\n    var Id = this.props.location.state.Id;\r\n    let url = `${BASE_URLs}/Education/GetPG?Id=` + Id;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Details: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { Details } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />4\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Edit</h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            style={{ marginTop: \"5%\" }}\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div\r\n                              className=\"container\"\r\n                              style={{ margin: \"0 35%\" }}\r\n                            >\r\n                              <input\r\n                                className=\"form\"\r\n                                name=\"Degree\"\r\n                                id=\"ug\"\r\n                                defaultValue=\"PG\"\r\n                                onChange={this.handleChange}\r\n                                type=\"hidden\"\r\n                              />\r\n                              <div className=\"row\">\r\n                                {Details.map((Details) => (\r\n                                  <div className=\"col-3 input-effect\">\r\n                                    <input\r\n                                      className=\"form\"\r\n                                      defaultValue={Details.courseName}\r\n                                      id=\"pg\"\r\n                                      name=\"CourseName\"\r\n                                      onChange={this.handleChange}\r\n                                      type=\"text\"\r\n                                      placeholder=\"City\"\r\n                                    />\r\n                                    <input\r\n                                      className=\"form\"\r\n                                      name=\"Id\"\r\n                                      id=\"ug\"\r\n                                      value={Details.id}\r\n                                      onChange={this.handleChange}\r\n                                      type=\"hidden\"\r\n                                    />\r\n\r\n                                    <span className=\"underline\" />\r\n                                  </div>\r\n                                ))}\r\n                              </div>\r\n                              <div className=\"row\">\r\n                                <div className=\"col-3 input-effect\">\r\n                                  {Details.map((Details) => (\r\n                                    <input\r\n                                      className=\"form\"\r\n                                      name=\"Specialization\"\r\n                                      type=\"text\"\r\n                                      defaultValue={Details.specialization}\r\n                                      onChange={this.handleChange}\r\n                                      placeholder=\"Specialization\"\r\n                                    />\r\n                                  ))}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <button\r\n                                type=\"reset\"\r\n                                className=\" btn-Secondary\"\r\n                                style={{ margin: \"0px 80px\" }}\r\n                              >\r\n                                Cancel\r\n                              </button>\r\n                              <button\r\n                                type=\"submit\"\r\n                                className=\"but\"\r\n                                style={{\r\n                                  margin: \"2px -63px\",\r\n                                  height: \"40.4px\",\r\n                                  width: \"83.36px\",\r\n                                }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <br /> <br />\r\n                              {/* onClick={() => {this.handleSubmit()}}    <button onClick={()=>this.props.history.goBack()}>Back</button> */}\r\n                            </div>\r\n                          </form>\r\n                          <br /> <br /> <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      edus: [],\r\n      Id: \"\",\r\n      UG: \"\",\r\n      PG: \"\",\r\n      Specialization: \"\",\r\n      InActive: [],\r\n      Active: [],\r\n      All: [],\r\n      Notification: [],\r\n      value: this.props.location.state,\r\n      Details: [],\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  handleFormValidation() {\r\n    const { SkillName, SkillDescription, Category } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(`${BASE_URLs}/Education/EditPHD`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        /*  Authorization: `Bearer ${JSON.parse(localStorage.user)}` */\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        alert(resp);\r\n        //alert(resp.status);\r\n\r\n        if (resp === \"Education Updated Successfully\") {\r\n          this.props.history.push(\"/EducationGrid\");\r\n        }\r\n      });\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetPHD();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n\r\n  HandleUg() {\r\n    var UG = document.getElementById(\"ug\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"ugtext\").value = \"\";\r\n      document.getElementById(\"ugtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"ugtext\").value = \"None\";\r\n      document.getElementById(\"ugtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  HandlePg() {\r\n    var UG = document.getElementById(\"pg\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"pgtext\").value = \"\";\r\n      document.getElementById(\"pgtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"pgtext\").value = \"None\";\r\n      document.getElementById(\"pgtext\").type = \"hidden\";\r\n    }\r\n  }\r\n  GetPHD() {\r\n    //Insufficient document\r\n    var Id = this.props.location.state.Id;\r\n    let url = `${BASE_URLs}/Education/GetPHD?Id=` + Id;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Details: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { Details } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Edit</h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            style={{ marginTop: \"5%\" }}\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div\r\n                              className=\"container\"\r\n                              style={{ margin: \"0 35%\" }}\r\n                            >\r\n                              <input\r\n                                className=\"form\"\r\n                                name=\"Degree\"\r\n                                id=\"ug\"\r\n                                defaultValue=\"PHD\"\r\n                                onChange={this.handleChange}\r\n                                type=\"hidden\"\r\n                              />\r\n                              <div className=\"row\">\r\n                                {Details.map((Details) => (\r\n                                  <div className=\"col-3 input-effect\">\r\n                                    <input\r\n                                      className=\"form\"\r\n                                      defaultValue={Details.courseName}\r\n                                      id=\"pg\"\r\n                                      name=\"CourseName\"\r\n                                      onChange={this.handleChange}\r\n                                      type=\"text\"\r\n                                      placeholder=\"City\"\r\n                                    />\r\n                                    <input\r\n                                      className=\"form\"\r\n                                      name=\"Id\"\r\n                                      id=\"ug\"\r\n                                      value={Details.id}\r\n                                      onChange={this.handleChange}\r\n                                      type=\"hidden\"\r\n                                    />\r\n\r\n                                    <span className=\"underline\" />\r\n                                  </div>\r\n                                ))}\r\n                              </div>\r\n                              <div className=\"row\">\r\n                                <div className=\"col-3 input-effect\">\r\n                                  {Details.map((Details) => (\r\n                                    <input\r\n                                      className=\"form\"\r\n                                      name=\"Specialization\"\r\n                                      type=\"text\"\r\n                                      defaultValue={Details.specialization}\r\n                                      onChange={this.handleChange}\r\n                                      placeholder=\"Specialization\"\r\n                                    />\r\n                                  ))}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <button\r\n                                type=\"reset\"\r\n                                className=\" btn-Secondary\"\r\n                                style={{ margin: \"0px 80px\" }}\r\n                              >\r\n                                Cancel\r\n                              </button>\r\n                              <button\r\n                                type=\"submit\"\r\n                                className=\"but\"\r\n                                style={{\r\n                                  margin: \"2px -63px\",\r\n                                  height: \"40.4px\",\r\n                                  width: \"83.36px\",\r\n                                }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <br /> <br />\r\n                              {/* onClick={() => {this.handleSubmit()}}    <button onClick={()=>this.props.history.goBack()}>Back</button> */}\r\n                            </div>\r\n                          </form>\r\n                          <br /> <br /> <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      id: this.props.match.params.id,\r\n      value: this.props.location.state,\r\n      formErrors: {},\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n\r\n    const data = new FormData(event.target);\r\n\r\n    const url = `${BASE_URLs}/Skill/EditSkill`;\r\n    const options = {\r\n      method: \"PUT\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n\r\n    const response = await fetch(url, options);\r\n    await response.json();\r\n    if (response.ok) {\r\n      alert(\"success\");\r\n      this.props.history.push(\"/SkillMaster\");\r\n    }\r\n  };\r\n\r\n  handleClick = (event) => {\r\n    event.preventDefault();\r\n\r\n    const data = new FormData(event.target);\r\n\r\n    fetch(`${BASE_URLs}/Skill/EditSkill`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        //Authorization: \"Bearer \" +accessToken\r\n      },\r\n      body: JSON.stringify(data),\r\n    });\r\n\r\n    //alert(\"Added your Comment Successfully!\");\r\n  };\r\n\r\n  handleFormValidation() {\r\n    let SkillName = document.getElementById(\"SkillName\").value;\r\n    let SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    let Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"Skill Name is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"Skill Description is required\";\r\n    }\r\n\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  EditSubmit = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    if (this.handleFormValidation()) {\r\n      let url = `${BASE_URLs}/Skill/EditSkill`;\r\n      fetch(url, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        },\r\n        body: data,\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n          this.props.history.push(\"/SkillGrid\");\r\n        });\r\n      });\r\n    }\r\n  };\r\n\r\n  GetSkill() {\r\n    var Id = this.props.location.state.Id;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    let url = `${BASE_URLs}/Skill/GetUserSkill?Id=` + Id;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          skills: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/Delete?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetSkill();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  render() {\r\n    const { SkillNameErr, SkillDescriptionErr, CategoryErr } =\r\n      this.state.formErrors;\r\n\r\n    const { skills } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Edit</h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <br />\r\n                        <br />\r\n                        <div className=\"card-block2\">\r\n                          {/*         <div className=\"j-wrapper \">\r\n                           */}\r\n                          <form onSubmit={this.EditSubmit}>\r\n                            <div\r\n                              className=\"container\"\r\n                              style={{ margin: \"0 35%\" }}\r\n                            >\r\n                              <div className=\"row\">\r\n                                <div className=\"col-3 input-effect\">\r\n                                  {skills.map((skill) => (\r\n                                    <select\r\n                                      className=\"form\"\r\n                                      name=\"Category\"\r\n                                      id=\"Category\"\r\n                                      onChange={this.handleChange}\r\n                                      defaultValue={skill.category}\r\n                                      type=\"text\"\r\n                                      placeholder=\"City\"\r\n                                    >\r\n                                      <option defaultChecked>\r\n                                        {\" \"}\r\n                                        {skill.category}\r\n                                      </option>\r\n                                      <option value=\"\"> Category</option>\r\n                                      <option Value=\"IT\">IT</option>\r\n                                      <option value=\"HR\">HR</option>\r\n                                      <option value=\"Finance\">FINANCE</option>\r\n                                      <option value=\"Production\">\r\n                                        PRODUCTION\r\n                                      </option>\r\n                                      <option value=\"Production\">\r\n                                        BANKING\r\n                                      </option>\r\n                                      <option value=\"Production\">\r\n                                        ACCOUNTING\r\n                                      </option>\r\n                                    </select>\r\n                                  ))}\r\n                                  {!CategoryErr ? (\r\n                                    <span style={{ color: \"#a29d9d\" }}>\r\n                                      Category\r\n                                    </span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {CategoryErr}\r\n                                    </div>\r\n                                  )}\r\n\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n                              <div className=\"row\">\r\n                                <div className=\"col-3 input-effect\">\r\n                                  {skills.map((skill) => (\r\n                                    <input\r\n                                      className=\"form\"\r\n                                      name=\"SkillName\"\r\n                                      Id=\"SkillName\"\r\n                                      type=\"text\"\r\n                                      maxLength=\"40\"\r\n                                      onChange={this.handleChange}\r\n                                      defaultValue={skill.skillName}\r\n                                      placeholder=\"Skill Name\"\r\n                                    />\r\n                                  ))}\r\n                                  {!SkillNameErr ? (\r\n                                    <span style={{ color: \"#a29d9d\" }}>\r\n                                      Name{\" \"}\r\n                                    </span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {SkillNameErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n                              <div className=\"row\">\r\n                                {skills.map((skill) => (\r\n                                  <div className=\"col-3 input-effect\">\r\n                                    <input\r\n                                      className=\"form\"\r\n                                      name=\"SkillDescription\"\r\n                                      type=\"text\"\r\n                                      maxLength=\"200\"\r\n                                      id=\"SkillDescription\"\r\n                                      defaultValue={skill.skillDescription}\r\n                                      onChange={this.handleChange}\r\n                                      placeholder=\"Skill Description\"\r\n                                    />\r\n                                    <input\r\n                                      type=\"hidden\"\r\n                                      name=\"Id\"\r\n                                      value={skill.id}\r\n                                    />\r\n                                    {!SkillDescriptionErr ? (\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Description{\" \"}\r\n                                      </span>\r\n                                    ) : (\r\n                                      <div style={{ color: \"red\" }}>\r\n                                        {SkillDescriptionErr}\r\n                                      </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                  </div>\r\n                                ))}\r\n                              </div>\r\n                              <button\r\n                                type=\"reset\"\r\n                                className=\" btn-Secondary\"\r\n                                style={{ margin: \"0px 80px\" }}\r\n                              >\r\n                                Cancel\r\n                              </button>\r\n                              <button\r\n                                type=\"submit\"\r\n                                className=\"but\"\r\n                                style={{\r\n                                  margin: \"2px -63px\",\r\n                                  height: \"40.4px\",\r\n                                  width: \"83.36px\",\r\n                                }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <br /> <br />\r\n                            </div>\r\n                          </form>\r\n                          <br /> <br /> <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport AddLocationModel from \"../../Common/AddLocationModel\";\r\nimport AddManagerPop from \"../../Common/AddManagerPop\";\r\nimport { MoonLoader } from \"react-spinners\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      FirstName: \"\",\r\n      LastName: \"\",\r\n      Email: \"\",\r\n      Mobile: \"\",\r\n      Department: \"\",\r\n      Designation: \"\",\r\n      RoleName: \"\",\r\n      formErrors: {},\r\n      Notification: [],\r\n      Departmentdrop: [],\r\n      Designationdrop: [],\r\n      LocationDrop: [],\r\n      ManagerDrop: [],\r\n      comlogo: [],\r\n      value: this.props.location.state,\r\n      Details: [],\r\n      TeamSts: \"\",\r\n      BoxSts: \"\",\r\n      TrainerSts1: \"\",\r\n      TrainerSts2: \"\",\r\n      LocationModel: false,\r\n      ButtonDisabled: false,\r\n      checkBox1: false,\r\n      checkBox2: false,\r\n      ManagerModel: false,\r\n      Loading: false,\r\n      ManagerNamedrop: [],\r\n      LocationState: ''\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n  }\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetMangerNameDrop(Department) {\r\n    let url = `${BASE_URLs}/Manager/GetManagerName?Department=` + Department;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          ManagerNamedrop: data,\r\n        });\r\n        // console.log('nameeeee', data)\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetLocation();\r\n    this.GetOrgLogo();\r\n    this.GetDepartment();\r\n    this.GetDesignation();\r\n    this.GetManager();\r\n    this.selectExperience();\r\n    if (this.props.location.state === undefined) {\r\n      this.props.history.push(\"./Team\");\r\n    } else {\r\n      this.Getdetail();\r\n    }\r\n    document.getElementById(\"maindiv\").style.display = \"none\";\r\n    setTimeout(() => {\r\n      this.setState({ isLoading: false });\r\n      this.Getdetail();\r\n      document.getElementById(\"teamloader\").style.display = \"none\";\r\n      document.getElementById(\"maindiv\").style.display = \"block\";\r\n    }, 200);\r\n  }\r\n\r\n  CheckboxChanges = () => {\r\n    if (this.state.TrainerSts1 === \"0\") {\r\n      this.setState({\r\n        checkBox1: true,\r\n        checkBox2: false,\r\n        TrainerSts1: \"1\",\r\n        TrainerSts2: \"1\"\r\n      });\r\n    } else {\r\n      this.setState({\r\n        checkBox1: false,\r\n        checkBox2: true,\r\n        TrainerSts1: \"0\",\r\n        TrainerSts2: \"0\"\r\n      });\r\n    }\r\n  };\r\n\r\n  // handleReset = () => {\r\n  //   if (this.state.checkBox2) { \r\n  //     alert(\"2\")\r\n  //     this.setState({\r\n  //       checkBox1: false,\r\n  //       checkBox2: true,\r\n  //       TrainerSts1: \"\",\r\n  //       TrainerSts2: \"0\"\r\n  //     });\r\n  //    } else {\r\n  //       this.setState({\r\n  //         checkBox1: false,\r\n  //         checkBox2: true,\r\n  //         TrainerSts1: \"\",\r\n  //         TrainerSts2: \"0\"\r\n  //       });\r\n  //     }\r\n  //  if (this.state.checkBox1) {\r\n  //   alert(\"1\")\r\n  //  this.setState({\r\n  //   checkBox1: false,\r\n  //   checkBox2: true,\r\n  //   TrainerSts1: \"0\",\r\n  //   TrainerSts2: \"0\"\r\n  //   });\r\n  //  }  else {\r\n  //   this.setState({\r\n  //     checkBox1: false,\r\n  //     checkBox2: true,\r\n  //     TrainerSts1: \"0\",\r\n  //     TrainerSts2: \"0\"\r\n  //   });\r\n  //    }\r\n  //   };\r\n   showLoader = () => {\r\n    this.setState({ isLoading: true });\r\n    this.Getdetail();\r\n    this.handleCheckBox1Change();\r\n    this.handleCheckBox2Change();\r\n    setTimeout(() => {\r\n        this.setState({ isLoading: false });\r\n        this.Getdetail();\r\n        document.getElementById(\"teamloader\").style.display = \"none\";\r\n        document.getElementById(\"maindiv\").style.display = \"block\";\r\n    }, 1000);\r\n};\r\n\r\nhandleReset = () => {\r\n  if (this.state.checkBox2) {\r\n    // Case when checkBox2 is true\r\n    // alert(\"2\");\r\n    this.setState({\r\n      checkBox1: true,\r\n      checkBox2: false,\r\n      TrainerSts1: \"1\",\r\n      TrainerSts2: \"1\"\r\n    });\r\n    this.Getdetail();\r\n    this.showLoader();\r\n  }  else {\r\n    this.Getdetail();\r\n    }\r\n    if (this.state.checkBox1) {\r\n    // Case when checkBox1 is true\r\n    // alert(\"1\");\r\n    this.setState({\r\n      checkBox1: false,\r\n      checkBox2: true,\r\n      TrainerSts1: \"0\",\r\n      TrainerSts2: \"0\"\r\n    });\r\n\r\n  } else {\r\n    this.Getdetail();\r\n    this.showLoader();\r\n  }\r\n    \r\n    if (this.state.checkBox1 === false && this.state.checkBox2 === false ) { \r\n    // alert(\"empty\")\r\n    this.setState({\r\n      checkBox1: false,\r\n      checkBox2: false,\r\n      TrainerSts1: \"\",\r\n      TrainerSts2: \"\"\r\n    });\r\n    this.Getdetail();\r\n   }\r\n    else {\r\n    // alert(\"3\");\r\n    this.setState({\r\n      checkBox1: false,\r\n      checkBox2: false,\r\n      TrainerSts1: \"\",\r\n      TrainerSts2: \"\"\r\n    });\r\n    this.Getdetail();\r\n  }\r\n  if (this.state.TeamSts === 1 && this.state.BoxSts === 0) {\r\n    document.getElementById(\"Active\").checked = true;\r\n    document.getElementById('deactivereasonInput').style.display = 'none';\r\n  } \r\n  if (this.state.TeamSts === 1 && this.state.BoxSts === 3) {\r\n    document.getElementById(\"Active\").checked = true;\r\n    document.getElementById('terminateReasonInput').style.display = 'none';\r\n  } \r\n};\r\n    \r\n  \r\n\r\n  reformatDate = (dateString) => {\r\n    const parts = dateString.split(\"-\");\r\n    if (parts.length === 3) {\r\n      return `${parts[2]}-${parts[1]}-${parts[0]}`;\r\n    } else {\r\n      return dateString;\r\n    }\r\n  };\r\n\r\n  formatDate = (inputDate) => {\r\n    const date = new Date(inputDate);\r\n    const day = String(date.getDate()).padStart(2, \"0\");\r\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n    const year = date.getFullYear();\r\n    if (day === \"NAN\") {\r\n      return `dd-mm-yyyy`;\r\n    } else {\r\n      return `${day}-${month}-${year}`;\r\n    }\r\n  };\r\n\r\n  GetDesignation() {\r\n    let url = `${BASE_URLs}/Designation/GetMasterDesignation`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Designationdrop: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n\r\n    var TeamId = document.getElementById(\"TeamId\").value;\r\n\r\n    var FirstName = document.getElementById(\"FirstNameedit\").value;\r\n    var LastName = document.getElementById(\"LastNameedit\").value;\r\n    var Email = document.getElementById(\"Emailedit\").value;\r\n    var Mobile = document.getElementById(\"Mobileedit\").value;\r\n    var Department = document.getElementById(\"Departmentedit\").value;\r\n    var DisplayName = document.getElementById(\"DisplayName\").value;\r\n    var Designation = document.getElementById(\"Designationedit\").value;\r\n    var RoleName = document.getElementById(\"RoleNameedit\").value;\r\n    var Report_Manager = document.getElementById(\"reportedit\").value;\r\n    // var Primary_Ofc = document.getElementById(\"primaryedit\").value;\r\n    var Join_Date = document.getElementById(\"JoiningDate\").value;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n\r\n    //Email\r\n    if (!TeamId || TeamId.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"TeamIdErr\"] = \"User Id is required\";\r\n    } else if (TeamId.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"TeamIdErr\"] = \" A Minimum of 3  characters are required\";\r\n    } else if (!DisplayName) {\r\n      formIsValid = false;\r\n      formErrors[\"DisplayNameErr\"] = \"Display Name is required\";\r\n    } else if (DisplayName.length < 2) {\r\n      formIsValid = false;\r\n      formErrors[\"DisplayNameErr\"] = \"A Minimum of  2 characters are required\";\r\n    } else if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    } else if (FirstName.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email Id\";\r\n    } else if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile Number is required\";\r\n    }\r\n    // else if (!Mobile >= 10) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"MobileErr\"] = \"Invalid Mobile number\";\r\n    // }\r\n    else if (!mobPattern.test(Mobile)) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Invalid Mobile Number\";\r\n    } else if (!Department || Department === 'select') {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"Department is required\";\r\n    } else if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"Designation is required\";\r\n    } else if (!RoleName || RoleName === 'select') {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    } else if (!Report_Manager) {\r\n      formIsValid = false;\r\n      formErrors[\"ManagerErr\"] = \"Manager is required\";\r\n    } else if (!Join_Date) {\r\n      formIsValid = false;\r\n      formErrors[\"JoiningDateErr\"] = \"Join date is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  handleFormValidation() {\r\n    //const {FirstName,LastName,Email,Mobile,Department,Designation,RoleName}= this.state;\r\n    var TeamId = document.getElementById(\"TeamId\").value;\r\n\r\n    var FirstName = document.getElementById(\"FirstNameedit\").value;\r\n    var LastName = document.getElementById(\"LastNameedit\").value;\r\n    var Email = document.getElementById(\"Emailedit\").value;\r\n    var Mobile = document.getElementById(\"Mobileedit\").value;\r\n    var Department = document.getElementById(\"Departmentedit\").value;\r\n    var DisplayName = document.getElementById(\"DisplayName\").value;\r\n    var Designation = document.getElementById(\"Designationedit\").value;\r\n    var RoleName = document.getElementById(\"RoleNameedit\").value;\r\n    var Report_Manager = document.getElementById(\"reportedit\").value;\r\n    // var Primary_Ofc = document.getElementById(\"primaryedit\").value;\r\n    var Join_Date = document.getElementById(\"JoiningDate\").value;\r\n    // var Experience = document.getElementById(\"Experience\").value;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!TeamId) {\r\n      formIsValid = false;\r\n      formErrors[\"TeamIdErr\"] = \"User Id is required\";\r\n    } else if (TeamId.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"TeamIdErr\"] = \" Minimum 3  characters is required\";\r\n    }\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    } else if (FirstName.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"Minimum 3  characters required\";\r\n    }\r\n    if (!DisplayName) {\r\n      formIsValid = false;\r\n      formErrors[\"DisplayNameErr\"] = \"Display Name is required\";\r\n    } else if (DisplayName.length < 2) {\r\n      formIsValid = false;\r\n      formErrors[\"DisplayNameErr\"] = \"Minimum 2  characters required\";\r\n    }\r\n    // if (!LastName) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"LastNameErr\"] = \"Last Name is required\" ;\r\n    // }\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email id.\";\r\n    }\r\n    if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile is required\";\r\n    } else {\r\n      var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n      if (!mobPattern.test(Mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"MobileErr\"] = \"Invalid Mobile Number.\";\r\n      }\r\n    }\r\n    if (!Department || Department === 'select') {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"Department is required\";\r\n    }\r\n    if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"Designation is required\";\r\n    }\r\n    if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    }\r\n    if (document.getElementById(\"deactivereason\")) {\r\n      if (!document.getElementById(\"deactivereason\").value) {\r\n        formIsValid = false;\r\n        formErrors[\"DeactivesErr\"] = \"Deactivate Reason is required\";\r\n      }\r\n    }\r\n\r\n    if (document.getElementById(\"terminateReason\")) {\r\n      if (!document.getElementById(\"terminateReason\").value) {\r\n        formIsValid = false;\r\n        formErrors[\"TerminateErr\"] = \"Terminate Reason is required\";\r\n      }\r\n    }\r\n    if (document.getElementById(\"TerminateDate\")) {\r\n      if (!document.getElementById(\"TerminateDate\").value) {\r\n        formIsValid = false;\r\n        formErrors[\"TerminateDateErr\"] = \"Terminate Date is required\";\r\n      }\r\n    }\r\n\r\n    if (!Report_Manager) {\r\n      formIsValid = false;\r\n      formErrors[\"ReportErr\"] = \"Reporting Manager is required\";\r\n    }\r\n    if (!Join_Date) {\r\n      formIsValid = false;\r\n      formErrors[\"JoinErr\"] = \"Join Date is required\";\r\n    }\r\n    // if (!Experience) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"ExpErr\"] = \"Experience is required\";\r\n    // }\r\n    // if(!Primary_Ofc) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"PrimaryErr\"] = \"Primary Office is required\" ;\r\n    //   }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n\r\n    if (this.handleFormValidation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      fetch(`${BASE_URLs}/Team/EditTeam`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept': 'application/json',\r\n          // 'Content-Type': 'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              // pauseOnHover: true,\r\n              // draggable: true,\r\n              // progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: true,\r\n            });\r\n            setTimeout(() => {\r\n              this.props.history.push(\"/Team\");\r\n            }, 4000);\r\n            this.selectExperience();\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  Getdetail() {\r\n    var Id = this.props.location.state.Id;\r\n    let url = `${BASE_URLs}/Team/GetTeamEdit?Id=` + Id;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Details: data,\r\n          TeamSts: data[0].status,\r\n          TrainerSts1: data[0].yes,\r\n          TrainerSts2: data[0].no,\r\n          LocationState: data[0].primary_Ofc\r\n        });\r\n\r\n        //  console.log(\"checking\", this.state.LocationState);\r\n\r\n        if (data[0].status !== 2) {\r\n          {\r\n            data[0].status === 0 ? (\r\n              this.setState({ BoxSts: 0 })\r\n            ) : (\r\n              <>\r\n                {data[0].status === 3\r\n                  ? this.setState({\r\n                    BoxSts: 3,\r\n                  })\r\n                  : null}\r\n              </>\r\n            );\r\n          }\r\n\r\n          {\r\n            data[0].status === 0\r\n              ? (document.getElementById(\"Deactive\").checked = true)\r\n              : data[0].status === 1\r\n                ? (document.getElementById(\"Active\").checked = true)\r\n                : (document.getElementById(\"Terminate\").checked = true);\r\n          }\r\n        }\r\n      });\r\n  }\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/DepartmentGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Departmentdrop: data,\r\n        });\r\n      });\r\n  }\r\n  GetManager() {\r\n    let url = `${BASE_URLs}/Manager/ManagerGet`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          ManagerDrop: data,\r\n        });\r\n        // console.log(\"Manager\", data)\r\n      });\r\n  }\r\n  GetLocation() {\r\n    let url = `${BASE_URLs}/AdminLocation/GetLocation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          LocationDrop: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  Handledepartment() {\r\n    var department = document.getElementById(\"department\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"departmenttext\").value = \"\";\r\n      document.getElementById(\"departmenttext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"departmenttext\").value = \"None\";\r\n      document.getElementById(\"departmenttext\").type = \"hidden\";\r\n    }\r\n  }\r\n  Handledesignation() {\r\n    var department = document.getElementById(\"Designation\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"designationtext\").value = \"\";\r\n      document.getElementById(\"designationtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"designationtext\").value = \"None\";\r\n      document.getElementById(\"designationtext\").type = \"hidden\";\r\n    }\r\n  }\r\n  Handleroles() {\r\n    var department = document.getElementById(\"roles\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"roletext\").value = \"\";\r\n      document.getElementById(\"roletext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"roletext\").value = \"None\";\r\n      document.getElementById(\"roletext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  handleTerminate = () => {\r\n\r\n    if (document.getElementById(\"Deactive\")) {\r\n      document.getElementById(\"Deactive\").checked = false;\r\n    }\r\n    if (document.getElementById(\"Active\")) {\r\n      document.getElementById(\"Active\").checked = false;\r\n    }\r\n    if (document.getElementById(\"Terminate\").checked) {\r\n      this.setState({\r\n        BoxSts: 3,\r\n      });\r\n      if (window.confirm(\"Are you sure you want to change to Terminate?\")) {\r\n\r\n      } else {\r\n        document.getElementById(\"Terminate\").checked = false;\r\n\r\n        this.setState({\r\n          BoxSts: this.state.TeamSts,\r\n        });\r\n        if (this.state.TeamSts === 0) {\r\n          document.getElementById(\"Deactive\").checked = true;\r\n        } else if (this.state.TeamSts === 1) {\r\n          document.getElementById(\"Active\").checked = true;\r\n        } else if (this.state.TeamSts === 3) {\r\n          document.getElementById(\"Terminate\").checked = true;\r\n\r\n        }\r\n        return;\r\n      }\r\n\r\n    } else {\r\n      this.setState({\r\n        BoxSts: 4,\r\n        checkBox1: \"\",\r\n        checkBox2: \"\"\r\n      });\r\n      this.Getdetail();\r\n    }\r\n  };\r\n  handleDeactive = () => {\r\n    if (document.getElementById(\"Deactive\").checked) {\r\n      this.setState({\r\n        BoxSts: 0,\r\n      });\r\n\r\n      if (window.confirm(\"Are you sure you want to change to Inactive?\")) {\r\n      } else {\r\n        document.getElementById(\"Deactive\").checked = false;\r\n        if (this.state.TeamSts === 0) {\r\n          document.getElementById(\"Deactive\").checked = true;\r\n          document.getElementById('deactivereasonInput').style.display = 'block'\r\n        } else if (this.state.TeamSts === 1) {\r\n          document.getElementById(\"Active\").checked = true;\r\n        } else if (this.state.TeamSts === 3) {\r\n          document.getElementById(\"Terminate\").checked = true;\r\n        }\r\n        this.setState({\r\n          BoxSts: this.state.TeamSts,\r\n        });\r\n        return;\r\n      }\r\n    } else {\r\n      this.setState({\r\n        BoxSts: 4,\r\n        checkBox1: \"\",\r\n        checkBox2: \"\"\r\n      });\r\n      this.Getdetail();\r\n    }\r\n    document.getElementById(\"Terminate\").checked = false;\r\n    document.getElementById(\"Active\").checked = false;\r\n\r\n  };\r\n  SelectLocation = (e) => {\r\n    let dept = document.getElementById(\"Locations\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        LocationModel: !prevState.LocationModel,\r\n      }));\r\n      document.getElementById(\"Locations\").value = \"\";\r\n    }\r\n  };\r\n  handleActive = () => {\r\n\r\n    document.getElementById(\"Deactive\").checked = false;\r\n    document.getElementById(\"Terminate\").checked = false;\r\n\r\n    if (document.getElementById(\"Active\").checked) {\r\n      this.setState({\r\n        BoxSts: \"\",\r\n      });\r\n      if (window.confirm(\"Are you sure you want to change to active?\")) {\r\n      } else {\r\n        document.getElementById(\"Active\").checked = false;\r\n        this.setState({\r\n          BoxSts: this.state.TeamSts,\r\n        });\r\n        if (this.state.TeamSts === 0) {\r\n          document.getElementById(\"Deactive\").checked = true;\r\n        } else if (this.state.TeamSts === 1) {\r\n          document.getElementById(\"Active\").checked = true;\r\n        } else if (this.state.TeamSts === 3) {\r\n          document.getElementById(\"Terminate\").checked = true;\r\n        }\r\n      }\r\n    }\r\n    else {\r\n      document.getElementById(\"Active\").checked = true;\r\n    }\r\n  };\r\n\r\n  LocationModel = () => {\r\n    this.setState((prevState) => ({\r\n      LocationModel: !prevState.LocationModel,\r\n    }));\r\n\r\n    this.GetLocation();\r\n  };\r\n\r\n  selectExperience() {\r\n    this.setState((prevState) => ({\r\n      Experience: !prevState.Experience,\r\n    }));\r\n  }\r\n\r\n  // handleCheckBox1Change = () => {\r\n  //   this.setState({\r\n  //     TrainerSts1: \"0\",\r\n  //     TrainerSts2: \"1\",\r\n  //     checkBox1: true,\r\n  //     checkBox2: false,\r\n  //   });\r\n  // }\r\n\r\n  handleCheckBox1Change = () => {\r\n    if (this.state.checkBox1) {\r\n      // Already checked, cancel should revert to empty state\r\n      this.setState({\r\n        checkBox1: false,\r\n        checkBox2: false,\r\n        TrainerSts1: \"\",\r\n        TrainerSts2: \"\"\r\n      });\r\n    } else {\r\n      // Toggle to checked, uncheck checkBox2\r\n      this.setState({\r\n        checkBox1: true,\r\n        checkBox2: false,\r\n        TrainerSts1: \"1\",\r\n        TrainerSts2: \"\"\r\n      });\r\n    }\r\n  };\r\n\r\n  // handleCheckBox2Change = () => {\r\n  //   this.setState({\r\n  //     TrainerSts1: \"0\",\r\n  //     TrainerSts2: \"1\",\r\n  //     checkBox1: false,\r\n  //     checkBox2: true,\r\n  //     BoxSts: \"\"\r\n  //   });\r\n  // };\r\n\r\n  handleCheckBox2Change = () => {\r\n    if (this.state.checkBox2) {\r\n      // Already checked, cancel should revert to empty state\r\n      this.setState({\r\n        checkBox1: false,\r\n        checkBox2: false,\r\n        TrainerSts1: \"\",\r\n        TrainerSts2: \"\"\r\n      });\r\n    } else {\r\n      // Toggle to checked, uncheck checkBox1\r\n      this.setState({\r\n        checkBox1: false,\r\n        checkBox2: true,\r\n        TrainerSts1: \"\",\r\n        TrainerSts2: \"0\"\r\n      });\r\n    }\r\n  };\r\n\r\n  ManagerModel = () => {\r\n    const departmentEditValue = document.getElementById('Departmentedit').value;\r\n    this.setState((prevState) => ({\r\n      ManagerModel: !prevState.ManagerModel,\r\n    }));\r\n    this.GetMangerNameDrop(departmentEditValue)\r\n\r\n  };\r\n\r\n  SelectManager = (e) => {\r\n    let dept = document.getElementById(\"reportedit\").value;\r\n    const departmentEditValue = document.getElementById('Departmentedit').value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        ManagerModel: !prevState.ManagerModel,\r\n      }));\r\n      document.getElementById(\"reportedit\").value = \"\";\r\n      this.GetMangerNameDrop(departmentEditValue)\r\n    }\r\n  };\r\n\r\n  // handleCheckBox2Change = () => {\r\n  //   // this.setState({\r\n  //   //   //  checkBox1:false,\r\n  //   //   checkBox2:true\r\n  //   // })\r\n  //   // document.getElementById(\"Yes\").checked = false\r\n  //   // document.getElementById(\"No\").checked = true\r\n\r\n  //   this.setState({\r\n  //     TrainerSts1: \"0\",\r\n  //     TrainerSts2: \"1\",\r\n  //     checkBox1: false,\r\n  //     checkBox2: true,\r\n  //     BoxSts: \"\"\r\n  //   });\r\n  // };\r\n  DepthandleChange() {\r\n    var Department = document.getElementById(\"Departmentedit\").value;\r\n    this.GetMangerNameDrop(Department)\r\n\r\n  }\r\n  render() {\r\n    const {\r\n      TerminateDateErr,\r\n      DisplayNameErr,\r\n      TeamIdErr,\r\n      FirstNameErr,\r\n      LastNameErr,\r\n      EmailErr,\r\n      MobileErr,\r\n      rolesErr,\r\n      departmentErr,\r\n      designationErr,\r\n      ReportErr,\r\n      DeactivesErr,\r\n      PrimaryErr,\r\n      TerminateErr,\r\n      JoinErr\r\n    } = this.state.formErrors;\r\n    const { Departmentdrop, Designationdrop, ManagerDrop, LocationDrop } =\r\n      this.state;\r\n    const { Details, checkBox1, checkBox2, } = this.state;\r\n    const currentDate = new Date().toISOString().split(\"T\")[0];\r\n\r\n    return (\r\n      <div>\r\n        {this.state.LocationModel ? (\r\n          <AddLocationModel close={() => this.LocationModel()} />\r\n        ) : null}\r\n        {this.state.ManagerModel ? (\r\n          <AddManagerPop close={() => this.ManagerModel()} />\r\n        ) : null}\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a\r\n                              href\r\n                              onClick={() => this.props.history.push(\"/Team\")}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">Team Edit</h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\">\r\n                          <ToastContainer\r\n                            id=\"toast\"\r\n                            position=\"top-center\"\r\n                            autoClose={1500}\r\n                            hideProgressBar={false}\r\n                            newestOnTop={false}\r\n                            closeOnClick\r\n                            rtl={false}\r\n                            pauseOnFocusLoss\r\n                            draggable\r\n                            pauseOnHover\r\n                          />\r\n                        </div>\r\n                        <div className=\"loader\" id=\"teamloader\">\r\n                          <MoonLoader\r\n                            color={\"#123abc\"}\r\n                            loading={this.props.loading}\r\n                            size={30}\r\n                          />\r\n                        </div>\r\n                        <div className=\"card-block2\" id=\"maindiv\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                              <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <table className=\"table m-0\">\r\n                                      <tbody>\r\n                                        <div\r\n                                          className=\"container\"\r\n                                          style={{ maxWidth: \"765px\" }}\r\n                                        >\r\n                                          <div\r\n                                            className=\"row\"\r\n                                            style={{ padding: \"8px\" }}\r\n                                          >\r\n                                            <div className=\"col-sm-6\">\r\n                                              {Details.map((Details) => (\r\n                                                <input\r\n                                                  className=\"effect-16\"\r\n                                                  maxLength=\"8\"\r\n                                                  name=\"TeamId\"\r\n                                                  type=\"text\"\r\n                                                  onInputCapture={(event) => {\r\n                                                    if (\r\n                                                      !/[0-9]/.test(event.key)\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                  defaultValue={Details.teamId}\r\n                                                  id=\"TeamId\"\r\n                                                  onChange={this.handleChange}\r\n                                                  readOnly\r\n                                                />\r\n                                              ))}\r\n                                              {!TeamIdErr ? (\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  Employee Id\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {TeamIdErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n                                            <div className=\"col-sm-6\">\r\n                                              {Details.map((Details) => (\r\n                                                <input\r\n                                                  className=\"effect-16\"\r\n                                                  onKeyPress={(event) => {\r\n                                                    if (\r\n                                                      !/[a-zA-Z\\s ]+/.test(\r\n                                                        event.key\r\n                                                      )\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                  defaultValue={\r\n                                                    Details.displayName\r\n                                                  }\r\n                                                  name=\"DisplayName\"\r\n                                                  maxlength=\"20\"\r\n                                                  id=\"DisplayName\"\r\n                                                  type=\"text\"\r\n                                                  onChange={this.handleChange}\r\n                                                  placeholder=\"Display Name\"\r\n                                                  readOnly\r\n                                                />\r\n                                              ))}\r\n                                              {!DisplayNameErr ? (\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  Display Name\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {DisplayNameErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-sm-6\">\r\n                                              {Details.map((Details) => (\r\n                                                <input\r\n                                                  className=\"effect-16\"\r\n                                                  onKeyPress={(event) => {\r\n                                                    if (\r\n                                                      !/[a-zA-Z\\s ]+/.test(\r\n                                                        event.key\r\n                                                      )\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                  defaultValue={\r\n                                                    Details.firstName\r\n                                                  }\r\n                                                  name=\"FirstName\"\r\n                                                  maxlength=\"20\"\r\n                                                  type=\"text\"\r\n                                                  id=\"FirstNameedit\"\r\n                                                  onChange={this.handleChange}\r\n                                                  placeholder=\"First Name\"\r\n                                                />\r\n                                              ))}\r\n                                              {!FirstNameErr ? (\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  First Name\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {FirstNameErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-sm-6\">\r\n                                              {Details.map((Details) => (\r\n                                                <input\r\n                                                  className=\"effect-16\"\r\n                                                  onKeyPress={(event) => {\r\n                                                    if (\r\n                                                      !/[a-zA-Z\\s ]+/.test(\r\n                                                        event.key\r\n                                                      )\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                  defaultValue={\r\n                                                    Details.lastName\r\n                                                  }\r\n                                                  name=\"LastName\"\r\n                                                  maxlength=\"20\"\r\n                                                  id=\"LastNameedit\"\r\n                                                  type=\"text\"\r\n                                                  onChange={this.handleChange}\r\n                                                  placeholder=\"LastName\"\r\n                                                />\r\n                                              ))}\r\n                                              {!LastNameErr ? (\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  Last Name\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {LastNameErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n\r\n                                            {Details.map((Details) => (\r\n                                              <input\r\n                                                type=\"hidden\"\r\n                                                Name=\"Id\"\r\n                                                defaultValue={Details.id}\r\n                                              />\r\n                                            ))}\r\n                                            <div className=\"col-sm-6\">\r\n                                              {Details.map((Details) => (\r\n                                                <input\r\n                                                  className=\"effect-16\"\r\n                                                  defaultValue={Details.email}\r\n                                                  maxlength=\"50\"\r\n                                                  readOnly\r\n                                                  name=\"Email\"\r\n                                                  id=\"Emailedit\"\r\n                                                  type=\"text\"\r\n                                                  onChange={this.handleChange}\r\n                                                  placeholder=\"Email\"\r\n                                                />\r\n                                              ))}\r\n                                              {!EmailErr ? (\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  Email\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {EmailErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n                                            <div className=\"col-sm-6\">\r\n                                              {Details.map((Details) => (\r\n                                                <input\r\n                                                  className=\"effect-16\"\r\n                                                  maxlength=\"10\"\r\n                                                  onKeyPress={(event) => {\r\n                                                    if (\r\n                                                      !/[0-9]/.test(event.key)\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                  defaultValue={Details.mobile}\r\n                                                  name=\"Mobile\"\r\n                                                  id=\"Mobileedit\"\r\n                                                  type=\"text\"\r\n                                                  onChange={this.handleChange}\r\n                                                  placeholder=\"Mobile Number\"\r\n                                                  readOnly\r\n                                                />\r\n                                              ))}\r\n                                              {!MobileErr ? (\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  Mobile\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {MobileErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-sm-6\">\r\n                                              {Details.map((Details) => (\r\n                                                <select\r\n                                                  className=\"form\"\r\n                                                  style={{ color: \"gray\" }}\r\n                                                  type=\"text\"\r\n                                                  defaultValue={\r\n                                                    Details.department\r\n                                                  }\r\n                                                  name=\"Department\"\r\n                                                  id=\"Departmentedit\"\r\n                                                  onChange={() => {\r\n                                                    // this.handleChange();\r\n                                                    this.DepthandleChange();\r\n                                                  }}\r\n                                                  onChangeCapture={this.handleChange}\r\n                                                >\r\n                                                  <option\r\n                                                    value={Details.department}\r\n                                                    hidden\r\n                                                  >\r\n                                                    {Details.department}\r\n                                                  </option>\r\n                                                  <option value=\"select\">Select</option>\r\n                                                  {Departmentdrop.map(\r\n                                                    (Departmentdrop) => (\r\n                                                      <option\r\n                                                        value={\r\n                                                          Departmentdrop.department\r\n                                                        }\r\n                                                        selected={\r\n                                                          Details.department ===\r\n                                                          Departmentdrop.department\r\n                                                        }\r\n                                                      >\r\n                                                        {\r\n                                                          Departmentdrop.department\r\n                                                        }{\" \"}\r\n                                                      </option>\r\n                                                    )\r\n                                                  )}\r\n                                                  <option value=\"None\">\r\n                                                    None\r\n                                                  </option>\r\n                                                </select>\r\n                                              ))}\r\n                                              {!departmentErr ? (\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  Department\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {departmentErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-sm-6\">\r\n                                              {Details.map((Details) => (\r\n                                                <select\r\n                                                  className=\"form\"\r\n                                                  style={{ color: \"gray\" }}\r\n                                                  name=\"Designation\"\r\n                                                  defaultValue={\r\n                                                    Details.designation\r\n                                                  }\r\n                                                  onChange={this.handleChange}\r\n                                                  id=\"Designationedit\"\r\n                                                  type=\"text\"\r\n                                                >\r\n                                                  <option\r\n                                                    value={Details.designation}\r\n                                                    hidden\r\n                                                  >\r\n                                                    {Details.designation}\r\n                                                  </option>\r\n                                                  <option value=\"\">Select</option>\r\n                                                  {Designationdrop.map(\r\n                                                    (Designationdrop) => (\r\n                                                      <option\r\n                                                        value={\r\n                                                          Designationdrop.designation\r\n                                                        }\r\n                                                        selected={\r\n                                                          Details.designation ===\r\n                                                          Designationdrop.designation\r\n                                                        }\r\n                                                      >\r\n                                                        {\r\n                                                          Designationdrop.designation\r\n                                                        }\r\n                                                      </option>\r\n                                                    )\r\n                                                  )}\r\n                                                  <option value=\"None\">\r\n                                                    None\r\n                                                  </option>{\" \"}\r\n                                                </select>\r\n                                              ))}\r\n                                              {!designationErr ? (\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  Designation\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {designationErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-sm-6\">\r\n                                              {Details.map((Details) => (\r\n                                                <select\r\n                                                  type=\"text\"\r\n                                                  className=\"effect-16\"\r\n                                                  id=\"RoleNameedit\"\r\n                                                  maxlength=\"20\"\r\n                                                  name=\"RoleName\"\r\n                                                  placeholder=\"Role Name\"\r\n                                                  defaultValue={Details.role}\r\n                                                  onChange={this.handleChange}\r\n                                                >\r\n                                                  {/* <option value=\"\" ></option> */}\r\n                                                  <option value=\"\">Select</option>\r\n                                                  <option value=\"Admin\">\r\n                                                    Admin\r\n                                                  </option>\r\n                                                  <option value=\"HR Admin\">\r\n                                                    HR Admin\r\n                                                  </option>\r\n                                                  <option value=\"Team Admin\">\r\n                                                    Team Admin\r\n                                                  </option>\r\n                                                  <option value=\"Skill Admin\">\r\n                                                    Skill Admin\r\n                                                  </option>\r\n                                                  <option value=\"Education Admin\">\r\n                                                    Education Admin\r\n                                                  </option>\r\n                                                  <option value=\"User\">\r\n                                                    User\r\n                                                  </option>\r\n                                                </select>\r\n                                              ))}\r\n                                              {!rolesErr ? (\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  Role\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {rolesErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-sm-6\" >\r\n                                              {Details.map((Details) => (\r\n                                                <select\r\n                                                  className=\"effect-16\"\r\n                                                  style={{ color: \"gray\" }}\r\n                                                  onInputCapture={\r\n                                                    this.SelectManager\r\n                                                  }\r\n                                                  defaultValue={Details.report_Manager}\r\n                                                  name=\"Report_Manager\"\r\n                                                  id=\"reportedit\"\r\n                                                  onChange={this.handleChange}\r\n                                                  type=\"text\"\r\n                                                >\r\n                                                  <option hidden>\r\n                                                    {Details.report_Manager}\r\n                                                  </option>\r\n                                                  <option value=\"\">Select</option>\r\n                                                  <option id=\"Add\" value=\"Add\">\r\n                                                    Add\r\n                                                  </option>\r\n\r\n\r\n                                                  {this.state.ManagerNamedrop.map((ManagerDrop) => (\r\n                                                    <option\r\n                                                      value={ManagerDrop.manager_Name}\r\n                                                    >\r\n                                                      {ManagerDrop.manager_Name}\r\n                                                    </option>\r\n                                                  ))}\r\n                                                  <option value=\"None\">\r\n                                                    None\r\n                                                  </option>{\" \"}\r\n                                                </select>\r\n                                              ))}\r\n                                              {!ReportErr ? (\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  Reporting Manager{\" \"}\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {ReportErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-sm-6\">\r\n                                              {Details.map((Details) => (\r\n                                                <select\r\n                                                  className=\"form\"\r\n                                                  style={{ color: \"gray\" }}\r\n                                                  defaultValue={\r\n                                                    this.state.LocationState\r\n                                                  }\r\n                                                  onInputCapture={\r\n                                                    this.SelectLocation\r\n                                                  }\r\n                                                  name=\"Primary_Ofc\"\r\n                                                  id=\"Locations\"\r\n                                                  onChange={this.handleChange}\r\n                                                  type=\"text\"\r\n                                                >\r\n                                                  {/* <option value=\"\" ></option>  */}\r\n                                                  <option hidden>\r\n                                                    {this.state.LocationState}\r\n                                                  </option>\r\n                                                  <option id=\"\" value=\"Primary Location\">\r\n                                                    Primary Location\r\n                                                  </option>\r\n                                                  <option id=\"\" value=\"Secondary Location\">\r\n                                                    Secondary Location\r\n                                                  </option>\r\n                                                  {/* <option id=\"Add\" value=\"Add\">\r\n                                                    Add\r\n                                                  </option>\r\n                                                  {LocationDrop.map(\r\n                                                    (LocationDrop) => (\r\n                                                      <option\r\n                                                        value={\r\n                                                          LocationDrop.locationType\r\n                                                        }\r\n                                                        selected={\r\n                                                          Details.primary_Ofc ===\r\n                                                          LocationDrop.locationType\r\n                                                        }\r\n                                                      >\r\n                                                        {\r\n                                                          LocationDrop.locationType\r\n                                                        }\r\n                                                      </option>\r\n                                                    )\r\n                                                  )} */}\r\n                                                  {/* <option id=\"Add\" value=\"Primary Location\">Primary Location</option> */}\r\n                                                  <option value=\"None\">\r\n                                                    None\r\n                                                  </option>{\" \"}\r\n                                                </select>\r\n                                              ))}\r\n                                              {!PrimaryErr ? (\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  Locations\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {PrimaryErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n                                            {/* {Details.map(Details =>\r\n                                              <>\r\n                                                {Details.status != null ?\r\n                                                  <>\r\n                                                    <div className=\"col-sm-6\" >\r\n                                                      <input type=\"text\" onFocus={(e) => e.target.type = 'date'} defaultValue={this.formatDate(Details.joining_Date.slice(0, 10))} onFocus={(e) => { e.target.type = 'date'; e.target.value = this.formatDate(e.target.value) }} onBlur={(e) => { e.target.type = 'text'; e.target.value = this.formatDate(e.target.value) }} className=\"effect-16\" id=\"primaryedit\" maxlength=\"20\" name=\"JoiningDate\" />\r\n                                                      <span style={{ color: '#a29d9d' }} >Join Date </span>\r\n                                                    </div>\r\n                                                  </>\r\n                                                  :\r\n                                                  null\r\n                                                }</>\r\n                                            )} */}\r\n                                            {Details.map((Details) => (\r\n                                              <>\r\n                                                {Details.status != null ? (\r\n                                                  <>\r\n                                                    <div className=\"col-sm-6\" style={{ marginTop: \"-11px\" }}>\r\n                                                      <input\r\n                                                        className=\"effect-16\"\r\n                                                        type=\"date\"\r\n                                                        onFocus={(e) =>\r\n                                                        (e.target.type =\r\n                                                          \"date\")\r\n                                                        }\r\n                                                        defaultValue={\r\n                                                          Details.joining_Date.split(\r\n                                                            \"T\"\r\n                                                          )[0]\r\n                                                        } // Set the defaultValue here\r\n                                                        id=\"JoiningDate\"\r\n                                                        name=\"JoiningDate\"\r\n                                                      />\r\n                                                      {/* <input\r\n                                                        type=\"text\"\r\n                                                        onFocus={(e) =>\r\n                                                        (e.target.type =\r\n                                                          \"date\")\r\n                                                        }\r\n                                                        max={new Date(\r\n                                                          new Date().getFullYear() - 18,\r\n                                                          new Date().getMonth(),\r\n                                                          new Date().getDate()\r\n                                                        )\r\n                                                          .toJSON()\r\n                                                          .slice(0, 10)}\r\n                                                        min={new Date(\r\n                                                          new Date().getFullYear() - 80,\r\n                                                          new Date().getMonth(),\r\n                                                          new Date().getDate()\r\n                                                        )\r\n                                                          .toJSON()\r\n                                                          .slice(0, 10)}\r\n                                                        defaultValue={this.reformatDate(\r\n                                                          Details.joining_Date.slice(0, 10)\r\n                                                        )}\r\n                                                        className=\"effect-16\"\r\n                                                        id=\"JoiningDate\"\r\n                                                        maxlength=\"20\"\r\n                                                        name=\"JoiningDate\"\r\n                                                      /> */}\r\n                                                      {!JoinErr ? (\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"#a29d9d\",\r\n                                                          }}\r\n                                                        >\r\n                                                          Join Date\r\n                                                        </span>\r\n                                                      ) : (\r\n                                                        <div\r\n                                                          style={{\r\n                                                            color: \"red\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {JoinErr}\r\n                                                        </div>\r\n                                                      )}\r\n                                                    </div>\r\n                                                  </>\r\n                                                ) : null}\r\n                                              </>\r\n                                            ))}\r\n                                            <br />\r\n                                            {this.state.TeamSts === 1 ||\r\n                                              this.state.TeamSts === 2 || this.state.TeamSts === 0 ? (\r\n                                              <>\r\n                                                {Details.map((Details) => (\r\n                                                  <>\r\n                                                    <div className=\"col-sm-6\" >\r\n                                                      <h4>\r\n                                                        Assigned as trainer\r\n                                                      </h4>\r\n                                                    </div>\r\n                                                    <div className=\"col-sm-6\">\r\n                                                    </div>\r\n                                                    <br></br>\r\n                                                    <div className=\"col-sm-6\" style={{ marginBottom: \"10px\" }}>\r\n                                                      {this.state\r\n                                                        .TrainerSts1 === \"1\" ? (\r\n                                                        <span>\r\n                                                          <label>\r\n                                                            <input\r\n                                                              type=\"checkbox\"\r\n                                                              id=\"Yes\"\r\n                                                              name=\"Yes\"\r\n                                                              defaultChecked={\r\n                                                                this.state\r\n                                                                  .TrainerSts1 ===\r\n                                                                \"1\"\r\n                                                              }\r\n                                                              onChange={() =>\r\n                                                                this.handleCheckBox1Change()\r\n                                                              }\r\n                                                            />\r\n                                                          </label>\r\n                                                          &nbsp;&nbsp;\r\n                                                          <span>Yes</span>\r\n                                                          &nbsp;&nbsp;\r\n                                                        </span>\r\n                                                      ) : (\r\n                                                        <label>\r\n                                                          <input\r\n                                                            type=\"checkbox\"\r\n                                                            id=\"Yes\"\r\n                                                            name=\"Yes\"\r\n                                                            checked={\r\n                                                              this.state\r\n                                                                .checkBox1\r\n                                                            }\r\n                                                            onChange={\r\n                                                              this\r\n                                                                .handleCheckBox1Change\r\n                                                            }\r\n                                                          />\r\n                                                          &nbsp;&nbsp;\r\n                                                          <span>Yes</span>\r\n                                                          &nbsp;&nbsp;\r\n                                                        </label>\r\n                                                      )}\r\n                                                      {this.state\r\n                                                        .TrainerSts2 === \"0\" ? (\r\n                                                        <span>\r\n                                                          <label id=\"No\">\r\n                                                            <input\r\n                                                              type=\"checkbox\"\r\n                                                              id=\"No\"\r\n                                                              name=\"No\"\r\n                                                              defaultChecked={\r\n                                                                this.state\r\n                                                                  .TrainerSts2 ===\r\n                                                                \"0\"\r\n                                                              }\r\n                                                              onChange={() =>\r\n                                                                this.handleCheckBox2Change()\r\n                                                              }\r\n                                                            />\r\n                                                          </label>\r\n                                                          &nbsp;&nbsp;\r\n                                                          <span>No</span>\r\n                                                          &nbsp;&nbsp;\r\n                                                        </span>\r\n                                                      ) : (\r\n                                                        <label>\r\n                                                          <input\r\n                                                            type=\"checkbox\"\r\n                                                            id=\"No\"\r\n                                                            name=\"No\"\r\n                                                            checked={\r\n                                                              this.state\r\n                                                                .checkBox2\r\n                                                            }\r\n                                                            onChange={\r\n                                                              this\r\n                                                                .handleCheckBox2Change\r\n                                                            }\r\n                                                          />\r\n                                                          &nbsp;&nbsp;\r\n                                                          <span>No</span>\r\n                                                          &nbsp;&nbsp;\r\n                                                        </label>\r\n                                                      )}\r\n\r\n                                                      {/* {this.state.Experience ?<select className=\"effect-16\" type=\"text\" id=\"Experience\" onClick={this.selectExperience}  > */}\r\n                                                      {/* {this.state.Experience ?<select className=\"effect-16\" type=\"text\" name=\"TrainerExper\" id=\"Experience\" onClick={this.selectExperience}  >\r\n    <option value=\"\" >Select</option> \r\n          <option value=\"0-1\">0-1 year</option>\r\n          <option value=\"1-2\">1-2 year</option>\r\n          <option value=\"2-3\">2-3 year</option>\r\n          <option value=\"3-4\">3-4 year</option>\r\n          <option value=\"4-5\">4-5 year</option>\r\n          <option value=\"More\">More</option>\r\n          </select>:null} */}\r\n\r\n                                                      {this.state.checkBox1 ===\r\n                                                        true || this.state\r\n                                                          .TrainerSts1 === \"1\" ? (\r\n                                                        <>\r\n                                                          <input\r\n                                                            className=\"form\"\r\n                                                            onFocus={(e) =>\r\n                                                              {e.target.select();\r\n                                                                (e.target.type =\r\n                                                                  \"date\")\r\n                                                              }\r\n                                                            }\r\n                                                            name=\"TrainerExperience\"\r\n                                                            id=\"Experience\"\r\n                                                            type=\"text\"\r\n                                                            // onFocus={(e) =>\r\n                                                            // (e.target.type =\r\n                                                            //   \"date\")\r\n                                                            // }\r\n                                                            defaultValue={Details.experiencedate}\r\n                                                            // max={this.state.maxDate}\r\n                                                            max={currentDate}\r\n                                                          />\r\n                                                          <span\r\n                                                            style={{\r\n                                                              color: \"#a29d9d\",\r\n                                                            }}\r\n                                                          >\r\n                                                            Trainer Experience\r\n                                                          </span>\r\n                                                        </>\r\n                                                      ) : null}\r\n                                                    </div>{\" \"}\r\n\r\n                                                  </>\r\n                                                ))}\r\n                                              </>\r\n                                            ) : null}\r\n                                            <div className=\"col-sm-6\">\r\n                                            </div>\r\n                                            <div></div>\r\n                                            <div></div>\r\n                                            {this.state.TeamSts === 2 ? null : (\r\n                                              <>\r\n                                                {/* {this.state.TeamSts === 0 ? <div className=\"col-sm-6\">\r\n                                                </div> : null} */}\r\n                                                <div className=\"col-sm-6\">\r\n                                                  <h4>Status</h4>\r\n                                                </div>\r\n                                                <div className=\"col-sm-6\">\r\n                                                </div>\r\n\r\n                                                <div className=\"col-lg-12\">\r\n                                                  <div className=\"row\" style={{ marginLeft: \"-16px\" }}>\r\n                                                    <br />\r\n                                                    <div className=\"col-lg-4\">\r\n                                                      <span //style={{color:\"black\"}}\r\n                                                      >\r\n                                                        Active\r\n                                                      </span>\r\n                                                      &nbsp;&nbsp;\r\n                                                      <label className=\"switch\">\r\n                                                        <input\r\n                                                          type=\"checkbox\"\r\n                                                          id=\"Active\"\r\n                                                          defaultChecked={\r\n                                                            this.state.TeamSts === 1\r\n                                                          }\r\n                                                          onInputCapture={\r\n                                                            this.handleActive\r\n                                                          }\r\n                                                          name=\"Active\"\r\n                                                        />\r\n                                                        <span className=\"slider round\" />\r\n                                                      </label>\r\n                                                    </div>\r\n                                                    <div className=\"col-lg-4\">\r\n                                                      <span //style={{color:\"black\"}}\r\n                                                      >\r\n                                                        Inactive\r\n                                                      </span>\r\n                                                      &nbsp;&nbsp;\r\n                                                      <label\r\n                                                        className=\"switch\"\r\n                                                        id=\"deactivecheck\"\r\n                                                      >\r\n                                                        <input\r\n                                                          type=\"checkbox\"\r\n                                                          id=\"Deactive\"\r\n                                                          defaultChecked={\r\n                                                            this.state.TeamSts === 0\r\n                                                          }\r\n                                                          onClick={\r\n                                                            this.handleDeactive\r\n                                                          }\r\n                                                          name=\"Deactive\"\r\n                                                        />\r\n                                                        <span className=\"slider round\" />\r\n                                                      </label>\r\n                                                    </div>\r\n                                                    <div className=\"col-lg-4\">\r\n                                                      <span //style={{color:\"black\"}}\r\n                                                      >\r\n                                                        Terminate\r\n                                                      </span>\r\n                                                      &nbsp;&nbsp;\r\n                                                      <label className=\"switch\">\r\n                                                        <input\r\n                                                          type=\"checkbox\"\r\n                                                          id=\"Terminate\"\r\n                                                          defaultChecked={\r\n                                                            this.state.TeamSts === 3\r\n                                                          }\r\n                                                          onInputCapture={\r\n                                                            this.handleTerminate\r\n                                                          }\r\n                                                          name=\"Terminate\"\r\n                                                        />\r\n                                                        <span className=\"slider round\" />\r\n                                                      </label>\r\n                                                    </div>\r\n                                                  </div>\r\n                                                </div>\r\n                                              </>\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          {/* /// */}\r\n                                          <div>\r\n                                            {this.state.BoxSts === 3 ? (\r\n                                              <div className=\"row\" id=\"terminateReasonInput\">\r\n                                                <div className=\"col-sm-6\">\r\n                                                  {Details.map((Details) => (\r\n                                                    <input\r\n                                                      type=\"text\"\r\n                                                      className=\"effect-16\"\r\n                                                      id=\"terminateReason\"\r\n                                                      defaultValue={\r\n                                                        Details.terminateReason\r\n                                                      }\r\n                                                      name=\"TerminateReason\"\r\n                                                    />\r\n                                                  ))}\r\n                                                  {!TerminateErr ? (\r\n                                                    <span\r\n                                                      style={{\r\n                                                        color: \"#a29d9d\",\r\n                                                      }}\r\n                                                    >\r\n                                                      Terminate Reason\r\n                                                    </span>\r\n                                                  ) : (\r\n                                                    <div\r\n                                                      style={{ color: \"red\" }}\r\n                                                    >\r\n                                                      {TerminateErr}\r\n                                                    </div>\r\n                                                  )}\r\n                                                </div>\r\n                                                <div className=\"col-sm-6\">\r\n                                                  {Details.map((Details) => (\r\n                                                    <input\r\n                                                      type=\"text\"\r\n                                                      onFocus={(e) =>\r\n                                                        (e.target.type = \"date\")\r\n                                                      }\r\n                                                      className=\"effect-16\"\r\n                                                      id=\"TerminateDate\"\r\n                                                      maxlength=\"20\"\r\n                                                      name=\"TerminateDate\"\r\n                                                      defaultValue={new Date(\r\n                                                        new Date().getFullYear(),\r\n                                                        new Date().getMonth(),\r\n                                                        new Date().getDate()\r\n                                                      ).toLocaleDateString()}\r\n                                                    />\r\n                                                  ))}\r\n                                                  {!TerminateDateErr ? (\r\n                                                    <span\r\n                                                      style={{\r\n                                                        color: \"#a29d9d\",\r\n                                                      }}\r\n                                                    >\r\n                                                      Terminate Date\r\n                                                    </span>\r\n                                                  ) : (\r\n                                                    <div\r\n                                                      style={{ color: \"red\" }}\r\n                                                    >\r\n                                                      {TerminateDateErr}\r\n                                                    </div>\r\n                                                  )}\r\n\r\n                                                  {/* DeactiveReason    */}\r\n                                                </div>\r\n                                              </div>\r\n                                            ) : (\r\n                                              <>\r\n                                                {this.state.BoxSts === 0 ? (\r\n                                                  <>\r\n                                                    {\" \"}\r\n                                                    <div className=\"row\" id=\"deactivereasonInput\">\r\n                                                      <div className=\"col-sm-4\"></div>\r\n                                                      <div className=\"col-sm-4\">\r\n                                                        {Details.map(\r\n                                                          (Details) => (\r\n                                                            <input\r\n                                                              type=\"text\"\r\n                                                              className=\"effect-16\"\r\n                                                              id=\"deactivereason\"\r\n                                                              defaultValue={\r\n                                                                Details.decativeReason\r\n                                                              }\r\n                                                              name=\"DeactiveReason\"\r\n                                                            />\r\n                                                          )\r\n                                                        )}\r\n                                                        {!DeactivesErr ? (\r\n                                                          <span\r\n                                                            style={{\r\n                                                              color: \"#a29d9d\",\r\n                                                            }}\r\n                                                          >\r\n                                                            Reason\r\n                                                          </span>\r\n                                                        ) : (\r\n                                                          <div\r\n                                                            style={{\r\n                                                              color: \"red\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {DeactivesErr}\r\n                                                          </div>\r\n                                                        )}\r\n                                                        {/* terminateReason */}\r\n                                                      </div>\r\n                                                      <div className=\"col-sm-4\"></div>\r\n                                                    </div>\r\n                                                  </>\r\n                                                ) : null}\r\n                                              </>\r\n                                            )}\r\n                                          </div>\r\n                                          {/* /// */}\r\n                                          <br />\r\n                                          {/* /// */}\r\n                                          {/*  */}\r\n                                          <div\r\n                                            className=\"col-sm-12\"\r\n                                            style={{\r\n                                              justifyContent: \"center\",\r\n                                              alignContent: \"baseline\",\r\n                                              display: \"flex\",\r\n                                              marginBottom: \"0px\",\r\n                                            }}\r\n                                          >\r\n                                            <button\r\n                                              type=\"submit\"\r\n                                              disabled={\r\n                                                this.state.ButtonDisabled\r\n                                              }\r\n                                              /*  onClick={()=>{this.AddTeam()}} */ className=\"but\"\r\n                                              style={{\r\n                                                height: \"40.4px\",\r\n                                                width: \"83.36px\",\r\n                                              }}\r\n                                            >\r\n                                              Save\r\n                                            </button>{\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <button\r\n                                              type=\"reset\"\r\n                                              className=\" btn-Secondary\"\r\n                                              onClick={this.handleReset}\r\n                                            >\r\n                                              Cancel{Details.termninateDate}\r\n                                            </button>\r\n                                          </div>\r\n                                          {/* /// */}\r\n                                          <br /> <br />\r\n                                        </div>\r\n                                      </tbody>\r\n                                    </table>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      edus: [],\r\n      Id: \"\",\r\n      UG: \"\",\r\n      PG: \"\",\r\n      Specialization: \"\",\r\n      formErrors: {},\r\n      Notification: [],\r\n      value: this.props.location.state,\r\n      Details: [],\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  handleFormValidation() {\r\n    let ug = document.getElementById(\"ugv\").value;\r\n    let Specialization = document.getElementById(\"Specialization\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!ug) {\r\n      formIsValid = false;\r\n      formErrors[\"ugErr\"] = \"CourseName is required\";\r\n    }\r\n    if (!Specialization) {\r\n      formIsValid = false;\r\n      formErrors[\"specsErr\"] = \"Specialization is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    if (this.handleFormValidation()) {\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n\r\n      fetch(`${BASE_URLs}/Education/EditUG`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          /*  Authorization: `Bearer ${JSON.parse(localStorage.user)}` */\r\n          Authorization: \"Bearer \" + accessToken,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          alert(resp);\r\n          //alert(resp.status);\r\n\r\n          if (resp === \"Education Updated Successfully\") {\r\n            this.props.history.push(\"/EducationGrid\");\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetUserEducation();\r\n  }\r\n\r\n  HandleUg() {\r\n    var UG = document.getElementById(\"ug\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"ugtext\").value = \"\";\r\n      document.getElementById(\"ugtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"ugtext\").value = \"None\";\r\n      document.getElementById(\"ugtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  HandlePg() {\r\n    var UG = document.getElementById(\"pg\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"pgtext\").value = \"\";\r\n      document.getElementById(\"pgtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"pgtext\").value = \"None\";\r\n      document.getElementById(\"pgtext\").type = \"hidden\";\r\n    }\r\n  }\r\n  GetUserEducation() {\r\n    var Id = this.props.location.state.Id;\r\n    let url = `${BASE_URLs}/Education/GetUserEducat?Id=` + Id;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Details: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { ugErr, specsErr } = this.state.formErrors;\r\n    const { Details } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Edit</h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            style={{ marginTop: \"5%\" }}\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div\r\n                              className=\"container\"\r\n                              style={{ margin: \"0 35%\" }}\r\n                            >\r\n                              <input\r\n                                className=\"form\"\r\n                                name=\"Degree\"\r\n                                id=\"ug\"\r\n                                onChange={this.handleChange}\r\n                                type=\"hidden\"\r\n                              />\r\n                              <div className=\"row\">\r\n                                {Details.map((Details) => (\r\n                                  <div className=\"col-3 input-effect\">\r\n                                    <input\r\n                                      className=\"form\"\r\n                                      defaultValue={Details.courseName}\r\n                                      id=\"ugv\"\r\n                                      name=\"CourseName\"\r\n                                      onChange={this.handleChange}\r\n                                      type=\"text\"\r\n                                    />\r\n                                    <input\r\n                                      className=\"form\"\r\n                                      name=\"Id\"\r\n                                      value={Details.id}\r\n                                      onChange={this.handleChange}\r\n                                      type=\"hidden\"\r\n                                    />\r\n                                    {!ugErr ? (\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        CourseName\r\n                                      </span>\r\n                                    ) : (\r\n                                      <div style={{ color: \"red\" }}>\r\n                                        {ugErr}\r\n                                      </div>\r\n                                    )}\r\n\r\n                                    <span className=\"underline\" />\r\n                                  </div>\r\n                                ))}\r\n                              </div>\r\n                              <div className=\"row\">\r\n                                <div className=\"col-3 input-effect\">\r\n                                  {Details.map((Details) => (\r\n                                    <input\r\n                                      className=\"form\"\r\n                                      id=\"Specialization\"\r\n                                      name=\"Specialization\"\r\n                                      type=\"text\"\r\n                                      defaultValue={Details.specialization}\r\n                                      onChange={this.handleChange}\r\n                                    />\r\n                                  ))}\r\n                                  {!specsErr ? (\r\n                                    <span style={{ color: \"#a29d9d\" }}>\r\n                                      Specialization\r\n                                    </span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {specsErr}\r\n                                    </div>\r\n                                  )}\r\n\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <button\r\n                                type=\"reset\"\r\n                                className=\" btn-Secondary\"\r\n                                style={{ margin: \"0px 80px\" }}\r\n                              >\r\n                                Cancel\r\n                              </button>\r\n                              <button\r\n                                type=\"submit\"\r\n                                className=\"but\"\r\n                                style={{\r\n                                  margin: \"2px -63px\",\r\n                                  height: \"40.4px\",\r\n                                  width: \"83.36px\",\r\n                                }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <br /> <br />\r\n                              {/* onClick={() => {this.handleSubmit()}}    <button onClick={()=>this.props.history.goBack()}>Back</button> */}\r\n                            </div>\r\n                          </form>\r\n                          <br /> <br /> <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Piechart from \"./../Piechart\";\r\nimport Pie from \"../../Common/Pie\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      Pending: [],\r\n      comlogo: [],\r\n      Notification: [],\r\n    };\r\n  }\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.Getpending();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n  Getpending() {\r\n    fetch(`${BASE_URLs}/AddOrganization/pendingcount`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Pending: data });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                {/*  Start */}\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-md-12 col-xl-3\">\r\n                      <div className=\"card counter-card-1\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* <h3></h3> */}\r\n                            <p></p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-pink\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"70%\" }}\r\n                                aria-valuenow={70}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-comment\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-2\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* <h3></h3> */}\r\n                            <p></p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-success\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"50%\" }}\r\n                                aria-valuenow={50}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-coffee-mug\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-3\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* <h3></h3> */}\r\n                            <p></p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-default\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"90%\" }}\r\n                                aria-valuenow={90}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-upload\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-sm-8\">\r\n                      <div className=\"card\">\r\n                        <div className=\"card-header\">\r\n                          <h5>Today Income</h5>\r\n                        </div>\r\n\r\n                        <Piechart />\r\n\r\n                        {/* <div id=\"areachart\" className=\"p-t-40 rickshaw_graph\">\r\n          <svg width=\"787.45\" height={200}><path className=\"path\" d=\"M0,160.39603960396042Q111.11285714285714,147.1947194719472,128.20714285714286,136.63366336633663C153.84857142857143,120.79207920792079,230.77285714285713,5.544554455445546,256.4142857142857,1.980198019801982S358.98,87.12871287128714,384.62142857142857,100.99009900990099S487.1871428571429,140.59405940594058,512.8285714285714,140.59405940594058S615.3942857142857,108.9108910891089,641.0357142857143,100.99009900990099S743.6014285714285,57.42574257425744,769.2428571428571,61.3861386138614Q786.3371428571428,64.02640264026404,897.45,140.59405940594058L897.45,200Q786.3371428571428,200,769.2428571428571,200C743.6014285714285,200,666.6771428571429,200,641.0357142857143,200S538.47,200,512.8285714285714,200S410.2628571428571,200,384.62142857142857,200S282.05571428571426,200,256.4142857142857,200S153.84857142857143,200,128.20714285714286,200Q111.11285714285714,200,0,200Z\" fill=\"#1abc9c\" stroke=\"none\" strokeWidth={2} opacity={1} /></svg></div> */}\r\n                        <div className=\"card-block\"></div>\r\n                        <div className=\"card-footer widget-content-footer\">\r\n                          <p className=\"m-b-0\">This is standard panel footer</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-4 col-xl-4\">\r\n                      <Pie />\r\n\r\n                      <div className=\"card table-card widget-success-card\">\r\n                        <div className=\"row-table\">\r\n                          <div className=\"col-sm-3 card-block-big\">\r\n                            <i className=\"icofont icofont-trophy-alt\" />\r\n                          </div>\r\n                          <div className=\"col-sm-9\">\r\n                            {/* <h4></h4>\r\n            <h6></h6> */}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/Educationxl.5cbba947.xlsx\";","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport $ from \"jquery\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport Educationxl from \"../../Assets/Files/Educationxl.xlsx\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport \"../../Css/excel.css\";\r\nvar XLSX = require(\"xlsx\");\r\n\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      edus: [],\r\n      edusdrop: [],\r\n      Addedus: [],\r\n      Id: \"\",\r\n      Specialization: \"\",\r\n      Univ: [],\r\n      InActive: [],\r\n      Active: [],\r\n      All: [],\r\n      currentSheet: {},\r\n      rows: [],\r\n      cols: [],\r\n      comlogo: [],\r\n      Notification: [],\r\n      PG: [],\r\n      EduPG: [],\r\n      UG: [],\r\n      EduPhd: [],\r\n      PHD: [],\r\n      UGbtn: true,\r\n      PGbtn: false,\r\n      PHDbtn: false,\r\n      PHDdrop: [],\r\n      UGdrop: [],\r\n      PGdrop: [],\r\n      initialData: undefined,\r\n      Degree: \"UG\",\r\n      Filterpop: false,\r\n      Filterpop1: false,\r\n      Filterpop2: false,\r\n      FilterData:\"\",\r\n      showExcel: false,\r\n    };\r\n\r\n    this.initialState = this.state;\r\n    // Multidelete\r\n    this.Multidelete = this.Multidelete.bind(this);\r\n  }\r\n\r\n  changeHandler = (event) => {\r\n    let fileObj = event.target.files[0];\r\n\r\n    ExcelRenderer(fileObj, (err, resp) => {\r\n      if (err) {\r\n      } else {\r\n        this.setState({\r\n          cols: resp.cols,\r\n          rows: resp.rows,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  componentWillMount() {\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").click(function () {\r\n        $(\"#add-row\").hide();\r\n      });\r\n\r\n      $(\"#addBtn\").click(function () {\r\n        $(\"#add-row\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#myInput\").click(function () {\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#myInput1\").click(function () {\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#myInput2\").click(function () {\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      });\r\n    });\r\n  }\r\n  handleFormValidation() {\r\n    const { SkillName, SkillDescription, Category } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  GetEdudrop() {\r\n    let url = `${BASE_URLs}/Education/getMasterEducationdrop`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          edusdrop: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/Delete?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  GetMasterUG() {\r\n    let url = `${BASE_URLs}/Education/GetMasterUG`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          edus: data,\r\n          UG: data,\r\n        });\r\n        var drop = this.RemoveDuplicate(data);\r\n\r\n        this.setState({ UGdrop: drop });\r\n      });\r\n  }\r\n\r\n  MasterUGFilter = (e) => {\r\n    const edus = this.state.UG.filter(\r\n      (item) =>\r\n        item.courseName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.specialization.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ edus });\r\n  };\r\n  LetterUGFilter = (letter, e) => {\r\n    e.preventDefault();\r\n    const edus = this.state.UG.filter(\r\n      (item) =>\r\n        item.courseName.toLowerCase().includes(letter.toLowerCase()) ||\r\n        item.specialization.toLowerCase().includes(letter.toLowerCase())\r\n    );\r\n    this.setState({ edus , showResults: true, FilterData: edus});\r\n  };\r\n\r\n  GetMasterPG() {\r\n    let url = `${BASE_URLs}/Education/GetMasterPG`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          PG: data,\r\n          EduPG: data,\r\n        });\r\n        var drop = this.RemoveDuplicate(data);\r\n\r\n        this.setState({ PGdrop: drop });\r\n      });\r\n  }\r\n\r\n  MasterPGFilter = (e) => {\r\n    const PG = this.state.EduPG.filter(\r\n      (item) =>\r\n        item.courseName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.specialization.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ PG });\r\n  };\r\n\r\n  LetterPGFilter = (letter, e) => {\r\n    e.preventDefault();\r\n    const PG = this.state.EduPG.filter(\r\n      (item) =>\r\n        item.courseName.toLowerCase().includes(letter.toLowerCase()) ||\r\n        item.specialization.toLowerCase().includes(letter.toLowerCase())\r\n    );\r\n    this.setState({ PG , showResults: true, FilterData: PG});\r\n  };\r\n\r\n  GetMasterPHD() {\r\n    let url = `${BASE_URLs}/Education/GetMasterPHD`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          PHD: data,\r\n          EduPhd: data,\r\n        });\r\n        var drop = this.RemoveDuplicate(data);\r\n\r\n        this.setState({ PHDdrop: drop });\r\n      });\r\n  }\r\n\r\n  MasterPHDFilter = (e) => {\r\n    const PHD = this.state.EduPhd.filter(\r\n      (item) =>\r\n        item.courseName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.specialization.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ PHD });\r\n  };\r\n  LetterPHDFilter = (letter, e) => {\r\n    e.preventDefault();\r\n    const PHD = this.state.EduPhd.filter(\r\n      (item) =>\r\n        item.courseName.toLowerCase().includes(letter.toLowerCase()) ||\r\n        item.specialization.toLowerCase().includes(letter.toLowerCase())\r\n    );\r\n    this.setState({ PHD , showResults: true, FilterData: PHD});\r\n  };\r\n  componentDidMount() {\r\n    this.GetMasterUG();\r\n    this.GetMasterPG();\r\n    this.GetMasterPHD();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  RemoveDuplicate(array) {\r\n    var newArray = [];\r\n    var uniqueObject = {};\r\n    for (var i in array) {\r\n      let objTitle = array[i][\"courseName\"];\r\n      uniqueObject[objTitle] = array[i];\r\n    }\r\n    for (var i in uniqueObject) {\r\n      newArray.push(uniqueObject[i]);\r\n    }\r\n    return newArray;\r\n  }\r\n\r\n  myFunction() {\r\n    var input, filter, table, tr, td, i, txtValue;\r\n    input = document.getElementById(\"myInput\");\r\n    filter = input.value.toUpperCase();\r\n    table = document.getElementById(\"add-row-Ugtable\");\r\n    tr = table.getElementsByTagName(\"tr\");\r\n    for (i = 0; i < tr.length; i++) {\r\n      td = tr[i].getElementsByTagName(\"td\")[0];\r\n      if (td) {\r\n        txtValue = td.textContent || td.innerText;\r\n        if (txtValue.toUpperCase().indexOf(filter) > -1) {\r\n          tr[i].style.display = \"\";\r\n        } else {\r\n          tr[i].style.display = \"none\";\r\n        }\r\n      }\r\n    }\r\n  }\r\n  myFunction1() {\r\n    var input, filter, table, tr, td, i, txtValue;\r\n    input = document.getElementById(\"myInput1\");\r\n    filter = input.value.toUpperCase();\r\n    table = document.getElementById(\"add-row-Pgtable\");\r\n    tr = table.getElementsByTagName(\"tr\");\r\n    for (i = 0; i < tr.length; i++) {\r\n      td = tr[i].getElementsByTagName(\"td\")[0];\r\n      if (td) {\r\n        txtValue = td.textContent || td.innerText;\r\n        if (txtValue.toUpperCase().indexOf(filter) > -1) {\r\n          tr[i].style.display = \"\";\r\n        } else {\r\n          tr[i].style.display = \"none\";\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  myFunction2() {\r\n    var input, filter, table, tr, td, i, txtValue;\r\n    input = document.getElementById(\"myInput2\");\r\n    filter = input.value.toUpperCase();\r\n    table = document.getElementById(\"add-row-Phdtable\");\r\n    tr = table.getElementsByTagName(\"tr\");\r\n    for (i = 0; i < tr.length; i++) {\r\n      td = tr[i].getElementsByTagName(\"td\")[0];\r\n      if (td) {\r\n        txtValue = td.textContent || td.innerText;\r\n        if (txtValue.toUpperCase().indexOf(filter) > -1) {\r\n          tr[i].style.display = \"\";\r\n        } else {\r\n          tr[i].style.display = \"none\";\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      '#tablepadding input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ; margin-top:30px;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top:30px;\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n\r\n      if (document.getElementById(\"tablepadding\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Education selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          \"<span> \" + checkboxes.length + \" Education selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  checkAll(event) {\r\n    var checkboxes = document.getElementsByName(\"UgID\");\r\n    let count = checkboxes.length;\r\n    if (event.target.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top:30px \");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);  margin-top: 30px;\"\r\n\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Education selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n  checkAllPG(event) {\r\n    var checkboxes = document.getElementsByName(\"PgID\");\r\n    let count = checkboxes.length;\r\n    if (event.target.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Education selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  checkAllPHD(event) {\r\n    var checkboxes = document.getElementsByName(\"PhdID\");\r\n    let count = checkboxes.length;\r\n    if (event.target.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Education selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  Multidelete(event) {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(`${BASE_URLs}/Education/Multidelete`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.GetMasterUG();\r\n        this.GetMasterPG();\r\n        this.GetMasterPHD();\r\n        toast.success(data.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      });\r\n\r\n    document\r\n      .getElementById(\"delete\")\r\n      .setAttribute(\"style\", \"visibility: hidden;\");\r\n    document\r\n      .getElementById(\"deletecount\")\r\n      .setAttribute(\"style\", \"visibility: hidden;\");\r\n    var checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n\r\n    for (var i = 0; i < checkboxes.length; i++) {\r\n      checkboxes[i].checked = false;\r\n    }\r\n  }\r\n\r\n  EditUG(Id, SName, desc) {\r\n    var page = {\r\n      pathname: \"/EditMasterUG\",\r\n      state: {\r\n        Id: Id,\r\n        SName: SName,\r\n        desc: desc,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  EditPG(Id, SName, desc) {\r\n    var page = {\r\n      pathname: \"/EditMasterPG\",\r\n      state: {\r\n        Id: Id,\r\n        SName: SName,\r\n        desc: desc,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  EditPHD(Id, SName, desc) {\r\n    var page = {\r\n      pathname: \"/EditMasterphd\",\r\n      state: {\r\n        Id: Id,\r\n        SName: SName,\r\n        desc: desc,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n  \r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Education/ImportEducation`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetMasterUG();\r\n          this.GetMasterPG();\r\n          this.GetMasterPHD();\r\n          this.setState({ currentSheet: this.state.initialData });\r\n          this.setState({ initialData: undefined });\r\n       \r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n  };\r\n\r\n  setFocus = () => {\r\n    this.setState(\r\n      (prevState) => ({\r\n        Filterpop: !prevState.Filterpop,\r\n      }),\r\n      () => {\r\n        if (this.state.Filterpop) {\r\n          this.searchForDiscRef.current.focus();\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  cancel = () => {\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const {showExcel, edus, EduPG, PG, PHD, UG, EduPhd, UGdrop, PGdrop, PHDdrop ,Filterpop ,Filterpop1, Filterpop2, FilterData } =\r\n      this.state;\r\n    var UGfilename = `O_${username}_A_UG`;\r\n    var PGfilename = `O_${username}_A_PG`;\r\n    var PHDfilename = `O_${username}_A_PHD`;\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <Link onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </Link>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Education</h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        \r\n                          <div className=\"card-block\">\r\n                          <form onSubmit={this.handleSubmit}>\r\n                            <div className=\"row\">\r\n                              <div className=\"col btnalign\">\r\n                                <ul className=\"menu\" style={{paddingLeft:\"revert\"}}>\r\n                                  <li\r\n                                    className=\"dropdown dropdown-1\"\r\n                                    style={{ height: \"40px\", width: \"200px\",color:\"#5035ce\",backgroundColor:\"white\",fontSize:\"15px\",padding:\"10px 30px\" }}\r\n                                  >\r\n                                    Education Menus\r\n                                    <ul className=\"dropdown_menu dropdown_menu-1\">\r\n                                      <li className=\"dropdown_item-1\">\r\n                                        <Link\r\n                                          to=\"AddEducation\"\r\n                                          type=\"button\"\r\n                                          style={{\r\n                                            width: \"125px\",\r\n                                            background: \"white\",\r\n                                          }}\r\n                                          id=\"addRow\"\r\n                                          className=\"btn\"\r\n                                        >\r\n                                          Add{\" \"}\r\n                                        </Link>\r\n                                      </li>\r\n                                      <input\r\n                                        type=\"hidden\"\r\n                                        name=\"Degree\"\r\n                                        value={this.state.Degree}\r\n                                      />\r\n                                      <li className=\"dropdown_item-2\">\r\n                                        <select\r\n                                          onChange={this.MasterUGFilter}\r\n                                          onFocus={(e) => {\r\n                                            this.setState({\r\n                                              UGbtn: true,\r\n                                              PGbtn: false,\r\n                                              PHDbtn: false,\r\n                                              Degree: \"UG\",\r\n                                            });\r\n                                          }}\r\n                                          id=\"myInput\"\r\n                                          className=\" btn\"\r\n                                          style={{\r\n                                            borderColor: \"white\",\r\n                                            background: \"white\",\r\n                                            height: \"42px\",\r\n                                            padding: \"inherit\",\r\n                                            textAlign: \"left\",\r\n                                            width: \"125px\",\r\n                                          }}\r\n                                        >\r\n                                          <option\r\n                                            className=\"drop-options\"\r\n                                            value=\"\"\r\n                                          >\r\n                                            UG\r\n                                          </option>\r\n                                          {UGdrop.map((edu) => (\r\n                                            <option\r\n                                              className=\"drop-options\"\r\n                                              value={edu.courseName}\r\n                                            >\r\n                                              {edu.courseName}\r\n                                            </option>\r\n                                          ))}\r\n                                        </select>\r\n                                      </li>\r\n\r\n                                      <li className=\"dropdown_item-3\">\r\n                                        <select\r\n                                          name=\"SkillName\"\r\n                                          className=\"btn\"\r\n                                          onFocus={(e) => {\r\n                                            this.setState({\r\n                                              UGbtn: false,\r\n                                              PGbtn: true,\r\n                                              PHDbtn: false,\r\n                                              Degree: \"PG\",\r\n                                            });\r\n                                          }}\r\n                                          id=\"myInput1\"\r\n                                          onChange={this.MasterPGFilter}\r\n                                          style={{\r\n                                            borderColor: \"white\",\r\n                                            background: \"white\",\r\n                                            height: \"42px\",\r\n                                            padding: \"inherit\",\r\n                                            textAlign: \"left\",\r\n                                            width: \"125px\",\r\n                                          }}\r\n                                        >\r\n                                          <option\r\n                                            className=\"drop-options\"\r\n                                            value=\"\"\r\n                                          >\r\n                                            PG\r\n                                          </option>\r\n                                          {PGdrop.map((PG) => (\r\n                                            <option\r\n                                              className=\"drop-options\"\r\n                                              value={PG.courseName}\r\n                                            >\r\n                                              {PG.courseName}\r\n                                            </option>\r\n                                          ))}\r\n                                        </select>\r\n                                      </li>\r\n\r\n                                      <li className=\"dropdown_item-4\">\r\n                                        <select\r\n                                          name=\"SkillName\"\r\n                                          className=\"btn\"\r\n                                          onFocus={(e) => {\r\n                                            this.setState({\r\n                                              UGbtn: false,\r\n                                              PGbtn: false,\r\n                                              PHDbtn: true,\r\n                                              Degree: \"PHD\",\r\n                                            });\r\n                                          }}\r\n                                          id=\"myInput2\"\r\n                                          onChange={this.MasterPHDFilter}\r\n                                          style={{\r\n                                            borderColor: \"white\",\r\n                                            background: \"white\",\r\n                                            height: \"42px\",\r\n                                            padding: \"inherit\",\r\n                                            textAlign: \"left\",\r\n                                            width: \"125px\",\r\n                                          }}\r\n                                        >\r\n                                          <option\r\n                                            className=\"drop-options\"\r\n                                            value=\"\"\r\n                                          >\r\n                                            PHD\r\n                                          </option>\r\n                                          {PHDdrop.map((PHD) => (\r\n                                            <option\r\n                                              className=\"drop-options\"\r\n                                              value={PHD.courseName}\r\n                                            >\r\n                                              {PHD.courseName}\r\n                                            </option>\r\n                                          ))}\r\n                                        </select>\r\n                                      </li>\r\n                                    </ul>\r\n                                  </li>\r\n                                </ul>\r\n                                </div>\r\n\r\n                              {this.state.UGbtn ? (\r\n                                <>\r\n                                  <div className=\"col btnalign\">\r\n                                    <label\r\n                                      htmlFor=\"files\"\r\n                                      className=\"btn\"\r\n                                      id=\"addBtn\"\r\n                                      name=\"ImportEducations\"\r\n                                    >\r\n                                      Import From Excel \r\n                                    </label>{\" \"}\r\n                                    &nbsp;&nbsp;\r\n                                    <input\r\n                                      id=\"files\"\r\n                                      type=\"file\"\r\n                                      accept=\".xlsx\"\r\n                                      style={{ display: \"none\" }}\r\n                                      onChange={this.handleUpload}\r\n                                      name=\"ImportEducations\"\r\n                                    />{\" \"}\r\n                                  </div>\r\n                                  <div className=\"col btnalign\">\r\n                                    <ReactHTMLTableToExcel\r\n                                      className=\"btn\"\r\n                                      table=\"add-row-Ugtable\"\r\n                                      filename={UGfilename}\r\n                                      sheet=\"Sheet\"\r\n                                      buttonText=\"Export To Excel\"\r\n                                      id=\"exportxlUG\"\r\n                                      style={{\r\n                                        display: \"none\",\r\n                                        color: \"white\",\r\n                                      }}\r\n                                    />\r\n                                  </div>\r\n                                </>\r\n                              ) : null}\r\n\r\n                              {this.state.PGbtn ? (\r\n                                <>\r\n                                  <div className=\"col btnalign\">\r\n                                    <label\r\n                                      htmlFor=\"files\"\r\n                                      className=\"btn\"\r\n                                      id=\"addBtn\"\r\n                                      name=\"ImportEducations\"\r\n                                    >\r\n                                      Import From Excel\r\n                                    </label>{\" \"}\r\n                                    &nbsp;&nbsp;\r\n                                    <input\r\n                                      id=\"files\"\r\n                                      type=\"file\"\r\n                                      accept=\".xlsx\"\r\n                                      style={{ display: \"none\" }}\r\n                                      onChange={this.handleUpload}\r\n                                      name=\"ImportEducations\"\r\n                                    />{\" \"}\r\n                                  </div>\r\n                                  <div className=\"col btnalign\">\r\n                                    <ReactHTMLTableToExcel\r\n                                      className=\"btn\"\r\n                                      table=\"add-row-Pgtable\"\r\n                                      filename={PGfilename}\r\n                                      sheet=\"Sheet\"\r\n                                      buttonText=\"Export To Excel\"\r\n                                      id=\"exportxlPG\"\r\n                                      style={{\r\n                                        height: \"42px\",\r\n                                        display: \"none\",\r\n                                        color: \"white\",\r\n                                      }}\r\n                                    />\r\n                                  </div>\r\n                                </>\r\n                              ) : null}\r\n\r\n                              {this.state.PHDbtn ? (\r\n                                <>\r\n                                  <div className=\"col btnalign\">\r\n                                    <label\r\n                                      htmlFor=\"files\"\r\n                                      className=\"btn\"\r\n                                      id=\"addBtn\"\r\n                                      name=\"ImportEducations\"\r\n                                    >\r\n                                      Import From Excel\r\n                                    </label>{\" \"}\r\n                                    &nbsp;&nbsp;\r\n                                    <input\r\n                                      id=\"files\"\r\n                                      type=\"file\"\r\n                                      accept=\".xlsx\"\r\n                                      style={{ display: \"none\" }}\r\n                                      onChange={this.handleUpload}\r\n                                      name=\"ImportEducations\"\r\n                                    />{\" \"}\r\n                                  </div>\r\n                                  <div className=\"col btnalign\">\r\n                                    <ReactHTMLTableToExcel\r\n                                      className=\"btn\"\r\n                                      table=\"add-row-Phdtable\"\r\n                                      filename={PHDfilename}\r\n                                      sheet=\"Sheet\"\r\n                                      buttonText=\"Export To Excel\"\r\n                                      id=\"exportxlPHD\"\r\n                                      style={{\r\n                                        display: \"none\",\r\n                                        color: \"white\",\r\n                                        height: \"42px\",\r\n                                      }}\r\n                                    />\r\n                                  </div>\r\n                                </>\r\n                              ) : null}\r\n\r\n                              <div className=\"col btnalign\">\r\n                                <a href={Educationxl} className=\"btn\">\r\n                                <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                Download a template{\" \"}\r\n                                </a>\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                style={{\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n\r\n                             \r\n                                {this.state.UGbtn ? (\r\n                                   <div className=\"col btnalign\">\r\n                                  <input\r\n                                    id=\"searchug\"\r\n                                    className=\"SearchEdu\"\r\n                                    placeholder=\" Search\"\r\n                                    onKeyUp={this.MasterUGFilter}\r\n                                    style={{ float: \"right\" }}\r\n                                    onClick={() => {\r\n                                      this.setState({\r\n                                        // Filterpop: true,\r\n                                        Filterpop: !this.state.Filterpop,\r\n                                      });\r\n                                    }}\r\n                                    readOnly\r\n                                  />\r\n                                   </div>\r\n                                ) : null}\r\n                               \r\n                                \r\n                                {this.state.PGbtn ? (\r\n                                  <div className=\"col btnalign\">\r\n                                  <input\r\n                                    id=\"searchpg\"\r\n                                    className=\"SearchEdu\"\r\n                                    placeholder=\" Search\"\r\n                                    onKeyUp={this.MasterPGFilter}\r\n                                    style={{ float: \"right\" }}\r\n                                    onClick={() => {\r\n                                      this.setState({\r\n                                        // Filterpop: true,\r\n                                        Filterpop1: !this.state.Filterpop1,\r\n                                      });\r\n                                    }}\r\n                                    readOnly\r\n                                  />\r\n                                   </div>\r\n                                ) : null}\r\n                               \r\n                                <div className=\"col btnalign\">\r\n                                {this.state.PHDbtn ? (\r\n                                  <input\r\n                                    id=\"searchphd\"\r\n                                    className=\"SearchEdu\"\r\n                                    placeholder=\" Search \"\r\n                                    onKeyUp={this.MasterPHDFilter}\r\n                                    style={{ float: \"right\" }}\r\n                                    onClick={() => {\r\n                                      this.setState({\r\n                                        // Filterpop: true,\r\n                                        Filterpop2: !this.state.Filterpop2,\r\n                                      });\r\n                                    }}\r\n                                    readOnly\r\n                                  />\r\n                                ) : null}\r\n                              </div>\r\n                            </div>\r\n\r\n                            <center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n                              <table className=\"table\" id=\"tableDesign\">\r\n                              <thead >\r\n                                <tr>\r\n                                  {Object.keys(this.state.initialData[0]).map((key) => (\r\n                                    <th key={key} id=\"team1design\">{key}</th>\r\n                                  ))}\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {this.state.initialData.map((row, index) => (\r\n                                  <tr key={index}>\r\n                                    {Object.values(row).map((value, index) => (\r\n                                      <td key={index} id=\"teamdesign\">{value}</td>\r\n                                    ))}\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n                            )}\r\n                            </center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n                              <div className=\"savebtndiv\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                              </div>\r\n                            )}\r\n                            <OutTable\r\n                              data={this.state.rows}\r\n                              columns={this.state.cols}\r\n                              tableClassName=\"ExcelTable2007\"\r\n                              tableHeaderRowclassName=\"heading\"\r\n                            />\r\n\r\n                            {/* //// */}\r\n                            {/* <div className=\"row\">\r\n                              <div className=\"col-lg-4\"></div>\r\n                              <div className=\"col-lg-4\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\", display: \"none\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                              </div>\r\n                              <div className=\"col-lg-4\"></div>\r\n                            </div> */}\r\n                            </form>\r\n                          </div>\r\n                        \r\n                        <br />\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          ></div>\r\n                          <form\r\n                            autoComplete=\"on\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.Multidelete}\r\n                            style={{marginTop:\"-40px\"}}\r\n                          >\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: \"hidden\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                            ></span>\r\n                            <br />\r\n                            <div\r\n                              id=\"base-style_filter\"\r\n                              className=\"dataTables_filter\"\r\n                            >\r\n                              <div\r\n                                className=\"dt-responsive table-responsive\"\r\n                                style={{\r\n                                  display: \"flex\",\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                }}\r\n                              >\r\n                                {this.state.UGbtn ? (\r\n                                  <table\r\n                                    id=\"add-row-Ugtable\"\r\n                                    className=\"table nowrap MasterUgGrid\"\r\n                                  >\r\n                                    <input\r\n                                      name=\"status\"\r\n                                      value=\"ug\"\r\n                                      style={{ display: \"none\" }}\r\n                                    />\r\n                                    <thead id=\"tablepaddingA\">\r\n                                      <tr>\r\n                                        <th>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"selectall\"\r\n                                            name=\"ugselect\"\r\n                                            onClick={this.checkAll}\r\n                                          />\r\n                                        </th>\r\n                                        <th>Course Name</th>\r\n                                        <th>Specialization</th>\r\n                                        <th>Actions</th>\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody id=\"tablepadding\">\r\n                                    {FilterData.length === 0 && edus.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                      {edus.map((edu) => (\r\n                                        <tr>\r\n                                          <td>\r\n                                            <input\r\n                                              defaultValue={edu.id}\r\n                                              onClick={this.handlecheckbox}\r\n                                              name=\"UgID\"\r\n                                              type=\"checkbox\"\r\n                                            />\r\n                                          </td>\r\n                                          <td>{edu.courseName}</td>\r\n                                          <td>{edu.specialization}</td>\r\n                                          <td>\r\n                                            {/* <img alt=\"edit\" onClick={()=>this.EditUG(edu.id,edu.courseName,edu.specialization)} src=\"https://img.icons8.com/android/22/000000/pencil.png\"/> */}\r\n                                            <button\r\n                                              className=\"button-30 sk-edit\"\r\n                                              type=\"button\"\r\n                                              onClick={() =>\r\n                                                this.EditUG(\r\n                                                  edu.id,\r\n                                                  edu.courseName,\r\n                                                  edu.specialization\r\n                                                )\r\n                                              }\r\n                                              //  src=\"https://img.icons8.com/android/22/000000/pencil.png\"/\r\n                                            >\r\n                                              <i\r\n                                                className=\"fa fa-edit\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>{\" \"}\r\n                                            </button>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                          </td>\r\n                                        </tr>\r\n                                      ))}\r\n                                    </tbody>\r\n                                  </table>\r\n                                ) : null}\r\n                                {this.state.PGbtn ? (\r\n                                  <table\r\n                                    id=\"add-row-Pgtable\"\r\n                                    className=\"table nowrap \"\r\n                                  >\r\n                                    <input\r\n                                      name=\"status\"\r\n                                      value=\"pg\"\r\n                                      style={{ display: \"none\" }}\r\n                                    />\r\n\r\n                                    <thead className=\"MasterPgGrid\" id=\"tablepaddingA\">\r\n                                      <tr>\r\n                                        <th>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            style={{ textAlign: \"left\" }}\r\n                                            name=\"pgselect\"\r\n                                            id=\"selectall\"\r\n                                            onClick={this.checkAllPG}\r\n                                          />{\" \"}\r\n                                        </th>\r\n\r\n                                        <th>Course Name</th>\r\n                                        <th>Specialization</th>\r\n                                        <th>Actions</th>\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody id=\"tablepadding\">\r\n                                    {FilterData.length === 0 && PG.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                      {PG.map((PG) => (\r\n                                        <tr>\r\n                                          {/* <td> <input type=\"checkbox\" name=\"AddSkills\" onChange={this.handlecheckbox} defaultValue= {PG.id}/></td> */}\r\n                                          <td>\r\n                                            <input\r\n                                              defaultValue={PG.id}\r\n                                              onClick={this.handlecheckbox}\r\n                                              name=\"PgID\"\r\n                                              type=\"checkbox\"\r\n                                            />\r\n                                          </td>\r\n                                          <td>{PG.courseName}</td>\r\n                                          <td>{PG.specialization}</td>\r\n                                          <td>\r\n                                            {/* <img alt=\"edit\" onClick={()=>this.EditPG(PG.id,PG.courseName,PG.specialization)} src=\"https://img.icons8.com/android/22/000000/pencil.png\"/> */}\r\n                                            <button\r\n                                              className=\"button-30 sk-edit\"\r\n                                              type=\"button\"\r\n                                              onClick={() =>\r\n                                                this.EditPG(\r\n                                                  PG.id,\r\n                                                  PG.courseName,\r\n                                                  PG.specialization\r\n                                                )\r\n                                              }\r\n                                              //  src=\"https://img.icons8.com/android/22/000000/pencil.png\"/\r\n                                            >\r\n                                              <i\r\n                                                className=\"fa fa-edit\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>{\" \"}\r\n                                            </button>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                          </td>{\" \"}\r\n                                        </tr>\r\n                                      ))}\r\n                                    </tbody>\r\n                                  </table>\r\n                                ) : null}\r\n                                {this.state.PHDbtn ? (\r\n                                  <table\r\n                                    id=\"add-row-Phdtable\"\r\n                                    className=\"table nowrap MasterPHDGrid\"\r\n                                  >\r\n                                    <input\r\n                                      name=\"status\"\r\n                                      value=\"phd\"\r\n                                      style={{ display: \"none\" }}\r\n                                    />\r\n\r\n                                    <thead id=\"tablepaddingA\">\r\n                                      <tr>\r\n                                        <th>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"selectall\"\r\n                                            name=\"phdselect\"\r\n                                            onClick={this.checkAllPHD}\r\n                                          />\r\n                                        </th>\r\n                                        <th>Course Name</th>\r\n                                        <th>Actions</th>\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody id=\"tablepadding\">\r\n                                    {FilterData.length === 0 && PHD.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n\r\n                                      {PHD.map((PHD) => (\r\n                                        <tr>\r\n                                          {/* <td> <input type=\"checkbox\" name=\"AddSkills\" onChange={this.handlecheckbox} defaultValue= {PHD.id}/></td> */}\r\n                                          <td>\r\n                                            <input\r\n                                              name=\"PhdID\"\r\n                                              onClick={this.handlecheckbox}\r\n                                              defaultValue={PHD.id}\r\n                                              type=\"checkbox\"\r\n                                            />\r\n                                          </td>\r\n                                          <td>{PHD.courseName}</td>\r\n                                          <td>\r\n                                            {/* <img alt=\"edit\" onClick={()=>this.EditPHD(PHD.id,PHD.courseName,PHD.specialization)} src=\"https://img.icons8.com/android/22/000000/pencil.png\"/> */}\r\n                                            <button\r\n                                              className=\"button-30 sk-edit\"\r\n                                              type=\"button\"\r\n                                              onClick={() =>\r\n                                                this.EditPHD(\r\n                                                  PHD.id,\r\n                                                  PHD.courseName,\r\n                                                  PHD.specialization\r\n                                                )\r\n                                              }\r\n                                              //  src=\"https://img.icons8.com/android/22/000000/pencil.png\"/\r\n                                            >\r\n                                              <i\r\n                                                className=\"fa fa-edit\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>{\" \"}\r\n                                            </button>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                          </td>{\" \"}\r\n                                        </tr>\r\n                                      ))}\r\n                                    </tbody>\r\n                                  </table>\r\n                                ) : null}\r\n                              </div>\r\n                            </div>\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                                <div className=\"popSearchTeam\">\r\n                                  <div className=\"popSearchinnernormalTeam\">\r\n                                    <div\r\n                                      className=\"popSearchinnertitle\"\r\n                                      id=\"popSearchinnernormal\"\r\n                                    >\r\n                                      <button\r\n                                        id=\"close\"\r\n                                        style={{\r\n                                          float: \"right\",\r\n                                          backgroundColor: \"#a0a3a305\",\r\n                                          color: \"#797070\",\r\n                                          border: \"1px solid #a3a5a505\",\r\n                                          marginTop: \"-20px\",\r\n                                          marginRight: \"-20px\",\r\n                                        }}\r\n                                        onClick={() => {\r\n                                          this.setState({\r\n                                            Filterpop: false,\r\n                                          });\r\n                                          this.GetMasterUG();\r\n                                        }}\r\n                                      >\r\n                                        <CloseIcon />\r\n                                      </button>\r\n\r\n                                      <div className=\"checkboxes\">\r\n                                        <i\r\n                                          className=\"fa fa-search\"\r\n                                          aria-hidden=\"true\"\r\n                                          style={{\r\n                                            fontSize: \"20px\",\r\n                                            color: \"gray\",\r\n                                            marginLeft: \"-1%\",\r\n                                            position: \"absolute\",\r\n                                            marginTop: \"0.5%\",\r\n                                          }}\r\n                                        ></i>\r\n                                        <input\r\n                                          className=\"Searchbox\"\r\n                                          placeholder=\"Search\"\r\n                                          onKeyUp={this.MasterUGFilter}\r\n                                          style={{\r\n                                            float: \"right\",\r\n                                            width: \"80%\",\r\n                                          }}\r\n                                        />\r\n                                        <br></br>\r\n                                        {this.state.letters.map(\r\n                                          (letter, index) => (\r\n                                            <button\r\n                                              id=\"searchfordisc\"\r\n                                              className=\"filter\"\r\n                                              key={index}\r\n                                              onClick={(event) =>\r\n                                                this.LetterUGFilter(\r\n                                                  letter,\r\n                                                  event\r\n                                                )\r\n                                              }\r\n                                            >\r\n                                              {letter}\r\n                                            </button>\r\n                                          )\r\n                                        )}\r\n                                        <br></br>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              )}\r\n                              {Filterpop1 && (\r\n                                <div className=\"popSearchTeam\">\r\n                                  <div className=\"popSearchinnernormalTeam\">\r\n                                    <div\r\n                                      className=\"popSearchinnertitle\"\r\n                                      id=\"popSearchinnernormal\"\r\n                                    >\r\n                                      <button\r\n                                        id=\"close\"\r\n                                        style={{\r\n                                          float: \"right\",\r\n                                          backgroundColor: \"#a0a3a305\",\r\n                                          color: \"#797070\",\r\n                                          border: \"1px solid #a3a5a505\",\r\n                                          marginTop: \"-20px\",\r\n                                          marginRight: \"-20px\",\r\n                                        }}\r\n                                        onClick={() => {\r\n                                          this.setState({\r\n                                            Filterpop1: false,\r\n                                          });\r\n                                          this.GetMasterPG();\r\n                                        }}\r\n                                      >\r\n                                        <CloseIcon />\r\n                                      </button>\r\n\r\n                                      <div className=\"checkboxes\">\r\n                                        <i\r\n                                          className=\"fa fa-search\"\r\n                                          aria-hidden=\"true\"\r\n                                          style={{\r\n                                            fontSize: \"20px\",\r\n                                            color: \"gray\",\r\n                                            marginLeft: \"-1%\",\r\n                                            position: \"absolute\",\r\n                                            marginTop: \"0.5%\",\r\n                                          }}\r\n                                        ></i>\r\n                                        <input\r\n                                          className=\"Searchbox\"\r\n                                          placeholder=\"Search\"\r\n                                          onKeyUp={this.MasterPGFilter}\r\n                                          style={{\r\n                                            float: \"right\",\r\n                                            width: \"80%\",\r\n                                          }}\r\n                                        />\r\n                                        <br></br>\r\n                                        {this.state.letters.map(\r\n                                          (letter, index) => (\r\n                                            <button\r\n                                              id=\"searchfordisc\"\r\n                                              className=\"filter\"\r\n                                              key={index}\r\n                                              onClick={(event) =>\r\n                                                this.LetterPGFilter(\r\n                                                  letter,\r\n                                                  event\r\n                                                )\r\n                                              }\r\n                                            >\r\n                                              {letter}\r\n                                            </button>\r\n                                          )\r\n                                        )}\r\n                                        <br></br>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              )}\r\n                              {Filterpop2 && (\r\n                                <div className=\"popSearchTeam\">\r\n                                  <div className=\"popSearchinnernormalTeam\">\r\n                                    <div\r\n                                      className=\"popSearchinnertitle\"\r\n                                      id=\"popSearchinnernormal\"\r\n                                    >\r\n                                      <button\r\n                                        id=\"close\"\r\n                                        style={{\r\n                                          float: \"right\",\r\n                                          backgroundColor: \"#a0a3a305\",\r\n                                          color: \"#797070\",\r\n                                          border: \"1px solid #a3a5a505\",\r\n                                          marginTop: \"-20px\",\r\n                                          marginRight: \"-20px\",\r\n                                        }}\r\n                                        onClick={() => {\r\n                                          this.setState({\r\n                                            Filterpop2: false,\r\n                                          });\r\n                                          this.GetMasterPHD();\r\n                                        }}\r\n                                      >\r\n                                        <CloseIcon />\r\n                                      </button>\r\n\r\n                                      <div className=\"checkboxes\">\r\n                                        <i\r\n                                          className=\"fa fa-search\"\r\n                                          aria-hidden=\"true\"\r\n                                          style={{\r\n                                            fontSize: \"20px\",\r\n                                            color: \"gray\",\r\n                                            marginLeft: \"-1%\",\r\n                                            position: \"absolute\",\r\n                                            marginTop: \"0.5%\",\r\n                                          }}\r\n                                        ></i>\r\n                                        <input\r\n                                          className=\"Searchbox\"\r\n                                          placeholder=\"Search\"\r\n                                          onKeyUp={this.MasterPHDFilter}\r\n                                          style={{\r\n                                            float: \"right\",\r\n                                            width: \"80%\",\r\n                                          }}\r\n                                        />\r\n                                        <br></br>\r\n                                        {this.state.letters.map(\r\n                                          (letter, index) => (\r\n                                            <button\r\n                                              id=\"searchfordisc\"\r\n                                              className=\"filter\"\r\n                                              key={index}\r\n                                              onClick={(event) =>\r\n                                                this.LetterPHDFilter(\r\n                                                  letter,\r\n                                                  event\r\n                                                )\r\n                                              }\r\n                                            >\r\n                                              {letter}\r\n                                            </button>\r\n                                          )\r\n                                        )}\r\n                                        <br></br>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              )}\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport $ from \"jquery\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      edus: [],\r\n      edusdrop: [],\r\n      Addedus: [],\r\n      Id: \"\",\r\n      UG: \"\",\r\n      Specialization: \"\",\r\n      Univ: [],\r\n      InActive: [],\r\n      Active: [],\r\n      All: [],\r\n      Notification: [],\r\n      PG: [],\r\n      PHD: [],\r\n    };\r\n\r\n    this.initialState = this.state;\r\n  }\r\n  componentWillMount() {\r\n    $(document).ready(function () {\r\n      $(\"#exportxlPG\").hide();\r\n      $(\"#exportxlPHD\").hide();\r\n      $(\"#myInput\").click(function () {\r\n        $(\"#UGSheet\").show();\r\n        $(\"#PGSheet\").hide();\r\n        $(\"#PHDSheet\").hide();\r\n        $(\"#exportxlUG\").show();\r\n        $(\"#exportxlPG\").hide();\r\n        $(\"#exportxlPHD\").hide();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#myInput1\").click(function () {\r\n        $(\"#PGSheet\").show();\r\n        $(\"#UGSheet\").hide();\r\n        $(\"#PHDSheet\").hide();\r\n        $(\"#exportxlPG\").show();\r\n        $(\"#exportxlUG\").hide();\r\n        $(\"#exportxlPHD\").hide();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#myInput2\").click(function () {\r\n        $(\"#PHDSheet\").show();\r\n        $(\"#UGSheet\").hide();\r\n        $(\"#PGSheet\").hide();\r\n        $(\"#exportxlPHD\").show();\r\n        $(\"#exportxlPG\").hide();\r\n        $(\"#exportxlUG\").hide();\r\n      });\r\n    });\r\n  }\r\n\r\n  handleFormValidation() {\r\n    const { SkillName, SkillDescription, Category } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  GetAdminUG() {\r\n    let url = `${BASE_URLs}/Education/GetAdminUG`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          edus: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetAdminPG() {\r\n    let url = `${BASE_URLs}/Education/GetAdminPG`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          PG: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n  GetAdminPHD() {\r\n    let url = `${BASE_URLs}/Education/GetAdminPHD`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          PHD: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetEdudrop() {\r\n    let url = `${BASE_URLs}/Education/getMasterEducationdrop`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          edusdrop: data,\r\n        });\r\n        //\r\n      });\r\n  }\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/Delete?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetEdudrop();\r\n    this.GetAdminPHD();\r\n    this.GetAdminPG();\r\n    this.GetAdminUG();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  Edit1(Id) {\r\n    var page = {\r\n      pathname: \"/EditUserEducation\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  EditPG(Id) {\r\n    var page = {\r\n      pathname: \"/EditPG\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  EditPHD(Id) {\r\n    var page = {\r\n      pathname: \"/EditPHD\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  handlecheckbox() {\r\n    var checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: visible;\");\r\n      var msg = document.getElementById(\"deletecount\");\r\n      msg.innerHTML = \"<span> \" + checkboxes.length + \" rows selected </span> \";\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      //msg.innerHTML = '<span> </span> '\r\n    }\r\n  }\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length + 1;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: visible;\");\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" rows selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  Multidelete(event) {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n\r\n        //Authorization: `Bearer ${JSON.parse(localStorage.user)}`\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(`${BASE_URLs}/Education/Multidelete`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {});\r\n    document\r\n      .getElementById(\"delete\")\r\n      .setAttribute(\"style\", \"visibility: hidden;\");\r\n    document\r\n      .getElementById(\"deletecount\")\r\n      .setAttribute(\"style\", \"visibility: hidden;\");\r\n    var checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n\r\n    for (var i = 0; i < checkboxes.length; i++) {\r\n      checkboxes[i].checked = false;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n\r\n    const { edus, PHD, PG } = this.state;\r\n\r\n    var filename = `O_${username}_AdminUG`;\r\n    var filename1 = `O_${username}_AdminPG`;\r\n    var filename2 = `O_${username}_AdminPHD`;\r\n\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Education</h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block\">\r\n                          <div\r\n                            style={{ display: \"flex\", alignItems: \"baseline\" }}\r\n                          >\r\n                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                            <button\r\n                              id=\"myInput\"\r\n                              className=\" btn\"\r\n                              style={{\r\n                                borderColor: \"white\",\r\n                                height: \"42px\",\r\n                                padding: \"inherit\",\r\n                                color: \"white\",\r\n                                textAlign: \"center\",\r\n                                width: \"125px\",\r\n                              }}\r\n                            >\r\n                              UG\r\n                            </button>{\" \"}\r\n                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                            <button\r\n                              name=\"SkillName\"\r\n                              className=\"btn\"\r\n                              id=\"myInput1\"\r\n                              onChange={this.myFunction1}\r\n                              style={{\r\n                                borderColor: \"white\",\r\n                                height: \"42px\",\r\n                                padding: \"inherit\",\r\n                                color: \"white\",\r\n                                textAlign: \"center\",\r\n                                width: \"125px\",\r\n                              }}\r\n                            >\r\n                              PG\r\n                            </button>{\" \"}\r\n                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                            <button\r\n                              name=\"SkillName\"\r\n                              className=\"btn\"\r\n                              id=\"myInput2\"\r\n                              onChange={this.myFunction2}\r\n                              style={{\r\n                                borderColor: \"white\",\r\n                                height: \"42px\",\r\n                                padding: \"inherit\",\r\n                                color: \"white\",\r\n                                textAlign: \"center\",\r\n                                width: \"125px\",\r\n                              }}\r\n                            >\r\n                              PHD\r\n                            </button>{\" \"}\r\n                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                            {edus.length === 0 ? null : (\r\n                              <ReactHTMLTableToExcel\r\n                                className=\"btn\"\r\n                                table=\"UGSheet\"\r\n                                filename={filename}\r\n                                sheet=\"Sheet\"\r\n                                buttonText=\"Export UG\"\r\n                                id=\"exportxlUG\"\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n                            )}\r\n                            {PG.length === 0 ? null : (\r\n                              <ReactHTMLTableToExcel\r\n                                className=\"btn\"\r\n                                table=\"PGSheet\"\r\n                                filename={filename1}\r\n                                sheet=\"Sheet\"\r\n                                buttonText=\"Export PG\"\r\n                                id=\"exportxlPG\"\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n                            )}\r\n                            {PHD.length === 0 ? null : (\r\n                              <ReactHTMLTableToExcel\r\n                                className=\"btn\"\r\n                                table=\"PHDSheet\"\r\n                                filename={filename2}\r\n                                sheet=\"Sheet\"\r\n                                buttonText=\"Export PHD\"\r\n                                id=\"exportxlPHD\"\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n                            )}\r\n                          </div>\r\n                        </div>\r\n\r\n                        <div\r\n                          id=\"base-style_filter\"\r\n                          className=\"dataTables_filter\"\r\n                        >\r\n                          <label\r\n                            style={{\r\n                              float: \"right\",\r\n                              marginTop: \" -4%\",\r\n                              width: \"13%\",\r\n                              marginRight: \"5%\",\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            <input\r\n                              type=\"search\"\r\n                              id=\"searchorg\"\r\n                              placeholder=\"Search...\"\r\n                              className=\"form-control input-sm\"\r\n                              aria-controls=\"base-style\"\r\n                            />\r\n                          </label>{\" \"}\r\n                        </div>\r\n                        <br />\r\n                        <div className=\"card-block2\">\r\n                          <br />\r\n                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                          <form onSubmit={this.Multidelete}>\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: \"hidden\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{\r\n                                  color: \"darkgray\",\r\n                                  marginLeft: \"-52px\",\r\n                                }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                            ></span>\r\n\r\n                            {edus.length === 0 ? null : (\r\n                              <table id=\"UGSheet\" className=\"table nowrap\">\r\n                                <thead>\r\n                                  <tr>\r\n                                    <th>\r\n                                      <input\r\n                                        type=\"checkbox\"\r\n                                        id=\"selectall\"\r\n                                        onClick={() => {\r\n                                          this.checkAll(this);\r\n                                        }}\r\n                                      />{\" \"}\r\n                                    </th>\r\n                                    <th>Under Graduate </th>\r\n                                    <th>Actions </th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {edus.map((edu) => (\r\n                                    <tr>\r\n                                      <td>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          name=\"Id_delete\"\r\n                                          onChange={this.handlecheckbox}\r\n                                          defaultValue={edu.id}\r\n                                        />\r\n                                      </td>\r\n                                      <td>{edu.courseName}</td>\r\n                                      <td>\r\n                                        <div className=\"dropdown\">\r\n                                          <MoreVertIcon />\r\n                                          <div className=\"dropdown-content\">\r\n                                            <a\r\n                                              href\r\n                                              onClick={() => this.Edit1(edu.id)}\r\n                                            >\r\n                                              Edit{\" \"}\r\n                                            </a>\r\n                                          </div>\r\n                                        </div>\r\n                                      </td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            )}\r\n                            {PG.length === 0 ? null : (\r\n                              <table\r\n                                id=\"PGSheet\"\r\n                                className=\"table nowrap\"\r\n                                style={{ display: \"none\" }}\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    <th>\r\n                                      <input\r\n                                        type=\"checkbox\"\r\n                                        id=\"selectall\"\r\n                                        onClick={() => {\r\n                                          this.checkAll(this);\r\n                                        }}\r\n                                      />{\" \"}\r\n                                    </th>\r\n                                    <th>Post Graduate</th>\r\n                                    <th>Actions </th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {PG.map((PG) => (\r\n                                    <tr>\r\n                                      <td>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          name=\"Id_delete\"\r\n                                          onChange={this.handlecheckbox}\r\n                                          defaultValue={PG.id}\r\n                                        />\r\n                                      </td>\r\n                                      <td>{PG.courseName}</td>\r\n                                      <td>\r\n                                        <div className=\"dropdown\">\r\n                                          <MoreVertIcon />\r\n                                          <div className=\"dropdown-content\">\r\n                                            <a\r\n                                              href\r\n                                              onClick={() => this.EditPG(PG.id)}\r\n                                            >\r\n                                              Edit{\" \"}\r\n                                            </a>\r\n                                            <span style={{ cursor: \"cursor\" }}>\r\n                                              {\" \"}\r\n                                              Delete{\" \"}\r\n                                            </span>\r\n                                          </div>\r\n                                        </div>\r\n                                      </td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            )}\r\n                            {PHD.length === 0 ? null : (\r\n                              <table\r\n                                id=\"PHDSheet\"\r\n                                className=\"table nowrap\"\r\n                                style={{ display: \"none\" }}\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    <th>\r\n                                      <input\r\n                                        type=\"checkbox\"\r\n                                        id=\"selectall\"\r\n                                        onClick={() => {\r\n                                          this.checkAll(this);\r\n                                        }}\r\n                                      />{\" \"}\r\n                                    </th>\r\n                                    <th>PHD Courses</th>\r\n                                    <th>Actions </th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {PHD.map((PHD) => (\r\n                                    <tr>\r\n                                      <td>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          name=\"Id_delete\"\r\n                                          onChange={this.handlecheckbox}\r\n                                          defaultValue={PHD.id}\r\n                                        />\r\n                                      </td>\r\n                                      <td>{PHD.courseName}</td>\r\n                                      <td>\r\n                                        <div className=\"dropdown\">\r\n                                          <MoreVertIcon />\r\n                                          <div className=\"dropdown-content\">\r\n                                            <a\r\n                                              href\r\n                                              onClick={() =>\r\n                                                this.EditPHD(PHD.id)\r\n                                              }\r\n                                            >\r\n                                              Edit{\" \"}\r\n                                            </a>\r\n                                            <span style={{ cursor: \"cursor\" }}>\r\n                                              {\" \"}\r\n                                              Delete{\" \"}\r\n                                            </span>\r\n                                          </div>\r\n                                        </div>\r\n                                      </td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            )}\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Piechart from \"../Piechart\";\r\nimport Pie from \"../../Common/Pie\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\n\r\nexport default class ManagerDash extends Component {\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                {/*  Start */}\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-md-12 col-xl-3\">\r\n                      <div className=\"card counter-card-1\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* <h3></h3> */}\r\n                            <p></p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-pink\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"70%\" }}\r\n                                aria-valuenow={70}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-comment\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-2\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* <h3></h3> */}\r\n                            <p></p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-success\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"50%\" }}\r\n                                aria-valuenow={50}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-coffee-mug\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-3\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* <h3></h3> */}\r\n                            <p></p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-default\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"90%\" }}\r\n                                aria-valuenow={90}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-upload\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-sm-8\">\r\n                      <div className=\"card\">\r\n                        <div className=\"card-header\">\r\n                          <h5>Manager Counts</h5>\r\n                        </div>\r\n\r\n                        <Piechart />\r\n\r\n                        {/* <div id=\"areachart\" className=\"p-t-40 rickshaw_graph\">\r\n          <svg width=\"787.45\" height={200}><path className=\"path\" d=\"M0,160.39603960396042Q111.11285714285714,147.1947194719472,128.20714285714286,136.63366336633663C153.84857142857143,120.79207920792079,230.77285714285713,5.544554455445546,256.4142857142857,1.980198019801982S358.98,87.12871287128714,384.62142857142857,100.99009900990099S487.1871428571429,140.59405940594058,512.8285714285714,140.59405940594058S615.3942857142857,108.9108910891089,641.0357142857143,100.99009900990099S743.6014285714285,57.42574257425744,769.2428571428571,61.3861386138614Q786.3371428571428,64.02640264026404,897.45,140.59405940594058L897.45,200Q786.3371428571428,200,769.2428571428571,200C743.6014285714285,200,666.6771428571429,200,641.0357142857143,200S538.47,200,512.8285714285714,200S410.2628571428571,200,384.62142857142857,200S282.05571428571426,200,256.4142857142857,200S153.84857142857143,200,128.20714285714286,200Q111.11285714285714,200,0,200Z\" fill=\"#1abc9c\" stroke=\"none\" strokeWidth={2} opacity={1} /></svg></div> */}\r\n                        <div className=\"card-block\"></div>\r\n                        <div className=\"card-footer widget-content-footer\">\r\n                          <p className=\"m-b-0\">v</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-4 col-xl-4\">\r\n                      <Pie />\r\n\r\n                      <div className=\"card table-card widget-success-card\">\r\n                        <div className=\"row-table\">\r\n                          <div className=\"col-sm-3 card-block-big\">\r\n                            <i className=\"icofont icofont-trophy-alt\" />\r\n                          </div>\r\n                          <div className=\"col-sm-9\">\r\n                            {/* <h4></h4>\r\n            <h6></h6> */}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport Autocomplete from \"react-autocomplete\";\r\nexport default class EditManagerPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Department: [],\r\n      ManagerNAme: [],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    if (this.Validation()) {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Manager/EditManager`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            setTimeout(function () {\r\n              if (document.getElementById(\"close\")) {\r\n                document.getElementById(\"close\").click();\r\n              }\r\n            }, 4000);\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            document.getElementById(\"Editpop\").style.display = \"none\";\r\n            setTimeout(function () {\r\n              document.getElementById(\"close\").click();\r\n            }, 2000);\r\n          }\r\n        });\r\n    }\r\n  }\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    // var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n\r\n    var ManagerName = document.getElementById(\"Manager_Name\").value;\r\n    var Exp = document.getElementById(\"Department\").value;\r\n\r\n    if (!ManagerName) {\r\n      formIsValid = false;\r\n      formErrors[\"ManagerNameerr\"] = \"Manager Name  is required.\";\r\n    }\r\n    if (!Exp) {\r\n      formIsValid = false;\r\n      formErrors[\"ExpErr\"] = \"Department is required.\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/GetMasterDepartment`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Department: data,\r\n        });\r\n      });\r\n  }\r\n  GetManagerName() {\r\n    let url = `${BASE_URLs}/Manager/GetManagerAutocomplete`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // this.setState({\r\n        //   ManagerNAme: data,\r\n        // });\r\n        this.setState(\r\n          {\r\n            ManagerNAme: data,\r\n          },\r\n          () => {\r\n            // console.log(this.state.ManagerNAme,'nameeee');\r\n          }\r\n        );\r\n        \r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetDepartment();\r\n    this.GetManagerName();\r\n  }\r\n\r\n\r\n  render() {\r\n    const { ManagerNameerr, ExpErr } = this.state.formErrors;\r\n    const { Department,ManagerNAme } = this.state;\r\n    return (\r\n      <>\r\n        {\" \"}\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />{\" \"}\r\n        <div className=\"pop\">\r\n          <div className=\"popinnernormal\" style={{ padding: \"1%\" }} id=\"Editpop\">\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <br />\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-6\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"20\"\r\n                    defaultValue={this.props.values.ManagerName}\r\n                    id=\"OldManager_Name\"\r\n                    name=\"OldManager_Name\"\r\n                    type=\"hidden\"\r\n                    placeholder=\"Manager Name\"\r\n                  />\r\n                  <select\r\n                    className=\"effect-16 selectleftalign\"\r\n                    id=\"Manager_Name\"\r\n                    name=\"Manager_Name\"\r\n                    defaultValue={this.props.values.ManagerName}\r\n\r\n                    type=\"text\"\r\n                    placeholder=\"Manager Name\"\r\n                  >\r\n                    <option hidden>{this.props.values.ManagerName}</option>\r\n                    <option value=\"\"> Manager Name</option>\r\n                   {ManagerNAme.map((name) => ( \r\n                  <option\r\n                      selected={\r\n                        name.label ===\r\n                        this.props.values.ManagerName\r\n                      }\r\n                      value={name.label}\r\n                    >\r\n                      {name.label}\r\n                    </option> \r\n                    ))} \r\n\r\n                  </select>\r\n                  {/* <div  style={{ zIndex: \"1000\" ,display:\"block\"}}>\r\n                   <Autocomplete\r\n                    className=\"form\"\r\n                    // style={{ textAlign: \"left\" }}\r\n                    items={this.state.ManagerNAme}\r\n                    shouldItemRender={(item, value) =>\r\n                      item.label.toLowerCase().indexOf(value.toLowerCase()) > -1\r\n                    }\r\n                    getItemValue={(item) => item.label}\r\n                    renderItem={(item, isHighlighted) => (\r\n                     \r\n                      <div\r\n                        style={{\r\n                          background: isHighlighted ? \"#bcf5bc\" : \"white\",\r\n                        }}\r\n                        key={item.id}\r\n                      >\r\n                        {item.label}\r\n                      </div>\r\n                    )}\r\n                    defaultValue={this.props.values.ManagerName}\r\n                    onChange={(e) => {\r\n                      this.setState({ value: e.target.value });\r\n                      this.handleChange();\r\n                    }}\r\n                    onKeyDown={this._handleKeyDown}\r\n                    // To set the state variable to value\r\n                    // selected from dropdown\r\n                    onSelect={(val) => this.setState({ value: val })}\r\n                    // Added style in Autocomplete component\r\n                    inputProps={{\r\n                      style: {\r\n                        display: \"flex\",\r\n                      },\r\n                      className: \"form\",\r\n                      name: \"Manager_Name\",\r\n                      id: \"Manager_Name\",\r\n                      type: \"text\",\r\n                    }}\r\n                    id=\"Manager_Name\"\r\n                    name=\"Manager_Name\"\r\n                  /></div> */}\r\n                  {ManagerNameerr == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Manager Name<span style={{ color: \"red\" }}></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {ManagerNameerr}\r\n                    </div>\r\n                  )}{\" \"}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-sm-6\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <select\r\n                    className=\"effect-16\"\r\n                    id=\"Department\"\r\n                    name=\"AddDepartment\"\r\n                    defaultValue={this.props.values.department}\r\n                    type=\"text\"\r\n                    placeholder=\"DepartmentName\"\r\n                  >\r\n                    <option value=\"\">Select</option>\r\n                    {Department.map((Department) => (\r\n                      <option\r\n                        selected={\r\n                          this.props.values.department === Department.department\r\n                        }\r\n                        value={Department.department}\r\n                      >\r\n                        {Department.department}\r\n                      </option>\r\n                    ))}\r\n                  </select>\r\n                  {/* <input type=\"hidden\" name=\"Id\" defaultValue={this.props.values.id} />  \r\n      <input className=\"form\" maxLength=\"20\" defaultValue={this.props.values.department} id=\"Department\" name=\"DepartmentName\" type=\"text\" onChange={this.handleChange}  placeholder=\"Department Name\" /> */}\r\n                  {ExpErr == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Department Name<span style={{ color: \"red\" }}></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{ExpErr}</div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n            <br />\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/Managersexl.64a90610.xlsx\";","import React, { Component } from \"react\";\r\nimport AddManagerPop from \"../../Common/AddManagerPop\";\r\nimport EditManagerPop from \"../../Common/EditManagerPop\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport Managerexl from \"../../Assets/Files/Managersexl.xlsx\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { OutTable } from \"react-excel-renderer\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { Link } from \"react-router-dom\";\r\nimport DataTable from 'react-data-table-component';\r\nimport \"../../Css/excel.css\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      DepartmentName: \"\",\r\n      ManagerModel: false,\r\n      comlogo: [],\r\n      Manager: [],\r\n      Man: [],\r\n      rows: [],\r\n      cols: [],\r\n      EditModel: false,\r\n      EditManagerValues: [],\r\n      formErrors: {},\r\n      letters: [],\r\n      Filterpop: false,\r\n      Notification: [],\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      selectAllChecked: false,\r\n      delay: false,\r\n      clearSelected: false,\r\n      selectedNames: [],\r\n      selectedRows:[],\r\n    };\r\n    //this.handleSubmit=this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.clearSelection = this.clearSelection.bind(this);\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"ManagerExport\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\", { autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Manager/ManagerExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetManager();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) { }\r\n  };\r\n\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetManager() {\r\n    let url = `${BASE_URLs}/Manager/ManagerGet`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Manager: data,\r\n          Man: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    const Manager = this.state.Man.filter(\r\n      (item) =>\r\n        item.manager_Name\r\n          .toLowerCase()\r\n          .includes(e.target.value.toLowerCase()) ||\r\n        item.department_Name\r\n          .toLowerCase()\r\n          .includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Manager });\r\n  };\r\n\r\n  handleManagerFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Manager = this.state.Man.filter((item) => {\r\n      return (\r\n        item.manager_Name.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n        item.department_Name.toLowerCase().startsWith(letter.toLowerCase())\r\n      );\r\n    });\r\n    this.setState({ Manager, showResults: true, FilterData: Manager });\r\n  };\r\n\r\n  ManagerModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      ManagerModel: !prevState.ManagerModel,\r\n    }));\r\n    this.clearSelection();\r\n    this.GetManager();\r\n  };\r\n  \r\n  EditModel = (e, fn, ff) => {\r\n    this.clearSelection();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditManagerValues: {\r\n        id: e,\r\n        ManagerName: fn,\r\n        department: ff,\r\n      },\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      SelectedNames: [],\r\n      selectAllChecked: false, \r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n\r\n    this.GetManager();\r\n  };\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetManager();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n    setTimeout(() => {\r\n      this.setState({ delay: true })\r\n    }, 2000);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  cancel = () => {\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n  };\r\n\r\n  handleFormValidation() {\r\n    const {\r\n      FirstName,\r\n      LastName,\r\n      Email,\r\n      Mobile,\r\n      Department,\r\n      Designation,\r\n      RoleName,\r\n    } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required.\";\r\n    }\r\n    if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required.\";\r\n    }\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required.\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email id.\";\r\n    }\r\n    if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile is required.\";\r\n    }\r\n    // else if (!Mobile >= 10) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"MobileErr\"] = \"Invalid Mobile number.\";\r\n    // }\r\n    else {\r\n      var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n      if (!mobPattern.test(Mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"MobileErr\"] = \"Invalid phone number.\";\r\n      }\r\n    }\r\n    if (!Department) {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"department is required.\";\r\n    }\r\n    if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"designation is required.\";\r\n    }\r\n    if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required.\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  Noticount = async (Id) => {\r\n    await fetch(`${BASE_URLs}/Notification/Noticount`, {\r\n      method: \"PUT\",\r\n      headers: {\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Notification_Id: Id,\r\n      }),\r\n    }).then((result) => {\r\n      result.json().then((resp) => {\r\n        localStorage.setItem(\"success\", JSON.stringify(resp.status));\r\n        var a = localStorage.getItem(\"success\");\r\n        var b = JSON.parse(a);\r\n        if (b === \"Success\") {\r\n          window.location.href = \"/Organization\";\r\n          localStorage.removeItem(\"success\");\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  selectableRowSelected = (row) => {\r\n    const { SelectedNames } = this.state;\r\n    if (!Array.isArray(SelectedNames)) {\r\n      return false;\r\n    }\r\n    return SelectedNames.some(selectedRow => selectedRow.managerId === row.managerId);\r\n  };\r\n  \r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n    const { SelectedNames } = this.state;\r\n    const currentSelectedNames = Array.isArray(SelectedNames) ? SelectedNames : [];\r\n  \r\n    // Get unique manager IDs from current and new selected rows\r\n    const uniqueManagerIds = new Set([\r\n      ...currentSelectedNames.map(row => row && row.managerId),\r\n      ...selectedRows.map(row => row && row.managerId)\r\n    ]);\r\n  \r\n    // Create updated selected names based on unique manager IDs\r\n    const updatedSelectedNames = Array.from(uniqueManagerIds)\r\n      .filter(managerId => managerId !== undefined && managerId !== null)\r\n      .map(managerId => {\r\n        const existingRow = currentSelectedNames.find(row => row && row.managerId === managerId);\r\n        if (existingRow) {\r\n          return existingRow;\r\n        }\r\n        return selectedRows.find(row => row && row.managerId === managerId);\r\n      });\r\n  \r\n    // Filter out selected rows based on unique manager IDs\r\n    const updatedSelectedRows = selectedRows.filter(row =>\r\n      uniqueManagerIds.has(row.managerId)\r\n    );\r\n  \r\n    // Update state for SelectedNames and flags\r\n    this.setState({\r\n      SelectedNames: updatedSelectedNames,\r\n      selectedRows: updatedSelectedRows,\r\n      showSelectAll: updatedSelectedRows.length >= 2,\r\n      showDelete: updatedSelectedRows.length >= 1,\r\n      showDeleteCount: updatedSelectedRows.length > 0,\r\n      NewState: updatedSelectedNames,\r\n    }, () => {\r\n      console.log(\"Updated Selected Names:\", updatedSelectedNames);\r\n      console.log(\"Updated Selected Rows:\", updatedSelectedRows);\r\n    });\r\n  };\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  // Multidelete=(event)=>{\r\n  //   event.preventDefault();\r\n  //   if(document.getElementById(\"selectall\")){\r\n  //     document.getElementById(\"selectall\").checked = false; }\r\n  //     if(document.getElementsByName('Id_delete')){\r\n  //     var checkboxes = document.getElementsByName('Id_delete');\r\n  //     for (var i = 0; i < checkboxes.length; i++) {\r\n  //       checkboxes[i].checked = false;\r\n  //       document.getElementById(\"delete\").setAttribute('style', 'visibility: hidden;');\r\n  //       document.getElementById(\"deletecount\").setAttribute('style', 'visibility: hidden;');\r\n  //     }}\r\n\r\n  //   const data = new FormData(event.target);\r\n  //   if (window.confirm(\"Are you sure you want to delete this record permenently?\")){\r\n  //   var options = {\r\n  //     method: 'POST',\r\n  //     headers: {\r\n  //         'Accept': 'application/json',\r\n  //     },\r\n  //     body: data\r\n\r\n  //     };\r\n  //     fetch('${BASE_URLs}/Manager/Multidelete',options)\r\n  //     .then(res => res.json()).then((resp) => {\r\n  //     alert( resp.message);\r\n\r\n  //     })\r\n\r\n  //     document.getElementById(\"delete\").setAttribute('style', 'visibility: hidden;');\r\n  //     document.getElementById(\"deletecount\").setAttribute('style', 'visibility: hidden;');\r\n  //     var checkboxes = document.querySelectorAll('input[type=\"checkbox\"]:checked');\r\n\r\n  //       for (var   i = 0; i < checkboxes.length; i++) {\r\n  //         checkboxes[i].checked = false;\r\n  //       }\r\n  //        document.querySelectorAll('input[type=\"checkbox\"]').checked=false;\r\n  //         }\r\n  //         this.GetManager();\r\n  //         }\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    this.state.selectedRows.forEach((row) => {\r\n      data.append(\"Id_delete\", row.managerId);\r\n    });\r\n    let value = this.state.selectedRows.length === 1 ? this.state.selectedRows[0].manager_Name : this.state.selectedRows.length;\r\n    if (\r\n      this.state.selectedRows.length === 1 ? window.confirm(\"Are you sure you want to delete this \" + `\"${value}\"` + \" record permanently?\") :\r\n      window.confirm(\"Are you sure you want to delete these \" + value + \" records permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Manager/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ initialData: undefined });\r\n          this.GetManager();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n    }\r\n    this.clearSelection();\r\n    this.GetManager();\r\n  };\r\n\r\n  DeleteButton = (managerId,manager_Name) => {\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", managerId);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this \" + `\"${manager_Name}\"` + \" record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Manager/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetManager();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n      this.clearSelection();\r\n    }\r\n  };\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n\r\n  clearSelection() {\r\n    this.setState({ clearSelected: true }, () => {\r\n      this.setState({ \r\n        clearSelected: false, \r\n        showDelete: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectedRows:[],\r\n        selectAllChecked: false,  });\r\n    });\r\n  }\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const { delay, Manager, Filterpop, FilterData, showExcel ,SelectedNames,selectedRows} = this.state;\r\n    var filename = `O_${username}_Manager`;\r\n    const customStyles = {\r\n      headCells: {\r\n        style: {\r\n          flex: \"0.5\"\r\n        }\r\n      },\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"\r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\",\r\n          borderBottom: \"1px solid #ccc\",\r\n\r\n        },\r\n      },\r\n\r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\"\r\n          },\r\n        },\r\n      },\r\n    };\r\n\r\n    const columns = [\r\n      {\r\n        name: 'Name',\r\n        selector: row => row.manager_Name,\r\n        id: \"isheader\",\r\n        grow: 3.5,\r\n        sortable: false,\r\n      },\r\n      {\r\n        name: 'Department',\r\n        selector: row => row.department_Name,\r\n        id: \"isheader\",\r\n        grow: 3.5,\r\n        sortable: false,\r\n      },\r\n\r\n      {\r\n        name: 'Actions',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.DeleteButton(row.managerId,row.manager_Name);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"Annbuttons sk-edit\"\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.EditModel(\r\n                  row.managerId,\r\n                  row.manager_Name,\r\n                  row.department_Name,\r\n                );\r\n              }}\r\n              title=\"Edit\"\r\n            >\r\n              <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.EditModel ? (\r\n          <EditManagerPop\r\n            values={this.state.EditManagerValues}\r\n            close={() => this.EditModel(\"\")}\r\n          />\r\n        ) : null}\r\n        {this.state.ManagerModel ? (\r\n          <AddManagerPop close={() => this.ManagerModel()} />\r\n        ) : null}\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            Managers{\" \"}\r\n                          </h4>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          <form onSubmit={this.handleSubmit}>\r\n                            <div className=\"row\">\r\n                              <div className=\"col btnalign\">\r\n                                <h5 className=\"card-header-text\">\r\n                                  <Link\r\n                                    onClick={this.ManagerModel}\r\n                                    onKeyPress={this.handleKeyPress}\r\n                                    className=\"btn\"\r\n                                    style={{ width: \"150px\", background: \"white\" }}\r\n                                  >\r\n                                    Add\r\n                                  </Link>\r\n                                </h5>{\" \"}\r\n                              </div>\r\n                              <div className=\"col btnalign\">\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"Managers\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"Managers\"\r\n                                />\r\n                              </div>\r\n                              <div style={{ padding: \"7px\" }} ></div>\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n                                {/*<ReactHTMLTableToExcel                  \r\n           className=\"btn\"  \r\n           table=\"ManagerSheet\"  \r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to Excel \" id=\"exportxlUG\"\r\n            /></div>\r\n             <div className=\"col btnalign\">*/}\r\n                              </div>\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={Managerexl}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download a template\r\n                                </a>\r\n                              </div>\r\n                              <OutTable\r\n                                data={this.state.rows}\r\n                                columns={this.state.cols}\r\n                                tableClassName=\"ExcelTable2007\"\r\n                                tableHeaderRowclassName=\"heading\"\r\n                              />\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n                              <div>\r\n                                <input\r\n                                  onKeyUp={this.onKeyUp}\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch\"\r\n                                  placeholder=\"Search\"\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                            >\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                id=\"CNSearch1\"\r\n                                placeholder=\"Search\"\r\n                                onKeyPress={this.handleKeyPress}\r\n                                onKeyUp={this.myFunction}\r\n                                // value={filterValue}\r\n                                onClick={ () => {\r\n                                  const { selectedRows, SelectedNames } = this.state;\r\n                                  if (selectedRows.length === 0) {\r\n                                    this.setState({\r\n                                      Filterpop: true,\r\n                                    });\r\n                                  } else {\r\n                                    if (SelectedNames.length !== selectedRows.length) {\r\n                                      this.setState({\r\n                                        SelectedNames: selectedRows,\r\n                                        selectedRows: selectedRows,\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                        selectedRows: SelectedNames,\r\n                                      });\r\n                                    }\r\n                                    \r\n                                  }\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                            <center>\r\n                              {showExcel && this.state.initialData !== undefined && (\r\n                                <table className=\"table\" id=\"tableDesign\">\r\n                                  <thead >\r\n                                    <tr>\r\n                                      {Object.keys(this.state.initialData[0]).map((key) => (\r\n                                        <th key={key} id=\"team1design\">{key}</th>\r\n                                      ))}\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {this.state.initialData.map((row, index) => (\r\n                                      <tr key={index}>\r\n                                        {Object.values(row).map((value, index) => (\r\n                                          <td key={index} id=\"teamdesign\">{value}</td>\r\n                                        ))}\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              )}\r\n                            </center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n                              <div className=\"savebtndiv\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n\r\n                              </div>)}\r\n                            <br />\r\n                          </form>\r\n                        </div>\r\n\r\n\r\n\r\n                        <form\r\n                          onSubmit={this.Multidelete}\r\n                          onKeyPress={this.handleKeyPress}\r\n                          style={{ marginTop: \"-37px\" }}\r\n                        >\r\n                          <button\r\n                            type=\"submit\"\r\n                            className=\"multitrash\"\r\n                            id=\"delete\"\r\n                            style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden' }}\r\n                          >\r\n                            <i\r\n                              className=\"icofont icofont-delete-alt\"\r\n                              style={{ color: \"darkgray\" }}\r\n                            ></i>\r\n                          </button>\r\n                          <span\r\n                            id=\"deletecount\"\r\n                            className=\"multitrash\"\r\n                            style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\" }}\r\n                          >\r\n                            {this.state.showDeleteCount && (\r\n                              <span style={{ backgroundColor: \"#007bff\", background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\" }}>{this.state.selectedRows.length} selected</span>\r\n                            )}\r\n                          </span>\r\n                          <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                            <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                          </div>\r\n                          <center>\r\n                            <div className=\"dt-responsive table-responsive\" style={{ maxWidth: \"60%\" }}>\r\n                            <DataTable\r\n  columns={columns}\r\n  data={Manager}\r\n  keyField=\"managerId\"\r\n  selectableRows\r\n  selectableRowSelected={!this.state.Filterpop ? this.selectableRowSelected : undefined}\r\n  onSelectedRowsChange={this.handlecheckbox}\r\n  pagination\r\n  customStyles={customStyles}\r\n  clearSelectedRows={this.state.clearSelected}\r\n  noDataComponent={Manager.length === 0 && delay ? <div style={{ textAlign: 'center' }}>No Records</div> : null}\r\n/>\r\n                            </div>\r\n                          </center>\r\n                          {/* \r\n                            <div\r\n                              className=\"dt-responsive table-responsive table-res\"\r\n\r\n                              //  style={{display:\"flex\",alignItems:\"center\",justifyContent:\"center\"}}\r\n                            >\r\n                              {this.state.Man.length === 0 ? null : (\r\n                                <table\r\n                                  id=\"ManagerSheet\"\r\n                                  className=\"table nowrap\"\r\n                                  style={{ maxWidth: \"85%\" }}\r\n                                >\r\n                                  <thead id=\"tablepaddingA\">\r\n                                    <tr>\r\n                                      <th>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          id=\"selectall\"\r\n                                          onClick={() => {\r\n                                            this.checkAll(this);\r\n                                          }}\r\n                                        />{\" \"}\r\n                                      </th>\r\n                                      <th>Name</th>\r\n                                      <th>Department</th>\r\n                                      <th>Actions</th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody id=\"tablepadding\">\r\n                                  {FilterData.length === 0 && Manager.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    {Manager.map((Manager) => (\r\n                                      <tr>\r\n                                        <td>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            name=\"Id_delete\"\r\n                                            onChange={this.handlecheckbox}\r\n                                            defaultValue={Manager.managerId}\r\n                                          />\r\n                                        </td>\r\n                                        <td>{Manager.manager_Name}</td>\r\n                                        <td>{Manager.department_Name}</td>\r\n                                        <td>\r\n                                        <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.DeleteButton(Manager.managerId);\r\n                                            }}\r\n                                            style={{marginLeft:\"-15px\"}}\r\n                                            title=\"Delete\"\r\n                                          >\r\n                                            {/* Delete&nbsp; */}\r\n                          {/* <i\r\n                                              className=\"fa fa-minus\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <button\r\n                                            className=\"button-30 sk-edit\"\r\n                                            title=\"Edit\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditModel(\r\n                                                Manager.managerId,\r\n                                                Manager.manager_Name,\r\n                                                Manager.department_Name\r\n                                              );\r\n                                            }}\r\n                                          >\r\n                                          \r\n                                            <i\r\n                                              className=\"fa fa-edit\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              )}\r\n                            </div> */}\r\n                        </form>\r\n                      </div>\r\n<br /><br />\r\n\r\n<table\r\n                              id=\"ManagerExport\"\r\n                              className=\"ManagerExport\"\r\n                              hidden\r\n                            >\r\n                              <thead>\r\n                                <tr>\r\n                                <th>Name</th>\r\n                                      <th>Department</th>\r\n                        \r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {Manager.map((Manager) => (\r\n                                  <tr>\r\n                                  <td>{Manager.manager_Name}</td>\r\n                                  \r\n                                  <td>{Manager.department_Name}</td>\r\n                            \r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false,\r\n                          SelectedNames:selectedRows\r\n                          });\r\n                          this.GetManager();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.onKeyUp}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map(\r\n                          (letter, index) => (\r\n                            <button\r\n                              className=\"filter\"\r\n                              key={index}\r\n                              onClick={(event) =>\r\n                                this.handleManagerFilter(\r\n                                  letter,\r\n                                  event\r\n                                )\r\n                              }\r\n                            >\r\n                              {letter}\r\n                            </button>\r\n                          )\r\n                        )}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddSkillPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      Department: [],\r\n      ButtonDisabled: false,\r\n    };\r\n  }\r\n\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    e.preventDefault();\r\n\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"SkillName\", SkillName);\r\n      var role = JSON.parse(localStorage.Role);\r\n      const url =\r\n        role.toString() === \"Platform Admin\"\r\n          ? `${BASE_URLs}/SuperAdmin/SASkill`\r\n          : `${BASE_URLs}/Skill/AddSkillName`;\r\n\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({\r\n          ButtonDisabled: false,\r\n        });\r\n        document.getElementById(\"Skillpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n      this.GetSkill();\r\n    }\r\n  };\r\n\r\n  Validation() {\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"Skill Name  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  GetSkill() {\r\n    let url = `${BASE_URLs}/Skill/MasterGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          skills: data,\r\n          Skillfilt: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetSkill();\r\n  }\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { SkillNameErr } = this.state.formErrors;\r\n    const { Department } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Skillpop\"\r\n          >\r\n            <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"SkillName\"\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    name=\"SkillName\"\r\n                    type=\"text\"\r\n                    onKeyPress={this.handleKeyPress}\r\n                    onKeyDown={this._handleKeyDown}\r\n                  />\r\n                  {!SkillNameErr ? (\r\n                    <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                      Add Skill{\" \"}\r\n                    </div>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                      {SkillNameErr}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-sm-2\"></div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    // type=\"submit\"\r\n                    disabled={this.state.ButtonDisabled}\r\n                    onClick={this.handleSubmit}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditSkillPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      Department: [],\r\n      ButtonDisabled: false,\r\n    };\r\n  }\r\n\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var Id = document.getElementById(\"Id\").value;\r\n    e.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"SkillName\", SkillName);\r\n      data.append(\"Id\", Id);\r\n      var role = JSON.parse(localStorage.Role);\r\n      const url =\r\n        role.toString() === \"Platform Admin\"\r\n          ? `${BASE_URLs}/SuperAdmin/SAEditSkillName`\r\n          : `${BASE_URLs}/Skill/EditSkillName`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({\r\n          ButtonDisabled: true,\r\n        });\r\n        document.getElementById(\"Editpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n  Validation() {\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"Skill Name is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/GetMasterDepartment`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Department: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    // this.RelationshipDropList();\r\n  }\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { SkillNameErr } = this.state.formErrors;\r\n    const { Department } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Editpop\"\r\n          >\r\n            <form\r\n              autoComplete=\"off\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit}\r\n            >\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    id=\"Id\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.id}\r\n                    onKeyDown={this._handleKeyDown}\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    defaultValue={this.props.values.SkillName}\r\n                    onKeyDown={this._handleKeyDown}\r\n                    id=\"SkillName\"\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    onKeyPress={this.handleKeyPress}\r\n                    name=\"SkillName\"\r\n                    type=\"text\"\r\n                  />\r\n                  {!SkillNameErr ? (\r\n                    <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                      Skill Name\r\n                    </div>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                      {SkillNameErr}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-sm-4\"></div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/Skillexl.5dd35ce7.xlsx\";","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"../../Css/excel.css\";\r\nimport $ from \"jquery\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { OutTable } from \"react-excel-renderer\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport AddSkillPop from \"../../Common/AddSkillPop\";\r\nimport EditSkillPop from \"../../Common/EditSkillPop\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport Skillexl1 from \"../../Assets/Files/Skillexl.xlsx\";\r\nimport { logDOM } from \"@testing-library/react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport DataTable from 'react-data-table-component';\r\nvar XLSX = require(\"xlsx\");\r\n\r\n$(document).ready(function () {\r\n  $(\".notfound\").hide();\r\n\r\n  // Search User columns\r\n  $(\"#myInpcccut1\").keyup(function () {\r\n    // Search Text\r\n    var search = $(this).val();\r\n\r\n    // Hide all table tbody rows\r\n    $(\"table tbody tr\").hide();\r\n\r\n    // Count total search result\r\n    var len = $(\r\n      'table tbody tr:not(.notfound) td:contains(\"' + search + '\")'\r\n    ).length;\r\n\r\n    if (len > 0) {\r\n      // Searching text in columns and show match row\r\n      $('table tbody tr:not(.notfound) td:contains(\"' + search + '\")').each(\r\n        function () {\r\n          $(this).closest(\"tr\").show();\r\n        }\r\n      );\r\n    } else {\r\n      $(\".notfound\").show();\r\n    }\r\n  });\r\n\r\n  $.expr[\":\"].contains = $.expr.createPseudo(function (arg) {\r\n    return function (elem) {\r\n      return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;\r\n    };\r\n  });\r\n});\r\nexport default class MasterSkills extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      Addskills: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      Notification: [],\r\n      skillsgun: \"\",\r\n      catedrop: \"\",\r\n      rows: [],\r\n      cols: [],\r\n      currentSheet: {},\r\n      category: [],\r\n      comlogo: [],\r\n      Skillname: [],\r\n      Sort: [],\r\n      Skillfilt: [],\r\n      SkillfiltA: [],\r\n      AddSkillModel: false,\r\n      EditSkillModel: false,\r\n      post: [],\r\n      number: \"1\",\r\n      postPerPage: \"10\",\r\n      EditSkillValues: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n      filterValue:'',\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      selectAllChecked: false,\r\n      delay:false\r\n    };\r\n\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"skillsheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n    // Process Data (add a new row)\r\n    var ws = workbook.Sheets[\"Sheet1\"];\r\n    //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetAddSkill() {\r\n    let url = `${BASE_URLs}/Skill/MasterGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"skilname\",data)\r\n        this.setState({\r\n          Addskills: data,\r\n          Sort: data,\r\n          Skillfilt: data,\r\n          SkillfiltA: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n    this.handleFilter(e, e.target.value);\r\n  };\r\n\r\n  handleFilter = (event, letters) => {\r\n    const { SkillfiltA } = this.state; // Use originalRecords for filtering\r\n    const filterValue = SkillfiltA.filter(row => {\r\n      // Check if the row's businessUnit contains all the specified letters\r\n      return letters.split('').every(letter => row.skillName.toLowerCase().includes(letter.toLowerCase()));\r\n    });\r\n  \r\n    // Update the state with the filtered data\r\n    this.setState({ Skillfilt: filterValue });\r\n  }\r\n  AddSkillModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState((prevState) => ({\r\n      AddSkillModel: !prevState.AddSkillModel,\r\n    }));\r\n    this.GetAddSkill();\r\n  };\r\n\r\n  EditSkillModel = (e, fn) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        SkillName: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModel: !prevState.EditSkillModel,\r\n    }));\r\n    this.GetAddSkill();\r\n  };\r\n\r\n  GetSkill() {\r\n    let url = `${BASE_URLs}/Skill/Get`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          skills: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  deleteSkill = (id) => {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteEMPS?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n      });\r\n    }\r\n  };\r\n\r\n  DeleteEMPSkill = (id) => {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteEMPSkill?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n          this.GetAddSkill();\r\n        });\r\n        //window.location.reload();\r\n      });\r\n    }\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Skill/SkillExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetAddSkill();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetSkill();\r\n    this.GetAddSkill();\r\n    this.GetSkillname();\r\n    this.Getcategory();\r\n    \r\n    setTimeout(() => {\r\n      this.setState({delay:true})\r\n    }, 2000);\r\n\r\n    $(\"#add-row\").click(function () {\r\n      $(\"#add-row\").hide();\r\n    });\r\n    $(\"#addBtn\").click(function () {\r\n      $(\"#add-row\").show();\r\n    });\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n  componentWillMount() {\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").click(function () {\r\n        $(\"#add-row\").hide();\r\n      });\r\n\r\n      $(\"#addBtn\").click(function () {\r\n        $(\"#add-row\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").hide();\r\n    });\r\n  }\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form.js\");\r\n  };\r\n\r\n  Edit(company_Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/EditSkill\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  Edit1(company_Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/EditEmpSkill\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  Getcategory() {\r\n    let url = `${BASE_URLs}/Skill/GetAdminCategory`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          category: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n  GetSkillname() {\r\n    fetch(`${BASE_URLs}/Skill/GetSkillNameDrop`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Skillname: data });\r\n      });\r\n  }\r\n  EditSkill(Id, category, skillName, skillDescription) {\r\n    var page = {\r\n      pathname: \"/EditMasterSkill\",\r\n      state: {\r\n        Id: Id,\r\n        category: category,\r\n        skillName: skillName,\r\n        skillDescription: skillDescription,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ; margin-top: 56px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7); margin-top: 56px;;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML =\r\n  //         checkboxes.length === 1\r\n  //           ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n  //           : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n\r\n    this.setState({ SelectedNames: selectedRows });\r\n    this.setState({\r\n      showSelectAll: selectedRows.length >= 2,\r\n      showDelete: selectedRows.length >= 1,\r\n      showDeleteCount: selectedRows.length > 0,\r\n    });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"AddSkills\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ; margin-top: 56px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7); margin-top: 56px;;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append(\"Id_delete\", row.id);\r\n      data.append('AddSkills', row.id); \r\n    });\r\n\r\n    // console.log(\"FormData:\", data);\r\n\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].skillName : this.state.SelectedNames.length;\r\n    \r\n    if (window.confirm(\"Are you sure you want to delete \" + value + \"  records permanently?\")) {\r\n        const options = {\r\n            method: \"POST\",\r\n            headers: {\r\n                Accept: \"application/json\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n            body: data,\r\n        };\r\n\r\n        fetch(`${BASE_URLs}/Skill/DeleteMasterSkillName`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n            // Handle success response (if needed)\r\n            this.GetAddSkill();\r\n            toast.success(data.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n              onClose: () => {\r\n                window.location.reload(true);\r\n              }\r\n            });\r\n        })\r\n        .catch((error) => {\r\n            // Handle error response (if needed)\r\n            console.error('Error:', error);\r\n        });\r\n\r\n    // Reset state after deletion\r\n    this.setState({\r\n        showDelete: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false, // Reset the select all checkbox state\r\n    });\r\n}\r\n};\r\n\r\n  Sort = (e) => {\r\n    e.preventDefault();\r\n    if (e.target.value === \"1\") {\r\n      const arr = this.state.Skillfilt.sort((a, b) =>\r\n        a.category > b.category ? 1 : b.category > a.category ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"2\") {\r\n      const arr = this.state.Skillfilt.sort((a, b) =>\r\n        a.category < b.category ? 1 : b.category < a.category ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"3\") {\r\n      const arr = this.state.Skillfilt.sort((a, b) =>\r\n        a.skillName > b.skillName ? 1 : b.skillName > a.skillName ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"4\") {\r\n      const arr = this.state.Skillfilt.sort((a, b) =>\r\n        a.skillName < b.skillName ? 1 : b.skillName < a.skillName ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    }\r\n  };\r\n\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", id);\r\n    data.append(\"AddSkills\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Skill/DeleteMasterSkillName`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.GetAddSkill();\r\n          toast.success(data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n    }\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\"; \r\n    \r\n    this.setState({ showExcel: false });\r\n   \r\n  };\r\n\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const { category } = this.state;\r\n    const { delay,Skillfilt, Filterpop, FilterData,filterValue, SkillfiltA,showExcel } = this.state;\r\n    var filename = `O_${username}_Skill`;\r\n    const customStyles = {\r\n      headCells: {\r\n        style: {\r\n          flex: \"0.5\" \r\n        }\r\n      },\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"  \r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\" ,\r\n          borderBottom: \"1px solid #ccc\",\r\n          \r\n        },\r\n      },\r\n   \r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\" \r\n          },\r\n        },\r\n      },\r\n    };\r\n\r\n    const columns = [\r\n      {\r\n        name:'Skill Name',\r\n        selector: row => row.skillName,\r\n        id: \"isheader\",\r\n        grow: 3.5,\r\n        sortable: false, \r\n      },\r\n     \r\n      {\r\n        name: 'Action',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.DeleteButton(row.id);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"Annbuttons sk-edit\"\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.EditSkillModel(\r\n                  row.id,\r\n                  row.skillName\r\n                  \r\n                 \r\n                );\r\n              }}\r\n              title=\"Edit\"\r\n            >\r\n              <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                        <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          <h4 className=\"title\">Skills </h4>\r\n                        </div>\r\n                        {this.state.AddSkillModel ? (\r\n                          <AddSkillPop\r\n                            id=\"Success\"\r\n                            close={() => this.AddSkillModel()}\r\n                          />\r\n                        ) : null}\r\n                        {this.state.EditSkillModel ? (\r\n                          <EditSkillPop\r\n                            id=\"\"\r\n                            values={this.state.EditSkillValues}\r\n                            close={() => this.EditSkillModel()}\r\n                          />\r\n                        ) : null}\r\n\r\n                        <form onSubmit={this.handleSubmit}>\r\n                          <div className=\"card-block\">\r\n                            <div className=\"row\">\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  onClick={() => this.AddSkillModel()}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  type=\"button\"\r\n                                  style={{\r\n                                    width: \"150px\",\r\n                                    background: \"white\",\r\n                                  }}\r\n                                  id=\"addBtn\"\r\n                                  className=\"btn dropdown_item-2\"\r\n                                  // className=\"btn \"\r\n                                >\r\n                                  Add{\" \"}\r\n                                </button>\r\n                              </div>\r\n                              <div className=\"col btnalign\" >\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"Skills\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"Skills\"\r\n                                />\r\n                              </div>\r\n                              {/* <div style={{padding: \"7px\"}} ></div> */}\r\n                              <div className=\"col btnalign\" >\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n                                {/* <ReactHTMLTableToExcel                  \r\n           className=\"btn\"  \r\n           table=\"skillsheet\"  \r\n           accept='.xlsx'\r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to Excel\" />    */}\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                                \r\n                              >\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={Skillexl1}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download a template\r\n                                </a>\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n                              <div\r\n                                \r\n                                style={{ height: \"60px\" }}\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyUp={this.myFunction}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  value={filterValue}\r\n                                  onClick={() => {\r\n                                    this.setState({\r\n                                      Filterpop: !this.state.Filterpop,\r\n                                    });\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n\r\n                             \r\n\r\n                              {/* <div className=\"col btnalign\" onKeyDown={this.handleKeyPress}> */}\r\n                              {/* <a href={Skillexl} className=\" download\"  style={{padding:\"2px 15px 2px 15px\"}}><i title=\"Download Template\" className=\"icofont icofont-cloud-download\"></i></a> */}\r\n                              {/* <a href={Skillexl} className=\"download\" onKeyPress={this.handleKeyPress} style={{padding:\"2px 15px\",boxShadow:\" -2px  -2px 16px -2px #5f7ae14a\"}}   ><i title=\"Download Template\" onKeyPress={this.handleKeyPress} className=\"icofont icofont-cloud-download\"></i></a> */}\r\n                              {/* </div> */}\r\n                             \r\n                            </div>\r\n                            <div\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch1\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyUp={this.myFunction}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  value={filterValue}\r\n                                  onClick={() => {\r\n                                    this.setState({\r\n                                      Filterpop: !this.state.Filterpop,\r\n                                    });\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            <center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\">\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n) }\r\n{/* <br /> */}\r\n</center>\r\n\r\n{showExcel && this.state.initialData !== undefined && (\r\n                              <div className=\"savebtndiv\" style={{marginBottom:\"10px\"}}>\r\n                             \r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                              </div>\r\n                            ) }\r\n                            <OutTable\r\n                              data={this.state.rows}\r\n                              columns={this.state.cols}\r\n                              tableClassName=\"ExcelTable2007\"\r\n                              tableHeaderRowclassName=\"heading\"\r\n                            />\r\n                          </div>\r\n                          <br />\r\n                        </form>\r\n\r\n                        {/* <br />\r\n                        <br /> */}\r\n                          <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            // style={{ marginTop: \"-2%\" }}\r\n                            style={{ marginTop:'-50px' }}\r\n                          >\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden' }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                              <span style={{backgroundColor: \"#007bff\",background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\"}}>{this.state.SelectedNames.length} selected</span>\r\n                               )}\r\n                            </span>\r\n                            <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                            <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                            </div>\r\n                            <center>\r\n                            <div className=\"dt-responsive table-responsive\" style={{maxWidth:\"60%\"}}>\r\n        <DataTable\r\n          columns={columns}\r\n          data={Skillfilt}\r\n          selectableRows\r\n          onSelectedRowsChange={this.handlecheckbox} // Assuming handlecheckbox is a method to handle row selection\r\n          pagination\r\n          customStyles={customStyles}\r\n          noDataComponent={Skillfilt.length===0 && delay?<div style={{  textAlign: 'center' }}>No Records</div>:null}\r\n        />\r\n      </div>\r\n      </center>\r\n                            {/* <div\r\n                              id=\"base-style_filter\"\r\n                              className=\"dataTables_filter\"\r\n                            >\r\n                              <div\r\n                                className=\"dt-responsive table-responsive table-res\"\r\n                                // style={{display:'flex',alignItems: 'center',justifyContent:'center'}}\r\n                                \r\n                              >\r\n                                {this.state.SkillfiltA.length === 0 ? null : (\r\n                                  <table\r\n                                    id=\"skillsheetmain\"\r\n                                    className=\"table   nowrap SkillGrid\"\r\n                                  >\r\n                                    <thead style={{ textAlign: \"left\" }} id=\"tablepaddingA\">\r\n                                      <tr>\r\n                                        <th>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"selectall\"\r\n                                            onClick={() => {\r\n                                              this.checkAll(this);\r\n                                            }}\r\n                                          />\r\n                                        </th>\r\n                                        <th>Skill Name&nbsp;&nbsp;</th>\r\n                                        <th style={{ textAlign: \"center\" }}>\r\n                                          Actions\r\n                                        </th>\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody id=\"tablepadding\">\r\n                                      {Skillfilt.length === 0 &&\r\n                                       FilterData.length === 0 ? (\r\n                                    <tr>\r\n                                      <th\r\n                                        colSpan=\"9\"\r\n                                        style={{ textAlign: \"center\" }}\r\n                                      >\r\n                                        No Record\r\n                                      </th>\r\n                                    </tr>\r\n                                  ) : null}\r\n                                      {Skillfilt.map((skill) => (\r\n                                        <tr>\r\n                                          <td>\r\n                                            {\" \"}\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              name=\"AddSkills\"\r\n                                              onChange={this.handlecheckbox}\r\n                                              defaultValue={skill.id}\r\n                                            />\r\n                                          </td>\r\n                                          <td>{skill.skillName}</td>\r\n                                          <td style={{ textAlign: \"center\" }}>\r\n                                            <button\r\n                                              className=\"Annbuttons sk-del\"\r\n                                              name=\"delete\"\r\n                                              //  onClick={()=>this.EditSkillModel(skill.id,skill.skillName)}\r\n                                              onClick={(e) => {\r\n                                                e.preventDefault();\r\n                                                this.DeleteButton(skill.id);\r\n                                              }}\r\n                                              title=\"Delete\"\r\n                                            >\r\n                                              {/* Delete&nbsp; */}\r\n                                              {/* <i\r\n                                                className=\"fa fa-minus\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>\r\n                                            </button>{\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <button\r\n                                              className=\"Annbuttons sk-edit\"\r\n                                              type=\"button\"\r\n                                              onClick={(e) => {\r\n                                                e.preventDefault();\r\n                                                this.EditSkillModel(\r\n                                                  skill.id,\r\n                                                  skill.skillName\r\n                                                );\r\n                                              }}\r\n                                              title=\"Edit\"\r\n                                              //  src=\"https://img.icons8.com/android/22/000000/pencil.png\"/\r\n                                            >\r\n                                              {/* Edit&nbsp; */}\r\n                                              {/* <i\r\n                                                className=\"fa fa-edit\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>{\" \"}\r\n                                            </button>\r\n                                          </td>\r\n                                        </tr>\r\n                                      ))}\r\n                                    </tbody>\r\n                                  </table>\r\n                                )}\r\n                              </div>\r\n                            </div>\r\n                            <br />  */} \r\n                            <table\r\n                              id=\"skillsheet\"\r\n                              className=\"table  nowrap SkillGrid\"\r\n                              style={{ display: \"none\" }}\r\n                            >\r\n                              <thead style={{ textAlign: \"left\" }}>\r\n                                <tr>\r\n                                  <th>Skill Name </th>&nbsp;&nbsp;\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {Skillfilt.map((skill) => (\r\n                                  <tr>\r\n                                    <td>{skill.skillName}</td>\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n\r\n                            {/*<ReactPaginate\r\n            previousLabel={\"Previous\"}\r\n            nextLabel={\"Next\"}\r\n            pageCount={PageCount}\r\n            onPageChange={this.ChangePage}\r\n            containerClassName={\"paginationBttns\"}\r\n            activeClassName={\"paginationActive\"}\r\n            disableInitialCallback={true}\r\n            initialPage={1}>\r\n            </ReactPaginate> */}\r\n\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                          </form>\r\n                        \r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false });\r\n                          this.GetAddSkill();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.myFunction}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map((letter, index) => (\r\n                          <button\r\n                            className=\"filter\"\r\n                            key={index}\r\n                            onClick={(event) =>\r\n                              this.handleFilter(event,letter)\r\n                            }\r\n                          >\r\n                            {letter}\r\n                          </button>\r\n                        ))}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Piechart from \"../Piechart\";\r\nimport Pie from \"../../Common/Pie\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      Pending: [],\r\n      comlogo: [],\r\n      Notification: [],\r\n    };\r\n  }\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.Getpending();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n  Getpending() {\r\n    fetch(`${BASE_URLs}/AddOrganization/pendingcount`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Pending: data });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                {/*  Start */}\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-md-12 col-xl-3\">\r\n                      <div className=\"card counter-card-1\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* <h3></h3> */}\r\n                            <p></p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-pink\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"70%\" }}\r\n                                aria-valuenow={70}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-comment\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-2\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* <h3></h3> */}\r\n                            <p></p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-success\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"50%\" }}\r\n                                aria-valuenow={50}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-coffee-mug\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-3\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* <h3></h3> */}\r\n                            <p></p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-default\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"90%\" }}\r\n                                aria-valuenow={90}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-upload\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-sm-8\">\r\n                      <div className=\"card\">\r\n                        <div className=\"card-header\">\r\n                          <h5>Office Counts</h5>\r\n                        </div>\r\n\r\n                        <Piechart />\r\n\r\n                        {/* <div id=\"areachart\" className=\"p-t-40 rickshaw_graph\">\r\n          <svg width=\"787.45\" height={200}><path className=\"path\" d=\"M0,160.39603960396042Q111.11285714285714,147.1947194719472,128.20714285714286,136.63366336633663C153.84857142857143,120.79207920792079,230.77285714285713,5.544554455445546,256.4142857142857,1.980198019801982S358.98,87.12871287128714,384.62142857142857,100.99009900990099S487.1871428571429,140.59405940594058,512.8285714285714,140.59405940594058S615.3942857142857,108.9108910891089,641.0357142857143,100.99009900990099S743.6014285714285,57.42574257425744,769.2428571428571,61.3861386138614Q786.3371428571428,64.02640264026404,897.45,140.59405940594058L897.45,200Q786.3371428571428,200,769.2428571428571,200C743.6014285714285,200,666.6771428571429,200,641.0357142857143,200S538.47,200,512.8285714285714,200S410.2628571428571,200,384.62142857142857,200S282.05571428571426,200,256.4142857142857,200S153.84857142857143,200,128.20714285714286,200Q111.11285714285714,200,0,200Z\" fill=\"#1abc9c\" stroke=\"none\" strokeWidth={2} opacity={1} /></svg></div> */}\r\n                        <div className=\"card-block\"></div>\r\n                        <div className=\"card-footer widget-content-footer\">\r\n                          <p className=\"m-b-0\">v</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-4 col-xl-4\">\r\n                      <Pie />\r\n\r\n                      <div className=\"card table-card widget-success-card\">\r\n                        <div className=\"row-table\">\r\n                          <div className=\"col-sm-3 card-block-big\">\r\n                            <i className=\"icofont icofont-trophy-alt\" />\r\n                          </div>\r\n                          <div className=\"col-sm-9\">\r\n                            {/* <h4></h4>\r\n            <h6></h6> */}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class OfficialHolidayDash extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      Pending: [],\r\n      comlogo: [],\r\n      Notification: [],\r\n    };\r\n  }\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n\r\n    this.Getpending();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n  Getpending() {\r\n    fetch(`${BASE_URLs}/AddOrganization/pendingcount`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Pending: data });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                {/*  Start */}\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-md-12 col-xl-4\">\r\n                      <div className=\"card counter-card-1\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* <h3></h3> */}\r\n                            <p></p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-pink\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"70%\" }}\r\n                                aria-valuenow={70}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-comment\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-2\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* <h3></h3> */}\r\n                            <p></p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-success\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"50%\" }}\r\n                                aria-valuenow={50}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-coffee-mug\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xl-4\">\r\n                      <div className=\"card counter-card-3\">\r\n                        <div className=\"card-block-big\">\r\n                          <div>\r\n                            {/* <h3></h3> */}\r\n                            <p></p>\r\n                            <div className=\"progress \">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-xs progress-bar-default\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"90%\" }}\r\n                                aria-valuenow={90}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <i className=\"icofont icofont-upload\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-12 col-xl-8\">\r\n                      <div className=\"card\">\r\n                        <div className=\"card-header\">\r\n                          <button className=\"but btn-sm\">Week</button>\r\n                          <button className=\"but btn-sm\">Month</button>\r\n                          <button className=\"but btn-sm\">Year</button>\r\n                        </div>\r\n                        <div className=\"card-block\">\r\n                          <div\r\n                            id=\"morris-extra-area\"\r\n                            style={{ height: 470, position: \"relative\" }}\r\n                          >\r\n                            <svg\r\n                              height={470}\r\n                              version=\"1.1\"\r\n                              width=\"754.388\"\r\n                              xmlns=\"http://www.w3.org/2000/svg\"\r\n                              xmlnsXlink=\"http://www.w3.org/1999/xlink\"\r\n                              style={{\r\n                                overflow: \"hidden\",\r\n                                position: \"relative\",\r\n                                left: \"-0.125px\",\r\n                                top: \"-0.2px\",\r\n                              }}\r\n                            >\r\n                              <desc\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              >\r\n                                Created with Raphaël 2.2.0\r\n                              </desc>\r\n                              <defs\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <text\r\n                                x=\"32.53125\"\r\n                                y=\"431.375\"\r\n                                textAnchor=\"end\"\r\n                                fontFamily=\"sans-serif\"\r\n                                fontSize=\"12px\"\r\n                                stroke=\"none\"\r\n                                fill=\"#888888\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  textAnchor: \"end\",\r\n                                  fontFamily: \"sans-serif\",\r\n                                  fontSize: 12,\r\n                                  fontWeight: \"normal\",\r\n                                }}\r\n                                fontWeight=\"normal\"\r\n                              >\r\n                                <tspan\r\n                                  dy=\"4.3984375\"\r\n                                  style={{\r\n                                    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  }}\r\n                                >\r\n                                  0\r\n                                </tspan>\r\n                              </text>\r\n                              <path\r\n                                fill=\"none\"\r\n                                stroke=\"#5fbeaa\"\r\n                                d=\"M45.03125,431.375H729.388\"\r\n                                strokeWidth=\"0.5\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <text\r\n                                x=\"32.53125\"\r\n                                y=\"329.78125\"\r\n                                textAnchor=\"end\"\r\n                                fontFamily=\"sans-serif\"\r\n                                fontSize=\"12px\"\r\n                                stroke=\"none\"\r\n                                fill=\"#888888\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  textAnchor: \"end\",\r\n                                  fontFamily: \"sans-serif\",\r\n                                  fontSize: 12,\r\n                                  fontWeight: \"normal\",\r\n                                }}\r\n                                fontWeight=\"normal\"\r\n                              >\r\n                                <tspan\r\n                                  dy=\"4.3984375\"\r\n                                  style={{\r\n                                    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  }}\r\n                                >\r\n                                  50\r\n                                </tspan>\r\n                              </text>\r\n                              <path\r\n                                fill=\"none\"\r\n                                stroke=\"#5fbeaa\"\r\n                                d=\"M45.03125,329.78125H729.388\"\r\n                                strokeWidth=\"0.5\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <text\r\n                                x=\"32.53125\"\r\n                                y=\"228.1875\"\r\n                                textAnchor=\"end\"\r\n                                fontFamily=\"sans-serif\"\r\n                                fontSize=\"12px\"\r\n                                stroke=\"none\"\r\n                                fill=\"#888888\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  textAnchor: \"end\",\r\n                                  fontFamily: \"sans-serif\",\r\n                                  fontSize: 12,\r\n                                  fontWeight: \"normal\",\r\n                                }}\r\n                                fontWeight=\"normal\"\r\n                              >\r\n                                <tspan\r\n                                  dy=\"4.3984375\"\r\n                                  style={{\r\n                                    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  }}\r\n                                >\r\n                                  100\r\n                                </tspan>\r\n                              </text>\r\n                              <path\r\n                                fill=\"none\"\r\n                                stroke=\"#5fbeaa\"\r\n                                d=\"M45.03125,228.1875H729.388\"\r\n                                strokeWidth=\"0.5\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <text\r\n                                x=\"32.53125\"\r\n                                y=\"126.59375\"\r\n                                textAnchor=\"end\"\r\n                                fontFamily=\"sans-serif\"\r\n                                fontSize=\"12px\"\r\n                                stroke=\"none\"\r\n                                fill=\"#888888\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  textAnchor: \"end\",\r\n                                  fontFamily: \"sans-serif\",\r\n                                  fontSize: 12,\r\n                                  fontWeight: \"normal\",\r\n                                }}\r\n                                fontWeight=\"normal\"\r\n                              >\r\n                                <tspan\r\n                                  dy=\"4.3984375\"\r\n                                  style={{\r\n                                    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  }}\r\n                                >\r\n                                  150\r\n                                </tspan>\r\n                              </text>\r\n                              <path\r\n                                fill=\"none\"\r\n                                stroke=\"#5fbeaa\"\r\n                                d=\"M45.03125,126.59375H729.388\"\r\n                                strokeWidth=\"0.5\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <text\r\n                                x=\"32.53125\"\r\n                                y={25}\r\n                                textAnchor=\"end\"\r\n                                fontFamily=\"sans-serif\"\r\n                                fontSize=\"12px\"\r\n                                stroke=\"none\"\r\n                                fill=\"#888888\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  textAnchor: \"end\",\r\n                                  fontFamily: \"sans-serif\",\r\n                                  fontSize: 12,\r\n                                  fontWeight: \"normal\",\r\n                                }}\r\n                                fontWeight=\"normal\"\r\n                              >\r\n                                <tspan\r\n                                  dy=\"4.3984375\"\r\n                                  style={{\r\n                                    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  }}\r\n                                >\r\n                                  200\r\n                                </tspan>\r\n                              </text>\r\n                              <path\r\n                                fill=\"none\"\r\n                                stroke=\"#5fbeaa\"\r\n                                d=\"M45.03125,25H729.388\"\r\n                                strokeWidth=\"0.5\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <text\r\n                                x=\"729.388\"\r\n                                y=\"443.875\"\r\n                                textAnchor=\"middle\"\r\n                                fontFamily=\"sans-serif\"\r\n                                fontSize=\"12px\"\r\n                                stroke=\"none\"\r\n                                fill=\"#888888\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  textAnchor: \"middle\",\r\n                                  fontFamily: \"sans-serif\",\r\n                                  fontSize: 12,\r\n                                  fontWeight: \"normal\",\r\n                                }}\r\n                                fontWeight=\"normal\"\r\n                                transform=\"matrix(1,0,0,1,0,6.8125)\"\r\n                              >\r\n                                <tspan\r\n                                  dy=\"4.3984375\"\r\n                                  style={{\r\n                                    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  }}\r\n                                >\r\n                                  2016\r\n                                </tspan>\r\n                              </text>\r\n                              <text\r\n                                x=\"615.3805998402556\"\r\n                                y=\"443.875\"\r\n                                textAnchor=\"middle\"\r\n                                fontFamily=\"sans-serif\"\r\n                                fontSize=\"12px\"\r\n                                stroke=\"none\"\r\n                                fill=\"#888888\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  textAnchor: \"middle\",\r\n                                  fontFamily: \"sans-serif\",\r\n                                  fontSize: 12,\r\n                                  fontWeight: \"normal\",\r\n                                }}\r\n                                fontWeight=\"normal\"\r\n                                transform=\"matrix(1,0,0,1,0,6.8125)\"\r\n                              >\r\n                                <tspan\r\n                                  dy=\"4.3984375\"\r\n                                  style={{\r\n                                    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  }}\r\n                                >\r\n                                  2015\r\n                                </tspan>\r\n                              </text>\r\n                              <text\r\n                                x=\"501.3731996805112\"\r\n                                y=\"443.875\"\r\n                                textAnchor=\"middle\"\r\n                                fontFamily=\"sans-serif\"\r\n                                fontSize=\"12px\"\r\n                                stroke=\"none\"\r\n                                fill=\"#888888\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  textAnchor: \"middle\",\r\n                                  fontFamily: \"sans-serif\",\r\n                                  fontSize: 12,\r\n                                  fontWeight: \"normal\",\r\n                                }}\r\n                                fontWeight=\"normal\"\r\n                                transform=\"matrix(1,0,0,1,0,6.8125)\"\r\n                              >\r\n                                <tspan\r\n                                  dy=\"4.3984375\"\r\n                                  style={{\r\n                                    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  }}\r\n                                >\r\n                                  2014\r\n                                </tspan>\r\n                              </text>\r\n                              <text\r\n                                x=\"387.3657995207668\"\r\n                                y=\"443.875\"\r\n                                textAnchor=\"middle\"\r\n                                fontFamily=\"sans-serif\"\r\n                                fontSize=\"12px\"\r\n                                stroke=\"none\"\r\n                                fill=\"#888888\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  textAnchor: \"middle\",\r\n                                  fontFamily: \"sans-serif\",\r\n                                  fontSize: 12,\r\n                                  fontWeight: \"normal\",\r\n                                }}\r\n                                fontWeight=\"normal\"\r\n                                transform=\"matrix(1,0,0,1,0,6.8125)\"\r\n                              >\r\n                                <tspan\r\n                                  dy=\"4.3984375\"\r\n                                  style={{\r\n                                    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  }}\r\n                                >\r\n                                  2013\r\n                                </tspan>\r\n                              </text>\r\n                              <text\r\n                                x=\"273.0460503194888\"\r\n                                y=\"443.875\"\r\n                                textAnchor=\"middle\"\r\n                                fontFamily=\"sans-serif\"\r\n                                fontSize=\"12px\"\r\n                                stroke=\"none\"\r\n                                fill=\"#888888\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  textAnchor: \"middle\",\r\n                                  fontFamily: \"sans-serif\",\r\n                                  fontSize: 12,\r\n                                  fontWeight: \"normal\",\r\n                                }}\r\n                                fontWeight=\"normal\"\r\n                                transform=\"matrix(1,0,0,1,0,6.8125)\"\r\n                              >\r\n                                <tspan\r\n                                  dy=\"4.3984375\"\r\n                                  style={{\r\n                                    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  }}\r\n                                >\r\n                                  2012\r\n                                </tspan>\r\n                              </text>\r\n                              <text\r\n                                x=\"159.0386501597444\"\r\n                                y=\"443.875\"\r\n                                textAnchor=\"middle\"\r\n                                fontFamily=\"sans-serif\"\r\n                                fontSize=\"12px\"\r\n                                stroke=\"none\"\r\n                                fill=\"#888888\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  textAnchor: \"middle\",\r\n                                  fontFamily: \"sans-serif\",\r\n                                  fontSize: 12,\r\n                                  fontWeight: \"normal\",\r\n                                }}\r\n                                fontWeight=\"normal\"\r\n                                transform=\"matrix(1,0,0,1,0,6.8125)\"\r\n                              >\r\n                                <tspan\r\n                                  dy=\"4.3984375\"\r\n                                  style={{\r\n                                    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  }}\r\n                                >\r\n                                  2011\r\n                                </tspan>\r\n                              </text>\r\n                              <text\r\n                                x=\"45.03125\"\r\n                                y=\"443.875\"\r\n                                textAnchor=\"middle\"\r\n                                fontFamily=\"sans-serif\"\r\n                                fontSize=\"12px\"\r\n                                stroke=\"none\"\r\n                                fill=\"#888888\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  textAnchor: \"middle\",\r\n                                  fontFamily: \"sans-serif\",\r\n                                  fontSize: 12,\r\n                                  fontWeight: \"normal\",\r\n                                }}\r\n                                fontWeight=\"normal\"\r\n                                transform=\"matrix(1,0,0,1,0,6.8125)\"\r\n                              >\r\n                                <tspan\r\n                                  dy=\"4.3984375\"\r\n                                  style={{\r\n                                    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  }}\r\n                                >\r\n                                  2010\r\n                                </tspan>\r\n                              </text>\r\n                              <path\r\n                                fill=\"#fad0c3\"\r\n                                stroke=\"none\"\r\n                                d=\"M45.03125,431.375C73.5331000399361,405.9765625,130.5368001198083,334.8609375,159.0386501597444,329.78125C187.5405001996805,324.7015625,244.5442002795527,393.27386927154583,273.0460503194888,390.7375C301.6259876198083,388.19418177154586,358.7858622204473,312.00581822845413,387.3657995207668,309.4625C415.86764956070294,306.92613072845415,472.8713496405751,361.529296875,501.3731996805112,370.41875C529.8750497204474,379.308203125,586.8787498003195,375.4984375,615.3805998402556,380.578125C643.8824498801918,385.6578125,700.8861499600639,403.43671874999995,729.388,411.05625L729.388,431.375L45.03125,431.375Z\"\r\n                                fillOpacity=\"0.8\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  fillOpacity: \"0.8\",\r\n                                }}\r\n                              />\r\n                              <path\r\n                                fill=\"none\"\r\n                                stroke=\"#fb9678\"\r\n                                d=\"M45.03125,431.375C73.5331000399361,405.9765625,130.5368001198083,334.8609375,159.0386501597444,329.78125C187.5405001996805,324.7015625,244.5442002795527,393.27386927154583,273.0460503194888,390.7375C301.6259876198083,388.19418177154586,358.7858622204473,312.00581822845413,387.3657995207668,309.4625C415.86764956070294,306.92613072845415,472.8713496405751,361.529296875,501.3731996805112,370.41875C529.8750497204474,379.308203125,586.8787498003195,375.4984375,615.3805998402556,380.578125C643.8824498801918,385.6578125,700.8861499600639,403.43671874999995,729.388,411.05625\"\r\n                                strokeWidth={0}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"45.03125\"\r\n                                cy=\"431.375\"\r\n                                r={0}\r\n                                fill=\"#fb9678\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"159.0386501597444\"\r\n                                cy=\"329.78125\"\r\n                                r={0}\r\n                                fill=\"#fb9678\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"273.0460503194888\"\r\n                                cy=\"390.7375\"\r\n                                r={0}\r\n                                fill=\"#fb9678\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"387.3657995207668\"\r\n                                cy=\"309.4625\"\r\n                                r={0}\r\n                                fill=\"#fb9678\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"501.3731996805112\"\r\n                                cy=\"370.41875\"\r\n                                r={0}\r\n                                fill=\"#fb9678\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"615.3805998402556\"\r\n                                cy=\"380.578125\"\r\n                                r={0}\r\n                                fill=\"#fb9678\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"729.388\"\r\n                                cy=\"411.05625\"\r\n                                r={0}\r\n                                fill=\"#fb9678\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <path\r\n                                fill=\"#afb1db\"\r\n                                stroke=\"none\"\r\n                                d=\"M45.03125,431.375C73.5331000399361,423.75546875,130.5368001198083,413.59609375,159.0386501597444,400.896875C187.5405001996805,388.19765625,244.5442002795527,329.02033921853626,273.0460503194888,329.78125C301.6259876198083,330.54424546853625,358.7858622204473,399.3625453146375,387.3657995207668,406.9925C415.86764956070294,414.6016078146375,472.8713496405751,408.0084375,501.3731996805112,390.7375C529.8750497204474,373.4665625,586.8787498003195,266.28515625000006,615.3805998402556,268.82500000000005C643.8824498801918,271.36484375000003,700.8861499600639,375.4984375,729.388,411.05625L729.388,431.375L45.03125,431.375Z\"\r\n                                fillOpacity=\"0.8\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  fillOpacity: \"0.8\",\r\n                                }}\r\n                              />\r\n                              <path\r\n                                fill=\"none\"\r\n                                stroke=\"#7e81cb\"\r\n                                d=\"M45.03125,431.375C73.5331000399361,423.75546875,130.5368001198083,413.59609375,159.0386501597444,400.896875C187.5405001996805,388.19765625,244.5442002795527,329.02033921853626,273.0460503194888,329.78125C301.6259876198083,330.54424546853625,358.7858622204473,399.3625453146375,387.3657995207668,406.9925C415.86764956070294,414.6016078146375,472.8713496405751,408.0084375,501.3731996805112,390.7375C529.8750497204474,373.4665625,586.8787498003195,266.28515625000006,615.3805998402556,268.82500000000005C643.8824498801918,271.36484375000003,700.8861499600639,375.4984375,729.388,411.05625\"\r\n                                strokeWidth={0}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"45.03125\"\r\n                                cy=\"431.375\"\r\n                                r={0}\r\n                                fill=\"#7e81cb\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"159.0386501597444\"\r\n                                cy=\"400.896875\"\r\n                                r={0}\r\n                                fill=\"#7e81cb\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"273.0460503194888\"\r\n                                cy=\"329.78125\"\r\n                                r={0}\r\n                                fill=\"#7e81cb\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"387.3657995207668\"\r\n                                cy=\"406.9925\"\r\n                                r={0}\r\n                                fill=\"#7e81cb\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"501.3731996805112\"\r\n                                cy=\"390.7375\"\r\n                                r={0}\r\n                                fill=\"#7e81cb\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"615.3805998402556\"\r\n                                cy=\"268.82500000000005\"\r\n                                r={0}\r\n                                fill=\"#7e81cb\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"729.388\"\r\n                                cy=\"411.05625\"\r\n                                r={0}\r\n                                fill=\"#7e81cb\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <path\r\n                                fill=\"#0ddbe4\"\r\n                                stroke=\"none\"\r\n                                d=\"M45.03125,431.375C73.5331000399361,428.83515625,130.5368001198083,431.375,159.0386501597444,421.215625C187.5405001996805,404.706640625,244.5442002795527,299.8103988543092,273.0460503194888,299.303125C301.6259876198083,298.7944613543092,358.7858622204473,431.140125256498,387.3657995207668,417.151875C415.86764956070294,403.201844006498,472.8713496405751,195.93148437500003,501.3731996805112,187.55C529.8750497204474,179.168515625,586.8787498003195,322.16171875000003,615.3805998402556,350.1C643.8824498801918,378.03828125,700.8861499600639,395.8171875,729.388,411.05625L729.388,431.375L45.03125,431.375Z\"\r\n                                fillOpacity=\"0.8\"\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                  fillOpacity: \"0.8\",\r\n                                }}\r\n                              />\r\n                              <path\r\n                                fill=\"none\"\r\n                                stroke=\"#01c0c8\"\r\n                                d=\"M45.03125,431.375C73.5331000399361,428.83515625,130.5368001198083,431.375,159.0386501597444,421.215625C187.5405001996805,404.706640625,244.5442002795527,299.8103988543092,273.0460503194888,299.303125C301.6259876198083,298.7944613543092,358.7858622204473,431.140125256498,387.3657995207668,417.151875C415.86764956070294,403.201844006498,472.8713496405751,195.93148437500003,501.3731996805112,187.55C529.8750497204474,179.168515625,586.8787498003195,322.16171875000003,615.3805998402556,350.1C643.8824498801918,378.03828125,700.8861499600639,395.8171875,729.388,411.05625\"\r\n                                strokeWidth={0}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"45.03125\"\r\n                                cy=\"431.375\"\r\n                                r={0}\r\n                                fill=\"#01c0c8\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"159.0386501597444\"\r\n                                cy=\"421.215625\"\r\n                                r={0}\r\n                                fill=\"#01c0c8\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"273.0460503194888\"\r\n                                cy=\"299.303125\"\r\n                                r={0}\r\n                                fill=\"#01c0c8\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"387.3657995207668\"\r\n                                cy=\"417.151875\"\r\n                                r={0}\r\n                                fill=\"#01c0c8\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"501.3731996805112\"\r\n                                cy=\"187.55\"\r\n                                r={0}\r\n                                fill=\"#01c0c8\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"615.3805998402556\"\r\n                                cy=\"350.1\"\r\n                                r={0}\r\n                                fill=\"#01c0c8\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                              <circle\r\n                                cx=\"729.388\"\r\n                                cy=\"411.05625\"\r\n                                r={0}\r\n                                fill=\"#01c0c8\"\r\n                                stroke=\"#ffffff\"\r\n                                strokeWidth={1}\r\n                                style={{\r\n                                  WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\r\n                                }}\r\n                              />\r\n                            </svg>\r\n                            <div\r\n                              className=\"morris-hover morris-default-style\"\r\n                              style={{ display: \"none\" }}\r\n                            />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-12 col-xl-4\">\r\n                      <div className=\"card table-card widget-primary-card\">\r\n                        <div className=\"row-table\">\r\n                          <div className=\"col-sm-3 card-block-big\">\r\n                            <i className=\"icofont icofont-star\" />\r\n                          </div>\r\n                          <div className=\"col-sm-9\">\r\n                            {/* <h4> </h4>\r\n            <h6></h6> */}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"card table-card widget-success-card\">\r\n                        <div className=\"row-table\">\r\n                          <div className=\"col-sm-3 card-block-big\">\r\n                            <i className=\"icofont icofont-trophy-alt\" />\r\n                          </div>\r\n                          <div className=\"col-sm-9\">\r\n                            {/* <h4></h4>\r\n            <h6></h6> */}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport AddLocationModel from \"../Common/AddLocationModel\";\r\nexport default class EditHolidayModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Id: \"\",\r\n      Date: \"\",\r\n      Reason: \"\",\r\n      Holiday: [],\r\n      Holi:[],\r\n      LocationDrop: [],\r\n      LocationModel: false,\r\n      isChrome: false,\r\n      selectedLocation: props.values.LocationType || \"\",\r\n      formErrors: {},\r\n      ButtonDisabled:false\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n    // console.log(\"check2\", data);\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const url = `${BASE_URLs}/Holiday/EditHoliday`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        this.setState({\r\n          ButtonDisabled: true,\r\n        });\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        \r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 2000);\r\n      }else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n\r\n        setTimeout(() => {\r\n          this.setState({\r\n            ButtonDisabled: false,\r\n          });\r\n        }, 3500);\r\n      \r\n    }\r\n  }\r\n  };\r\n  Validation() {\r\n    //   const {Date,Reason,Holiyda}= this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Date = document.getElementById(\"Date\").value;\r\n    var Reason = document.getElementById(\"Reason\").value;\r\n    var Location = document.getElementById(\"Location\").value;\r\n\r\n    if (!Date) {\r\n      formIsValid = false;\r\n      formErrors[\"Date\"] = \"Date is required\";\r\n    }\r\n    if (!Reason) {\r\n      formIsValid = false;\r\n      formErrors[\"Reason\"] = \"Occassion is required\";\r\n    }\r\n    if (!Location) {\r\n      formIsValid = false;\r\n      formErrors[\"Location\"] = \"Branch is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  handleChange = (e) => {\r\n    this.setState({ selectedLocation: e.target.value });\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  componentDidUpdate(prevProps) {\r\n    if (prevProps.values.LocationType !== this.props.values.LocationType) {\r\n      this.setState({ selectedLocation: this.props.values.LocationType });\r\n    }\r\n  }\r\n  componentDidMount() {\r\n    this.GetLocation();\r\n    this.GetHolidays();\r\n    const isChrome = navigator.userAgent.indexOf(\"Chrome\") !== -1;\r\n    this.setState({ isChrome });\r\n  }\r\n  GetLocation() {\r\n    let url = `${BASE_URLs}/AdminLocation/GetLocation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          LocationDrop: data,\r\n        });\r\n        // console.log(\"location\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n  GetHolidays() {\r\n    let url = `${BASE_URLs}/Holiday/HolidayGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Holiday: data,\r\n          Holi: data,\r\n        });\r\n      });\r\n  }\r\n  SelectLocation = (e) => {\r\n    let dept = document.getElementById(\"Location\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        LocationModel: !prevState.LocationModel,\r\n      }));\r\n      document.getElementById(\"Location\").value = \"\";\r\n    }\r\n  };\r\n\r\n  LocationModel = () => {\r\n    this.setState((prevState) => ({\r\n      LocationModel: !prevState.LocationModel,\r\n      SkillModel: false\r\n    }));\r\n\r\n    this.GetLocation();\r\n  };\r\n\r\n  getMinDate = () => {\r\n    const today = new Date();\r\n    const year = today.getFullYear();\r\n    const month = today.getMonth() + 1;\r\n\r\n    const formattedMonth = month.toString().padStart(2, \"0\");\r\n    const formattedDate = `${year}-${formattedMonth}-01`;\r\n\r\n    return formattedDate;\r\n  };\r\n\r\n  render() {\r\n    const { Date, Reason, Location } = this.state.formErrors;\r\n    const { isChrome } = this.state;\r\n    \r\n    const { Holiday,LocationDrop} = this.state; \r\n    const { selectedLocation } = this.state;\r\n    const combinedLocations = [\r\n      ...Holiday.map(location => ({ label: location.locationtype })),\r\n      ...LocationDrop.map(location => ({ label: location.branch }))\r\n    ];\r\n    const uniqueLocations = Array.from(new Set(combinedLocations.map(location => location.label)))\r\n      .map(label => ({ label }));\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        {this.state.LocationModel ? (\r\n          <AddLocationModel close={() => this.LocationModel()} />\r\n        ) : null}\r\n        <div className=\"pop\">\r\n          <div\r\n            className=\"popinnernormal\"\r\n            style={{ width: \"40%\", padding: \"1%\" }}\r\n          >\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <br />\r\n            <br />\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit}>\r\n              <div className=\"row justify-content-center\">\r\n                <div className=\"col-lg-5\">\r\n                  <input type=\"hidden\" name=\"Id\" value={this.props.values.id} />\r\n                  <input\r\n                    className=\"form\"\r\n                    name=\"OldDate\"\r\n                    id=\"OldDate\"\r\n                    defaultValue={this.props.values.Date}\r\n                    type=\"hidden\"\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    name=\"Date\"\r\n                    onFocus={(e) => (e.target.type = \"date\")}\r\n                    defaultValue={this.props.values.Date}\r\n                    id=\"Date\"\r\n                    type=\"text\"\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"Date\"\r\n                    // min={this.getMinDate()}\r\n                  />\r\n                  {Date == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Date<span style={{ color: \"red\", float: \"left\" }}></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{Date}</div>\r\n                  )}\r\n                </div>\r\n\r\n                <div className=\"col-lg-5\">\r\n                <input\r\n                    className=\"form\"\r\n                    name=\"OldReason\"\r\n                    id=\"OldReason\"\r\n                    defaultValue={this.props.values.Reason}\r\n                    type=\"hidden\"\r\n                  />\r\n                <input\r\n                    className=\"form\"\r\n                    name=\"Reason\"\r\n                    id=\"Reason\"\r\n                    defaultValue={this.props.values.Reason}\r\n                    type=\"text\"\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"Occassion\"\r\n                  />\r\n                  {Reason == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      {\" \"}\r\n                      Occassion\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{Reason}</div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              <br />\r\n              <div className=\"row justify-content-center\">\r\n                <div className=\"col-lg-5\">\r\n                <input\r\n                    className=\"form\"\r\n                    name=\"OldLocationType\"\r\n                    id=\"OldLocationType\"\r\n                    defaultValue={this.props.values.locationtype}\r\n                    type=\"hidden\"\r\n                  />\r\n                <select\r\n                    className=\"form\"\r\n                    name=\"LocationType\" \r\n                    id=\"Location\"\r\n                    defaultValue={this.props.values.locationtype}\r\n                    value={selectedLocation}\r\n                    type=\"text\"\r\n                    onChange={this.handleChange}\r\n                    onInputCapture={this.SelectLocation}\r\n                    placeholder=\"Occassion\"\r\n                    style={{\r\n                      // Apply the marginLeft style only if the browser is Chrome\r\n                      ...(isChrome && { marginLeft: '-3px' })\r\n                    }}\r\n                  >\r\n                      <option  hidden>\r\n                      {this.props.values.locationtype}\r\n                    </option>\r\n                    {uniqueLocations.map((location, index) => (\r\n                      \r\n                    <option key={index} value={location.label}>\r\n                    {location.label}\r\n                    </option>\r\n                      ))}\r\n                    </select>\r\n                  \r\n                  {Location == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Branch\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Location}\r\n                    </div>\r\n                  )}{\" \"}\r\n                 \r\n                </div>\r\n\r\n                <div\r\n                  className=\"col-lg-5\"\r\n                  style={{\r\n                    marginTop: \"11px\",\r\n                    color: \"#495057\",\r\n                    display: \"flex\",\r\n                    paddingLeft: \"12px\",\r\n                  }}\r\n                >\r\n                  <div>&nbsp;Optional &nbsp;&nbsp;</div>\r\n                  <label className=\"switch\">\r\n                    <input\r\n                      type=\"checkbox\"\r\n                      name=\"Holiday\"\r\n                      defaultChecked={\r\n                        this.props.values.holiday === \"Yes\" ? true : false\r\n                      }\r\n                    />\r\n                    <span className=\"slider round\" />\r\n                  </label>\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                <button\r\n                    type=\"submit\"\r\n                    disabled={this.state.ButtonDisabled}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Submit\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n\r\n            <br />\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/HolidayTemplate.8a3747cc.xlsx\";","import React, { Component } from \"react\";\r\nimport AddHolidaysPop from \"../../Common/AddHolidaysPop\";\r\nimport EditHolidayPop from \"../../Common/EditHolidayPop\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport HolidayTemplate from \"../../Assets/Files/HolidayTemplate.xlsx\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport DataTable from 'react-data-table-component';\r\nimport \"../../Css/excel.css\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      DepartmentName: \"\",\r\n      SkillModel: false,\r\n      EditModel: false,\r\n      SkillEditId: \"\",\r\n      comlogo: [],\r\n      Holiday: [],\r\n      Holidays: [],\r\n      Holi: [],\r\n      rows: [],\r\n      cols: [],\r\n      currentSheet: {},\r\n      formErrors: {},\r\n      Notification: [],\r\n      EditLocationValues: [],\r\n      Filterpop: false,\r\n      FilterData:\"\",\r\n      showExcel: false,\r\n      filterValue:'',\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      selectAllChecked: false,\r\n      delay:false,\r\n      clearSelected: false,\r\n      selectedNames: [],\r\n      selectedRows:[],\r\n    };\r\n    // this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.clearSelection = this.clearSelection.bind(this);\r\n  }\r\n\r\n  closefuncdisc = () => {\r\n    this.setState({ Filterpop: false });\r\n    var AllMemberlist = this.state.AllMemberAccess;\r\n    this.setState({ MemberAccess: AllMemberlist, showResults: true });\r\n  };\r\n\r\n  setFocus = () => {\r\n    this.setState(\r\n      (prevState) => ({\r\n        Filterpop: !prevState.Filterpop,\r\n      }),\r\n      () => {\r\n        if (this.state.Filterpop) {\r\n          this.searchForDiscRef.current.focus();\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"HolidayExport\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetHolidays() {\r\n    let url = `${BASE_URLs}/Holiday/HolidayGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        console.log(\"holi\",data)\r\n        this.setState({\r\n          Holiday: data,\r\n          Holi: data,\r\n        });\r\n      });\r\n  }\r\n  onKeyUp = (e) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    const Holiday = this.state.Holi.filter(\r\n      (item) =>\r\n        item.date.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.reason.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.holiday.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.locationtype\r\n          .toLowerCase()\r\n          .includes(e.target.value.toLowerCase()) ||\r\n        item.day.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Holiday });\r\n  };\r\n\r\n  LetterHoliSearch = (letter, e) => {\r\n    e.preventDefault();\r\n    const Holiday = this.state.Holi.filter(\r\n      (item) =>\r\n        item.date.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n        item.reason.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n        item.holiday.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n        item.locationtype.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n        item.day.toLowerCase().startsWith(letter.toLowerCase())\r\n    );\r\n    this.setState({ Holiday , showResults: true, FilterData: Holiday});\r\n  };\r\n\r\n  SkillModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      SkillModel: !prevState.SkillModel,\r\n    }));\r\n    this.clearSelection();\r\n    this.GetHolidays();\r\n  };\r\n\r\n  EditModel = (id, Date, Reason, holiday, loctype) => {\r\n    this.clearSelection();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditLocationValues: {\r\n        id: id,\r\n        Date: Date,\r\n        Reason: Reason,\r\n        holiday: holiday,\r\n        locationtype: loctype,\r\n      },\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      SelectedNames: [],\r\n      selectAllChecked: false, \r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n\r\n    this.GetHolidays();\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n    const { SelectedNames } = this.state;\r\n    const currentSelectedNames = Array.isArray(SelectedNames) ? SelectedNames : [];\r\n    const uniqueManagerIds = new Set([\r\n      ...currentSelectedNames.map(row => row && row.holiday_Id),\r\n      ...selectedRows.map(row => row && row.holiday_Id)\r\n    ]);\r\n    const updatedSelectedNames = Array.from(uniqueManagerIds)\r\n      .filter(holiday_Id => holiday_Id !== undefined && holiday_Id !== null)\r\n      .map(holiday_Id => {\r\n        const existingRow = currentSelectedNames.find(row => row && row.holiday_Id === holiday_Id);\r\n        if (existingRow) {\r\n          return existingRow;\r\n        }\r\n        return selectedRows.find(row => row && row.holiday_Id === holiday_Id);\r\n      });\r\n    const updatedSelectedRows = selectedRows.filter(row =>\r\n      uniqueManagerIds.has(row.holiday_Id)\r\n    );\r\n    this.setState({\r\n      SelectedNames: updatedSelectedNames,\r\n      selectedRows: updatedSelectedRows,\r\n      showSelectAll: updatedSelectedRows.length >= 2,\r\n      showDelete: updatedSelectedRows.length >= 1,\r\n      showDeleteCount: updatedSelectedRows.length > 0,\r\n      NewState: updatedSelectedNames,\r\n    });\r\n  };\r\n\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetHolidays();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n    this.setState({ letters: alphabet });\r\n    setTimeout(() => {\r\n      this.setState({delay:true})\r\n    }, 2000);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleFormValidation() {\r\n    const {\r\n      FirstName,\r\n      LastName,\r\n      Email,\r\n      Mobile,\r\n      Department,\r\n      Designation,\r\n      RoleName,\r\n    } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    }\r\n    if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    }\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email id\";\r\n    }\r\n    if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile is required\";\r\n    }\r\n    // else if (!Mobile >= 10) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"MobileErr\"] = \"Invalid Mobile number\";\r\n    // }\r\n    else {\r\n      var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n      if (!mobPattern.test(Mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"MobileErr\"] = \"Invalid phone number\";\r\n      }\r\n    }\r\n    if (!Department) {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"department is required\";\r\n    }\r\n    if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"designation is required\";\r\n    }\r\n    if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  // handleSubmit = (event)  => {\r\n  //   event.preventDefault();\r\n\r\n  //   const data = new FormData(event.target);\r\n  //   fetch(`${BASE_URLs}/Department/AddDepartment`, {\r\n  //     method: \"POST\",\r\n  //     headers: {\r\n  //       Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n  //     },\r\n  //     body: data,\r\n  //   })\r\n  //     .then((res) => res.json())\r\n  //     .then((resp) => {\r\n  //       alert(resp.message);\r\n  //     });\r\n  // }\r\n\r\n  Noticount = async (Id) => {\r\n    await fetch(`${BASE_URLs}/Notification/Noticount`, {\r\n      method: \"PUT\",\r\n      headers: {\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Notification_Id: Id,\r\n      }),\r\n    }).then((result) => {\r\n      result.json().then((resp) => {\r\n        localStorage.setItem(\"success\", JSON.stringify(resp.status));\r\n\r\n        var a = localStorage.getItem(\"success\");\r\n        var b = JSON.parse(a);\r\n        if (b === \"Success\") {\r\n          window.location.href = \"/Organization\";\r\n          localStorage.removeItem(\"success\");\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  Handledepartment() {\r\n    var department = document.getElementById(\"department\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"departmenttext\").value = \"\";\r\n      document.getElementById(\"departmenttext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"departmenttext\").value = \"None\";\r\n      document.getElementById(\"departmenttext\").type = \"hidden\";\r\n    }\r\n  }\r\n  Handledesignation() {\r\n    var department = document.getElementById(\"Designation\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"designationtext\").value = \"\";\r\n      document.getElementById(\"designationtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"designationtext\").value = \"None\";\r\n      document.getElementById(\"designationtext\").type = \"hidden\";\r\n    }\r\n  }\r\n  Handleroles() {\r\n    var department = document.getElementById(\"roles\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"roletext\").value = \"\";\r\n      document.getElementById(\"roletext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"roletext\").value = \"None\";\r\n      document.getElementById(\"roletext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Holiday/HolidayExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === \"Holiday  already exists!\") {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(\" Holiday  already exists!\");\r\n          }\r\n          this.GetHolidays();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n  };\r\n\r\n  excelSerialDateToJSDate = (serial) => {\r\n    const utc_days = Math.floor(serial - 25569);\r\n    const utc_value = utc_days * 86400;\r\n    const date_info = new Date(utc_value * 1000);\r\n    const fractional_day = serial - Math.floor(serial) + 0.0000001;\r\n    let total_seconds = Math.floor(86400 * fractional_day);\r\n\r\n    const seconds = total_seconds % 60;\r\n    total_seconds -= seconds;\r\n\r\n    const hours = Math.floor(total_seconds / (60 * 60));\r\n    const minutes = Math.floor(total_seconds / 60) % 60;\r\n\r\n    return new Date(date_info.getFullYear(), date_info.getMonth(), date_info.getDate(), hours, minutes, seconds);\r\n  };\r\n\r\n  // Format date function\r\n  formatDate = (inputDate) => {\r\n    let date;\r\n\r\n    if (typeof inputDate === 'number') {\r\n      // If the input is a number, treat it as an Excel serial date\r\n      date = this.excelSerialDateToJSDate(inputDate);\r\n    } else {\r\n      // Otherwise, assume it's a date string and parse accordingly\r\n      const dateParts = inputDate.split(\"-\");\r\n      if (dateParts.length === 3) {\r\n        const [day, month, year] = dateParts;\r\n        date = new Date(`${year}-${month}-${day}`);\r\n      } else {\r\n        date = new Date(inputDate);\r\n      }\r\n    }\r\n\r\n    // Ensure date is valid\r\n    if (isNaN(date.getTime())) {\r\n      return inputDate; // Return the original input if it's not a valid date\r\n    }\r\n\r\n    const day = String(date.getDate()).padStart(2, \"0\");\r\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n    const year = date.getFullYear();\r\n    return `${day}-${month}-${year}`;\r\n  };\r\n\r\n  // Check if value is a date\r\n  isDate = (value) => {\r\n    if (typeof value === 'number') {\r\n      return true; // Assume all numbers are valid Excel serial dates\r\n    }\r\n\r\n    if (typeof value !== 'string') {\r\n      return false;\r\n    }\r\n\r\n    const dateParts = value.split(\"-\");\r\n    if (dateParts.length === 3) {\r\n      const [day, month, year] = dateParts;\r\n      const date = new Date(`${year}-${month}-${day}`);\r\n      return !isNaN(date.getTime());\r\n    }\r\n\r\n    return !isNaN(Date.parse(value));\r\n  };\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append(\"Id_delete\", row.holiday_Id);\r\n    });\r\n  \r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].holiday : this.state.SelectedNames.length;\r\n    if (\r\n      this.state.SelectedNames.length === 1 ? window.confirm(\"Are you sure you want to delete this record permanently?\") : \r\n      window.confirm(\"Are you sure you want to delete these \" + value + \" records permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Holiday/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ initialData: undefined });\r\n          this.GetHolidays();\r\n          // alert(resp.message);\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n        this.clearSelection();\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n    }\r\n    this.clearSelection();\r\n    this.GetHolidays();\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n  DeleteButton = (holiday_Id) => {\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", holiday_Id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Holiday/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetHolidays();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      this.clearSelection();\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n    }\r\n  };\r\n\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n\r\n  clearSelection() {\r\n    this.setState({ clearSelected: true }, () => {\r\n      this.setState({ \r\n        clearSelected: false, \r\n        showDelete: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false,  });\r\n    });\r\n  }\r\n\r\n  selectableRowSelected = (row) => {\r\n    const { SelectedNames } = this.state;\r\n    if (!Array.isArray(SelectedNames)) {\r\n      return false;\r\n    }\r\n    return SelectedNames.some(selectedRow => selectedRow.holiday_Id === row.holiday_Id);\r\n  };\r\n\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n\r\n    const { delay,Holiday, Filterpop ,FilterData,showExcel,SelectedNames,selectedRows} = this.state;\r\n    var filename = `O_${username}_Holiday`;\r\n\r\n    const customStyles = {\r\n      headCells: {\r\n        style: {\r\n          flex: \"0.5\" \r\n        }\r\n      },\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"  \r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"13px\",\r\n          flex: \"0\" ,\r\n          borderBottom: \"1px solid #ccc\",\r\n          \r\n        },\r\n      },\r\n   \r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\" \r\n          },\r\n        },\r\n      },\r\n    };\r\n\r\n    const columns = [\r\n      {\r\n        name:'Date',\r\n        selector: row => row.date,\r\n        id: \"isheader\",\r\n        grow: 6,\r\n        sortable: false, \r\n      },\r\n      {\r\n        name:'Day',\r\n        selector: row => row.day,\r\n        id: \"isheader\",\r\n        grow: 6,\r\n        sortable: false, \r\n      },\r\n      {\r\n        name:'Occassions',\r\n        selector: row => row.reason,\r\n        id: \"isheader\",\r\n        grow: 6,\r\n        sortable: false, \r\n        cell: row => <span style={{wordBreak: \"breakWord\",textAlign:\"left\" }}>{row.reason}</span>,\r\n      },\r\n      {\r\n        name:'Branch',\r\n        selector: row => row.locationtype,\r\n        id: \"isheader\",\r\n        grow: 6,\r\n        sortable: false, \r\n        cell: row => <span style={{wordBreak: \"breakWord\",textAlign:\"left\" }}>{row.locationtype}</span>,\r\n      },\r\n      {\r\n        name:'Optional',\r\n        selector: row => row.holiday,\r\n        id: \"isheader\",\r\n        grow: 6,\r\n        sortable: false, \r\n      },\r\n     \r\n      {\r\n        name: 'Actions',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.DeleteButton(row.holiday_Id);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"Annbuttons sk-edit\"\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.EditModel(\r\n                  row.holiday_Id,\r\n                  row.date,\r\n                  row.reason,\r\n                  row.holiday,\r\n                  row.locationtype,\r\n                  \r\n                 \r\n                );\r\n              }}\r\n              title=\"Edit\"\r\n            >\r\n              <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n\r\n    return (\r\n      <div>\r\n\r\n         <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.SkillModel ? (\r\n          <AddHolidaysPop close={() => this.SkillModel()} />\r\n        ) : null}\r\n        {this.state.EditModel ? (\r\n          <EditHolidayPop\r\n            id={this.state.SkillEditId}\r\n            values={this.state.EditLocationValues}\r\n            close={() => this.EditModel()}\r\n          />\r\n        ) : null}\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            {\" \"}\r\n                            Official Holidays\r\n                          </h4>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          <form onSubmit={(e) => this.handleSubmit(e)}>\r\n                            <div className=\"row\">\r\n                              <div className=\"col btnalign\">\r\n                                <h5 className=\"card-header-text\">\r\n                                  <button\r\n                                    onClick={this.SkillModel}\r\n                                    type=\"button\"\r\n                                    className=\"btn\"\r\n                                    style={{ width: \"150px\" }}\r\n                                    onKeyPress={this.handleKeyPress}\r\n                                  >\r\n                                    Add\r\n                                  </button>\r\n                                </h5>\r\n                              </div>\r\n                              <div className=\"col btnalign\">\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"Holidays\"\r\n                                  style={{ width: \"163px\" }}\r\n                                >\r\n                                  Import From Excel\r\n                                </label>{\" \"}\r\n                                &nbsp;&nbsp;\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"Holidays\"\r\n                                />\r\n                              </div>\r\n                              <div style={{padding: \"7px\"}} ></div>\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n                                {/* <ReactHTMLTableToExcel                  \r\n           className=\"btn \"  \r\n           table=\"HolidaySheet\"  \r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to Excel\" id=\"exportxlUG\" />  */}\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={HolidayTemplate}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download a template\r\n                                </a>\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n                             \r\n                              {/*           \r\n           <div className=\"col btnalign\" onKeyDown={this.handleKeyPress}>\r\n           <a href={HolidayTemplate} className=\" download\" style={{padding:\"2px 15px\",boxShadow:\" -2px  -2px 16px -2px #5f7ae14a\"}}><i title=\"Download Template\" className=\"icofont icofont-cloud-download\"></i></a>\r\n           </div> */}\r\n                              {/*  <div className=\"co-lg-2 btnalign\">                               \r\n            <a href={HolidayTemplate} className=\"download\" style={{padding:\"2px 15px\",boxShadow:\" -2px  -2px 16px -2px #5f7ae14a\"}}>\r\n             <i title=\"Download Template\" className=\"icofont icofont-cloud-download\"></i> </a>                            \r\n             </div> */}\r\n                              {/* <div className=\"col-lg-2 \">\r\n\r\n\r\n           </div> */}\r\n\r\n                              <div>\r\n                                {/* {this.state.Holi.length === 0 ? null : ( */}\r\n                                  <input\r\n                                    // onKeyUp={this.onKeyUp}\r\n                                    className=\"Searchbox\"\r\n                                    id=\"CNSearch\"\r\n                                    placeholder=\"Search\"\r\n                                    // onKeyPress={this.handleKeyPress}\r\n                                    onClick={ () => {\r\n                                      const { selectedRows, SelectedNames } = this.state;\r\n                                      if (selectedRows.length === 0) {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        if (SelectedNames.length !== selectedRows.length) {\r\n                                          this.setState({\r\n                                            SelectedNames: selectedRows,\r\n                                            selectedRows: selectedRows,\r\n                                            Filterpop: true,\r\n                                          });\r\n                                        } else {\r\n                                          this.setState({\r\n                                            Filterpop: true,\r\n                                            selectedRows: SelectedNames,\r\n                                          });\r\n                                        }\r\n                                        \r\n                                      }\r\n                                    }}\r\n                                    readOnly\r\n                                  />\r\n                                {/* )} */}\r\n                              </div>\r\n                            </div>\r\n                            <div \r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch1\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onKeyUp={this.myFunction}\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            <center>\r\n        {showExcel && this.state.initialData !== undefined && (\r\n          <table className=\"table\" id=\"tableDesign\">\r\n            <thead>\r\n              <tr>\r\n                {Object.keys(this.state.initialData[0]).map((key) => (\r\n                  <th key={key} id=\"team1design\">{key}</th>\r\n                ))}\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              {this.state.initialData.map((row, rowIndex) => (\r\n                <tr key={rowIndex}>\r\n                  {Object.values(row).map((value, cellIndex) => (\r\n                    <td key={cellIndex} id=\"teamdesign\">\r\n                      {this.isDate(value) ? this.formatDate(value) : value}\r\n                    </td>\r\n                  ))}\r\n                </tr>\r\n              ))}\r\n            </tbody>\r\n          </table>\r\n        )}\r\n      </center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n                              <div className=\"savebtndiv\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                &nbsp;&nbsp;&nbsp;\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  // onClick={(e) => {\r\n                                  //   e.preventDefault();\r\n                                  //   this.setState({ initialData: undefined });\r\n                                  // }}\r\n\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </button>\r\n                              </div>\r\n                            )}\r\n                            <OutTable\r\n                              data={this.state.rows}\r\n                              columns={this.state.cols}\r\n                              tableClassName=\"ExcelTable2007\"\r\n                              tableHeaderRowclassName=\"heading\"\r\n                            />\r\n                            <br/>\r\n                          </form>\r\n                          </div>\r\n                          <div className=\"card-block2\">\r\n                          <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            style={{ marginTop: \"-21px\"}}\r\n                          >\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden',marginTop:\"35px\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\",marginTop:\"35px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                              <span style={{backgroundColor: \"#007bff\",background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\"}}>{this.state.SelectedNames.length} selected</span>\r\n                               )}\r\n                            </span>\r\n                            <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                            <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                            </div>\r\n                            <center>\r\n                            <div className=\"dt-responsive table-responsive\" style={{maxWidth:\"60%\"}}>\r\n        <DataTable\r\n          columns={columns}\r\n          data={Holiday}\r\n          keyField=\"holiday_Id\"\r\n          selectableRows\r\n          selectableRowSelected={!this.state.Filterpop ? this.selectableRowSelected : undefined}\r\n          onSelectedRowsChange={this.handlecheckbox}\r\n          pagination\r\n          customStyles={customStyles}\r\n          clearSelectedRows={this.state.clearSelected}\r\n          noDataComponent={Holiday.length===0 && delay?<div style={{  textAlign: 'center' }}>No Records</div>:null}\r\n        />\r\n      </div>\r\n      </center>\r\n\r\n                            {/* <div\r\n                              className=\"dt-responsive table-responsive table-res\"\r\n                              //  style={{display:\"flex\",alignItems:\"center\",justifyContent:\"center\"}}\r\n                            >\r\n                              {this.state.Holi.length === 0 ? null : (\r\n                                <table\r\n                                  id=\"HolidaySheet\"\r\n                                  className=\"table nowrap\"\r\n                                  style={{ maxWidth: \"85%\" }}\r\n                                >\r\n                                  <thead id=\"tablepaddingA\">\r\n                                    <tr>\r\n                                      <th>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          id=\"selectall\"\r\n                                          onClick={() => {\r\n                                            this.checkAll(this);\r\n                                          }}\r\n                                        />{\" \"}\r\n                                      </th>\r\n                                      <th>Date</th>\r\n                                      <th>Day</th>\r\n                                      <th>Occasions</th>\r\n                                      <th>Branch</th>\r\n                                      <th>Optional</th>\r\n                                      <th>Action</th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody id=\"tablepadding\">\r\n                                  {FilterData.length === 0 && Holiday.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    {Holiday.map((Holiday) => (\r\n                                      <tr>\r\n                                        <td>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            name=\"Id_delete\"\r\n                                            onChange={this.handlecheckbox}\r\n                                            defaultValue={Holiday.holiday_Id}\r\n                                          />\r\n                                        </td>\r\n                                        <td>{this.formatDate(Holiday.date)}</td>\r\n                                        <td>{Holiday.day}</td>\r\n                                        <td>{Holiday.reason}</td>\r\n                                        <td>{Holiday.locationtype}</td>\r\n                                        <td>{Holiday.holiday}</td>\r\n                                        \r\n                                        <td>\r\n                                        <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.DeleteButton(Holiday.holiday_Id);\r\n                                            }}\r\n                                            title=\"Delete\"\r\n                                            style={{marginLeft:\"-24px\"}}\r\n                                          > */}\r\n                                            {/* Delete&nbsp; */}\r\n                                            {/* <i\r\n                                              className=\"fa fa-minus\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <button\r\n                                            title=\"Edit\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            type=\"button\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditModel(\r\n                                                Holiday.holiday_Id,\r\n                                                Holiday.date,\r\n                                                Holiday.reason,\r\n                                                Holiday.holiday,\r\n                                                Holiday.locationtype\r\n                                              );\r\n                                            }}\r\n                                            //  src=\"https://img.icons8.com/android/22/000000/pencil.png\"/\r\n                                          >\r\n                                            <i\r\n                                              className=\"fa fa-edit\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>{\" \"}\r\n                                          </button>\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              )}\r\n                            </div> */}\r\n                          </form>\r\n                          </div>\r\n                        <br />\r\n                        <br />\r\n                        <table\r\n                              id=\"HolidayExport\"\r\n                              className=\"HolidayExport\"\r\n                              hidden\r\n                            >\r\n                              <thead>\r\n                                <tr>\r\n                                  <th>Date</th>\r\n                                  <th>Occasions</th>\r\n                                  <th>Location</th>\r\n                                  <th>Optional</th>\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {Holiday.map((Holiday) => (\r\n                                  <tr>\r\n                                    <td>{Holiday.date}</td>\r\n                                    <td>{Holiday.reason}</td>\r\n                                    <td>{Holiday.locationtype}</td>\r\n                                    <td>{Holiday.holiday}</td>\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                                <div className=\"popSearchTeam\">\r\n                                  <div className=\"popSearchinnernormalTeam\">\r\n                                    <div\r\n                                      className=\"popSearchinnertitle\"\r\n                                      id=\"popSearchinnernormal\"\r\n                                    >\r\n                                      <button\r\n                                        id=\"close\"\r\n                                        style={{\r\n                                          float: \"right\",\r\n                                          backgroundColor: \"#a0a3a305\",\r\n                                          color: \"#797070\",\r\n                                          border: \"1px solid #a3a5a505\",\r\n                                          marginTop: \"-20px\",\r\n                                          marginRight: \"-20px\",\r\n                                        }}\r\n                                        onClick={() => {\r\n                                          this.setState({\r\n                                            Filterpop: false,\r\n                                            SelectedNames:selectedRows\r\n                                          });\r\n                                          this.GetHolidays();\r\n                                        }}\r\n                                      >\r\n                                        <CloseIcon />\r\n                                      </button>\r\n\r\n                                      <div className=\"checkboxes\">\r\n                                        <i\r\n                                          className=\"fa fa-search\"\r\n                                          aria-hidden=\"true\"\r\n                                          style={{\r\n                                            fontSize: \"20px\",\r\n                                            color: \"gray\",\r\n                                            marginLeft: \"-1%\",\r\n                                            position: \"absolute\",\r\n                                            marginTop: \"0.5%\",\r\n                                          }}\r\n                                        ></i>\r\n                                        <input\r\n                                          className=\"Searchbox\"\r\n                                          placeholder=\"Search\"\r\n                                          onKeyUp={this.onKeyUp}\r\n                                          style={{\r\n                                            float: \"right\",\r\n                                            width: \"80%\",\r\n                                          }}\r\n                                        />\r\n                                        <br></br>\r\n                                        {this.state.letters.map(\r\n                                          (letter, index) => (\r\n                                            <button\r\n                                              id=\"searchfordisc\"\r\n                                              className=\"filter\"\r\n                                              key={index}\r\n                                              onClick={(event) =>\r\n                                                this.LetterHoliSearch(\r\n                                                  letter,\r\n                                                  event\r\n                                                )\r\n                                              }\r\n                                            >\r\n                                              {letter}\r\n                                            </button>\r\n                                          )\r\n                                        )}\r\n                                        <br></br>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              )}\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nexport default class DashBoard extends Component {\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                {/*  Start */}\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-lg-12\" style={{ display: \"flex\" }}>\r\n                      <div>\r\n                        <Link\r\n                          to=\"/MasterSkills\"\r\n                          type=\"button\"\r\n                          style={{ height: \"40px\", width: \"150px\" }}\r\n                          id=\"addRow\"\r\n                          className=\"btn \"\r\n                        >\r\n                          Skill Master\r\n                        </Link>\r\n                      </div>\r\n                      <div className=\"col-lg-2\">\r\n                        &nbsp;&nbsp;\r\n                        <Link\r\n                          to=\"/CategoryMaster\"\r\n                          type=\"button\"\r\n                          style={{\r\n                            position: \"absolute\",\r\n                            height: \"40px\",\r\n                            width: \"150px\",\r\n                          }}\r\n                          id=\"addRow\"\r\n                          className=\"btn \"\r\n                        >\r\n                          Category Master\r\n                        </Link>\r\n                      </div>\r\n                      <div className=\"col-lg-4\"></div>\r\n                      <div className=\"col-lg-4\"></div>\r\n                    </div>{\" \"}\r\n                  </div>\r\n                  <br />\r\n                  <br />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport \"../../Css/SkillMaster.css\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      Addskills: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      Notification: [],\r\n      skillsgun: \"\",\r\n      catedrop: \"\",\r\n\r\n      category: [],\r\n      comlogo: [],\r\n      Skillname: [],\r\n      Sort: [],\r\n      Skillfilt: [],\r\n    };\r\n\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  handleSubmit = async (e) => {\r\n    let result = await fetch(`${BASE_URLs}/Skill/post`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        SkillName: this.state.SkillName,\r\n        SkillDescription: this.state.SkillDescription,\r\n        Category: this.state.Category,\r\n      }),\r\n    });\r\n    result = await result.json();\r\n\r\n    window.alert(result.message);\r\n  };\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      } else {\r\n        msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  Multidelete(event) {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n\r\n        //Authorization: `Bearer ${JSON.parse(localStorage.user)}`\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(`${BASE_URLs}/Skill/Multidelete`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {});\r\n    // this.Team();\r\n    document\r\n      .getElementById(\"delete\")\r\n      .setAttribute(\"style\", \"visibility: hidden;\");\r\n    document\r\n      .getElementById(\"deletecount\")\r\n      .setAttribute(\"style\", \"visibility: hidden;\");\r\n    var checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n\r\n    for (var i = 0; i < checkboxes.length; i++) {\r\n      checkboxes[i].checked = false;\r\n    }\r\n    alert(\"Are you Sure You want to delete?\");\r\n    //check.checked = false;\r\n  }\r\n\r\n  GetAddSkill() {\r\n    let url = `${BASE_URLs}/Skill/GetSkills`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Addskills: data,\r\n          Sort: data,\r\n          Skillfilt: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  deleteSkill = (id) => {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteEMPS?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n      });\r\n    }\r\n  };\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetAddSkill();\r\n    this.GetSkillname();\r\n    this.Getcategory();\r\n    this.GetOrgLogo();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n\r\n  Edit(company_Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/EditSkill\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  Edit1(company_Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/EditEmpSkill\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  Getcategory() {\r\n    fetch(`${BASE_URLs}/Skill/GetCategoryDrop`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ category: data });\r\n      });\r\n  }\r\n\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n    const Addskills = this.state.Skillfilt.filter(\r\n      (item) =>\r\n        item.category.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.skillName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Addskills });\r\n  };\r\n\r\n  GetSkillname() {\r\n    fetch(`${BASE_URLs}/Skill/GetSkillNameDrop`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Skillname: data });\r\n      });\r\n  }\r\n\r\n  Sort = (e) => {\r\n    e.preventDefault();\r\n    if (e.target.value === \"1\") {\r\n      const arr = this.state.Addskills.sort((a, b) =>\r\n        a.category > b.category ? 1 : b.category > a.category ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"2\") {\r\n      const arr = this.state.Addskills.sort((a, b) =>\r\n        a.category < b.category ? 1 : b.category < a.category ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"3\") {\r\n      const arr = this.state.Addskills.sort((a, b) =>\r\n        a.skillName > b.skillName ? 1 : b.skillName > a.skillName ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"4\") {\r\n      const arr = this.state.Addskills.sort((a, b) =>\r\n        a.skillName < b.skillName ? 1 : b.skillName < a.skillName ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    }\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const { category } = this.state;\r\n    var filename = `O_${username}_AdminSkill`;\r\n\r\n    const { Addskills } = this.state;\r\n\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <Link onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </Link>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Skills </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n\r\n                        <br />\r\n                        <div className=\"card-block\">\r\n                          <div\r\n                            className=\"row\"\r\n                            style={{\r\n                              display: \"flex\",\r\n                              flexDirection: \"row\",\r\n                              alignItems: \"center\",\r\n                            }}\r\n                          >\r\n                            <div className=\"col-lg-2\">\r\n                              <select\r\n                                name=\"Category\"\r\n                                onChange={this.myFunction}\r\n                                id=\"myInput\"\r\n                                className=\"btn\"\r\n                                style={{\r\n                                  borderColor: \"white\",\r\n                                  color: \"white\",\r\n                                  textAlign: \"center\",\r\n                                  width: \"150px\",\r\n                                  height: \"42px\",\r\n                                }}\r\n                              >\r\n                                <option className=\"drop-options\" value=\"\">\r\n                                  category\r\n                                </option>\r\n                                {category.map((category) => (\r\n                                  <option\r\n                                    className=\"drop-options\"\r\n                                    value={category.category}\r\n                                  >\r\n                                    {category.category}\r\n                                  </option>\r\n                                ))}\r\n                              </select>\r\n                            </div>\r\n                            <div className=\"col-lg-2\">\r\n                              <Link\r\n                                to=\"/SkillMaster\"\r\n                                style={{\r\n                                  color: \"white\",\r\n                                  height: \"40px\",\r\n                                  width: \"150px\",\r\n                                }}\r\n                                className=\"btn\"\r\n                              >\r\n                                {\" \"}\r\n                                Master List\r\n                              </Link>\r\n                            </div>\r\n                            <div className=\"col-lg-2\">\r\n                              {Addskills.length === 0 ? null : (\r\n                                <ReactHTMLTableToExcel\r\n                                  className=\"but\"\r\n                                  table=\"skillsheet\"\r\n                                  filename={filename}\r\n                                  sheet=\"Sheet\"\r\n                                  buttonText=\"Export to excel\"\r\n                                  id=\"exportxl\"\r\n                                  style={{ height: \"40px\" }}\r\n                                />\r\n                              )}\r\n                            </div>\r\n                            <div className=\"col-lg-6\">\r\n                              {Addskills.length === 0 ? null : (\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyUp={this.myFunction}\r\n                                  style={{ float: \"right\", height: \"40px\" }}\r\n                                />\r\n                              )}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n\r\n                        <div\r\n                          id=\"selectalldiv\"\r\n                          style={{ visibility: \"hidden\" }}\r\n                        ></div>\r\n                        <br />\r\n                        <br />\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"on\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.Multidelete}\r\n                          >\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: \"hidden\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                            ></span>\r\n                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                            {Addskills.length === 0 ? null : (\r\n                              <table id=\"skillsheet\" className=\"table  nowrap\">\r\n                                <thead>\r\n                                  <tr>\r\n                                    <th>\r\n                                      {\" \"}\r\n                                      <input\r\n                                        type=\"checkbox\"\r\n                                        id=\"selectall\"\r\n                                        onClick={() => {\r\n                                          this.checkAll(this);\r\n                                        }}\r\n                                      />{\" \"}\r\n                                    </th>\r\n                                    <th>\r\n                                      Category&nbsp;&nbsp;\r\n                                      <select\r\n                                        onChange={this.Sort}\r\n                                        id=\"category\"\r\n                                        className=\"btn\"\r\n                                        style={{\r\n                                          borderColor: \"white\",\r\n                                          color: \"white\",\r\n                                          textAlign: \"left\",\r\n                                          width: \"20px\",\r\n                                          padding: \"0\",\r\n                                        }}\r\n                                      >\r\n                                        <option\r\n                                          className=\"drop-options\"\r\n                                          value=\"\"\r\n                                        >\r\n                                          {\" \"}\r\n                                        </option>\r\n                                        <option\r\n                                          className=\"drop-options\"\r\n                                          value=\"1\"\r\n                                        >\r\n                                          {\" \"}\r\n                                          A-Z\r\n                                        </option>\r\n                                        <option\r\n                                          className=\"drop-options\"\r\n                                          value=\"2\"\r\n                                        >\r\n                                          {\" \"}\r\n                                          Z-A\r\n                                        </option>\r\n                                      </select>\r\n                                    </th>\r\n                                    <th>\r\n                                      Skill Name&nbsp;&nbsp;\r\n                                      <select\r\n                                        onChange={this.Sort}\r\n                                        id=\"Sort\"\r\n                                        className=\"btn\"\r\n                                        style={{\r\n                                          borderColor: \"white\",\r\n                                          color: \"white\",\r\n                                          textAlign: \"left\",\r\n                                          width: \"20px\",\r\n                                          padding: \"0\",\r\n                                        }}\r\n                                      >\r\n                                        <option\r\n                                          className=\"drop-options\"\r\n                                          value=\"\"\r\n                                        >\r\n                                          {\" \"}\r\n                                        </option>\r\n                                        <option\r\n                                          className=\"drop-options\"\r\n                                          value=\"3\"\r\n                                        >\r\n                                          {\" \"}\r\n                                          A-Z\r\n                                        </option>\r\n                                        <option\r\n                                          className=\"drop-options\"\r\n                                          value=\"4\"\r\n                                        >\r\n                                          {\" \"}\r\n                                          Z-A\r\n                                        </option>\r\n                                      </select>\r\n                                    </th>\r\n                                    <th>Action</th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {Addskills.map((skill) => (\r\n                                    <tr>\r\n                                      <td>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          name=\"Id_delete\"\r\n                                          onChange={this.handlecheckbox}\r\n                                          defaultValue={skill.id}\r\n                                        />\r\n                                      </td>\r\n                                      <td>{skill.category}</td>\r\n                                      <td>{skill.skillName}</td>\r\n                                      <td>\r\n                                        <div className=\"dropdown\">\r\n                                          <MoreVertIcon />\r\n                                          <div className=\"dropdown-content\">\r\n                                            <a\r\n                                              href\r\n                                              onClick={() =>\r\n                                                this.Edit(skill.id)\r\n                                              }\r\n                                            >\r\n                                              Edit\r\n                                            </a>\r\n                                            <span\r\n                                              style={{ cursor: \"cursor\" }}\r\n                                              onClick={() =>\r\n                                                this.deleteSkill(skill.id)\r\n                                              }\r\n                                            >\r\n                                              {\" \"}\r\n                                              Delete{\" \"}\r\n                                            </span>\r\n                                          </div>\r\n                                        </div>\r\n                                      </td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            )}{\" \"}\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import $ from \"jquery\";\r\nimport React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\n/////Skill master  page to display from button\r\n\r\n$(document).ready(function () {\r\n  $(\".notfound\").hide();\r\n\r\n  // Search User columns\r\n  $(\"#myInpcccut1\").keyup(function () {\r\n    // Search Text\r\n    var search = $(this).val();\r\n\r\n    // Hide all table tbody rows\r\n    $(\"table tbody tr\").hide();\r\n\r\n    // Count total search result\r\n    var len = $(\r\n      'table tbody tr:not(.notfound) td:contains(\"' + search + '\")'\r\n    ).length;\r\n\r\n    if (len > 0) {\r\n      // Searching text in columns and show match row\r\n      $('table tbody tr:not(.notfound) td:contains(\"' + search + '\")').each(\r\n        function () {\r\n          $(this).closest(\"tr\").show();\r\n        }\r\n      );\r\n    } else {\r\n      $(\".notfound\").show();\r\n    }\r\n  });\r\n\r\n  $.expr[\":\"].contains = $.expr.createPseudo(function (arg) {\r\n    return function (elem) {\r\n      return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;\r\n    };\r\n  });\r\n});\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      Addskills: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      Notification: [],\r\n      skillsgun: \"\",\r\n      catedrop: \"\",\r\n      category: [],\r\n      comlogo: [],\r\n      Skillname: [],\r\n      Sort: [],\r\n      Skillfilt: [],\r\n    };\r\n\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  handleSubmit = async (e) => {\r\n    //const data = new FormData(e.target);\r\n    let result = await fetch(`${BASE_URLs}/Skill/post`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        SkillName: this.state.SkillName,\r\n        SkillDescription: this.state.SkillDescription,\r\n        Category: this.state.Category,\r\n      }),\r\n    });\r\n    result = await result.json();\r\n\r\n    window.alert(result.message);\r\n  };\r\n\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n    const Skillfilt = this.state.Addskills.filter(\r\n      (item) =>\r\n        item.category.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.skillName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Skillfilt });\r\n  };\r\n\r\n  GetSkill() {\r\n    let url = `${BASE_URLs}/Skill/Get`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          skills: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetAddSkill() {\r\n    let url = `${BASE_URLs}/Skill/MasterGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Addskills: data,\r\n          Sort: data,\r\n          Skillfilt: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  deleteSkill = (id) => {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteEMPS?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n      });\r\n    }\r\n  };\r\n\r\n  DeleteEMPSkill = (id) => {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteEMPSkill?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n      });\r\n    }\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetSkill();\r\n    this.GetAddSkill();\r\n    this.GetSkillname();\r\n    this.Getcategory();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n\r\n  Edit(company_Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/EditSkill\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  Edit1(company_Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/EditEmpSkill\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  Getcategory() {\r\n    fetch(`${BASE_URLs}/Skill/GetCategoryDrop`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ category: data });\r\n      });\r\n  }\r\n  GetSkillname() {\r\n    fetch(`${BASE_URLs}/Skill/GetSkillNameDrop`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Skillname: data });\r\n      });\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML =\r\n          \"<span> \" + count + \" Skills are added to your list </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          \"<span> \" +\r\n          checkboxes.length +\r\n          \" Skills are added to your list </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"AddSkills\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML =\r\n          \"<span> \" + count + \" Skills are added to your list </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  Multidelete(event) {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(`${BASE_URLs}/Skill/AddEmpSuperSkill`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        alert(data.message);\r\n      });\r\n    // this.Team();\r\n    document\r\n      .getElementById(\"delete\")\r\n      .setAttribute(\"style\", \"visibility: hidden;\");\r\n    document\r\n      .getElementById(\"deletecount\")\r\n      .setAttribute(\"style\", \"visibility: hidden;\");\r\n    var checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n\r\n    for (var i = 0; i < checkboxes.length; i++) {\r\n      checkboxes[i].checked = false;\r\n    }\r\n  }\r\n\r\n  Sort = (e) => {\r\n    e.preventDefault();\r\n    if (e.target.value === \"1\") {\r\n      const arr = this.state.Skillfilt.sort((a, b) =>\r\n        a.category > b.category ? 1 : b.category > a.category ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"2\") {\r\n      const arr = this.state.Skillfilt.sort((a, b) =>\r\n        a.category < b.category ? 1 : b.category < a.category ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"3\") {\r\n      const arr = this.state.Skillfilt.sort((a, b) =>\r\n        a.skillName > b.skillName ? 1 : b.skillName > a.skillName ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"4\") {\r\n      const arr = this.state.Skillfilt.sort((a, b) =>\r\n        a.skillName < b.skillName ? 1 : b.skillName < a.skillName ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const { category } = this.state;\r\n    const { Skillfilt } = this.state;\r\n    //var filename = `O_${username}_Skill`\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <h4 className=\"title\">Skills </h4>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          <div\r\n                            className=\"row\"\r\n                            style={{\r\n                              display: \"flex\",\r\n                              flexDirection: \"row\",\r\n                              alignItems: \"center\",\r\n                            }}\r\n                          >\r\n                            <div className=\"col-lg-2\">\r\n                              <select\r\n                                name=\"Category\"\r\n                                onChange={this.myFunction}\r\n                                id=\"myInput\"\r\n                                className=\"btn\"\r\n                                style={{\r\n                                  borderColor: \"white\",\r\n                                  color: \"white\",\r\n                                  textAlign: \"center\",\r\n                                  width: \"150px\",\r\n                                  height: \"42px\",\r\n                                }}\r\n                              >\r\n                                <option className=\"drop-options\" value=\"\">\r\n                                  All\r\n                                </option>\r\n                                {category.map((category) => (\r\n                                  <option\r\n                                    className=\"drop-options\"\r\n                                    value={category.category}\r\n                                  >\r\n                                    {category.category}\r\n                                  </option>\r\n                                ))}\r\n                              </select>\r\n                            </div>\r\n                            <div className=\"col-lg-2\"></div>\r\n                            <div className=\"col-lg-2\"></div>\r\n                            <div className=\"col-lg-6\">\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                onKeyUp={this.myFunction}\r\n                                style={{ float: \"right\" }}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          >\r\n                            &nbsp;&nbsp;\r\n                          </div>\r\n\r\n                          <form onSubmit={this.Multidelete}>\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: \"hidden\" }}\r\n                            >\r\n                              Delete\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                            ></span>\r\n                            <div\r\n                              id=\"base-style_filter\"\r\n                              className=\"dataTables_filter\"\r\n                            >\r\n                              <div className=\"dt-responsive table-responsive\">\r\n                                {Skillfilt.length === 0 ? null : (\r\n                                  <table\r\n                                    id=\"skillsheet\"\r\n                                    className=\"table  nowrap\"\r\n                                  >\r\n                                    <thead>\r\n                                      <tr>\r\n                                        <th>\r\n                                          {\" \"}\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"selectall\"\r\n                                            onClick={() => {\r\n                                              this.checkAll(this);\r\n                                            }}\r\n                                          />{\" \"}\r\n                                        </th>\r\n                                        <th>\r\n                                          Category &nbsp;&nbsp;\r\n                                          <select\r\n                                            onChange={this.Sort}\r\n                                            id=\"category\"\r\n                                            className=\"btn\"\r\n                                            style={{\r\n                                              borderColor: \"white\",\r\n                                              color: \"white\",\r\n                                              textAlign: \"left\",\r\n                                              width: \"20px\",\r\n                                              padding: \"0\",\r\n                                            }}\r\n                                          >\r\n                                            <option\r\n                                              className=\"drop-options\"\r\n                                              value=\"\"\r\n                                            >\r\n                                              {\" \"}\r\n                                            </option>\r\n                                            <option\r\n                                              className=\"drop-options\"\r\n                                              value=\"1\"\r\n                                            >\r\n                                              {\" \"}\r\n                                              A-Z\r\n                                            </option>\r\n                                            <option\r\n                                              className=\"drop-options\"\r\n                                              value=\"2\"\r\n                                            >\r\n                                              {\" \"}\r\n                                              Z-A\r\n                                            </option>\r\n                                          </select>\r\n                                        </th>\r\n                                        <th>\r\n                                          Skill Name&nbsp;&nbsp;\r\n                                          <select\r\n                                            onChange={this.Sort}\r\n                                            id=\"Sort\"\r\n                                            className=\"btn\"\r\n                                            style={{\r\n                                              borderColor: \"white\",\r\n                                              color: \"white\",\r\n                                              textAlign: \"left\",\r\n                                              width: \"20px\",\r\n                                              padding: \"0\",\r\n                                            }}\r\n                                          >\r\n                                            <option\r\n                                              className=\"drop-options\"\r\n                                              value=\"\"\r\n                                            >\r\n                                              {\" \"}\r\n                                            </option>\r\n                                            <option\r\n                                              className=\"drop-options\"\r\n                                              value=\"3\"\r\n                                            >\r\n                                              {\" \"}\r\n                                              A-Z\r\n                                            </option>\r\n                                            <option\r\n                                              className=\"drop-options\"\r\n                                              value=\"4\"\r\n                                            >\r\n                                              {\" \"}\r\n                                              Z-A\r\n                                            </option>\r\n                                          </select>\r\n                                        </th>\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                      {Skillfilt.map((skill) => (\r\n                                        <tr>\r\n                                          <td>\r\n                                            {\" \"}\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              name=\"AddSkills\"\r\n                                              onChange={this.handlecheckbox}\r\n                                              defaultValue={skill.id}\r\n                                            />\r\n                                          </td>\r\n                                          <td>{skill.category}</td>\r\n                                          <td>{skill.skillName}</td>\r\n                                        </tr>\r\n                                      ))}\r\n                                    </tbody>\r\n                                  </table>\r\n                                )}\r\n                              </div>\r\n                            </div>\r\n                            <br />\r\n\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/TeamExl.1ea03ccf.xlsx\";","export default \"data:image/png;base64,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\"","import React, { Component } from \"react\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport $ from \"jquery\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"../../Css/Team.css\";\r\nimport Templateexcel from \"../../Assets/Files/TeamExl.xlsx\";\r\nimport LoadingPage from \"../../Common/LoadingPage\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport DataTable from 'react-data-table-component';\r\nimport \"../../Css/excel.css\";\r\nimport axios from \"axios\";\r\nimport Profile from \"../../Assets/images/Avatar.png\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class Team extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      rows: [],\r\n      cols: [],\r\n      Team: [],\r\n      Teams: [],\r\n      XlTeam: [],\r\n      Notification: [],\r\n      Id_delete: \"\",\r\n      ExistEmail: [],\r\n      currentSheet: {},\r\n      comlogo: [],\r\n      initialData: undefined,\r\n      xlmty: \"\",\r\n      SelectedNames: [],\r\n      loading: false,\r\n      loader:true,\r\n      dispinvite: false,\r\n      cancelOption: false,\r\n      Filterpop: false,\r\n      ShowInvite:false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      filterValue: '',\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showInvite: false,\r\n      inviteCount: 0,\r\n      showDeleteCount: false,\r\n      dispinvite: false,\r\n      selectAllChecked: false,\r\n      delay: false,\r\n      UserLogo: [],\r\n      AllUserLogo: [],\r\n      shouldClickButton3: false,\r\n      Allteamdetailsdata: [],\r\n      Allteamdetailsdata1: [],\r\n      NonAccessdata: [],\r\n      currentPage: 1,\r\n      itemsPerPage: 8,\r\n    };\r\n    this.initialState = this.state;\r\n  }\r\n  handleClickPage = (event, pageNumber) => {\r\n    event.preventDefault();\r\n    this.setState({ currentPage: pageNumber });\r\n  };\r\n  handleClickLink = () => {\r\n    this.setState({ shouldClickButton3: true });\r\n  };\r\n  changeHandler = (event) => {\r\n    let fileObj = event.target.files[0];\r\n\r\n    ExcelRenderer(fileObj, (err, resp) => {\r\n      if (err) {\r\n      } else {\r\n        this.setState({\r\n          cols: resp.cols,\r\n          rows: resp.rows,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  handleItemsPerPageChange = (e) => {\r\n    const itemsPerPage = parseInt(e.target.value, 10);\r\n    this.setState({ itemsPerPage, currentPage: 1 });\r\n  };\r\n\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n\r\n  openteamgrid(Id, aspnetId, email) {\r\n    var page = {\r\n      pathname: \"/Teamgriddetails\",\r\n      state: {\r\n        Id: Id,\r\n        aspnetId: aspnetId,\r\n        Email : email\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  containsEmailAddress(element) {\r\n    // Traverse up the DOM tree to check for email address in element or its ancestors\r\n    while (element) {\r\n        // Check if the element's content or attribute contains an email pattern\r\n        if (element.innerText && /\\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}\\b/i.test(element.innerText)) {\r\n            return true; // Found an email address\r\n        }\r\n        element = element.parentElement; // Move up to the parent element\r\n    }\r\n    return false; // No email address found\r\n}\r\n\r\n\r\n  Team() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeam`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n       const Idfilterdata = data.sort((a, b) => parseInt(a.teamId) - parseInt(b.teamId));\r\n        const firstnamefilterdata =  Idfilterdata.sort((a, b) => {\r\n          const teamIdA = a.firstName.toUpperCase();\r\n          const teamIdB = b.firstName.toUpperCase();\r\n    \r\n          if (teamIdA < teamIdB) {\r\n            return -1;\r\n          }\r\n          if (teamIdA > teamIdB) {\r\n            return 1;\r\n          }\r\n          return 0;\r\n        });\r\n        this.setState({\r\n          Team: firstnamefilterdata,\r\n          Teams: firstnamefilterdata,\r\n        });\r\n\r\n        console.log(\"Team\", firstnamefilterdata)\r\n      });\r\n  }\r\n\r\n  TopId = () => {\r\n    const sortedData = [...this.state.Team].sort((a, b) => parseInt(a.teamId) - parseInt(b.teamId));\r\n    this.setState({ Team: sortedData });\r\n  };\r\n\r\n  DownId = () => {\r\n    const sortedData = [...this.state.Team].sort((a, b) => parseInt(b.teamId) - parseInt(a.teamId));\r\n    this.setState({ Team: sortedData });\r\n  };\r\n\r\n  DownName = () => {\r\n    const sortedData = [...this.state.Team].sort((a, b) => b.firstName.localeCompare(a.firstName));\r\n    this.setState({ Team: sortedData });\r\n  };\r\n\r\n  TopName = () => {\r\n    const sortedData = [...this.state.Team].sort((a, b) => a.firstName.localeCompare(b.firstName));\r\n    this.setState({ Team: sortedData });\r\n  };\r\n\r\n  TopStatus = () => {\r\n    const sortedData = [...this.state.Team].sort((a, b) => parseInt(a.invite) - parseInt(b.invite));\r\n    this.setState({ Team: sortedData });\r\n  };\r\n\r\n  DownStatus = () => {\r\n    const sortedData = [...this.state.Team].sort((a, b) => parseInt(b.invite) - parseInt(a.invite));\r\n    this.setState({ Team: sortedData });\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  onKeyUp = (e) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"invite\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.handleFilter(e, e.target.value);\r\n  };\r\n\r\n  componentWillMount() {\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").click(function () {\r\n        $(\"#add-row\").hide();\r\n      });\r\n      $(\"#addBtn\").click(function () {\r\n        $(\"#add-row\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").hide();\r\n    });\r\n    // Search User columns\r\n\r\n    $(\"#searchorg\").keyup(function () {\r\n      // Search Text\r\n      var search = $(this).val();\r\n\r\n      // Hide all table tbody rows\r\n      $(\"table tbody tr\").hide();\r\n\r\n      // Count total search result\r\n      var len = $(\r\n        'table tbody tr:not(.notfound) td:contains(\"' + search + '\")'\r\n      ).length;\r\n\r\n      if (len > 0) {\r\n        // Searching text in columns and show match row\r\n        $('table tbody tr:not(.notfound) td:contains(\"' + search + '\")').each(\r\n          function () {\r\n            $(this).closest(\"tr\").show();\r\n          }\r\n        );\r\n      } else {\r\n        $(\".notfound\").show();\r\n      }\r\n    });\r\n  }\r\n\r\n  GetExistEmail() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetExistEmail`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ ExistEmail: data });\r\n      });\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n\r\n    setTimeout(() => {\r\n      this.setState({ delay: true })\r\n    }, 2000);\r\n\r\n    setTimeout(() => {\r\n      this.setState({ loader:false })\r\n    }, 2000);\r\n\r\n    $(\"#add-row\").click(function () {\r\n      $(\"#add-row\").hide();\r\n    });\r\n    $(\"#addBtn\").click(function () {\r\n      $(\"#add-row\").show();\r\n    });\r\n    // this.GetNonAccess();\r\n    this.GetOrgLogo();\r\n    this.GetUserLogo();\r\n    this.Team();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  componentWillMount() {\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").click(function () {\r\n        $(\"#add-row\").hide();\r\n      });\r\n\r\n      $(\"#addBtn\").click(function () {\r\n        $(\"#add-row\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").hide();\r\n    });\r\n  }\r\n\r\n  submit = (Email, firstName, lastName, Id, dn) => {\r\n    const { SelectedNames } = this.state;\r\n\r\n    SelectedNames.forEach((row) => {\r\n      this.setState({ loading: true });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: JSON.stringify({\r\n          Email: row.email,\r\n          firstName: row.firstName,\r\n          lastName: row.lastName,\r\n          Id: row.id,\r\n          displayName: row.displayName,\r\n        }),\r\n      };\r\n      fetch(`${BASE_URLs}/Team/SendEmail`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({ loading: false, showInvite:true });\r\n          } else {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({ loading: false, showInvite:true,dispinvite:false });\r\n          }\r\n          this.Team();\r\n        });\r\n    });\r\n\r\n    // console.log(\r\n    //   \"Email, firstName, lastName, Id, dn\",\r\n    //   Email,\r\n    //   firstName,\r\n    //   lastName,\r\n    //   Id,\r\n    //   dn\r\n    // );\r\n  };\r\n\r\n  Edit1(Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/EditTeam\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n  Detail1(Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/Teamdetail\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    // console.log(\"checking\", Id);\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  reSubmit = (Email, firstName, lastName, Id, dn) => {\r\n    this.setState({ loading: true });\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Email: Email,\r\n        firstName: firstName,\r\n        lastName: lastName,\r\n        Id: Id,\r\n        displayName: dn,\r\n      }),\r\n    };\r\n    fetch(`${BASE_URLs}/Team/ReSendEmail`, options)\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.setState({ loading: false });\r\n        } else {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.setState({ loading: false });\r\n        }\r\n        this.Team();\r\n      });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var sa = document.getElementById(\"selectall\");\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    // if()\r\n    let SelectedNames = [...this.state.SelectedNames];\r\n\r\n    for (var j = 0; j < this.state.Team.length; j++) {\r\n      if (sa.checked) {\r\n        let obj = SelectedNames.includes(this.state.Team[j].firstName);\r\n        if (!obj) {\r\n          SelectedNames.push(this.state.Team[j].firstName);\r\n        }\r\n      } else {\r\n        SelectedNames.splice(j);\r\n      }\r\n      this.setState({ SelectedNames });\r\n    }\r\n\r\n    let inviteCount = [];\r\n    this.state.Team.map((d) => {\r\n      if (d.invite === 1) {\r\n        return null;\r\n      } else {\r\n        return inviteCount.push(d);\r\n      }\r\n    });\r\n\r\n    let count = checkboxes.length;\r\n    let countinvite = inviteCount.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"invite\")\r\n          .setAttribute(\"style\", \"visibility: visible;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7); margin-top: -1px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n\r\n        // document.getElementById(\"invite\").setAttribute('style', 'visibility:visible ;');\r\n        // document.getElementById(\"invitecount\").setAttribute('style', 'visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);');\r\n        // var msg = document.getElementById(\"invitecount\")\r\n\r\n        if (countinvite === 0) {\r\n          msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n          this.setState({\r\n            dispinvite: false,\r\n          });\r\n        } else {\r\n          msg.innerHTML =\r\n            \"<span> \" +\r\n            count +\r\n            \" selected </span> \" +\r\n            \"<br />\" +\r\n            \"<span> \" +\r\n            countinvite +\r\n            \" Invite </span> \";\r\n          this.setState({\r\n            dispinvite: true,\r\n          });\r\n        }\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"invite\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n  onesubmit = (Email, firstName, lastName, Id, dn) => {\r\n    this.setState({ loading: true });\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Email: Email,\r\n        firstName: firstName,\r\n        lastName: lastName,\r\n        Id: Id,\r\n        displayName: dn,\r\n      }),\r\n    };\r\n    fetch(`${BASE_URLs}/Team/SendEmail`, options)\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.setState({ loading: false, showInvite:true });\r\n        } else {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.setState({ loading: false });\r\n          this.setState({showInvite: true});\r\n        }\r\n        this.Team();\r\n      });\r\n  };\r\n\r\n  // handleFilter = (letter, event) => {\r\n  //   event.preventDefault();\r\n  //   const Team = this.state.Teams.filter((item) => {\r\n  //     return (\r\n  //       item.displayName.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n  //       item.email.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n  //       item.department.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n  //       item.designation.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n  //       item.role.charAt(0).toLowerCase() === letter.toLowerCase()\r\n  //     );\r\n  //   });\r\n  //   this.setState({ Team, showResults: true, FilterData: Team });\r\n  // };\r\n  handleFilter = (event, letters) => {\r\n    const { Teams } = this.state; // Use originalRecords for filtering\r\n    const filterValue = Teams.filter(row => {\r\n      // Check if the row's businessUnit contains all the specified letters\r\n      return letters.split('').every(letter => row.firstName.toLowerCase().includes(letter.toLowerCase()));\r\n    });\r\n\r\n    // Update the state with the filtered data\r\n    this.setState({ Team: filterValue });\r\n  }\r\n\r\n  handleLetterFilter = (event, letters) => {\r\n    const { Teams } = this.state; // Use originalRecords for filtering\r\n    const filterValue = Teams.filter(row => {\r\n      // Check if the row's businessUnit contains all the specified letters\r\n      return letters.split('').every(letter => row.firstName.toLowerCase().startsWith(letter.toLowerCase()));\r\n    });\r\n\r\n    // Update the state with the filtered data\r\n    this.setState({ Team: filterValue });\r\n  }\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n\r\n    this.setState({ SelectedNames: selectedRows });\r\n\r\n    // Calculate counts based on selected rows\r\n    const inviteCount = selectedRows.filter(row => row.invite !== 1).length;\r\n    const hasCommonValue = inviteCount > 0;\r\n\r\n    this.setState({\r\n      showSelectAll: selectedRows.length >= 2,\r\n      // showDelete: selectedRows.length >= 1,\r\n      // showInvite: selectedRows.length >= 1,\r\n      inviteCount: inviteCount,\r\n      showDeleteCount: selectedRows.length > 0,\r\n      dispinvite: hasCommonValue\r\n    });\r\n  };\r\n\r\n\r\n\r\n\r\n\r\n  // handlecheckbox(name) {\r\n  //   //\r\n  //   let SelectedNames = [...this.state.SelectedNames];\r\n  //   let obj = SelectedNames.includes(name);\r\n  //   // Add item to it\r\n  //   if (!obj) {\r\n  //     SelectedNames.push(name);\r\n  //   } else {\r\n  //     var index = SelectedNames.indexOf(name);\r\n  //     SelectedNames.splice(index, 1);\r\n  //   }\r\n  //   // Set state\r\n\r\n  //   this.setState({ SelectedNames });\r\n\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     let inviteCount = [];\r\n  //     this.state.Team.map((d) => {\r\n  //       if (d.invite === 1) {\r\n  //         return null;\r\n  //       } else {\r\n  //         return inviteCount.push(d);\r\n  //       }\r\n  //     });\r\n  //     //   const checkboxes = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //     const checkedValues = [];\r\n\r\n  //     checkboxes.forEach((checkbox) => {\r\n  //       if (checkbox.checked) {\r\n  //         checkedValues.push(checkbox.value);\r\n  //       }\r\n  //     });\r\n\r\n  //     let inviteUserId = [];\r\n\r\n  //     inviteCount.map((d) => {\r\n  //       return inviteUserId.push(d.id.toString());\r\n  //     });\r\n\r\n  //     let hasCommonValue = false;\r\n\r\n  //     for (let i = 0; i < inviteUserId.length; i++) {\r\n  //       if (checkedValues.includes(inviteUserId[i])) {\r\n  //         hasCommonValue = true;\r\n  //         break; // Exit the loop as soon as a common value is found\r\n  //       }\r\n  //     }\r\n\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //     document\r\n  //       .getElementById(\"invite\")\r\n  //       .setAttribute(\"style\", \"visibility: visible;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n  //       );\r\n  //     let countinvite = inviteCount.length;\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n  //     } else {\r\n  //       if (countinvite !== 0 && hasCommonValue === true) {\r\n  //         msg.innerHTML =\r\n  //           \"<span> \" +\r\n  //           checkboxes.length +\r\n  //           \" selected </span> \" +\r\n  //           \"<br />\" +\r\n  //           \"<span> \" +\r\n  //           inviteUserId.filter((element) => checkedValues.includes(element))\r\n  //             .length +\r\n  //           \" Invite </span> \";\r\n\r\n  //         this.setState({\r\n  //           dispinvite: true,\r\n  //         });\r\n  //       } else {\r\n  //         msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n  //         this.setState({\r\n  //           dispinvite: false,\r\n  //         });\r\n  //       }\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"invite\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n\r\n    // Construct FormData with row IDs\r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append('id_delete[]', row.id); // Assuming 'id' is the key for the row's identifier\r\n    });\r\n\r\n    // console.log(\"FormData:\", data);\r\n\r\n    // Calculate the value to display in the confirmation dialog\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].displayName : this.state.SelectedNames.length;\r\n\r\n    // Show confirmation dialog\r\n    if (window.confirm(\"Are you sure you want to delete \" + value + \" records permanently?\")) {\r\n      // Prepare options for the fetch request\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          'Authorization': `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      // Send the delete request to the backend\r\n      fetch(`${BASE_URLs}/Team/Multidelete`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          // Handle success response (if needed)\r\n          this.Team();\r\n          toast.success(data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n            onClose: () => {\r\n              window.location.reload(true);\r\n            }\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          // Handle error response (if needed)\r\n          // console.error('Error:', error);\r\n        });\r\n\r\n      // Reset state after deletion\r\n      this.setState({\r\n        showDelete: false,\r\n        showInvite: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false, // Reset the select all checkbox state\r\n      });\r\n    }\r\n\r\n    // Reload the page\r\n    // window.location.reload(true);\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n\r\n    // if (!userPassword) {\r\n    //   alert(\"Please fill Password\");\r\n    //   return;\r\n    // }\r\n    this.state.Teams.map((d) => {\r\n      if (/\\d/.test(d.firstName)) {\r\n        return alert(`The firstName ${d.firstName} contains a number.`);\r\n      }\r\n    })\r\n    // else\r\n    // {\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Team/Excelroot`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (typeof resp === \"string\") {\r\n            alert(resp);\r\n          } else {\r\n            if (resp === undefined) {\r\n              alert(\"0  Records  inserted \");\r\n            }\r\n            if (resp === 0) {\r\n\r\n              alert(\"Records added Successfully\");\r\n            } else {\r\n              alert(\r\n                resp > 1 ?\r\n                  +resp + \" Records not inserted, Email or Id is already exists\"\r\n                  : +resp + \" Record not inserted, Email or Id is already exists\"\r\n              );\r\n            }\r\n          }\r\n\r\n          this.Team();\r\n          this.setState({ initialData: undefined });\r\n          this.setState({ currentSheet: {} });\r\n          var file = document.getElementById(\"files\");\r\n          var emptyFile = document.createElement(\"input\");\r\n          emptyFile.type = \"file\";\r\n          file.files = emptyFile.files;\r\n        });\r\n    } catch (error) { }\r\n    // }\r\n    // })\r\n\r\n    //   this.state.Teams.map((d) => {\r\n    //     if (/\\d/.test(d.firstName)) {\r\n    //         // Do something if the firstName contains a number\r\n    //         // console.log(`The firstName ${d.firstName} contains a number.`);\r\n    //     } else {\r\n    // try {\r\n    //   const data = new FormData(event.target);\r\n    //   fetch(`${BASE_URLs}/Team/Excelroot`, {\r\n    //     method: \"POST\",\r\n    //     headers: {\r\n    //       \"Access-Control-Allow-Origin\": \"*\",\r\n    //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n    //       \"Access-Control-Allow-Origin\": \"*\",\r\n    //       Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n    //     },\r\n    //     body: data,\r\n    //   })\r\n    //     .then((res) => res.json())\r\n    //     .then((resp) => {\r\n    //       if (typeof resp === \"string\") {\r\n    //         alert(resp);\r\n    //       } else {\r\n    //         if (resp === undefined) {\r\n    //           alert(\"0  Records  inserted \");\r\n    //         }\r\n    //         if (resp === 0) {\r\n    //           alert(\"Records added Successfully\");\r\n    //         } else {\r\n    //           alert(\r\n    //             +resp + \" Records not inserted, Email or Id is already exists\"\r\n    //           );\r\n    //         }\r\n    //       }\r\n\r\n    //       this.Team();\r\n    //       this.setState({ initialData: undefined });\r\n    //       this.setState({ currentSheet: {} });\r\n    //       var file = document.getElementById(\"files\");\r\n    //       var emptyFile = document.createElement(\"input\");\r\n    //       emptyFile.type = \"file\";\r\n    //       file.files = emptyFile.files;\r\n    //     });\r\n    // } catch (error) {}\r\n    // }\r\n    // });\r\n\r\n  };\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\", { autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        // console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"emp\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetUserLogo() {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    axios.get(`${BASE_URLs}/Team/GetUsersLogo`, options)\r\n      .then((response) => {\r\n        this.setState({\r\n          UserLogo: response.data,\r\n          AllUserLogo: response.data,\r\n        });\r\n        // console.log(\"UsersLogo\", response.data);\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching\", error);\r\n      });\r\n  }\r\n\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n\r\n  // excelvalidation(){\r\n  //   var fstn=document.getElementById(\"fn\").value;\r\n  //   var lstn=document.getElementById(\"ln\").value;\r\n  //   var eml= document.getElementById(\"el\").value;\r\n  //   var mbl= document.getElementById(\"mb\").value;\r\n  //   var rol= document.getElementById(\"ro\").value;\r\n  //   var dpmt= document.getElementById(\"dpt\").value;\r\n  //   var dsgn= document.getElementById(\"dsg\").value;\r\n  //   var rptm= document.getElementById(\"rm\").value;\r\n  //   var office= document.getElementById(\"ofl\").value;\r\n  //   var jod= document.getElementById(\"jd\").value;\r\n  //   var dpln= document.getElementById(\"dn\").value;\r\n\r\n  //   if(fstn==null){\r\n  //     alert(\"firstname is empty\");\r\n  //     return false;\r\n  //   }\r\n  //   else if(fstn.length>0){\r\n  //     return true;\r\n  //   }\r\n  //   else if(lstn==null){\r\n  //     alert(\"lastname is empty\");\r\n  //     return false;\r\n  //   }\r\n  //   else if(lstn.length>0){\r\n  //     return true;\r\n  //   }\r\n  //   else if(eml==null){\r\n  //     alert(\"email is empty\");\r\n  //     return false;\r\n  //   }\r\n  //   else if(eml.length>0){\r\n  //     return true;\r\n  //   }\r\n\r\n  // }\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", id);\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          //'Accept': 'application/json',\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Team/Multidelete`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.Team();\r\n          toast.success(data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n            onClose: () => {\r\n              window.location.reload(true);\r\n            }\r\n          });\r\n        });\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll('input[type=\"checkbox\"]:checked');\r\n      checkboxes.forEach((checkbox) => {\r\n        checkbox.checked = false;\r\n      });\r\n\r\n    }\r\n    // window.location.reload(true);\r\n  };\r\n\r\n  conditionalRowStyles = (row, rowIndex) => {\r\n    return {\r\n      display: row.firstName ? 'none' : 'table-row' // Hide rows with a value in the firstName column\r\n    };\r\n  };\r\n\r\n  render() {\r\n    const customStyles = {\r\n      headCells: {\r\n        style: {\r\n          flex: \"0.5\"\r\n        }\r\n      },\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"  // Make header text bold\r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\",\r\n          borderBottom: \"1px solid #ccc\",\r\n          wordBreak: \"normal\"\r\n        },\r\n      },\r\n\r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\"\r\n          },\r\n        },\r\n      },\r\n    };\r\n\r\n    const columns = [\r\n      {\r\n        selector: row => row.teamId,\r\n        id: \"isheader\",\r\n        grow: 0.5,\r\n        sortable: false,\r\n        name: (\r\n          <div>\r\n            Id{\" \"}\r\n            <span>\r\n              <i\r\n                onClick={this.TopId}\r\n                title=\"A-Z for Id\"\r\n                className=\"icofont icofont-arrow-up\"\r\n              ></i>{\" \"}\r\n              <i\r\n                title=\"Z-A for Id\"\r\n                onClick={this.DownId}\r\n                className=\"icofont icofont-arrow-down\"\r\n              ></i>\r\n            </span>\r\n          </div>\r\n        ),\r\n        cell: row => (\r\n          <div onClick={() =>{}\r\n            // this.Detail1(row.id)\r\n          }>\r\n            {row.teamId} {/* Assuming you want to display the teamId */}\r\n          </div>\r\n        )\r\n      },\r\n      {\r\n        name: (\r\n          <div style={{ display: \"contents\" }}>\r\n            Name{\" \"}\r\n            <span\r\n              style={{ display: \"flex\", wordBreak: \"normal\" }}\r\n            >\r\n              <i\r\n                onClick={this.TopName}\r\n                title=\"A-Z for Id\"\r\n                className=\"icofont icofont-arrow-up\"\r\n              ></i>{\" \"}\r\n              <i\r\n                title=\"Z-A for Id\"\r\n                onClick={this.DownName}\r\n                className=\"icofont icofont-arrow-down\"\r\n              ></i>\r\n            </span>\r\n          </div>\r\n        ),\r\n        selector: row => row.displayName,\r\n        grow: 0.5,\r\n        sortable: false,\r\n        cell: row => (\r\n          <div onClick={() =>{}\r\n            // this.Detail1(row.id)\r\n          } style={{ textTransform: \"uppercase\" }}>\r\n            {row.displayName} {/* Assuming you want to display the teamId */}\r\n          </div>\r\n        )\r\n      },\r\n      {\r\n        name: 'Email',\r\n        selector: row => row.email,\r\n        grow: 2,\r\n        sortable: false,\r\n        cell: row => <span style={{ textTransform: \"uppercase\", wordBreak: \"breakWord\", display: \"contents\" }}>{row.email}</span>,\r\n\r\n      },\r\n      {\r\n        name: 'Role',\r\n        grow: 0.5,\r\n        selector: row => row.role,\r\n        sortable: false,\r\n        cell: row => <span style={{ textTransform: \"uppercase\" }}>{row.role}</span>,\r\n\r\n      },\r\n      {\r\n        name: (\r\n          <div style={{ display: \"contents\" }}>\r\n            Status{\" \"}\r\n            <span style={{ display: \"flex\", wordBreak: \"normal\" }}>\r\n              <i\r\n                onClick={this.TopStatus}\r\n                title=\"A-Z for Id\"\r\n                className=\"icofont icofont-arrow-up\"\r\n              ></i>{\" \"}\r\n              <i\r\n                title=\"Z-A for Id\"\r\n                onClick={this.DownStatus}\r\n                className=\"icofont icofont-arrow-down\"\r\n              ></i>\r\n            </span>\r\n          </div>\r\n        ),\r\n        selector: row => row.status,\r\n        sortable: false,\r\n        grow: 1,\r\n        cell: row => (\r\n          <b>\r\n            {row.status === 1\r\n              ? 'Active'\r\n              : row.status === 2 && row.invite === 0\r\n                ? <>\r\n                  <span\r\n                    className=\"invitebtn\"\r\n                    onClick={() =>\r\n                      this.onesubmit(\r\n                        row.email,\r\n                        row.firstName,\r\n                        row.lastName,\r\n                        row.id,\r\n                        row.displayName\r\n                      )\r\n                    }\r\n                    \r\n                  >\r\n                    Invite\r\n                  </span>\r\n                </>\r\n                : row.invite === 1 && row.status === 2\r\n                  ? <>\r\n                    <span>Pending</span> /{\" \"}\r\n                    <span\r\n                      className=\"pendingbtn\"\r\n                      id=\"Resend\"\r\n                      onClick={() =>\r\n                        this.reSubmit(\r\n                          row.email,\r\n                          row.firstName,\r\n                          row.lastName,\r\n                          row.id,\r\n                          row.displayName\r\n                        )\r\n                      }\r\n                    >\r\n                      Resend\r\n                    </span>\r\n                  </>\r\n                  : row.status === 3\r\n                    ? 'Terminate'\r\n                    : 'Inactive'}\r\n          </b>\r\n        )\r\n      },\r\n      // {\r\n      //   name: 'Action',\r\n      //   grow: 0,\r\n      //   cell: row => (\r\n      //     <div>\r\n      //       <button\r\n      //         className=\"button-30 sk-del\"\r\n      //         onClick={(e) => {\r\n      //           e.preventDefault();\r\n      //           this.DeleteButton(row.id);\r\n      //         }}\r\n      //         title=\"Delete\"\r\n      //         style={{ marginLeft: \"-10px\" }}\r\n      //       >\r\n      //         <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n      //       </button>\r\n      //       &nbsp;&nbsp;\r\n      //       {\" \"}\r\n      //       <button\r\n      //         className=\"button-30 sk-details\"\r\n      //         title=\"Details\"\r\n      //         type=\"button\"\r\n      //         onClick={() => this.Detail1(row.id)}\r\n      //         style={{ color: \"rgb(94,217,135)\" }}\r\n      //       >\r\n      //         <i className=\"fa fa-info-circle\" aria-hidden=\"true\"></i>\r\n      //       </button>\r\n      //     </div>\r\n      //   )\r\n      // }\r\n    ];\r\n    const { Teams, comlogo, UserLogo, Allteamdetailsdata, currentPage, itemsPerPage, loader } = this.state;\r\n    const data = Teams.filter(team => team.status !== 3);\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `OAT_${username}_Team_${new Date().toDateString()}`;\r\n    const { delay, Team, Filterpop, FilterData, filterValue, showExcel,showInvite } = this.state;\r\n    const indexOfLastItem = currentPage * itemsPerPage;\r\n    const indexOfFirstItem = indexOfLastItem - itemsPerPage;\r\n    const currentItems = Team.slice(indexOfFirstItem, indexOfLastItem);\r\n    var User_Id = JSON.parse(localStorage.userId);\r\n    \r\n    const renderItems = loader ? (\r\n      <div>\r\n        <p>Loading...</p>\r\n      </div>\r\n    ) : currentItems.length === 0 ? (\r\n      <div>\r\n        <p>No Members</p>\r\n      </div>\r\n    ) : (\r\n      !showInvite &&\r\n      currentItems.map((Team) => (\r\n        <div className=\"col-md-3\" key={Team.id}>\r\n          <div className=\"card\" style={{ boxShadow: \"0 20px 20px 5px rgba(0,0,0,0.25)\", borderRadius: \"0.5rem\" }}\r\n            onClick={(event) => {\r\n              const clickedElement = event.target.closest(\"#clicked\");\r\n              const clickedElement1 = event.target.closest(\"#message\");\r\n              if (!clickedElement && !clickedElement1) {\r\n                if (!this.containsEmailAddress(event.target)) {\r\n                  this.openteamgrid(Team.id, Team.particularId, Team.email, event);\r\n                } else {\r\n                  this.openteamgrid(Team.id, Team.particularId, Team.email, event);\r\n                }\r\n              }\r\n            }}\r\n          >\r\n            <div>\r\n              <div className=\"container1\">\r\n                {comlogo.map((comlogo) => (\r\n                  <div className=\"image-container\" style={{ width: \"100%\", height: \"100px\" }} key={comlogo.id}>\r\n                    <img src={comlogo.com_logo} alt=\"Company Logo\" />\r\n                  </div>\r\n                ))}\r\n                {UserLogo.map((logo) => (\r\n                  <div key={logo.id} className=\"round-image\" style={{ cursor: \"pointer\" }}>\r\n                    {logo.email === Team.email && <img src={logo.profile_Picture} alt=\"User Profile\" />}\r\n                  </div>\r\n                ))}\r\n                {Team.invite === 0 && Team.status === 2 ? \r\n                <div className=\"round-image\" style={{ cursor: \"pointer\" }}>\r\n                <img src={Profile} alt=\"User Profile\" /> </div> : null}\r\n              </div>\r\n              <br /><br /><br /><br />\r\n              <div className=\"card_content\">\r\n                <div style={{ textAlign: \"center\", marginTop: \"5px\", cursor: \"pointer\" }}><b>{Team.firstName}</b></div>\r\n                <div style={{ textAlign: \"center\", marginTop: \"5px\" }}>{Team.designation}</div>\r\n                <div style={{ textAlign: \"center\", marginTop: \"5px\" }}><b>{Team.department}</b></div>\r\n                <p style={{ textAlign: \"center\", marginTop: \"5px\", wordWrap: \"break-word\" }}>\r\n                  {Team.status === 1 ?\r\n                    <div id=\"clicked\">\r\n                      <Link\r\n                        to={{\r\n                          pathname: '/Chatbox',\r\n                          state: {\r\n                            shouldClickButton3: true,\r\n                            FirstName: Team.firstName,\r\n                            UserName: Team.email,\r\n                            pic: Team.profile_Picture,\r\n                            senderId: JSON.parse(localStorage.getItem(\"userId\")),\r\n                            particularId: Team.id\r\n                          }\r\n                        }}> {Team.email}</Link>\r\n                    </div> : <p>{Team.email}</p>}\r\n                </p>\r\n                {Team.userId === User_Id ? <p style={{ textAlign: \"center\", marginTop: \"5px\" }} className=\"card_text\">{Team.mobile}</p> : <p style={{ textAlign: \"center\", marginTop: \"5px\" }} className=\"card_text\">{Team.mobile}</p>}\r\n              </div>\r\n            </div>\r\n            <div style={{ textAlign: \"center\", marginBottom: \"20px\" }} id=\"message\">\r\n              <Link\r\n                to={{\r\n                  pathname: '/Chatbox',\r\n                  state: {\r\n                    shouldClickButton3: true,\r\n                    FirstName: Team.firstName,\r\n                    UserName: Team.email,\r\n                    pic: Team.profile_Picture,\r\n                    senderId: JSON.parse(localStorage.getItem(\"userId\")),\r\n                    particularId: Team.id\r\n                  }\r\n                }}\r\n              >\r\n                {Team.status === 1 ? <i className=\"fa fa-comment\" aria-hidden=\"true\"></i> : null}\r\n              </Link>&nbsp;&nbsp;&nbsp;&nbsp;\r\n              <b>\r\n                {Team.status === 1\r\n                  ? 'Active'\r\n                  : Team.invite === 1 && Team.status === 2\r\n                    ? <>\r\n                      <span>Pending</span> /{\" \"}\r\n                      <span\r\n                        className=\"pendingbtn\"\r\n                        id=\"Resend\"\r\n                        onClick={() =>\r\n                          this.reSubmit(\r\n                            Team.email,\r\n                            Team.firstName,\r\n                            Team.lastName,\r\n                            Team.id,\r\n                            Team.displayName\r\n                          )\r\n                        }\r\n                      >\r\n                        Resend\r\n                      </span>\r\n                    </>\r\n                    : null}\r\n              </b>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      ))\r\n    );\r\n\r\n\r\n    const totalPages = Math.ceil(Team.length / itemsPerPage);\r\n    let pageNumbers = [];\r\n    if (currentPage > 1) {\r\n      pageNumbers.push(\r\n        !showInvite && (\r\n          <li className=\"page-item\" key=\"prev\">\r\n            <a href=\"#\" className=\"page-link\" onClick={(e) => this.handleClickPage(e, currentPage - 1)}>\r\n              Previous\r\n            </a>\r\n          </li>\r\n        )\r\n      );\r\n    }\r\n    for (let i = 1; i <= totalPages; i++) {\r\n      pageNumbers.push(\r\n        !showInvite && (\r\n          <li className={`page-item ${currentPage === i ? 'active' : ''}`} key={i}>\r\n            <a href=\"#\" className=\"page-link\" onClick={(e) => this.handleClickPage(e, i)}>\r\n              {i}\r\n            </a>\r\n          </li>\r\n        )\r\n      );\r\n    }\r\n  \r\n    if (currentPage < totalPages) {\r\n      pageNumbers.push(\r\n        !showInvite && (\r\n          <li className=\"page-item\" key=\"next\">\r\n            <a href=\"#\" className=\"page-link\" onClick={(e) => this.handleClickPage(e, currentPage + 1)}>\r\n              Next\r\n            </a>\r\n          </li>\r\n        )\r\n      );\r\n    }\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        {this.state.loading ? <LoadingPage /> : null}\r\n        {this.state.loader ?  null : <div style={{ visibility: 'hidden' }}></div>}\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content \">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                {/*  Start */}\r\n                <div className=\"page-body \">\r\n                  {/*  */}\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 className=\"title\" style={{ marginRight: \"83px\" }}>\r\n                            Team\r\n                          </h4>\r\n                        </div>\r\n                        <form onSubmit={this.handleSubmit}>\r\n                          {/* <div className=\"col-xl-12 \" style={{marginBottom:\"95px\"}}> */}\r\n                          <div className=\"card-block\">\r\n                            <div className=\"row\" style={{ display: \"flex\" }}>\r\n                              <div className=\"col  btnalign\">\r\n                                <Link\r\n                                  to=\"/AddTeam\"\r\n                                  // to=\"/EntityList\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  id=\"addBtn\"\r\n                                  className=\"btn\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                >\r\n                                  {\" \"}\r\n                                  Add{\" \"}\r\n                                </Link>\r\n                              </div>\r\n\r\n                              <div className=\"col btnalign\">\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"Teams\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>{\" \"}\r\n                                &nbsp;&nbsp;\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"Teams\"\r\n                                />\r\n                              </div>\r\n                              <div style={{ padding: \"7px\" }}></div>\r\n                              <div className=\"col btnalign\">\r\n                                {/* <ReactHTMLTableToExcel\r\n                                  className=\"btn\"\r\n                                  table=\"emp\"\r\n                                  filename={filename}\r\n                                  sheet=\"Sheet\"\r\n                                  buttonText=\"Export to excel\" id=\"exportxl\" /> */}\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n                              </div>\r\n                              <div className=\"col btnalign\">\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={Templateexcel}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download a template\r\n                                </a>\r\n                              </div>\r\n\r\n                              <div className=\"col btnalign\" style={{ flex: '2 1' }}>\r\n                               {!showInvite ? <label\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  onClick={() => {\r\n                                    this.setState({\r\n                                      showInvite: !this.state.showInvite,\r\n                                    });\r\n                                  }}\r\n                                  style={{cursor:\"pointer\"}}\r\n                                >\r\n                                  Invite\r\n                                </label>:<label\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  onClick={() => {\r\n                                    this.setState({\r\n                                      showInvite: !this.state.showInvite,\r\n                                    });\r\n                                  }}\r\n                                  style={{cursor:\"pointer\"}}\r\n                                >\r\n                                  Team\r\n                                </label>}\r\n                                &nbsp;&nbsp;\r\n                              </div>\r\n\r\n                              <div\r\n                                // className=\"col-lg-1\"\r\n                                style={{\r\n                                  overflow: \"scroll\",\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n\r\n                              <div\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyUp={this.onKeyUp}\r\n                                  type=\"text\"\r\n                                  value={filterValue}\r\n                                  // style={{ float: \"right\" }}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onClick={() => {\r\n                                    this.setState({\r\n                                      // Filterpop: true,\r\n                                      Filterpop: !this.state.Filterpop,\r\n                                    });\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n\r\n                              {/* {this.state.Teams.length === 0 ? null : (\r\n                                <div className=\"col-lg-4\">\r\n                                  <input\r\n                                    className=\"Searchbox\"\r\n                                    placeholder=\"Search\"\r\n                                    onKeyUp={this.onKeyUp}\r\n                                    style={{ float: \"right\" }}\r\n                                    onKeyPress={this.handleKeyPress}\r\n                                  />\r\n                                </div>\r\n                              )} */}\r\n                            </div>\r\n                            {/* </div> */}\r\n                            <div\r\n                            >\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                id=\"CNSearch1\"\r\n                                placeholder=\"Search\"\r\n                                onKeyPress={this.handleKeyPress}\r\n                                onKeyUp={this.myFunction}\r\n                                value={filterValue}\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                            <center>\r\n                              {showExcel && this.state.initialData !== undefined ? (\r\n                                <table className=\"table\" id=\"tableDesign\">\r\n                                  <thead>\r\n                                    <tr>\r\n                                      {Object.keys(this.state.initialData[0]).map((key) => (\r\n                                        <th key={key} id=\"team1design\">{key}</th>\r\n                                      ))}\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {this.state.initialData\r\n                                      .filter(row => Object.values(row).some(value => value !== \"\")) // Filter out empty rows\r\n                                      .map((row, rowIndex) => (\r\n                                        <tr key={rowIndex}>\r\n                                          {Object.values(row).map((value, cellIndex) => (\r\n                                            <td key={cellIndex} id=\"teamdesign\">{value}</td>\r\n                                          ))}\r\n                                        </tr>\r\n                                      ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              ) : null}\r\n                            </center>\r\n                            {showExcel && this.state.initialData !== undefined ? (\r\n                              <div className=\"savebtndiv\" style={{ marginBottom: \"10px\" }}>\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </button>\r\n                              </div>\r\n                            ) : null}\r\n\r\n                          </div>\r\n                        </form>{\" \"}\r\n                        <div\r\n                        // style={{ margin: \"-3.5% 7%\" }}\r\n                        >\r\n                          <OutTable\r\n                            data={this.state.rows}\r\n                            columns={this.state.cols}\r\n                            tableClassName=\"ExcelTable2007\"\r\n                            tableHeaderRowclassName=\"heading\"\r\n                          />\r\n                        </div>\r\n                        <form\r\n                          id=\"multidelfm\"\r\n                          onSubmit={this.Multidelete}\r\n                          onKeyPress={this.handleKeyPress}\r\n                          style={{ marginTop: \"-3%\", zIndex: 2 }}\r\n                        >\r\n                          <button\r\n                            type=\"submit\"\r\n                            className=\"multitrash\"\r\n                            id=\"delete\"\r\n                            style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden' }}\r\n                          >\r\n                            <i\r\n                              className=\"icofont icofont-delete-alt\"\r\n                              style={{ color: \"darkgray\" }}\r\n                            ></i>\r\n                          </button>\r\n                          <div>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{marginTop:\"-3px\"}}\r\n                            >\r\n                              {/* {this.state.showDeleteCount && (\r\n                                <span style={{ backgroundColor: \"#007bff\", background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\" }}>{this.state.SelectedNames.length} selected</span>\r\n                              )} */}\r\n                              {this.state.dispinvite && (\r\n                                <>\r\n                                  <br />\r\n                                  <span style={{ backgroundColor: \"#007bff\", background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\" }}>{this.state.inviteCount} Invite</span>\r\n                                </>\r\n                              )}\r\n                            </span>\r\n                          </div>\r\n                         {showInvite && ( <>\r\n                          {currentItems.map((Team) => (\r\n            <div\r\n              key={Team.id}\r\n              style={{\r\n                backgroundColor: \"red\",\r\n                position: \"relative\",\r\n                top: 23,\r\n              }}\r\n            >\r\n              <span\r\n                type=\"submit\"\r\n                className=\"invitemultitrash\"\r\n                id=\"invite\"\r\n                style={{\r\n                  float: \"right\",\r\n                  visibility: this.state.showInvite ? 'visible' : 'hidden',\r\n                }}\r\n                onClick={() => this.handlecheckbox({ selectedRows: [Team] })}\r\n                defaultValue={Team.id}\r\n              >\r\n                {this.state.dispinvite ? (\r\n                  <i\r\n                    className=\"fa fa-user-plus\"\r\n                    style={{ color: \"darkgray\" }}\r\n                    onClick={() =>\r\n                      this.submit(\r\n                        Team.email,\r\n                        Team.firstName,\r\n                        Team.lastName,\r\n                        Team.id,\r\n                        Team.displayName\r\n                      )\r\n                    }\r\n                  ></i>\r\n                ) : null}\r\n              </span>\r\n            </div>\r\n          ))}\r\n          <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n        <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n      </div>\r\n\r\n                          {/* <button className=\"multitrash\"  id=\"invite\" style={{ float: \"right\", visibility: \"hidden\", marginTop:'10%' }}><i className=\"fa fa-user-plus\" style={{ color: \"darkgray\" }}></i></button>\r\n                          <div>  <span id=\"invitecount\" className=\"multitrash\" style={{ visibility: \"hidden\", fontSize: \"17px\" }}></span></div>\r\n                          <div id=\"invitealldiv\" style={{ visibility: \"hidden\" }}>\r\n                            &nbsp;&nbsp;                            \r\n                          </div> */}\r\n\r\n       <div className=\"dt-responsive table-responsive\">\r\n        <DataTable\r\n          columns={columns}\r\n          data={Team.filter(team => team.invite === 0)}\r\n          selectableRows\r\n          onSelectedRowsChange={this.handlecheckbox} // Assuming handlecheckbox is a method to handle row selection\r\n          pagination\r\n          customStyles={customStyles}\r\n          //  noDataComponent={Team.length===0 && delay?<div style={{  textAlign: 'center' }}>No Record</div>:null}\r\n           noDataComponent={Team.length===0 && delay?null:null}\r\n        />\r\n      </div>\r\n\r\n      \r\n      \r\n\r\n\r\n                         \r\n                          </>)}\r\n                          <br /><br /><div className=\"container\">\r\n                            <div className=\"row\">\r\n                              {renderItems}\r\n                            </div>\r\n                            <nav>\r\n                            {( currentItems.length !== 0 && !showInvite)  && \r\n                              <>\r\n                            <div className=\"items-per-page-selector\">\r\n        <label htmlFor=\"itemsPerPage\">Items per page: </label>\r\n        <select id=\"itemsPerPage\" value={itemsPerPage} onChange={this.handleItemsPerPageChange}>\r\n          <option value={10}>10</option>\r\n          <option value={15}>15</option>\r\n          <option value={20}>20</option>\r\n          <option value={30}>30</option>\r\n          <option value={50}>50</option>\r\n          <option value={100}>100</option>\r\n        </select>\r\n      </div>\r\n                              <ul className=\"pagination\">\r\n                                {pageNumbers}\r\n                              </ul></>}\r\n                            </nav>\r\n                          </div>\r\n                        </form>\r\n                         {/* hidden the Table for Exporting Excel  */}\r\n\r\n                         <table id=\"emp\" className=\"table\" hidden>\r\n                            <thead>\r\n                              <tr>\r\n                                <th>Id</th>\r\n                                <th>FirstName</th>\r\n                                <th>Last Name</th>\r\n                                <th>Email</th>\r\n                                <th>Display Name </th>\r\n                                <th>Mobile Number</th>\r\n                                <th>Role </th>\r\n                                <th>Department</th>\r\n                                <th>Designation</th>\r\n{/* \r\n                                <th>Reporting Manager</th> */}\r\n                                <th>Locations</th>\r\n                                {/* <th>Joining Date</th> */}\r\n                                \r\n                              </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                              {Team.map((Team) => (\r\n                                <tr style={{}}>\r\n                                  <td>{Team.teamId}</td>\r\n                                  <td>{Team.firstName}</td>\r\n                                  <td>{Team.lastName}</td>\r\n                                  <td>{Team.email}</td>\r\n                                  <td>{Team.displayName}</td>\r\n                                  <td>{Team.mobile}</td>\r\n                                  <td style={{ textTransform: \"uppercase\" }}>\r\n                                    {Team.role}\r\n                                  </td>\r\n                                  <td>{Team.department}</td>\r\n                                  <td style={{ textTransform: \"uppercase\" }}>\r\n                                    {Team.designation}\r\n                                  </td>\r\n\r\n                                  {/* <td>{Team.report_Manager}</td> */}\r\n                                  <td>{Team.primary_Ofc}</td>\r\n                                  {/* <td>{new Date(Team.joining_Date).toDateString()}</td> */}\r\n                                 \r\n\r\n                                  {/* {(() => {\r\n                                    if (Team.invite === 1) {\r\n                                      return (\r\n                                        <td ><b>Invited</b></td>\r\n                                      )\r\n                                    }\r\n\r\n                                    if (Team.invite === 0) {\r\n                                      return (\r\n                                        <td><b>Not Invited</b></td>\r\n                                      )\r\n                                    }\r\n                                  })()} */}\r\n                                </tr>\r\n                              ))}\r\n                            </tbody>\r\n                          </table>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false });\r\n                          this.Team();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.onKeyUp}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map((letter, index) => (\r\n                          <button\r\n                            className=\"filter\"\r\n                            key={index}\r\n                            onClick={(event) => this.handleLetterFilter(event, letter)}\r\n                          >\r\n                            {letter}\r\n                          </button>\r\n                        ))}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\n//\r\nexport default class DashBoard extends Component {\r\n  render() {\r\n    return (\r\n      <div>\r\n        <div>\r\n          <SideBar active={window.location.pathname} />\r\n\r\n          <div className=\"pcoded-content\">\r\n            <div className=\"pcoded-inner-content\">\r\n              <div className=\"main-body\">\r\n                <div className=\"page-wrapper\">\r\n                  {/*  Start */}\r\n                  <div className=\"page-body\">\r\n                    <div className=\"row\">\r\n                      <div className=\"col-md-12 col-xl-4\">\r\n                        <div className=\"card counter-card-1\">\r\n                          <div className=\"card-block-big\">\r\n                            <div>\r\n                              <h3>500</h3>\r\n                              <p>people are in vacation</p>\r\n                              <div className=\"progress \">\r\n                                <div\r\n                                  className=\"progress-bar progress-bar-striped progress-xs progress-bar-pink\"\r\n                                  role=\"progressbar\"\r\n                                  style={{ width: \"70%\" }}\r\n                                  aria-valuenow={70}\r\n                                  aria-valuemin={0}\r\n                                  aria-valuemax={100}\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                            <i className=\"icofont icofont-comment\" />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"col-md-6 col-xl-4\">\r\n                        <div className=\"card counter-card-2\">\r\n                          <div className=\"card-block-big\">\r\n                            <div>\r\n                              <h3>2500</h3>\r\n                              <p>Teams per Month</p>\r\n                              <div className=\"progress \">\r\n                                <div\r\n                                  className=\"progress-bar progress-bar-striped progress-xs progress-bar-success\"\r\n                                  role=\"progressbar\"\r\n                                  style={{ width: \"50%\" }}\r\n                                  aria-valuenow={50}\r\n                                  aria-valuemin={0}\r\n                                  aria-valuemax={100}\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                            <i className=\"icofont icofont-coffee-mug\" />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"col-md-6 col-xl-4\">\r\n                        <div className=\"card counter-card-3\">\r\n                          <div className=\"card-block-big\">\r\n                            <div>\r\n                              <h3>200</h3>\r\n                              <p>ABC</p>\r\n                              <div className=\"progress \">\r\n                                <div\r\n                                  className=\"progress-bar progress-bar-striped progress-xs progress-bar-default\"\r\n                                  role=\"progressbar\"\r\n                                  style={{ width: \"90%\" }}\r\n                                  aria-valuenow={90}\r\n                                  aria-valuemin={0}\r\n                                  aria-valuemax={100}\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                            <i className=\"icofont icofont-upload\" />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className=\"col-md-12 col-xl-8\">\r\n                        <div className=\"card\">\r\n                          <div className=\"card-block\">\r\n                            <figure className=\"pie-chart\">\r\n                              <figcaption>\r\n                                Trainee\r\n                                <span style={{ color: \"#4e79a7\" }} />\r\n                                <br />\r\n                                Intern\r\n                                <span style={{ color: \"#f28e2c\" }} />\r\n                                <br />\r\n                                Junior software Engineers\r\n                                <span style={{ color: \"#e15759\" }} />\r\n                                <br />\r\n                                senior software Engineers\r\n                                <span style={{ color: \"#76b7b2\" }} />\r\n                                <br />\r\n                                HR\r\n                                <span style={{ color: \"#59a14f\" }} />\r\n                                <br />\r\n                                Team Leader\r\n                                <span style={{ color: \"#edc949\" }} />\r\n                              </figcaption>\r\n                            </figure>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className=\"col-md-12 col-xl-4\">\r\n                        <div className=\"card table-card widget-primary-card\">\r\n                          <div className=\"row-table\">\r\n                            <div className=\"col-sm-3 card-block-big\">\r\n                              <i className=\"icofont icofont-star\" />\r\n                            </div>\r\n                            <div className=\"col-sm-9\">\r\n                              <h4>4000 +</h4>\r\n                              <h6>Ratings Received</h6>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div className=\"card table-card widget-success-card\">\r\n                          <div className=\"row-table\">\r\n                            <div className=\"col-sm-3 card-block-big\">\r\n                              <i className=\"icofont icofont-trophy-alt\" />\r\n                            </div>\r\n                            <div className=\"col-sm-9\">\r\n                              <h4>17</h4>\r\n                              <h6>Achievements</h6>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      {/*  */}\r\n\r\n                      {/*  */}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div id=\"styleSelector\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport CommonSuccess from \"../../Common/CommonSuccess\";\r\nimport { Link } from \"react-router-dom\";\r\nimport AddDepartmentpop from \"../../Common/AddDepartmentpop\";\r\nimport AddDesignationModel from \"../../Common/AddDesignationModel\";\r\nimport AddManagerPop from \"../../Common/AddManagerPop\";\r\nimport AddLocationModel from \"../../Common/AddLocationModel\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport \"../../Css/Addskills.css\";\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      FirstName: \"\",\r\n      LastName: \"\",\r\n      Email: \"\",\r\n      Mobile: \"\",\r\n      Department: \"\",\r\n      Designation: \"\",\r\n      RoleName: \"\",\r\n      comlogo: [],\r\n      formErrors: {},\r\n      Notification: [],\r\n      Departmentdrop: [],\r\n      Designationdrop: [],\r\n      ManagerDrop: [],\r\n      LocationDrop: [],\r\n      message: \"\",\r\n      status: \"\",\r\n      DepartModel: false,\r\n      DesignationModel: false,\r\n      ManagerModel: false,\r\n      LocationModel: false,\r\n      ButtonDisabled: false,\r\n      Experience: false,\r\n      checkBox1: false,\r\n      checkBox2: false,\r\n      ManagerNamedrop: [],\r\n      Mname: \"\"\r\n    };\r\n\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.SelectDepartment = this.SelectDepartment.bind(this);\r\n  }\r\n\r\n  GetLocation() {\r\n    let url = `${BASE_URLs}/AdminLocation/GetLocation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          LocationDrop: data,\r\n        });\r\n        // console.log(\"location\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n  GetManager() {\r\n    let url = `${BASE_URLs}/Manager/ManagerGet`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          ManagerDrop: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetDesignation() {\r\n    let url = `${BASE_URLs}/Designation/GetMasterDesignation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Designationdrop: data,\r\n          Desi: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/DepartmentGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Departmentdrop: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetMangerNameDrop(Department) {\r\n    let url = `${BASE_URLs}/Manager/GetManagerName?Department=` + Department;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          ManagerNamedrop: data,\r\n        });\r\n        // console.log('nameeeee', data)\r\n      });\r\n  }\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetDepartment();\r\n    this.GetDesignation();\r\n    this.GetManager();\r\n    this.GetLocation();\r\n    this.selectExperience();\r\n\r\n    var role = JSON.parse(localStorage.Role);\r\n\r\n    if (role.toString() === \"Platform Admin\") {\r\n      document.getElementById(\"navright\").setAttribute(\"style\", \" display:;\");\r\n      document.getElementById(\"mainorg\").setAttribute(\"style\", \"  display:;\");\r\n    }\r\n  }\r\n\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n\r\n  DepthandleChange() {\r\n    var Department = document.getElementById(\"Department\").value;\r\n    if (this.state.Mname !== 'Add' && this.state.Mname !== 'None') {\r\n      this.GetMangerNameDrop(Department);\r\n    }\r\n\r\n  }\r\n  ManagerNamehandleChange() {\r\n\r\n    //  alert(this.state.Mname)\r\n    // this.GetMangerNameDrop(this.state.Mname);\r\n\r\n  }\r\n\r\n  handleChange() {\r\n    var TeamId = document.getElementById(\"TeamId\").value;\r\n\r\n    var DisplayName = document.getElementById(\"DisplayName\").value;\r\n    var FirstName = document.getElementById(\"FirstName\").value;\r\n    var Email = document.getElementById(\"Email\").value;\r\n    var Mobile = document.getElementById(\"Mobile\").value;\r\n    var Department = document.getElementById(\"Department\").value;\r\n    var Designation = document.getElementById(\"Designation\").value;\r\n    var RoleName = document.getElementById(\"RoleName\").value;\r\n    var Manager = document.getElementById(\"Manager\").value;\r\n    var JoiningDate = document.getElementById(\"JoiningDate\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n\r\n    //Email\r\n    if (!TeamId || TeamId.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"TeamIdErr\"] = \"User Id is required\";\r\n    } else if (TeamId.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"TeamIdErr\"] = \" A Minimum of 3  characters are required\";\r\n    } else if (!DisplayName) {\r\n      formIsValid = false;\r\n      formErrors[\"DisplayNameErr\"] = \"Display Name is required\";\r\n    } else if (DisplayName.length < 2) {\r\n      formIsValid = false;\r\n      formErrors[\"DisplayNameErr\"] = \"A Minimum of  2 characters are required\";\r\n    } else if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    } else if (FirstName.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email Id\";\r\n    } else if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile Number is required\";\r\n    }\r\n    // else if (!Mobile >= 10) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"MobileErr\"] = \"Invalid Mobile number\";\r\n    // }\r\n    else if (!mobPattern.test(Mobile)) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Invalid Mobile Number\";\r\n    } else if (!Department) {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"Department is required\";\r\n    } else if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"Designation is required\";\r\n    } else if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    } else if (!Manager) {\r\n      formIsValid = false;\r\n      formErrors[\"ManagerErr\"] = \"Manager is required\";\r\n    } else if (!JoiningDate) {\r\n      formIsValid = false;\r\n      formErrors[\"JoiningDateErr\"] = \"Join date is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  handleFormValidation() {\r\n    var TeamId = document.getElementById(\"TeamId\").value;\r\n    var DisplayName = document.getElementById(\"DisplayName\").value;\r\n    var FirstName = document.getElementById(\"FirstName\").value;\r\n\r\n    var Email = document.getElementById(\"Email\").value;\r\n    var Mobile = document.getElementById(\"Mobile\").value;\r\n    var Department = document.getElementById(\"Department\").value;\r\n    var Designation = document.getElementById(\"Designation\").value;\r\n    var RoleName = document.getElementById(\"RoleName\").value;\r\n    var Manager = document.getElementById(\"Manager\").value;\r\n    var JoiningDate = document.getElementById(\"JoiningDate\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n\r\n    //Email\r\n    if (!TeamId || TeamId.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"TeamIdErr\"] = \"User Id is required\";\r\n    } else if (TeamId.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"TeamIdErr\"] = \" A Minimum of 3  characters are required\";\r\n    }\r\n    if (!DisplayName) {\r\n      formIsValid = false;\r\n      formErrors[\"DisplayNameErr\"] = \"Display Name is required\";\r\n    } else if (DisplayName.length < 2) {\r\n      formIsValid = false;\r\n      formErrors[\"DisplayNameErr\"] = \"A Minimum of 2 characters are required\";\r\n    }\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    } else if (FirstName.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email Id\";\r\n    }\r\n    if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile Number is required\";\r\n    }\r\n    // else if (!Mobile >= 10) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"MobileErr\"] = \"Invalid Mobile number\";\r\n    // }\r\n    else if (!mobPattern.test(Mobile)) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Invalid Mobile Number\";\r\n    }\r\n\r\n    if (!Department) {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"Department is required\";\r\n    }\r\n\r\n    if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"Designation is required\";\r\n    }\r\n\r\n    if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    }\r\n\r\n    if (!Manager) {\r\n      formIsValid = false;\r\n      formErrors[\"ManagerErr\"] = \"Manager is required\";\r\n    }\r\n    if (!JoiningDate) {\r\n      formIsValid = false;\r\n      formErrors[\"JoiningDateErr\"] = \"Join date is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n  };\r\n\r\n  SelectManager = (e) => {\r\n    let dept = document.getElementById(\"Manager\").value;\r\n\r\n    const departmentEditValue = document.getElementById('Department').value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        ManagerModel: !prevState.ManagerModel,\r\n      }));\r\n      document.getElementById(\"Manager\").value = \"\";\r\n\r\n    }\r\n\r\n    if (dept !== 'Add' && dept !== 'None') {\r\n      this.GetMangerNameDrop(departmentEditValue)\r\n    }\r\n  };\r\n\r\n  SelectLocation = (e) => {\r\n    let dept = document.getElementById(\"Locations\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        LocationModel: !prevState.LocationModel,\r\n      }));\r\n      document.getElementById(\"Locations\").value = \"\";\r\n    }\r\n  };\r\n\r\n  SelectDepartment = (e) => {\r\n    let dept = document.getElementById(\"Department\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        DepartModel: !prevState.DepartModel,\r\n      }));\r\n      this.setState({ Mname: dept })\r\n      document.getElementById(\"Department\").value = \"\";\r\n      //this.props.history.push('/Department')\r\n    }\r\n  };\r\n  SelectDesignation = (e) => {\r\n    let dept = document.getElementById(\"Designation\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        DesignationModel: !prevState.DesignationModel,\r\n      }));\r\n      document.getElementById(\"Designation\").value = \"\";\r\n    }\r\n    // switch(document.getElementById('Department').value)\r\n    // {\r\n    // case \"Add\":\r\n    //   window.location.href=\"#/Department\"\r\n    // break;\r\n    // default:\r\n    // window.location=\"../\";\r\n    // break;\r\n    // }\r\n  };\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n\r\n    const data = new FormData(event.target);\r\n\r\n    // console.log(\"data********************\", data);\r\n\r\n    if (this.handleFormValidation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      fetch(`${BASE_URLs}/Team/AddTeamnext`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({\r\n            ButtonDisabled: false,\r\n          });\r\n          this.setState({ status: resp.status });\r\n          this.setState({ message: resp.message });\r\n          this.SuccessModel();\r\n          this.selectExperience();\r\n        });\r\n    }\r\n  }\r\n  DepartModel = () => {\r\n    this.setState((prevState) => ({\r\n      DepartModel: !prevState.DepartModel,\r\n    }));\r\n    this.GetDepartment();\r\n  };\r\n  DesignationModel = () => {\r\n    this.setState((prevState) => ({\r\n      DesignationModel: !prevState.DesignationModel,\r\n    }));\r\n\r\n    this.GetDesignation();\r\n  };\r\n\r\n  ManagerModel = () => {\r\n    const departmentEditValue = document.getElementById('Department').value;\r\n\r\n    this.setState((prevState) => ({\r\n      ManagerModel: !prevState.ManagerModel,\r\n    }));\r\n    this.GetManager();\r\n    if (departmentEditValue !== '') {\r\n      this.GetMangerNameDrop(departmentEditValue)\r\n    }\r\n  };\r\n\r\n  LocationModel = () => {\r\n    this.setState((prevState) => ({\r\n      LocationModel: !prevState.LocationModel,\r\n    }));\r\n\r\n    this.GetLocation();\r\n  };\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() +\r\n      e.target.value.slice(1).toLowerCase();\r\n    e.target.value = value;\r\n  }\r\n\r\n  selectExperience() {\r\n    this.setState((prevState) => ({\r\n      Experience: !prevState.Experience,\r\n    }));\r\n  }\r\n\r\n  checkbox() {\r\n    // document.getElementById(\"Yes\").checked = true\r\n    document.getElementById(\"No\").checked = false;\r\n    this.setState({\r\n      Experience: !this.state.Experience,\r\n    });\r\n  }\r\n\r\n  handleCheckBox1Change() {\r\n    this.setState({\r\n      checkBox1: true,\r\n      checkBox2: false,\r\n    });\r\n  }\r\n\r\n  handleCheckBox2Change() {\r\n    this.setState({\r\n      checkBox1: false,\r\n      checkBox2: true,\r\n    });\r\n  }\r\n\r\n  render() {\r\n    const {\r\n      TeamIdErr,\r\n\r\n      FirstNameErr,\r\n      LastNameErr,\r\n      DisplayNameErr,\r\n      EmailErr,\r\n      MobileErr,\r\n      rolesErr,\r\n      departmentErr,\r\n      designationErr,\r\n      ManagerErr,\r\n      LocationErr,\r\n\r\n      JoiningDateErr,\r\n    } = this.state.formErrors;\r\n\r\n    const { Departmentdrop, Designationdrop, ManagerDrop, LocationDrop } =\r\n      this.state;\r\n    const currentDate = new Date().toISOString().split(\"T\")[0];\r\n\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.DepartModel ? (\r\n          <AddDepartmentpop close={() => this.DepartModel()} />\r\n        ) : null}\r\n        {this.state.DesignationModel ? (\r\n          <AddDesignationModel close={() => this.DesignationModel()} />\r\n        ) : null}\r\n        {this.state.ManagerModel ? (\r\n          <AddManagerPop close={() => this.ManagerModel()} />\r\n        ) : null}\r\n        {this.state.LocationModel ? (\r\n          <AddLocationModel close={() => this.LocationModel()} />\r\n        ) : null}\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            New User\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        {this.state.SuccessModel ? (\r\n                          <CommonSuccess\r\n                            id=\"Success\"\r\n                            message={this.state.message}\r\n                            status={this.state.status}\r\n                            close={() => this.SuccessModel()}\r\n                          />\r\n                        ) : null}\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                              <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"container\"\r\n                                      style={{ maxWidth: \"765px\" }}\r\n                                    >\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            minLength=\"3\"\r\n                                            maxLength=\"8\"\r\n                                            onInputCapture={(event) => {\r\n                                              if (!/[0-9]/.test(event.key)) {\r\n                                                event.preventDefault();\r\n                                              }\r\n                                            }}\r\n                                            name=\"TeamId\"\r\n                                            type=\"text\"\r\n                                            id=\"TeamId\"\r\n                                            onChange={this.handleChange}\r\n                                          />\r\n                                          {!TeamIdErr ? (\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Employee Id\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {TeamIdErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            maxLength=\"15\"\r\n                                            onKeyPress={(event) => {\r\n                                              if (\r\n                                                !/[a-zA-Z\\s ]+/.test(event.key)\r\n                                              ) {\r\n                                                event.preventDefault();\r\n                                              }\r\n                                            }}\r\n                                            name=\"DisplayName\"\r\n                                            id=\"DisplayName\"\r\n                                            type=\"text\"\r\n                                            onChange={this.handleChange}\r\n                                          />\r\n                                          {!DisplayNameErr ? (\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Display Name\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {DisplayNameErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            onKeyPress={(event) => {\r\n                                              if (\r\n                                                !/[a-zA-Z\\s ]+/.test(event.key)\r\n                                              ) {\r\n                                                event.preventDefault();\r\n                                              }\r\n                                            }}\r\n                                            name=\"FirstName\"\r\n                                            type=\"text\"\r\n                                            id=\"FirstName\"\r\n                                            onChange={this.handleChange}\r\n                                            maxLength={15}\r\n                                          />\r\n                                          {!FirstNameErr ? (\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              First Name\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {FirstNameErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            maxLength=\"20\"\r\n                                            onKeyPress={(event) => {\r\n                                              if (\r\n                                                !/[a-zA-Z\\s ]+/.test(event.key)\r\n                                              ) {\r\n                                                event.preventDefault();\r\n                                              }\r\n                                            }}\r\n                                            name=\"LastName\"\r\n                                            id=\"LastName\"\r\n                                            type=\"text\"\r\n                                            onChange={this.handleChange}\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Last Name\r\n                                          </span>{\" \"}\r\n                                          {LastNameErr && (\r\n                                            <div\r\n                                              style={{\r\n                                                color: \"red\",\r\n                                                paddingBottom: 10,\r\n                                              }}\r\n                                            >\r\n                                              {LastNameErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            name=\"Email\"\r\n                                            id=\"Email\"\r\n                                            type=\"text\"\r\n                                            onChange={this.handleChange}\r\n                                            maxLength=\"50\"\r\n                                          />\r\n                                          {!EmailErr ? (\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Email\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {EmailErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            name=\"Mobile\"\r\n                                            type=\"text\"\r\n                                            id=\"Mobile\"\r\n                                            onChange={this.handleChange}\r\n                                            onKeyPress={(event) => {\r\n                                              if (!/[0-9]/.test(event.key)) {\r\n                                                event.preventDefault();\r\n                                              }\r\n                                            }}\r\n                                            maxLength=\"10\"\r\n                                          />\r\n                                          {!MobileErr ? (\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Mobile Number\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {MobileErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            onInputCapture={\r\n                                              this.SelectDepartment\r\n                                            }\r\n                                            name=\"Department\"\r\n                                            id=\"Department\"\r\n                                            onChange={() => {\r\n                                              this.handleChange();\r\n                                              this.DepthandleChange();\r\n                                            }}\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            <option id=\"Add\" value=\"Add\">\r\n                                              Add\r\n                                            </option>\r\n                                            {Departmentdrop.map(\r\n                                              (Departmentdrop) => (\r\n                                                <option\r\n                                                  value={\r\n                                                    Departmentdrop.department\r\n                                                  }\r\n                                                >\r\n                                                  {Departmentdrop.department}{\" \"}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                            <option value=\"None\">None</option>\r\n                                          </select>\r\n                                          {!departmentErr ? (\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Department\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {departmentErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            name=\"Designation\"\r\n                                            onInputCapture={\r\n                                              this.SelectDesignation\r\n                                            }\r\n                                            onChange={this.handleChange}\r\n                                            id=\"Designation\"\r\n                                            type=\"text\"\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            <option id=\"Add\" value=\"Add\">\r\n                                              Add\r\n                                            </option>\r\n                                            {Designationdrop.map(\r\n                                              (Designationdrop) => (\r\n                                                <option\r\n                                                  value={\r\n                                                    Designationdrop.designation\r\n                                                  }\r\n                                                >\r\n                                                  {Designationdrop.designation}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                            <option value=\"None\">None</option>{\" \"}\r\n                                          </select>\r\n                                          {!designationErr ? (\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Designation\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {designationErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            name=\"RoleName\"\r\n                                            onChange={this.handleChange}\r\n                                            defaultValue={\"User\"}\r\n                                            type=\"text\"\r\n                                            id=\"RoleName\"\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            <option value=\"Admin\">Admin</option>\r\n                                            <option value=\"HR Admin\">\r\n                                              HR Admin\r\n                                            </option>\r\n                                            <option value=\"Team Admin\">\r\n                                              Team Admin\r\n                                            </option>\r\n                                            <option value=\"Skill Admin\">\r\n                                              Skill Admin\r\n                                            </option>\r\n                                            <option value=\"Education Admin\">\r\n                                              Education Admin\r\n                                            </option>\r\n                                            <option value=\"User\">User</option>\r\n                                          </select>\r\n                                          {!rolesErr ? (\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Role Name\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {rolesErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                        {/* \"Report_Manager\" */}\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            name=\"Report_Manager\"\r\n                                            onInputCapture={this.SelectManager}\r\n                                             defaultValue={\"None\"}\r\n                                            id=\"Manager\"\r\n                                            onChange={() => {\r\n                                              this.handleChange();\r\n                                              //  this.ManagerNamehandleChange();\r\n                                            }}\r\n                                            //  onFocus={this.ManagerNamehandleChange}\r\n                                            type=\"text\"\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            <option id=\"Add\" value=\"Add\">\r\n                                              Add\r\n                                            </option>\r\n\r\n                                            {this.state.ManagerNamedrop.map((ManagerDrop) => (\r\n                                              <option\r\n                                                value={ManagerDrop.manager_Name}\r\n                                              >\r\n                                                {ManagerDrop.manager_Name}\r\n                                              </option>\r\n                                            ))}\r\n\r\n                                            <option value=\"None\">None</option>{\" \"}\r\n                                          </select>\r\n                                          {!ManagerErr ? (\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Reporting Manager\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {ManagerErr}\r\n                                            </div>\r\n                                          )}\r\n\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        {/* LocationDrop */}\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            name=\"Primary_Ofc\"\r\n                                            onInputCapture={this.SelectLocation}\r\n                                             defaultValue={\"None\"}\r\n                                            id=\"Locations\"\r\n                                            onChange={this.handleChange}\r\n                                            type=\"text\"\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            {/* <option id=\"Add\" value=\"Add\">\r\n                                              Add\r\n                                            </option> */}\r\n                                            <option id=\"\" value= \"Primary Location\">\r\n                                            Primary Location\r\n                                            </option>\r\n                                            <option id=\"\" value= \"Secondary Location\">\r\n                                            Secondary Location\r\n                                            </option>\r\n                                            {/* {LocationDrop.map(\r\n                                              (LocationDrop) => (\r\n                                                <option\r\n                                                  selected={\r\n                                                    LocationDrop.locationType ===\r\n                                                    \"Primary Location\"\r\n                                                  }\r\n                                                  value={\r\n                                                    LocationDrop.locationType\r\n                                                  }\r\n                                                >\r\n                                                  {LocationDrop.locationType}\r\n                                                </option>\r\n                                              )\r\n                                            )} */}\r\n                                            {/* <option\r\n                                              value=\"Primary Location\"\r\n                                              hidden\r\n                                            >\r\n                                              Primary Location\r\n                                            </option> */}\r\n                                            <option value=\"None\">None</option>{\" \"}\r\n                                          </select>\r\n                                          {!LocationErr ? (\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Locations\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {LocationErr}\r\n                                            </div>\r\n                                          )}\r\n\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            style={{ marginTop: \"-6px\" }}\r\n                                            name=\"JoiningDate\"\r\n                                            id=\"JoiningDate\"\r\n                                            defaultValue={new Date(\r\n                                              new Date().getFullYear(),\r\n                                              new Date().getMonth(),\r\n                                              new Date().getDate() + 1\r\n                                            )\r\n                                              .toJSON()\r\n                                              .slice(0, 10)}\r\n                                            type=\"date\"\r\n                                            max={new Date(\r\n                                              new Date().getFullYear(),\r\n                                              new Date().getMonth(),\r\n                                              new Date().getDate() + 30\r\n                                            )\r\n                                              .toJSON()\r\n                                              .slice(0, 10)}\r\n                                            min={new Date(\r\n                                              new Date().getFullYear() - 20,\r\n                                              new Date().getMonth(),\r\n                                              new Date().getDate()\r\n                                            )\r\n                                              .toJSON()\r\n                                              .slice(0, 10)}\r\n                                            onChange={this.handleChange}\r\n                                            maxLength=\"50\"\r\n                                          />\r\n                                          {!JoiningDateErr ? (\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Join date\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {JoiningDateErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                        <div className=\"col-sm-12\" style={{ marginBottom: \"10px\" }}>\r\n                                          <h4>Assigned as trainer</h4>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          {/* <span style={{color:'#a29d9d'}} >Trainer</span>&nbsp;&nbsp;&nbsp;&nbsp; */}\r\n                                          <label>\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              id=\"Yes\"\r\n                                              name=\"Yes\"\r\n                                              checked={this.state.checkBox1}\r\n                                              onChange={() =>\r\n                                                this.handleCheckBox1Change()\r\n                                              }\r\n                                            />\r\n                                          </label>\r\n                                          &nbsp;&nbsp;\r\n                                          <span>Yes</span>\r\n                                          &nbsp;&nbsp;\r\n                                          <label id=\"No\">\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              id=\"No\"\r\n                                              name=\"No\"\r\n                                              checked={this.state.checkBox2}\r\n                                              onChange={() =>\r\n                                                this.handleCheckBox2Change()\r\n                                              }\r\n                                            />\r\n                                          </label>\r\n                                          &nbsp;&nbsp;\r\n                                          <span>No</span>\r\n                                          &nbsp;&nbsp;\r\n                                          {/* {this.state.Experience ?<select className=\"effect-16\" type=\"text\" id=\"Experience\" onClick={this.selectExperience}  > */}\r\n                                          {/* {this.state.Experience ?<select className=\"effect-16\" type=\"text\" name=\"TrainerExper\" id=\"Experience\" onClick={this.selectExperience}  >\r\n    <option value=\"\" >Select</option> \r\n          <option value=\"0-1\"></option>\r\n          <option value=\"1-2\">1-2 year</option>\r\n          <option value=\"2-3\">2-3 year</option>\r\n          <option value=\"3-4\">3-4 year</option>\r\n          <option value=\"4-5\">4-5 year</option>\r\n          <option value=\"More\">More</option>\r\n          </select>:null} */}\r\n                                          {this.state.checkBox1 === true ? (\r\n                                            <>\r\n                                              <input\r\n                                                className=\"form\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                name=\"TrainerExperience\"\r\n                                                id=\"Experience\"\r\n                                                type=\"text\"\r\n                                                onFocus={(e) =>\r\n                                                  (e.target.type = \"date\")\r\n                                                }\r\n                                                // max={this.state.maxDate}\r\n                                                max={currentDate}\r\n                                              />\r\n                                              <span\r\n                                                style={{ color: \"#a29d9d\" }}\r\n                                              >\r\n                                                Trainer Experience\r\n                                              </span>\r\n                                            </>\r\n                                          ) : null}\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"row\">\r\n                                  <div\r\n                                    className=\"col-sm-12\"\r\n                                    style={{ textAlign: \"center\" }}\r\n                                  >\r\n                                    <button\r\n                                      type=\"submit\"\r\n                                      disabled={this.state.ButtonDisabled}\r\n                                      className=\"but \"\r\n                                      style={{\r\n                                        height: \"39.5px\",\r\n                                        width: \"86.36px\",\r\n                                        marginTop: \"-0.3%\",\r\n                                      }}\r\n                                    >\r\n                                      Save\r\n                                    </button>\r\n                                    &nbsp; &nbsp; &nbsp;\r\n                                    <button\r\n                                      type=\"reset\"\r\n                                      className=\" btn-Secondary\"\r\n                                      style={{ height: \"39.5px\" }}\r\n                                    >\r\n                                      Cancel\r\n                                    </button>\r\n                                  </div>\r\n                                </div>\r\n                                <br /> <br />\r\n                                <br /> <br />\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import $ from \"jquery\";\r\nimport React, { Component } from \"react\";\r\nimport SideBar from \"../Common/Sidebar\";\r\nimport \"../Css/Sign-Up.css\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\n\r\n$(function () {\r\n  $(\"#noSpace\").on(\"keypress\", function (e) {\r\n    if (e.which === 32) {\r\n      return false;\r\n    }\r\n  });\r\n});\r\n\r\n$(document).ready(function () {\r\n  $(\"#reguser\").hide();\r\n});\r\nexport default class SignUp extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      OPwd: \"\",\r\n      NPwd: \"\",\r\n      CPwd: \"\",\r\n      formErrors: {},\r\n      Profile_Pic: [],\r\n      Notification: [],\r\n      Eye: false,\r\n      Eye1: false,\r\n      Eye2: false,\r\n      ButtonDisabled: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n  }\r\n\r\n  handleFormValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var OPwd = document.getElementById(\"OPwd\").value;\r\n    var NPwd = document.getElementById(\"NPwd\").value;\r\n    var CPwd = document.getElementById(\"CPwd\").value;\r\n    if (!OPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"OPwdErr\"] = \"Current Password is required\";\r\n    }\r\n    if (!NPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"New Password is required\";\r\n    } else if (OPwd === NPwd) {\r\n      formIsValid = false;\r\n\r\n      formErrors[\"NPwdErr\"] = \"New Password and Current Password is Same\";\r\n    } else if (!/^(?=.*[A-Z])/.test(NPwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"At least one Capital letter required\";\r\n    } else if (!/^(?=.*[a-z])/.test(NPwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"At least one small letter required\";\r\n    } else if (!/\\d/.test(NPwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"At least one number letter required\";\r\n    } else if (!/^(?=.*[-+_!@#$%^&*., ?])/.test(NPwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"At least one Symbol letter required\";\r\n    } else if (NPwd.length < 8) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"A Minimum of  8  characters are required\";\r\n    }\r\n    else if (NPwd.includes(\" \")) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"Spaces are not allowed in the New Password\";\r\n    }\r\n    if (!CPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] = \"Confirm New Password is required\";\r\n    } else if (CPwd !== NPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] =\r\n        \"New Password and Confirm  Password doesn't match\";\r\n    }\r\n    else if (CPwd.includes(\" \")) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] = \"Spaces are not allowed in the New Password\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n  handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n\r\n    if (this.handleFormValidation()) {\r\n      this.setState({ ButtonDisabled: true });\r\n      const data = new FormData(event.target);\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n      const url = `${BASE_URLs}/ChangePwd/ChangePwd`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: \"Bearer \" + accessToken,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      const response = await fetch(url, options);\r\n\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(() => {\r\n          this.props.history.push(\"/Login_form\");\r\n        }, 4000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n      setTimeout(() => {\r\n        this.setState({ ButtonDisabled: false });\r\n      }, 4000);\r\n    }\r\n  };\r\n\r\n  togglePassword = () => {\r\n    this.setState({ Eye: !this.state.Eye });\r\n  };\r\n\r\n  togglePassword1 = () => {\r\n    this.setState({ Eye1: !this.state.Eye1 });\r\n  };\r\n\r\n  togglePassword2 = () => {\r\n    this.setState({ Eye2: !this.state.Eye2 });\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    //  const { OPwd, NPwd, CPwd } = this.state;\r\n    var OPwd = document.getElementById(\"OPwd\").value;\r\n    var NPwd = document.getElementById(\"NPwd\").value;\r\n    var CPwd = document.getElementById(\"CPwd\").value;\r\n    if (!OPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"OPwdErr\"] = \"Current Password is required\";\r\n    } else if (!NPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"New Password is required\";\r\n    } else if (OPwd === NPwd) {\r\n      formIsValid = false;\r\n\r\n      formErrors[\"NPwdErr\"] = \"New Password and Current Password is Same\";\r\n    } else if (!/^(?=.*[A-Z])/.test(NPwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"At least one Capital letter required\";\r\n    } else if (!/^(?=.*[a-z])/.test(NPwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"At least one small letter required\";\r\n    } else if (!/\\d/.test(NPwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"At least one number letter required\";\r\n    }\r\n    else if (NPwd.includes(\" \")) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"Spaces are not allowed in the New Password\";\r\n    }\r\n    \r\n    else if (!/^(?=.*[-+_!@#$%^&*., ?])/.test(NPwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"At least one Symbol letter required\";\r\n    }\r\n    \r\n    \r\n    else if (NPwd.length < 8) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"A Minimum of 8  characters are required\";\r\n    } \r\n    else if (CPwd.includes(\" \")) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] = \"Spaces are not allowed in the Confirm Password\";\r\n    }\r\n    \r\n    else if (!CPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] = \"Confirm New Password is required\";\r\n    } else if (CPwd !== NPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] = \"New Password and Confirm  Password doesn't match\";\r\n    }\r\n   \r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  render() {\r\n    const { OPwdErr, NPwdErr, CPwdErr } = this.state.formErrors;\r\n\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                        <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          <h4 className=\"title\">Change Password</h4>\r\n                        </div>\r\n\r\n                        <div className=\"card-block2\">\r\n                          <form onSubmit={this.handleSubmit}>\r\n                            <div className=\"container\">\r\n                              <div className=\"row\" id=\"skill-form\">\r\n                                <div className=\"col-lg-4\">\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <>\r\n                                        <div style={{ display: \"flex\" }}>\r\n                                          <input\r\n                                            type={\r\n                                              !this.state.Eye\r\n                                                ? \"password\"\r\n                                                : \"text\"\r\n                                            }\r\n                                            className=\"form\"\r\n                                            onChange={this.handleChange}\r\n                                            name=\"OPwd\"\r\n                                            id=\"OPwd\"\r\n                                            maxLength=\"20\"\r\n                                            autoComplete=\"off\"\r\n                                          />\r\n                                          <span\r\n                                            className={\r\n                                              !this.state.Eye\r\n                                                ? \"icofont icofont-eye eyelogo\"\r\n                                                : \"icofont icofont-eye-blocked eyelogo\"\r\n                                            }\r\n                                            id=\"eye\"\r\n                                            onClick={this.togglePassword}\r\n                                          ></span>\r\n                                          {/* eye-blocked */}\r\n                                        </div>\r\n                                        {!OPwdErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Current Password\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div\r\n                                            style={{\r\n                                              color: \"red\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            {OPwdErr}\r\n                                          </div>\r\n                                        )}\r\n                                        <span className=\"underline\" />\r\n                                      </>\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <>\r\n                                        <div style={{ display: \"flex\" }}>\r\n                                          <input\r\n                                            type={\r\n                                              !this.state.Eye1\r\n                                                ? \"password\"\r\n                                                : \"text\"\r\n                                            }\r\n                                            className=\"form\"\r\n                                            onChange={this.handleChange}\r\n                                            name=\"NPwd\"\r\n                                            id=\"NPwd\"\r\n                                            maxLength=\"20\"\r\n                                            autoComplete=\"off\"\r\n                                          />\r\n                                          <span\r\n                                            className={\r\n                                              !this.state.Eye1\r\n                                                ? \"icofont icofont-eye eyelogo\"\r\n                                                : \"icofont icofont-eye-blocked eyelogo\"\r\n                                            }\r\n                                            id=\"eye\"\r\n                                            onClick={this.togglePassword1}\r\n                                          ></span>\r\n                                          {/* eye-blocked */}\r\n                                        </div>\r\n                                        <span\r\n                                          className={\r\n                                            NPwdErr ? \" showError\" : \"\"\r\n                                          }\r\n                                        ></span>\r\n                                        {!NPwdErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            New Password\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div\r\n                                            style={{\r\n                                              color: \"red\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            {NPwdErr}\r\n                                          </div>\r\n                                        )}\r\n                                        <span className=\"underline\" />\r\n                                      </>\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <>\r\n                                        <div style={{ display: \"flex\" }}>\r\n                                          <input\r\n                                            type={\r\n                                              !this.state.Eye2\r\n                                                ? \"password\"\r\n                                                : \"text\"\r\n                                            }\r\n                                            className=\"form\"\r\n                                            onChange={this.handleChange}\r\n                                            id=\"CPwd\"\r\n                                            name=\"CPwd\"\r\n                                            maxLength=\"20\"\r\n                                            autoComplete=\"off\"\r\n                                          />\r\n                                          <span\r\n                                            className={\r\n                                              !this.state.Eye2\r\n                                                ? \"icofont icofont-eye eyelogo\"\r\n                                                : \"icofont icofont-eye-blocked eyelogo\"\r\n                                            }\r\n                                            id=\"eye\"\r\n                                            onClick={this.togglePassword2}\r\n                                          ></span>\r\n                                          {/* eye-blocked */}\r\n                                        </div>\r\n                                        {!CPwdErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Confirm New Password\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div\r\n                                            style={{\r\n                                              color: \"red\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            {CPwdErr}\r\n                                          </div>\r\n                                        )}\r\n                                        <span className=\"underline\" />\r\n                                      </>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n\r\n                              <div className=\"col-lg-12\">\r\n                                      <div className=\"row  justify-content-center\">\r\n                                      <br /> <br />\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    className=\"but\"\r\n                                    style={{ width: \"83.36px\" }}\r\n                                    disabled={this.state.ButtonDisabled}\r\n                                  >\r\n                                    Submit\r\n                                  </button>\r\n                                  <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={() =>\r\n                                            this.setState({ formErrors: \"\" })\r\n                                          }\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                \r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                          <br /> <br /> <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport SideBar from \"../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\n\r\n$(document).ready(function () {\r\n  $(\".notfound\").hide();\r\n\r\n  // Search User columns\r\n\r\n  $(\"#searchorg\").keyup(function () {\r\n    // Search Text\r\n    var search = $(this).val();\r\n\r\n    // Hide all table tbody rows\r\n    $(\"table tbody tr\").hide();\r\n\r\n    // Count total search result\r\n    var len = $(\r\n      'table tbody tr:not(.notfound) td:contains(\"' + search + '\")'\r\n    ).length;\r\n\r\n    if (len > 0) {\r\n      // Searching text in columns and show match row\r\n      $('table tbody tr:not(.notfound) td:contains(\"' + search + '\")').each(\r\n        function () {\r\n          $(this).closest(\"tr\").show();\r\n        }\r\n      );\r\n    } else {\r\n      $(\".notfound\").show();\r\n    }\r\n  });\r\n\r\n  $.expr[\":\"].contains = $.expr.createPseudo(function (arg) {\r\n    return function (elem) {\r\n      return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;\r\n    };\r\n  });\r\n});\r\nexport default class Organization extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      User: [],\r\n      CName: \"\",\r\n      CEmail: \"\",\r\n      CSubject: \"\",\r\n      CMsg: \"\",\r\n      formErrors: {},\r\n      Notification: [],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  handleFormValidation() {\r\n    var CSubject = document.getElementById(\"CSubject\").value;\r\n    var CMsg = document.getElementById(\"CMsg\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!CSubject || CSubject.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"CSubjectErr\"] = \"Subject is required\";\r\n    }\r\n\r\n    if (!CMsg || CMsg.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"CMsgErr\"] = \"Message is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    if (this.handleFormValidation()) {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Contact/AddContact`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.setState(this.initialState);\r\n        });\r\n      document.getElementById(\"contactForm\").reset();\r\n\r\n       setTimeout(() => {\r\n        var page = {\r\n          pathname: \"/ContactMessages\",\r\n          \r\n        };\r\n        this.props.history.push(page);\r\n       }, 4000);\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n\r\n    const { name, value, files } = e.target;\r\n\r\n    if (name === \"Image\") {\r\n        const fileNames = Array.from(files).map(file => URL.createObjectURL(file)); // Get file paths\r\n        const concatenatedFileNames = fileNames.join(', '); // Join file paths with commas\r\n        this.setState({ files: concatenatedFileNames });\r\n    } else {\r\n        this.setState({ [name]: value });\r\n    }\r\n    var CSubject = document.getElementById(\"CSubject\").value;\r\n    var CMsg = document.getElementById(\"CMsg\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n\r\n    const maxFileSizeMB = 10; \r\n    const selectedFile = files && files.length > 0 ? files[0] : null;\r\n\r\n    if (!CSubject || CSubject.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"CSubjectErr\"] = \"Subject is required\";\r\n    } else if (!CMsg || CMsg.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"CMsgErr\"] = \"Message is required\";\r\n    }\r\n\r\n    if (selectedFile) {\r\n      const fileSizeMB = selectedFile.size / (1024 * 1024); // Convert to megabytes\r\n      if (fileSizeMB > maxFileSizeMB) {\r\n        // alert(`File size exceeds the maximum limit of ${maxFileSizeMB} MB.`);\r\n        formIsValid = false;\r\n        formErrors[\r\n          \"ImageErr\"\r\n        ] = `File size exceeds the maximum limit of ${maxFileSizeMB} MB.`;\r\n        e.target.value = null;\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n\r\n  render() {\r\n    const { CSubjectErr, CMsgErr,ImageErr } = this.state.formErrors;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                        <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          <h4 className=\"title\"> Create New Message</h4>\r\n                        </div>\r\n                        <div className=\"card-block\">\r\n                          <br />\r\n                          <form\r\n                            id=\"contactForm\"\r\n                            className=\"contactForm\"\r\n                            autoComplete=\"on\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"container\">\r\n                            {/* <b>\r\n                                {\" \"}\r\n                                <Link\r\n                                  style={{ cursor: \"pointer\", float: \"right\" }}\r\n                                  to=\"ContactMessages\"\r\n                                >\r\n                                  View Previous Messages\r\n                                </Link>\r\n                              </b>\r\n                              <br /> <br />\r\n                              <div id=\"snackbarSuccess\">\r\n                                Some text some message..\r\n                              </div> */}\r\n\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3  \"></div>\r\n\r\n                                <div className=\"col-lg-6  \">\r\n                                  <textarea\r\n                                    type=\"text\"\r\n                                    className=\"form\"\r\n                                    id=\"CSubject\"\r\n                                    name=\"CSubject\"\r\n                                    placeholder=\"Subject\"\r\n                                    onChange={this.handleChange}\r\n                                  />\r\n                                  {/* {CSubjectErr && (\r\n                                    <div\r\n                                      style={{\r\n                                        color: \"red\",\r\n                                        paddingBottom: 10,\r\n                                        position: \"absolute\",\r\n                                      }}\r\n                                    >\r\n                                      {CSubjectErr}\r\n                                    </div>\r\n                                  )}{\" \"} */}\r\n\r\n                                  {!CSubjectErr ? (\r\n                                    <span style={{color:'rgb(162, 157, 157)'}}>Subject</span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {CSubjectErr}\r\n                                          </div>\r\n                                        )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-lg-3  \"></div>\r\n                              </div>\r\n\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3  \"></div>\r\n                                <div className=\"col-lg-6\">\r\n                                  <textarea\r\n                                    className=\"form\"\r\n                                    name=\"CMsg\"\r\n                                    Id=\"CMsg\"\r\n                                    placeholder=\"Message\"\r\n                                    onChange={this.handleChange}\r\n                                  />\r\n                                  {/* {CMsgErr && (\r\n                                    <div\r\n                                      style={{\r\n                                        color: \"red\",\r\n                                        paddingBottom: 10,\r\n                                        position: \"absolute\",\r\n                                      }}\r\n                                    >\r\n                                      {CMsgErr}\r\n                                    </div>\r\n                                  )} */}\r\n                                  {!CMsgErr ? (\r\n                                    <span style={{color:'rgb(162, 157, 157)'}}>Message</span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {CMsgErr}\r\n                                          </div>\r\n                                        )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-lg-3  \"></div>\r\n                              </div>\r\n\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3  \"></div>\r\n                                <div className=\"col-lg-6 \">\r\n                                  <input\r\n                                    type=\"file\"\r\n                                    name=\"Image\"\r\n                                    onFocus={(e) => (e.target.type = \"file\")}\r\n                                    className=\"form\"\r\n                                    id=\" \"\r\n                                    placeholder=\"Attachments\"\r\n                                    multiple\r\n                                    onChange={this.handleChange}\r\n                                    accept=\".jpg, .jpeg, .pdf, .xlsx, .xls, .mp4, .avi, .mov\"\r\n                                  />\r\n                                   {!ImageErr ? (\r\n                                    <span style={{color:'rgb(162, 157, 157)',wordBreak:\"break-word\"}}>Upload Related Files&nbsp;(.jpg/.jpeg./.png/.mp4/.xlsx/.pdf)</span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {ImageErr}\r\n                                          </div>\r\n                                        )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-lg-3  \"></div>\r\n                              </div>\r\n                              <div className=\"col-lg-12\">\r\n                                      <div className=\"row  justify-content-center\" style={{marginTop:'20px'}}>\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                 \r\n                                  className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                        >\r\n                                          Send\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={() =>\r\n                                            this.setState({ formErrors: \"\" })\r\n                                          }\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                              {/* <div className=\"row\">\r\n                                <div className=\"col-lg-4\"></div>\r\n                                <div\r\n                                  className=\"col-lg-4\"\r\n                                  style={{\r\n                                    justifyContent: \"center\",\r\n                                    alignItems: \"center\",\r\n                                    display: \"flex\",\r\n                                  }}\r\n                                >\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    className=\"but\"\r\n                                    style={{ width: \"120.36px\" }}\r\n                                  >\r\n                                    Send\r\n                                  </button>\r\n                                </div>\r\n                                <div className=\"col-lg-4\"></div>\r\n                              </div> */}\r\n                            </div>\r\n                          </form>\r\n                          <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Piechart from \"./Piechart\";\r\nimport Pie from \"../Common/Pie\";\r\nimport DashPie from \"../Common/DashPie\";\r\nimport \"../Css/Sign-Up.css\";\r\nimport SideBar from \"../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { typeOf } from \"@ramonak/react-excel\";\r\nimport ReactTimeAgo from \"react-time-ago\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      comlogo: [],\r\n      User: [],\r\n      Tasks: [],\r\n      Unreadcount: 0,\r\n      pendingTask: [],\r\n      FinishedTask: [],\r\n      Organization: this.getCookie(\r\n        \"\" + JSON.parse(localStorage.uname) + \"organization\"\r\n      ),\r\n      role: this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\"),\r\n      Reason: \"\",\r\n      Status: \"\",\r\n      SaveOrg: [],\r\n      currentPage: 1,\r\n      firstIndex: 0,\r\n      lastIndex: 0,\r\n    };\r\n\r\n    this.GetSavedDeactive = this.GetSavedDeactive.bind(this);\r\n    this.prePage = this.prePage.bind(this);\r\n    this.nextPage = this.nextPage.bind(this);\r\n    this.changeCPage = this.changeCPage.bind(this);\r\n  }\r\n\r\n  getCookie(cName) {\r\n    const name = cName + \"=\";\r\n    const cDecoded = decodeURIComponent(document.cookie); //to be careful\r\n    const cArr = cDecoded.split(\"; \");\r\n    let res;\r\n    cArr.forEach((val) => {\r\n      if (val.indexOf(name) === 0) res = val.substring(name.length);\r\n    });\r\n    return res;\r\n  }\r\n\r\n  GetSavedDeactive() {\r\n    // if(this.state.Reason===undefined){return};\r\n    let url = `${BASE_URLs}/AddOrganization/GetSavedDeactive`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SaveOrg: data });\r\n        this.setState({ Reason: data[0]?.reason });\r\n        this.setState({ Status: data[0]?.status });\r\n      });\r\n      console.clear();\r\n  }\r\n  GetTask() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Notification/GetTask`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        if (data.length !== 0) {\r\n          this.setState({ Tasks: data });\r\n          this.setState({\r\n            FinishedTask: data.filter((Tasks) => Tasks.seen === true),\r\n          });\r\n          this.setState({\r\n            pendingTask: data.filter((Tasks) => Tasks.seen === false),\r\n          });\r\n        }\r\n        // console.log(data);\r\n      });\r\n  }\r\n\r\n  GetSPNotification() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Notification/GetNotification`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        if (data.length !== 0) {\r\n          this.setState({ Unreadcount: data[0].count });\r\n\r\n          //  this.setState({ Tasks: data});\r\n          //  this.setState({ FinishedTask: data.filter(Tasks => (Tasks.status === 1) || (Tasks.status === 0)   )});\r\n          //   this.setState({ pendingTask: data.filter(Tasks => ((Tasks.status === 2) || (Tasks.status === 4) )   )});\r\n        }\r\n      });\r\n  }\r\n\r\n  Noticount = (notify_Id, company_Id) => {\r\n    fetch(`${BASE_URLs}/Notification/ChangeSeen`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        notify_Id: notify_Id,\r\n      }),\r\n    });\r\n\r\n    if (company_Id !== null) {\r\n      var page = {\r\n        pathname: \"/OrganizationDetail\",\r\n        state: {\r\n          Id: company_Id,\r\n        },\r\n      };\r\n      this.props.history.push(page);\r\n    }\r\n  };\r\n\r\n  GetUserInfo() {\r\n    if (\r\n      this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\") ===\r\n      undefined ||\r\n      this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"organization\") ===\r\n      undefined\r\n    ) {\r\n      let url = `${BASE_URLs}/Authenticate/GetValidation`;\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n      fetch(url, {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: \"Bearer \" + accessToken,\r\n          \"Content-type\": \"application/json\",\r\n          Accept: \"application/json\",\r\n          \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        },\r\n      })\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({\r\n            User: data,\r\n            Organization: data[0].organization,\r\n            sidebar: data,\r\n          });\r\n\r\n          document.cookie =\r\n            \"\" +\r\n            JSON.parse(localStorage.uname) +\r\n            \"role = \" +\r\n            data[0].role +\r\n            \";expires=\" +\r\n            new Date(new Date().getTime() + 1 * 60000).toUTCString() +\r\n            \" \";\r\n          document.cookie =\r\n            \"\" +\r\n            JSON.parse(localStorage.uname) +\r\n            \"organization = \" +\r\n            parseInt(data[0].organization) +\r\n            \";expires=\" +\r\n            new Date(new Date().getTime() + 1 * 60000).toUTCString() +\r\n            \"\";\r\n        });\r\n    } else {\r\n      var crole = this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\");\r\n\r\n      var corg = this.getCookie(\r\n        \"\" + JSON.parse(localStorage.uname) + \"organization\"\r\n      );\r\n      localStorage.setItem(\"Role\", JSON.stringify(crole));\r\n      localStorage.setItem(\"org\", JSON.stringify(corg));\r\n      this.setState({\r\n        User: [{ role: crole, organization: parseInt(corg) }],\r\n        Organization: corg,\r\n      });\r\n    }\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetUserInfo();\r\n    this.GetSavedDeactive();\r\n    var crole = this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\");\r\n    var corg = this.getCookie(\r\n      \"\" + JSON.parse(localStorage.uname) + \"organization\"\r\n    );\r\n    this.setState({\r\n      role: crole,\r\n      Organization: corg,\r\n    });\r\n    this.GetSPNotification();\r\n    this.GetTask();\r\n  }\r\n\r\n  prePage() {\r\n    const { currentPage, firstIndex } = this.state;\r\n    if (currentPage !== firstIndex) {\r\n      this.setState({\r\n        currentPage: currentPage - 1,\r\n      });\r\n    }\r\n  }\r\n  changeCPage(id) {\r\n    this.setState({\r\n      currentPage: id,\r\n    });\r\n  }\r\n  nextPage() {\r\n    const { currentPage, lastIndex } = this.state;\r\n    if (currentPage !== lastIndex) {\r\n      this.setState({\r\n        currentPage: currentPage + 1,\r\n      });\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const { FinishedTask, pendingTask, Reason, Status, currentPage, Tasks } =\r\n      this.state;\r\n    const { User } = this.state;\r\n    var username = JSON.parse(localStorage.uname);\r\n\r\n    const recordsPerPage = 5;\r\n    const lastIndex = currentPage * recordsPerPage;\r\n    const firstIndex = lastIndex - recordsPerPage;\r\n    const records = FinishedTask.slice(firstIndex, lastIndex);\r\n    const npage = Math.ceil(FinishedTask.length / recordsPerPage);\r\n    // const numbers = [...Array(npage + 1).keys()].slice(1);\r\n    let numbers = [];\r\n    if (npage <= 4) {\r\n      numbers = [...Array(npage + 1).keys()].slice(1);\r\n    } else {\r\n      if (currentPage <= 3) {\r\n        numbers = [...Array(5).keys()].map((i) => i + 1).concat([\"...\"]);\r\n      } else if (currentPage >= npage - 2) {\r\n        numbers = [1, \"...\", npage - 3, npage - 2, npage - 1, npage];\r\n      } else {\r\n        numbers = [\r\n          1,\r\n          \"...\",\r\n          currentPage - 1,\r\n          currentPage,\r\n          currentPage + 1,\r\n          \"...\",\r\n          npage,\r\n        ];\r\n      }\r\n    }\r\n\r\n    numbers = numbers.filter((item) => item !== \"...\");\r\n\r\n    return (\r\n      <div>\r\n        <SideBar default active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                {User &&\r\n                  User.map((item) =>\r\n                    item.role === \"Platform Admin\" ? (\r\n                      <div id=\"allcards\" className=\"row\">\r\n                        <div className=\"column\">\r\n                          <div className=\"carddash\">\r\n                            <h1 className=\"icofont icofont-bank-alt card1\"></h1>\r\n                            <Link to=\"/Organization\">\r\n                              <p className=\"cardcontent\">\r\n                                <h5 id=\"carddashboard\">Entities</h5>\r\n                              </p>\r\n                            </Link>\r\n                          </div>\r\n                        </div>\r\n                        <div className=\"column\">\r\n                          <div className=\"carddash\">\r\n                            <h1 className=\"icofont icofont-notification card2\"></h1>\r\n                            <Link to=\"/Notifications\">\r\n                              <p className=\"cardcontent\">\r\n                                <h5\r\n                                  id=\"carddashboard\"\r\n                                  style={{ marginLeft: \"-7px\" }}\r\n                                >\r\n                                  {this.state.Unreadcount === 0 ? (\r\n                                    \"Notifications\"\r\n                                  ) : (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      Notifications ({this.state.Unreadcount})\r\n                                    </>\r\n                                  )}{\" \"}\r\n                                </h5>\r\n                              </p>\r\n                            </Link>\r\n                          </div>\r\n                        </div>\r\n                        <div className=\"column\">\r\n                          <div className=\"carddash\">\r\n                            <h1 className=\"icofont icofont-ui-alarm card3  \"></h1>\r\n\r\n                            <p className=\"cardcontent\">\r\n                              <h5 id=\"carddashboard\">Reminders</h5>\r\n                            </p>\r\n                          </div>\r\n                        </div>\r\n                        <div className=\"col-lg-12\">\r\n                          <div className=\"card\">\r\n                            <div className=\"row\">\r\n                              <div\r\n                                className=\"col-lg-6\"\r\n                                style={{\r\n                                  boxShadow: \"0 4px 8px 0 rgb(0 0 0 / 20%)\",\r\n                                  background: \"#f1f1f1\",\r\n                                }}\r\n                              >\r\n                                <span\r\n                                  style={{\r\n                                    fontSize: \"25px\",\r\n                                    paddingLeft: \"10px\",\r\n                                  }}\r\n                                >\r\n                                  {\" \"}\r\n                                  {pendingTask.length === 0\r\n                                    ? \"No Assigned Tasks \"\r\n                                    : \"  Assigned  to Me\"}\r\n                                </span>\r\n                                <div className=\"row\">\r\n                                  {pendingTask.map((f) => (\r\n                                    <div\r\n                                      className=\"col-lg-12\"\r\n                                      style={{ paddingBottom: \"16px\" }}\r\n                                    >\r\n                                      <span style={{ paddingTop: \"6px\" }}>\r\n                                        {f.description}{\" \"}\r\n                                      </span>\r\n                                      &nbsp;&nbsp;\r\n                                      <button\r\n                                        className=\"but\"\r\n                                        style={{ padding: \"5px\" }}\r\n                                        onClick={() =>\r\n                                          this.Noticount(\r\n                                            f.notify_Id,\r\n                                            f.company_Id\r\n                                          )\r\n                                        }\r\n                                      >\r\n                                        Verify\r\n                                      </button>{\" \"}\r\n                                      <br />\r\n                                    </div>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col-lg-6\"\r\n                                style={{\r\n                                  boxShadow: \"0 4px 8px 0 rgb(0 0 0 / 20%)\",\r\n                                  background: \"#f1f1f1\",\r\n                                }}\r\n                              >\r\n                                <span\r\n                                  style={{\r\n                                    fontSize: \"25px\",\r\n                                    paddingLeft: \"10px\",\r\n                                  }}\r\n                                >\r\n                                  Completed\r\n                                </span>\r\n                                <div className=\"row\">\r\n                                  {records.map((f) => (\r\n                                    <>\r\n                                      {f.state === 3 ? null : (\r\n                                        <div\r\n                                          className=\"col-lg-12\"\r\n                                          style={{ paddingBottom: \"16px\" }}\r\n                                        >\r\n                                          <span style={{ paddingTop: \"6px\" }}>\r\n                                            {f.description}\r\n                                          </span>{\" \"}\r\n                                          &nbsp;&nbsp;\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"green\",\r\n                                              paddingTop: \"6px\",\r\n                                            }}\r\n                                          >\r\n                                            {\" \"}\r\n                                            <i\r\n                                              style={{ fontSize: \"20px\" }}\r\n                                              className=\"icofont icofont-tick-boxed\"\r\n                                            ></i>\r\n                                          </span>\r\n                                          <span>\r\n                                            {\" \"}\r\n                                            <ReactTimeAgo\r\n                                              date={f.created_Date}\r\n                                              locale=\"en-US\"\r\n                                              style={{ color: \"gray\" }}\r\n                                            />\r\n                                          </span>\r\n                                        </div>\r\n                                      )}\r\n                                    </>\r\n                                  ))}\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-4\"></div>\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        maxWidth: \"100%\",\r\n                                      }}\r\n                                    >\r\n                                      <nav>\r\n                                        <ul className=\"pagination pagination-sm\">\r\n                                          {currentPage > 1 ? (\r\n                                            <li className=\"page-item\">\r\n                                              <a\r\n                                                className=\"page-link\"\r\n                                                onClick={this.prePage}\r\n                                              >\r\n                                                Prev\r\n                                              </a>\r\n                                            </li>\r\n                                          ) : null}\r\n                                          {numbers.map((n, i) => (\r\n                                            <li\r\n                                              className={`page-item ${currentPage === n\r\n                                                ? \"active\"\r\n                                                : \"\"\r\n                                                }`}\r\n                                              key={i}\r\n                                            >\r\n                                              <a\r\n                                                className=\"page-link\"\r\n                                                onClick={() =>\r\n                                                  this.changeCPage(n)\r\n                                                }\r\n                                              >\r\n                                                {n}\r\n                                              </a>\r\n                                            </li>\r\n                                          ))}\r\n                                          {currentPage < npage ? (\r\n                                            <li className=\"page-item\">\r\n                                              <a\r\n                                                className=\"page-link\"\r\n                                                onClick={this.nextPage}\r\n                                              >\r\n                                                Next\r\n                                              </a>\r\n                                            </li>\r\n                                          ) : null}\r\n                                        </ul>\r\n                                      </nav>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-lg-4\"></div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    ) : null\r\n                  )}\r\n\r\n                {User &&\r\n                  User.map((item) =>\r\n                    item.role === \"Admin\" ? (\r\n                      <>\r\n                        {this.state.Organization === \"2\" ||\r\n                          this.state.Organization === \"0\" ||\r\n                          this.state.Organization === \"3\" ||\r\n                          this.state.Organization === \"4\" ? (\r\n                          <div className=\"main-body\">\r\n                            <div className=\"page-wrapper\">\r\n                              <div className=\"page-header\"></div>\r\n                              <div className=\"container\">\r\n                                <div className=\"pcoded-wrapper\">\r\n                                  {this.state.Organization === \"2\" ? (\r\n                                    <h1\r\n                                      style={{\r\n                                        textAlign: \"center\",\r\n                                        color: \"#421769\",\r\n                                        textShadow: \"0 0 1px black\",\r\n                                        fontSize: \"33px\",\r\n                                      }}\r\n                                    >\r\n                                      Dear {username},Your profile has been\r\n                                      completed and waiting for verification{\" \"}\r\n                                    </h1>\r\n                                  ) : this.state.Organization === \"4\" ? (\r\n                                    <h1\r\n                                      style={{\r\n                                        textAlign: \"center\",\r\n                                        color: \"#421769\",\r\n                                        textShadow: \"0 0 1px black\",\r\n                                        fontSize: \"33px\",\r\n                                      }}\r\n                                    >\r\n                                      Dear {username},Your Entity is still\r\n                                      Pending{\" \"}\r\n                                    </h1>\r\n                                  ) : this.state.Organization === \"0\" ?\r\n                                    <h1\r\n                                      style={{\r\n                                        textAlign: \"center\",\r\n                                        color: \"#421769\",\r\n                                        textShadow: \"0 0 1px black\",\r\n                                        fontSize: \"33px\",\r\n                                      }}\r\n                                    >\r\n                                      Dear {username}, Your Entity profile\r\n                                      Deactivated{\" \"}\r\n                                    </h1>\r\n                                    : (\r\n                                      <>\r\n                                    <h1\r\n                      style={{\r\n                        textAlign: \"center\",\r\n                        color: \"#421769\",\r\n                        textShadow: \"0 0 1px black\",\r\n                        fontSize: \"33px\",\r\n                      }}\r\n                    >\r\n                      Dear {username},{\" \"}\r\n                      {this.state.Reason != null && this.state.Status === 4\r\n                        ? \"Your Entity is still pending\"\r\n                        : \"Welcome To One Awesome Team!!\"}{\" \"}\r\n                    </h1>\r\n                    <br />{\" \"}\r\n                                  <h4 style={{ textAlign: \"center\", color: \"#421769\" }}>\r\n                                    {this.state.Reason != null && this.state.Status === 4\r\n                                      ? \"\"\r\n                                      : \"To use our awesome features please complete your entity profile\"}{\" \"}\r\n                                  </h4>\r\n                                  </>\r\n                                  )}\r\n                                  <br />{\" \"}\r\n                                  {this.state.Reason === null ? (\r\n                                    <h4\r\n                                      style={{\r\n                                        textAlign: \"center\",\r\n                                        color: \"#421769\",\r\n                                      }}\r\n                                    >\r\n                                      Due to + {this.state.Reason} + \"\"\r\n                                    </h4>\r\n                                  ) : null}\r\n                                  <div className=\"row\">\r\n                                    <div\r\n                                      className=\"col-sm-11\"\r\n                                      style={{\r\n                                        textAlign: \"center\",\r\n                                        marginLeft: \"43px\",\r\n                                        marginTop: \"3%\",\r\n                                      }}\r\n                                    >\r\n                                      {this.state.Organization === \"2\" || this.state.Organization === \"2\" \r\n                                      || this.state.Organization === \"0\" ? \r\n                                      <Link to=\"/Organization\">\r\n                                        <span>\r\n                                          <input\r\n                                            type=\"button\"\r\n                                            className=\"but\"\r\n                                            value=\"Entity Profile\"\r\n                                            style={{\r\n                                              height: \"41.5px\",\r\n                                              width: \"104.36px\",\r\n                                            }}\r\n                                          />\r\n                                        </span>\r\n                                      </Link>:<Link to=\"/AddOrganization\">\r\n                                        <span>\r\n                                          <input\r\n                                            type=\"button\"\r\n                                            className=\"but\"\r\n                                            value=\"Entity Profile\"\r\n                                            style={{\r\n                                              height: \"41.5px\",\r\n                                              width: \"104.36px\",\r\n                                            }}\r\n                                          />\r\n                                        </span>\r\n                                      </Link>}{\" \"}\r\n                                      &nbsp; &nbsp; &nbsp;\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        ) : (\r\n                          <div id=\"admindash\">\r\n                            <div className=\"main-body\">\r\n                              <div className=\"page-body\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-md-12 col-xl-4\">\r\n                                    <div className=\"card table-card\">\r\n                                      <div>\r\n                                        <div className=\"row-table\">\r\n                                          <div className=\"col-sm-6 card-block-big br\">\r\n                                            <div className=\"row\">\r\n                                              <div className=\"col-sm-4\">\r\n                                                <i className=\"icofont icofont-eye-alt text-success\" />\r\n                                              </div>\r\n                                              <div className=\"col-sm-8 text-center\">\r\n                                                {/* <h5></h5> */}\r\n                                                <span></span>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                          <div className=\"col-sm-6 card-block-big\">\r\n                                            <div className=\"row\">\r\n                                              <div className=\"col-sm-4\">\r\n                                                <i className=\"icofont icofont-ui-music text-danger\" />\r\n                                              </div>\r\n                                              <div className=\"col-sm-8 text-center\">\r\n                                                {/* <h5></h5> */}\r\n                                                <span></span>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                      <div className>\r\n                                        <div className=\"row-table\">\r\n                                          <div className=\"col-sm-6 card-block-big br\">\r\n                                            <div className=\"row\">\r\n                                              <div className=\"col-sm-4\">\r\n                                                <i className=\"icofont icofont-files text-info\" />\r\n                                              </div>\r\n                                              <div className=\"col-sm-8 text-center\">\r\n                                                <h5> </h5>\r\n                                                <span></span>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                          <div className=\"col-sm-6 card-block-big\">\r\n                                            <div className=\"row\">\r\n                                              <div className=\"col-sm-4\">\r\n                                                <i className=\"icofont icofont-envelope-open text-warning\" />\r\n                                              </div>\r\n                                              <div className=\"col-sm-8 text-center\">\r\n                                                {/* <h5></h5> */}\r\n                                                <span></span>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div className=\"col-md-12 col-xl-4\">\r\n                                    <div className=\"card table-card\">\r\n                                      <div className>\r\n                                        <div className=\"row-table\">\r\n                                          <div className=\"col-sm-6 card-block-big br\">\r\n                                            <div className=\"row\">\r\n                                              <div className=\"col-sm-4\">\r\n                                                <div\r\n                                                  id=\"barchart\"\r\n                                                  style={{\r\n                                                    height: 40,\r\n                                                    width: 40,\r\n                                                  }}\r\n                                                  className=\"rickshaw_graph\"\r\n                                                >\r\n                                                  <svg width={40} height={40}>\r\n                                                    <rect\r\n                                                      x={0}\r\n                                                      y=\"7.670236411396245\"\r\n                                                      width=\"6.333333333333332\"\r\n                                                      height=\"32.329763588603754\"\r\n                                                      transform=\"matrix(1,0,0,1,0,0)\"\r\n                                                      fill=\"#1abc9c\"\r\n                                                    />\r\n                                                    <rect\r\n                                                      x=\"13.333333333333332\"\r\n                                                      y=\"0.3960396039603964\"\r\n                                                      width=\"6.333333333333332\"\r\n                                                      height=\"39.603960396039604\"\r\n                                                      transform=\"matrix(1,0,0,1,0,0)\"\r\n                                                      fill=\"#1abc9c\"\r\n                                                    />\r\n                                                    <rect\r\n                                                      x=\"26.666666666666664\"\r\n                                                      y=\"15.752677308547183\"\r\n                                                      width=\"6.333333333333332\"\r\n                                                      height=\"24.247322691452815\"\r\n                                                      transform=\"matrix(1,0,0,1,0,0)\"\r\n                                                      fill=\"#1abc9c\"\r\n                                                    />\r\n                                                    <rect\r\n                                                      x=\"6.333333333333332\"\r\n                                                      y=\"31.91755910284906\"\r\n                                                      width=\"6.333333333333332\"\r\n                                                      height=\"8.082440897150938\"\r\n                                                      transform=\"matrix(1,0,0,1,0,0)\"\r\n                                                      fill=\"#bdc3c7\"\r\n                                                    />\r\n                                                    <rect\r\n                                                      x=\"19.666666666666664\"\r\n                                                      y=\"20.602141846837743\"\r\n                                                      width=\"6.333333333333332\"\r\n                                                      height=\"19.397858153162254\"\r\n                                                      transform=\"matrix(1,0,0,1,0,0)\"\r\n                                                      fill=\"#bdc3c7\"\r\n                                                    />\r\n                                                    <rect\r\n                                                      x={33}\r\n                                                      y=\"27.876338654273592\"\r\n                                                      width=\"6.333333333333332\"\r\n                                                      height=\"12.123661345726408\"\r\n                                                      transform=\"matrix(1,0,0,1,0,0)\"\r\n                                                      fill=\"#bdc3c7\"\r\n                                                    />\r\n                                                  </svg>\r\n                                                </div>\r\n                                              </div>\r\n                                              <div className=\"col-sm-8 text-center\">\r\n                                                {/* <h5></h5> */}\r\n                                                <span></span>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                          <div className=\"col-sm-6 card-block-big\">\r\n                                            <div className=\"row \">\r\n                                              <div className=\"col-sm-4\">\r\n                                                <i className=\"icofont icofont-network text-primary\" />\r\n                                              </div>\r\n                                              <div className=\"col-sm-8 text-center\">\r\n                                                {/* <h5></h5> */}\r\n                                                <span></span>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                      <div className>\r\n                                        <div className=\"row-table\">\r\n                                          <div className=\"col-sm-6 card-block-big br\">\r\n                                            <div className=\"row \">\r\n                                              <div className=\"col-sm-4\">\r\n                                                <div\r\n                                                  id=\"barchart2\"\r\n                                                  style={{\r\n                                                    height: 40,\r\n                                                    width: 40,\r\n                                                  }}\r\n                                                  className=\"rickshaw_graph\"\r\n                                                >\r\n                                                  <svg width={40} height={40}>\r\n                                                    <rect\r\n                                                      x={0}\r\n                                                      y=\"28.684582743988685\"\r\n                                                      width=\"6.333333333333332\"\r\n                                                      height=\"11.315417256011315\"\r\n                                                      transform=\"matrix(1,0,0,1,0,0)\"\r\n                                                      fill=\"#1abc9c\"\r\n                                                    />\r\n                                                    <rect\r\n                                                      x=\"13.333333333333332\"\r\n                                                      y=\"20.602141846837743\"\r\n                                                      width=\"6.333333333333332\"\r\n                                                      height=\"19.397858153162254\"\r\n                                                      transform=\"matrix(1,0,0,1,0,0)\"\r\n                                                      fill=\"#1abc9c\"\r\n                                                    />\r\n                                                    <rect\r\n                                                      x=\"26.666666666666664\"\r\n                                                      y=\"8.478480501111338\"\r\n                                                      width=\"6.333333333333332\"\r\n                                                      height=\"31.52151949888866\"\r\n                                                      transform=\"matrix(1,0,0,1,0,0)\"\r\n                                                      fill=\"#1abc9c\"\r\n                                                    />\r\n                                                    <rect\r\n                                                      x=\"6.333333333333332\"\r\n                                                      y=\"8.478480501111338\"\r\n                                                      width=\"6.333333333333332\"\r\n                                                      height=\"31.52151949888866\"\r\n                                                      transform=\"matrix(1,0,0,1,0,0)\"\r\n                                                      fill=\"#bdc3c7\"\r\n                                                    />\r\n                                                    <rect\r\n                                                      x=\"19.666666666666664\"\r\n                                                      y=\"4.437260052535867\"\r\n                                                      width=\"6.333333333333332\"\r\n                                                      height=\"35.56273994746413\"\r\n                                                      transform=\"matrix(1,0,0,1,0,0)\"\r\n                                                      fill=\"#bdc3c7\"\r\n                                                    />\r\n                                                    <rect\r\n                                                      x={33}\r\n                                                      y=\"0.3960396039603964\"\r\n                                                      width=\"6.333333333333332\"\r\n                                                      height=\"39.603960396039604\"\r\n                                                      transform=\"matrix(1,0,0,1,0,0)\"\r\n                                                      fill=\"#bdc3c7\"\r\n                                                    />\r\n                                                  </svg>\r\n                                                </div>\r\n                                              </div>\r\n                                              <div className=\"col-sm-8 text-center\">\r\n                                                {/* <h5></h5> */}\r\n                                                <span></span>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                          <div className=\"col-sm-6 card-block-big\">\r\n                                            <div className=\"row \">\r\n                                              <div className=\"col-sm-4\">\r\n                                                <i className=\"icofont icofont-network-tower text-primary\" />\r\n                                              </div>\r\n                                              <div className=\"col-sm-8 text-center\">\r\n                                                {/* <h5></h5> */}\r\n                                                <span></span>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div className=\"col-md-12 col-xl-4\">\r\n                                    <div className=\"card table-card widget-primary-card\">\r\n                                      <div className>\r\n                                        <div className=\"row-table\">\r\n                                          <div className=\"col-sm-3 card-block-big\">\r\n                                            <i className=\"icofont icofont-star\" />\r\n                                          </div>\r\n                                          <div className=\"col-sm-9\">\r\n                                            {/* <h4></h4> */}\r\n                                            <h6> </h6>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                    <div className=\"card table-card widget-success-card\">\r\n                                      <div className>\r\n                                        <div className=\"row-table\">\r\n                                          <div className=\"col-sm-3 card-block-big\">\r\n                                            <i className=\"icofont icofont-trophy-alt\" />\r\n                                          </div>\r\n                                          <div className=\"col-sm-9\">\r\n                                            {/* <h4></h4>\r\n                          <h6></h6> */}\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div\r\n                                    className=\"col-lg-6\"\r\n                                    style={{ width: \"104%\" }}\r\n                                  >\r\n                                    <div className=\"card-block\">\r\n                                      <DashPie style={{ width: \"104%\" }} />\r\n                                    </div>\r\n                                  </div>\r\n                                  <div className=\"col-lg-6\">\r\n                                    <div\r\n                                      className=\"card\"\r\n                                      style={{\r\n                                        height: \"93%\",\r\n                                        marginLeft: \"15%\",\r\n                                      }}\r\n                                    >\r\n                                      <div className=\"card-block\">\r\n                                        <figure className=\"pie-chart\">\r\n                                          <figcaption>\r\n                                            Trainee{\" \"}\r\n                                            <span\r\n                                              style={{ color: \"#4e79a7\" }}\r\n                                            />\r\n                                            <br />\r\n                                            Intern{\" \"}\r\n                                            <span\r\n                                              style={{ color: \"#f28e2c\" }}\r\n                                            />\r\n                                            <br />\r\n                                            Junior software Engineers\r\n                                            <span\r\n                                              style={{ color: \"#e15759\" }}\r\n                                            />\r\n                                            <br />\r\n                                            senior software Engineers\r\n                                            <span\r\n                                              style={{ color: \"#76b7b2\" }}\r\n                                            />\r\n                                            <br />\r\n                                            HR\r\n                                            <span\r\n                                              style={{ color: \"#59a14f\" }}\r\n                                            />\r\n                                            <br />\r\n                                            Team Leader\r\n                                            <span\r\n                                              style={{ color: \"#edc949\" }}\r\n                                            />\r\n                                          </figcaption>\r\n                                        </figure>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"col-lg-12\">\r\n                                    <Pie />\r\n                                  </div>\r\n\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"row\">\r\n                                      <div className=\"col-md-3\">\r\n                                        <div className=\"card client-blocks warning-border\">\r\n                                          <div className=\"card-block\">\r\n                                            <h5>New Clients</h5>\r\n                                            <ul>\r\n                                              <li>\r\n                                                <i className=\"icofont icofont-ui-user-group text-warning\" />\r\n                                              </li>\r\n                                              <li className=\"text-right text-warning\">\r\n                                                23\r\n                                              </li>\r\n                                            </ul>\r\n                                          </div>\r\n                                        </div>{\" \"}\r\n                                      </div>\r\n                                      <div className=\"col-md-3\">\r\n                                        <div className=\"card client-blocks success-border\">\r\n                                          <div className=\"card-block\">\r\n                                            <h5>New Files</h5>\r\n                                            <ul>\r\n                                              <li>\r\n                                                <i className=\"icofont icofont-files text-success\" />\r\n                                              </li>\r\n                                              <li className=\"text-right text-success\">\r\n                                                240\r\n                                              </li>\r\n                                            </ul>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                      <div className=\"col-md-3\">\r\n                                        <div className=\"card client-blocks dark-primary-border\">\r\n                                          <div className=\"card-block\">\r\n                                            <h5>New Documents</h5>\r\n                                            <ul>\r\n                                              <li>\r\n                                                <i className=\"icofont icofont-document-folder\" />\r\n                                              </li>\r\n                                              <li className=\"text-right\">\r\n                                                133\r\n                                              </li>\r\n                                            </ul>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                      <div className=\"col-md-3\">\r\n                                        <div className=\"card client-blocks dark-primary-border\">\r\n                                          <div className=\"card-block\">\r\n                                            <h5>Open Projects</h5>\r\n                                            <ul>\r\n                                              <li>\r\n                                                <i className=\"icofont icofont-ui-folder text-primary\" />\r\n                                              </li>\r\n                                              <li className=\"text-right text-primary\">\r\n                                                169\r\n                                              </li>\r\n                                            </ul>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div className=\"col-lg-8\">\r\n                                    <div className=\"row\">\r\n                                      <div className=\"col-lg-12\">\r\n                                        <div className=\"card table-1-card\">\r\n                                          <div className=\"card-block\">\r\n                                            <div className=\"table-responsive\">\r\n                                              <table className=\"table\">\r\n                                                <thead>\r\n                                                  <tr className=\"text-capitalize\">\r\n                                                    <th>Type</th>\r\n                                                    <th>Lead Name</th>\r\n                                                    <th>Views</th>\r\n                                                    <th>Favourites</th>\r\n                                                    <th>Last Visit</th>\r\n                                                    <th>Last Action</th>\r\n                                                    <th>Last Date</th>\r\n                                                  </tr>\r\n                                                </thead>\r\n                                                <tbody>\r\n                                                  <tr>\r\n                                                    <td>\r\n                                                      <a href>Buyer</a>\r\n                                                    </td>\r\n                                                    <td>Denish Ann</td>\r\n                                                    <td>153</td>\r\n                                                    <td>100</td>\r\n                                                    <td>20</td>\r\n                                                    <td>9.23 A.M.</td>\r\n                                                    <td>9/27/2015</td>\r\n                                                  </tr>\r\n                                                  <tr>\r\n                                                    <td>\r\n                                                      <a\r\n                                                        className=\"text-danger\"\r\n                                                        href\r\n                                                      >\r\n                                                        Lanload\r\n                                                      </a>\r\n                                                    </td>\r\n                                                    <td>John Doe</td>\r\n                                                    <td>121</td>\r\n                                                    <td>100</td>\r\n                                                    <td>20</td>\r\n                                                    <td>6.23 A.M.</td>\r\n                                                    <td>8/27/2015</td>\r\n                                                  </tr>\r\n                                                  <tr>\r\n                                                    <td>\r\n                                                      <a href>Buyer</a>\r\n                                                    </td>\r\n                                                    <td>Henry Joe</td>\r\n                                                    <td>154</td>\r\n                                                    <td>140</td>\r\n                                                    <td>30</td>\r\n                                                    <td>7.54 P.M.</td>\r\n                                                    <td>4/30/2015</td>\r\n                                                  </tr>\r\n                                                  <tr>\r\n                                                    <td>\r\n                                                      <a\r\n                                                        className=\"text-danger\"\r\n                                                        href\r\n                                                      >\r\n                                                        Lanload\r\n                                                      </a>\r\n                                                    </td>\r\n                                                    <td>Sara Soudein</td>\r\n                                                    <td>153</td>\r\n                                                    <td>100</td>\r\n                                                    <td>20</td>\r\n                                                    <td>9.23 A.M.</td>\r\n                                                    <td>5/20/2016</td>\r\n                                                  </tr>\r\n                                                  <tr>\r\n                                                    <td>\r\n                                                      <a href>Buyer</a>\r\n                                                    </td>\r\n                                                    <td>Denish Ann</td>\r\n                                                    <td>153</td>\r\n                                                    <td>100</td>\r\n                                                    <td>20</td>\r\n                                                    <td>9.23 A.M.</td>\r\n                                                    <td>3/26/2015</td>\r\n                                                  </tr>\r\n                                                  <tr>\r\n                                                    <td>\r\n                                                      <a\r\n                                                        className=\"text-info\"\r\n                                                        href\r\n                                                      >\r\n                                                        Lanload\r\n                                                      </a>\r\n                                                    </td>\r\n                                                    <td>Stefen Joe</td>\r\n                                                    <td>153</td>\r\n                                                    <td>100</td>\r\n                                                    <td>20</td>\r\n                                                    <td>11.45 A.M.</td>\r\n                                                    <td>5/20/2017</td>\r\n                                                  </tr>\r\n                                                  <tr>\r\n                                                    <td>\r\n                                                      <a href>Buyer</a>\r\n                                                    </td>\r\n                                                    <td>Mark Backlus</td>\r\n                                                    <td>153</td>\r\n                                                    <td>100</td>\r\n                                                    <td>20</td>\r\n                                                    <td>12.40 A.M.</td>\r\n                                                    <td>3/27/2017</td>\r\n                                                  </tr>\r\n                                                </tbody>\r\n                                              </table>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                      <div className=\"col-lg-12\">\r\n                                        <div className=\"card table-card group-widget\">\r\n                                          <div className>\r\n                                            <div className=\"row-table\">\r\n                                              <div className=\"col-sm-4 bg-primary card-block-big\">\r\n                                                <i className=\"icofont icofont-music\" />\r\n                                                <p>1,586</p>\r\n                                              </div>\r\n                                              <div className=\"col-sm-4 bg-dark-primary card-block-big\">\r\n                                                <i className=\"icofont icofont-video-clapper\" />\r\n                                                <p>1,743</p>\r\n                                              </div>\r\n                                              <div className=\"col-sm-4 bg-darkest-primary card-block-big\">\r\n                                                <i className=\"icofont icofont-email\" />\r\n                                                <p>1,096</p>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div className=\"col-lg-4\">\r\n                                    <div className=\"card\">\r\n                                      <div className=\"card-header\">\r\n                                        <h5>Create Your Daily Task</h5>\r\n                                        <label className=\"label label-success\">\r\n                                          Today\r\n                                        </label>\r\n                                      </div>\r\n                                      <div className=\"card-block\">\r\n                                        <div className=\"input-group input-group-button\">\r\n                                          <input\r\n                                            type=\"text\"\r\n                                            className=\"form-control add_task_todo\"\r\n                                            placeholder=\"Create your task list\"\r\n                                            name=\"task-insert\"\r\n                                          />\r\n                                          <span\r\n                                            className=\"input-group-addon\"\r\n                                            id=\"basic-addon1\"\r\n                                          >\r\n                                            <button\r\n                                              id=\"add-btn\"\r\n                                              className=\" btn-primary\"\r\n                                            >\r\n                                              Add Task\r\n                                            </button>\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"new-task\">\r\n                                          <div className=\"to-do-list\">\r\n                                            <div className=\"checkbox-fade fade-in-primary\">\r\n                                              <label className=\"check-task\">\r\n                                                <input\r\n                                                  type=\"checkbox\"\r\n                                                  defaultValue\r\n                                                />\r\n                                                <span className=\"cr\">\r\n                                                  <i className=\"cr-icon icofont icofont-ui-check txt-primary\" />\r\n                                                </span>\r\n                                                <span>\r\n                                                  Hey.. Attach your new file\r\n                                                </span>\r\n                                              </label>\r\n                                            </div>\r\n                                            <div className=\"f-right\">\r\n                                              <a\r\n                                                href\r\n                                                className=\"delete_todolist\"\r\n                                              >\r\n                                                <i className=\"icofont icofont-ui-delete\" />\r\n                                              </a>\r\n                                            </div>\r\n                                          </div>\r\n                                          <div className=\"to-do-list\">\r\n                                            <div className=\"checkbox-fade fade-in-primary\">\r\n                                              <label className=\"check-task\">\r\n                                                <input\r\n                                                  type=\"checkbox\"\r\n                                                  defaultValue\r\n                                                />\r\n                                                <span className=\"cr\">\r\n                                                  <i className=\"cr-icon icofont icofont-ui-check txt-primary\" />\r\n                                                </span>\r\n                                                <span>\r\n                                                  New Attachment has error\r\n                                                </span>\r\n                                              </label>\r\n                                            </div>\r\n                                            <div className=\"f-right\">\r\n                                              <a\r\n                                                href\r\n                                                className=\"delete_todolist\"\r\n                                              >\r\n                                                <i className=\"icofont icofont-ui-delete\" />\r\n                                              </a>\r\n                                            </div>\r\n                                          </div>\r\n                                          <div className=\"to-do-list\">\r\n                                            <div className=\"checkbox-fade fade-in-primary\">\r\n                                              <label className=\"check-task\">\r\n                                                <input\r\n                                                  type=\"checkbox\"\r\n                                                  defaultValue\r\n                                                />\r\n                                                <span className=\"cr\">\r\n                                                  <i className=\"cr-icon icofont icofont-ui-check txt-primary\" />\r\n                                                </span>\r\n                                                <span>\r\n                                                  Have to submit early\r\n                                                </span>\r\n                                              </label>\r\n                                            </div>\r\n                                            <div className=\"f-right\">\r\n                                              <a\r\n                                                href\r\n                                                className=\"delete_todolist\"\r\n                                              >\r\n                                                <i className=\"icofont icofont-ui-delete\" />\r\n                                              </a>\r\n                                            </div>\r\n                                          </div>\r\n                                          <div className=\"to-do-list\">\r\n                                            <div className=\"checkbox-fade fade-in-primary\">\r\n                                              <label className=\"check-task\">\r\n                                                <input\r\n                                                  type=\"checkbox\"\r\n                                                  defaultValue\r\n                                                />\r\n                                                <span className=\"cr\">\r\n                                                  <i className=\"cr-icon icofont icofont-ui-check txt-primary\" />\r\n                                                </span>\r\n                                                <span>\r\n                                                  10 pages has to be completed\r\n                                                </span>\r\n                                              </label>\r\n                                            </div>\r\n                                            <div className=\"f-right\">\r\n                                              <a\r\n                                                href\r\n                                                className=\"delete_todolist\"\r\n                                              >\r\n                                                <i className=\"icofont icofont-ui-delete\" />\r\n                                              </a>\r\n                                            </div>\r\n                                          </div>\r\n                                          <div className=\"to-do-list\">\r\n                                            <div className=\"checkbox-fade fade-in-primary\">\r\n                                              <label className=\"check-task\">\r\n                                                <input\r\n                                                  type=\"checkbox\"\r\n                                                  defaultValue\r\n                                                />\r\n                                                <span className=\"cr\">\r\n                                                  <i className=\"cr-icon icofont icofont-ui-check txt-primary\" />\r\n                                                </span>\r\n                                                <span>Navigation working</span>\r\n                                              </label>\r\n                                            </div>\r\n                                            <div className=\"f-right\">\r\n                                              <a\r\n                                                href\r\n                                                className=\"delete_todolist\"\r\n                                              >\r\n                                                <i className=\"icofont icofont-ui-delete\" />\r\n                                              </a>\r\n                                            </div>\r\n                                          </div>\r\n                                          <div className=\"to-do-list\">\r\n                                            <div className=\"checkbox-fade fade-in-primary\">\r\n                                              <label className=\"check-task\">\r\n                                                <input\r\n                                                  type=\"checkbox\"\r\n                                                  defaultValue\r\n                                                />\r\n                                                <span className=\"cr\">\r\n                                                  <i className=\"cr-icon icofont icofont-ui-check txt-primary\" />\r\n                                                </span>\r\n                                                <span>\r\n                                                  Files submited successfully\r\n                                                </span>\r\n                                              </label>\r\n                                            </div>\r\n                                            <div className=\"f-right\">\r\n                                              <a\r\n                                                href\r\n                                                className=\"delete_todolist\"\r\n                                              >\r\n                                                <i className=\"icofont icofont-ui-delete\" />\r\n                                              </a>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div className=\"col-md-6 col-xl-3\">\r\n                                    <div className=\"card social-widget-card\">\r\n                                      <div className=\"card-block-big bg-facebook\">\r\n                                        <h3>1165 +</h3>\r\n                                        <span className=\"m-t-10\">\r\n                                          Facebook Users\r\n                                        </span>\r\n                                        <i className=\"icofont icofont-social-facebook\" />\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div className=\"col-md-6 col-xl-3\">\r\n                                    <div className=\"card social-widget-card\">\r\n                                      <div className=\"card-block-big bg-twitter\">\r\n                                        <h3>780 +</h3>\r\n                                        <span className=\"m-t-10\">\r\n                                          Twitter Users\r\n                                        </span>\r\n                                        <i className=\"icofont icofont-social-twitter\" />\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div className=\"col-md-6 col-xl-3\">\r\n                                    <div className=\"card social-widget-card\">\r\n                                      <div className=\"card-block-big bg-linkein\">\r\n                                        <h3>998 +</h3>\r\n                                        <span className=\"m-t-10\">\r\n                                          Linked In Users\r\n                                        </span>\r\n                                        <i className=\"icofont icofont-brand-linkedin\" />\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div className=\"col-md-6 col-xl-3\">\r\n                                    <div className=\"card social-widget-card\">\r\n                                      <div className=\"card-block-big bg-google-plus\">\r\n                                        <h3>650 +</h3>\r\n                                        <span className=\"m-t-10\">\r\n                                          Google Plus Users\r\n                                        </span>\r\n                                        <i className=\"icofont icofont-social-google-plus\" />\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        )}\r\n                      </>\r\n                    ) : null\r\n                  )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React from \"react\";\r\n// import './Effect.css'\r\nimport \"../Css/Effect.css\";\r\nfunction Dummyfntn() {\r\n  return (\r\n    <div>\r\n      <div className=\"all\">\r\n        <nav className=\"nav-main\">\r\n          <label>\r\n            <div className=\"title\">\r\n              <p className=\"head\">\r\n                &nbsp;&nbsp; &nbsp;&nbsp;\r\n                <span className=\"icons\">\r\n                  <i className=\"fas fa-angle-left\"></i>\r\n                </span>{\" \"}\r\n                &nbsp;&nbsp;Menus\r\n              </p>\r\n            </div>\r\n            <input type=\"checkbox\" />\r\n            <ul>\r\n              {/* <li><a><p><i className=\"fa fa-times pointer\"></i></p></a></li> */}\r\n              <li>\r\n                <button type=\"button\"> Home</button>\r\n              </li>\r\n              <br />\r\n              <li>\r\n                <button type=\"button\">Long Title</button>\r\n              </li>\r\n              <br />\r\n              <li>\r\n                <button type=\"button\">Products</button>\r\n              </li>\r\n              <br />\r\n              <li>\r\n                <button type=\"button\">Services</button>\r\n              </li>\r\n              <br />\r\n              <li>\r\n                <button type=\"button\">Contact Us</button>\r\n              </li>\r\n            </ul>\r\n          </label>\r\n        </nav>\r\n      </div>\r\n      {/* <header></header> */}\r\n      {/* <section>\r\n  <div className=\"centered\"><i className=\"fa fa-bars\"></i>\r\n    <h1>Pure CSS Menu Drawer</h1>\r\n    <p>Having some fun with the&nbsp;&nbsp;<span className=\"code\">:checked</span><span className=\"code\">+</span>&nbsp;&nbsp; pseudo selectors.</p>\r\n  </div>\r\n</section> */}\r\n      {/* <footer></footer>   */}\r\n    </div>\r\n  );\r\n}\r\nexport default Dummyfntn;\r\n","import React, { useState } from \"react\";\r\nimport LogoCompo from \"../Common/LogoCompo\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\n\r\nconst Forgot = (props) => {\r\n  const [email, setEmail] = useState(\"\");\r\n  const [formErrors, setFormErrors] = useState({});\r\n  const [value] = useState(props.location.state);\r\n  const [ButtonDisabled, setButtonDisabled] = useState(false);\r\n\r\n  const handleFormValidation = () => {\r\n    let errors = {};\r\n    let isValid = true;\r\n\r\n    if (!email || email.trim() === \"\") {\r\n      isValid = false;\r\n      errors[\"emailErr\"] = \"Registered Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n      isValid = false;\r\n      errors[\"emailErr\"] = \"Invalid Email Id\";\r\n    }\r\n\r\n    setFormErrors(errors);\r\n    return isValid;\r\n  };\r\n\r\n  const handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    setEmail(value);\r\n\r\n    let errors = {};\r\n    if (!value || value.trim() === \"\") {\r\n      errors[\"emailErr\"] = \"Registered Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(value)) {\r\n      errors[\"emailErr\"] = \"Invalid Email Id\";\r\n    }\r\n\r\n    setFormErrors(errors);\r\n  };\r\n\r\n  const handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n\r\n    if (handleFormValidation()) {\r\n      setButtonDisabled(true)\r\n      const data = new FormData(event.target);\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n      const url = `${BASE_URLs}/Forgot/SendEmailOTP`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: \"Bearer \" + accessToken,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(\"OTP Sent Successfully,Check Your Email\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n\r\n        setTimeout(() => {\r\n          props.history.push(\"/OTP\");\r\n        }, 4000);\r\n\r\n        let myCipher = cipher(\"mySecretSalt\");\r\n        localStorage.setItem(\"rml\", myCipher(JSON.stringify(result.email)));\r\n        localStorage.setItem(\"mlcode\", myCipher(JSON.stringify(result.otp)));\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n      setButtonDisabled(false);\r\n    }\r\n  };\r\n\r\n  const cipher = (salt) => {\r\n    const textToChars = (text) => text.split(\"\").map((c) => c.charCodeAt(0));\r\n    const byteHex = (n) => (\"0\" + Number(n).toString(16)).substr(-2);\r\n    const applySaltToChar = (code) =>\r\n      textToChars(salt).reduce((a, b) => a ^ b, code);\r\n\r\n    return (text) =>\r\n      text\r\n        .split(\"\")\r\n        .map(textToChars)\r\n        .map(applySaltToChar)\r\n        .map(byteHex)\r\n        .join(\"\");\r\n  };\r\n\r\n  var w = window.innerWidth;\r\n  const { emailErr } = formErrors;\r\n\r\n  return (\r\n    <div>\r\n      <div>\r\n        <div className=\"bgImg\" />\r\n        <div className=\"content\">\r\n          {\" \"}\r\n          <br />\r\n          <ToastContainer\r\n            position=\"top-center\"\r\n            autoClose={1500}\r\n            hideProgressBar={false}\r\n            newestOnTop={false}\r\n            closeOnClick\r\n            rtl={false}\r\n            pauseOnFocusLoss\r\n            draggable\r\n            pauseOnHover\r\n          />\r\n          <LogoCompo />\r\n          <div\r\n            className={\r\n              w < 992\r\n                ? \"  h-100 align-items-center justify-content-center\"\r\n                : \" d-flex h-100 align-items-center justify-content-center\"\r\n            }\r\n          >\r\n            <div className=\"container\">\r\n              <div className=\"row\">\r\n                <div className=\"col-md-4 col-sm-6 ml-auto mr-auto\">\r\n                  <div className=\"card-copy\">\r\n                    <div className=\"card-body\">\r\n                      <form id=\"myForm\" onSubmit={handleSubmit}>\r\n                        <br />\r\n                        <br />\r\n                        <br />{\" \"}\r\n                        <div>\r\n                          <h4 className=\"title1\">\r\n                            <span className=\"shadows\">Forgot Password</span>\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"signUp\">\r\n                          <span>\r\n                            <input\r\n                              className=\"form\"\r\n                              maxLength=\"50\"\r\n                              name=\"email\"\r\n                              type=\"text\"\r\n                              id=\"Email\"\r\n                              onChange={handleChange}\r\n                              placeholder=\"Enter Your Registered Email\"\r\n                              autoComplete=\"off\"\r\n                            />\r\n                            {emailErr && (\r\n                              <span style={{ color: \"red\", paddingBottom: 10 }}>\r\n                                {emailErr}\r\n                              </span>\r\n                            )}\r\n                            <span className=\"underline\" />\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"text-center\">\r\n                          <button\r\n                            type=\"submit\"\r\n                            className=\"but\"\r\n                            style={{\r\n                              width: \"90.36px\",\r\n                              height: \"39.5px\",\r\n                              margin: \"auto\",\r\n                            }}\r\n                            disabled={ButtonDisabled}\r\n                          >\r\n                            Send OTP\r\n                          </button>\r\n                          &nbsp;&nbsp;&nbsp;\r\n                          <button\r\n                            onClick={() => props.history.goBack()}\r\n                            className=\"btn-Secondary\"\r\n                            style={{ width: \"83.36px\", height: \"39.5px\" }}\r\n                          >\r\n                            Back\r\n                          </button>\r\n                        </div>\r\n                        <br></br>\r\n                      </form>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default Forgot;\r\n","export default __webpack_public_path__ + \"static/media/Awessome.b65265d0.webp\";","import React, { Component } from \"react\";\r\nimport OATLogo from \"../Assets/images/Awessome.webp\";\r\nimport logo from \"../Assets/images/Awessome.webp\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class InviteDashboard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      comlogo: [],\r\n      Inviteusers: [],\r\n    };\r\n  }\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetInviteUsers();\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetInviteUsers() {\r\n    let url = `${BASE_URLs}/Profile/GetInviteUsers`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Inviteusers: data,\r\n        });\r\n      });\r\n  }\r\n  render() {\r\n    const { Inviteusers } = this.state;\r\n    return (\r\n      <div>\r\n        <h6\r\n          style={{\r\n            textAlign: \"center\",\r\n            backgroundColor: \"cornflowerblue\",\r\n            marginTop: \"-2%\",\r\n          }}\r\n        >\r\n          <img\r\n            alt=\"logo\"\r\n            src={OATLogo}\r\n            style={{ width: \"150px\", height: \"100px\" }}\r\n          />\r\n        </h6>\r\n        <br />\r\n        <br />\r\n        <div style={{ textAlign: \"center\" }}>\r\n          <img alt=\"logo\" src={logo} style={{ height: \"250px\" }} />\r\n          <br />\r\n          <h3>Welcome To One Awesome Team</h3>\r\n        </div>\r\n        <br />\r\n        <br />\r\n        <br />\r\n        <br />\r\n        {Inviteusers.map((Inviteusers) => (\r\n          <div>\r\n            <h5 style={{ textAlign: \"center\" }}>\r\n              {Inviteusers.message}\r\n              {/* (User Name) You have been <br/><br/> Invited by (Admin Name) to join the*/}{\" \"}\r\n            </h5>\r\n          </div>\r\n        ))}\r\n        <br />\r\n        <br />\r\n        <br />\r\n        <br />\r\n        <div style={{ textAlign: \"center\" }}>\r\n          <button\r\n            className=\"butn \"\r\n            style={{\r\n              height: \"43.2px\",\r\n              backgroundColor: \"#ff5d11\",\r\n              color: \"white\",\r\n            }}\r\n          >\r\n            Get Started\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/LaptopGirl.a44ebd7f.webp\";","import React, { Component } from 'react'\r\nimport logo from \"../Assets/images/OATlogo.png\";\r\nimport LaptopGirl from '../../images/LaptopGirl.webp'\r\nimport { Link } from \"react-router-dom\";\r\n\r\n\r\nexport default class LandingPage extends Component {\r\n\r\n  componentDidMount() {\r\n    sessionStorage.clear();\r\n    localStorage.clear()\r\n  }\r\n  \r\n    render() { \r\n      var w = window.innerWidth;\r\n        return (\r\n            <div className=\"backimg\">\r\n  <div className=\"row\">\r\n    \r\n      <div className=\"col-lg-6\"  >\r\n      <div className=\"row\">\r\n      <div className=\"col-lg-2\" style={{alignItems: 'center',justifyContent: 'center',display: 'flex'}}>\r\n      <img alt=\"logo\" src={logo} style={{height:\"70px\", width:\"70px\",marginTop:\"10px\",marginLeft:\"12px\",marginTop:\"10px\",marginRight:\"10px\"}}/>\r\n      </div>\r\n\r\n      <div className={\"col-lg-8 landtextS\"}>\r\n    <h3 className=\"txtOAT\" >One Awesome Team</h3>\r\n</div>\r\n\r\n\r\n<div className=\"col-lg-2\" ></div>\r\n\r\n    </div>\r\n    \r\n    </div>\r\n\r\n\r\n\r\n    <div className=\"col-lg-6\">\r\n    <div className=\"row\">\r\n    <div className=\"col-lg-5\"></div>\r\n    <div className=\"col-lg-7\" style={{alignItems: 'center',justifyContent: 'center',display: 'flex'}}>\r\n\r\n    <div style={{margin:\"25px 0px 25px 10px\"}}>\r\n    <Link className=\"butland\" to='' id=\"get-demo\" >Get Demo</Link> \r\n    <Link className=\"butland\" to='/Login_form' id=\"login-btn\">Login</Link> \r\n\r\n</div>\r\n</div>\r\n\r\n    </div>\r\n\r\n\r\n\r\n\r\n    </div>\r\n    </div>                \r\n  \r\n\r\n\r\n    <div className=\"container\" id=\"container-landing\">\r\n<div className=\"my-moon\"></div>\r\n<div className=\"col-lg-12\" id='landing-row'>\r\n<div className=\"rowland\">  \r\n\r\n<div className=\"content-wrapper col-lg-6 \">\r\n  <img alt=\"girlpicture\" id='girlpicture' style={{width:\"55%\"}}src={LaptopGirl} />\r\n</div>\r\n<div className=\"content-wrapper col-lg-6 \" id=\"landing-page\">\r\n<div>\r\n<h3  id='HeaderA1'> <h3>Engage</h3><h3>Nurture</h3><h3>Motivate</h3></h3>\r\n{/* <h3  id='HeaderA1'> Engage&nbsp;&nbsp;&nbsp;Nurture&nbsp;&nbsp;&nbsp;Motivate</h3> */}\r\n  <h5 id='HeaderA2' >Let's begin with your Entity</h5>\r\n<Link to=\"/Sign-up\" type=\"button\" className=\"butland\" id=\"get-start\" >Get Started</Link>\r\n<br></br>\r\n</div>\r\n</div>\r\n</div>\r\n</div>\r\n</div>\r\n\r\n\r\n<div className=\"footerhome\" style={{backgroundColor:\"#e6e5d305\",color:\"white\"}}>\r\n  <p>Contact us: contact@oneawesometeam.com</p>\r\n</div>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nexport default class AddDesignationModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Business: [],\r\n    };\r\n  }\r\n\r\n  handle() {}\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"pop\">\r\n          <div\r\n            className=\"popinnernormal\"\r\n            style={{ width: \"50%\", padding: \"2%\" }}\r\n          >\r\n            {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}}  ><CloseIcon/></button> */}\r\n            <h4>Invalid Email or Password</h4>\r\n            <br />\r\n            <div className=\"row\">\r\n              <div className=\"col-lg-12\">\r\n                <button className=\"btn-Secondary\" onClick={this.props.close}>\r\n                  Close\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"../Css/SigninStyle.css\";\r\nimport {\r\n  loadCaptchaEnginge,\r\n  LoadCanvasTemplate,\r\n  validateCaptcha,\r\n} from \"react-simple-captcha\";\r\nimport LogoCompo from \"../Common/LogoCompo\";\r\nimport Invalid from \"../Common/Invalid\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport LoadingPage from \"../Common/LoadingPage\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\n\r\nconst Signin = (props) => {\r\n  const [email, setEmail] = useState(\"\");\r\n  const [PasswordL, setPasswordL] = useState(\"\");\r\n  const [formErrors, setFormErrors] = useState({});\r\n  const [value, setValue] = useState(props.location.state);\r\n  const [OrgEmail, setOrgEmail] = useState([]);\r\n  const [Announcement, setAnnouncement] = useState({});\r\n  const [SuccessModel, setSuccessModel] = useState(false);\r\n  const [Eye, setEye] = useState(false);\r\n  const [loading, setLoading] = useState(false);\r\n  const [isSubmitting, setIsSubmitting] = useState(false);\r\n  const [ButtonDisabled, setButtonDisabled] = useState(false);\r\n  useEffect(() => {\r\n    sessionStorage.clear();\r\n    localStorage.clear()\r\n    loadCaptchaEnginge(6);\r\n    setTimeout(() => {\r\n      sessionStorage.clear();\r\n      // console.log(\"sessionStorage cleared after 10 seconds\");\r\n    }, 10000); // 10000 milliseconds = 10 seconds\r\n  }, []);\r\n\r\n  const handleFormValidation = () => {\r\n    var email = document.getElementById(\"email\").value;\r\n    var PasswordL = document.getElementById(\"PasswordL\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    let capcha = document.getElementById(\"user_captcha_input\").value;\r\n\r\n    if (!email || email.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"emailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n      formIsValid = false;\r\n      formErrors[\"emailErr\"] = \"Invalid Email Address\";\r\n    }\r\n    if (!PasswordL || PasswordL.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"Password is required\";\r\n    } else if (\r\n      !/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,20}$/.test(\r\n        PasswordL\r\n      )\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"Invalid Password\";\r\n    }\r\n    if (!capcha || capcha.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"capchaErr\"] = \"Captcha is required\";\r\n    }\r\n\r\n    setFormErrors(formErrors);\r\n    return formIsValid;\r\n  };\r\n\r\n  const handleChange = (e) => {\r\n    var email = document.getElementById(\"email\").value;\r\n    var PasswordL = document.getElementById(\"PasswordL\").value;\r\n    const { name, value } = e.target;\r\n\r\n    if (name === \"email\") {\r\n      setEmail(value);\r\n    } else if (name === \"PasswordL\") {\r\n      setPasswordL(value);\r\n    }\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    let capcha = document.getElementById(\"user_captcha_input\").value;\r\n\r\n    if (!email || email.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"emailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n      formIsValid = false;\r\n      formErrors[\"emailErr\"] = \"Invalid Email Address\";\r\n    } else if (!PasswordL || PasswordL.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"Password is required\";\r\n    } else if (\r\n      !/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,20}$/.test(\r\n        PasswordL\r\n      )\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"Invalid Password\";\r\n    } else if (!capcha || capcha.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"capchaErr\"] = \"Captcha is required\";\r\n    }\r\n\r\n    setFormErrors(formErrors);\r\n    return formIsValid;\r\n  };\r\n\r\n  const performLogin = () => {\r\n    if (navigator.onLine === false) {\r\n      return alert(\"You are Offline,Check your internet Connection\");\r\n    }\r\n\r\n    var capchaValue = document.getElementById(\"user_captcha_input\").value;\r\n\r\n    if (handleFormValidation()) {\r\n      if (validateCaptcha(capchaValue) === true) {\r\n        setButtonDisabled(true)\r\n        setLoading(true);\r\n\r\n        let url2 = `${BASE_URLs}/Team/UpdateInactiveStatus?Email=${email}`;\r\n        // console.log(\"Url-----------Login\", url2);\r\n\r\n        fetch(url2, {\r\n          method: \"POST\",\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-type\": \"application/json\",\r\n            Accept: \"application/json\",\r\n            \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n          },\r\n        });\r\n\r\n        const options = {\r\n          method: \"POST\",\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"application/json\",\r\n            Accept: \"application/json\",\r\n          },\r\n          body: JSON.stringify({\r\n            Email: email,\r\n            Password: PasswordL,\r\n          }),\r\n        };\r\n\r\n        const url = `${BASE_URLs}/Authenticate/Login`;\r\n\r\n        fetch(url, options)\r\n          .then((response) => response.json())\r\n\r\n          .then((result) => {\r\n            if (result.status === \"Success\") {\r\n              localStorage.setItem(\"user\", JSON.stringify(result.token));\r\n              localStorage.setItem(\"Role\", JSON.stringify(result.role));\r\n              localStorage.setItem(\"org\", JSON.stringify(result.org));\r\n              localStorage.setItem(\"uname\", JSON.stringify(result.uname));\r\n              localStorage.setItem(\"userId\", JSON.stringify(result.userId));\r\n              localStorage.setItem(\"email\", JSON.stringify(result.email));      \r\n              localStorage.setItem(\r\n                \"entityName\",\r\n                JSON.stringify(result.entityName)\r\n              );\r\n              localStorage.setItem(\"Entity\", JSON.stringify(result.entUsers));\r\n              localStorage.setItem(\"access\", JSON.stringify(result.access));\r\n              localStorage.setItem(\r\n                \"accessed_to\",\r\n                JSON.stringify(result.accessed_to)\r\n              );\r\n              localStorage.setItem(\"adminId\", JSON.stringify(result.adminId));\r\n\r\n              let url = `${BASE_URLs}/Announcement/GetSAdminAnnouncementpop`;\r\n              let user = JSON.parse(localStorage.getItem(\"user\"));\r\n              const accessToken = user;\r\n\r\n              fetch(url, {\r\n                method: \"GET\",\r\n                headers: {\r\n                  \"Access-Control-Allow-Origin\": \"*\",\r\n                  \"Access-Control-Allow-Methods\":\r\n                    \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                  Authorization: \"Bearer \" + accessToken,\r\n                  \"Content-type\": \"application/json\",\r\n                  Accept: \"application/json\",\r\n                  \"Access-Control-Allow-Headers\":\r\n                    \"Access-Control-Request-Headers \",\r\n                },\r\n              })\r\n                .then((response) => response.json())\r\n                .then((data) => {\r\n                  setAnnouncement(data);\r\n                 \r\n                 \r\n                });\r\n\r\n              toast.success(\"Logged In Successfully\", {\r\n                position: \"top-center\",\r\n                autoClose: 3200,\r\n                hideProgressBar: false,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              });\r\n\r\n            \r\n              setTimeout(() => {\r\n                var role = JSON.parse(localStorage.Role);\r\n                role = role.toString();\r\n                // superadmin\r\n\r\n                if (role === \"Platform Admin\") {\r\n                  props.history.push(\"/DashBoard\");\r\n                }\r\n\r\n                // Admin\r\n\r\n                if (role === \"Admin\") {\r\n\r\n                 \r\n                 \r\n\r\n                    if (JSON.parse(localStorage.org) === 3) {\r\n                      props.history.push(\"/AdminHome\");\r\n                    }\r\n                    if (JSON.parse(localStorage.org) === 4) {\r\n                      props.history.push(\"/AdminHome\");\r\n                    }\r\n                    if (JSON.parse(localStorage.org) === 0) {\r\n                      props.history.push(\"/DashBoard\");\r\n                    }\r\n                    if (JSON.parse(localStorage.org) === 1) {\r\n                      props.history.push(\"/DashBoard\");\r\n                    }\r\n                    if (JSON.parse(localStorage.org) === 2) {\r\n                      props.history.push(\"/DashBoard\");\r\n                    }else \r\n                      if (result.remind === true) {\r\n                        setAnnouncement.length === 1 &&\r\n                          props.history.push(\"/AnnouncementPopup\");\r\n                      }\r\n                    \r\n                \r\n              }\r\n\r\n                // User\r\n\r\n                if (role === \"User\") {\r\n                  props.history.push(\"/UserDashboard\");\r\n                }\r\n              }, 4000);\r\n            }\r\n\r\n            if (result.title === \"Unauthorized\") {\r\n              setSuccessModel(true);\r\n              document.getElementById(\"user_captcha_input\").value = \"\";\r\n              loadCaptchaEnginge(6);\r\n            }\r\n\r\n            if (result.status === \"Error\") {\r\n              alert(result.message);\r\n              document.getElementById(\"myForm\").reset();\r\n            }\r\n          })\r\n          .finally(() => {\r\n            setLoading(false);\r\n          });\r\n      } else {\r\n        document.getElementById(\"user_captcha_input\").value = \"\";\r\n        toast.error(\"Captcha Does not Match\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setLoading(false);\r\n      }\r\n      setTimeout(() => {\r\n        setButtonDisabled(false);\r\n      }, 4000);\r\n     \r\n    }\r\n  };\r\n\r\n  const handleSubmit = (event) => {\r\n    // event.preventDefault();\r\n    setIsSubmitting(true);\r\n\r\n    setIsSubmitting(false);\r\n   \r\n  };\r\n\r\n  const togglePassword = () => {\r\n    setEye(!Eye);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <div>\r\n        <div className=\"bgImg\" />\r\n        <div className=\"content\">\r\n          <br />\r\n          <LogoCompo />\r\n          <ToastContainer\r\n            position=\"top-center\"\r\n            autoClose={1500}\r\n            hideProgressBar={false}\r\n            newestOnTop={false}\r\n            closeOnClick\r\n            rtl={false}\r\n            pauseOnFocusLoss\r\n            draggable\r\n            pauseOnHover\r\n          />\r\n          {SuccessModel ? (\r\n            <Invalid id=\"Success\" close={() => setSuccessModel(false)} />\r\n          ) : null}\r\n          <div\r\n            className={\r\n              window.innerWidth < 992\r\n                ? \"  h-100 align-items-center justify-content-center\"\r\n                : \" d-flex h-100 align-items-center justify-content-center\"\r\n            }\r\n          >\r\n            <div className=\"container\">\r\n              <div className=\"row\">\r\n                <div\r\n                  className={\r\n                    window.innerWidth < 992\r\n                      ? \" col-sm-12 ml-auto mr-auto\"\r\n                      : \"col-md-4 col-sm-6 ml-auto mr-auto\"\r\n                  }\r\n                >\r\n                  {\" \"}\r\n                  <div className=\"card-copy\">\r\n                    <div className=\"card-body\">\r\n                      <form\r\n                        action={`${BASE_URLs}/Authenticate/Login`}\r\n                        id=\"myForm\"\r\n                        onSubmit={(e) => {\r\n                          e.preventDefault();\r\n                          handleSubmit();\r\n                        }}\r\n                      >\r\n                        <br />\r\n                        <br />\r\n                        <br />{\" \"}\r\n                        <div>\r\n                          <h4 className=\"title1\">\r\n                            <span className=\"shadows\">Sign In</span>\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"signUp\">\r\n                          <span>\r\n                            <input\r\n                              type=\"text\"\r\n                              className=\"form\"\r\n                              onChange={handleChange}\r\n                              name=\"email\"\r\n                              id=\"email\"\r\n                              placeholder=\"Email \"\r\n                              maxLength=\"50\"\r\n                              autoComplete=\"off\"\r\n                              style={{ cursor: \"auto\" }}\r\n                            />\r\n                            <span className=\"underline\" />\r\n                            {formErrors.emailErr && (\r\n                              <span style={{ color: \"red\", paddingBottom: 10 }}>\r\n                                {formErrors.emailErr}\r\n                              </span>\r\n                            )}\r\n                          </span>\r\n                          <>\r\n                            <div style={{ display: \"flex\" }}>\r\n                              <input\r\n                                type={!Eye ? \"password\" : \"text\"}\r\n                                className=\"form\"\r\n                                onChange={handleChange}\r\n                                id=\"PasswordL\"\r\n                                name=\"PasswordL\"\r\n                                maxLength=\"20\"\r\n                                placeholder=\"Password\"\r\n                                autoComplete=\"off\"\r\n                              />\r\n                              <span\r\n                                className={\r\n                                  !Eye\r\n                                    ? \"icofont icofont-eye eyelogo\"\r\n                                    : \"icofont icofont-eye-blocked eyelogo\"\r\n                                }\r\n                                id=\"eye\"\r\n                                onClick={togglePassword}\r\n                              ></span>\r\n                            </div>\r\n                            <span className=\"underline\" />\r\n                            {formErrors.passwordErr && (\r\n                              <div>\r\n                                <span\r\n                                  style={{ color: \"red\", paddingBottom: 10 }}\r\n                                >\r\n                                  {formErrors.passwordErr}\r\n                                </span>\r\n                                <br />\r\n                              </div>\r\n                            )}\r\n                          </>\r\n                          <span>\r\n                            <input\r\n                              className=\"form\"\r\n                              placeholder=\"Enter Captcha \"\r\n                              onChange={handleChange}\r\n                              autoComplete=\"off\"\r\n                              id=\"user_captcha_input\"\r\n                              name=\"user_captcha_input\"\r\n                              type=\"text\"\r\n                            ></input>\r\n                            <span className=\"underline\" />\r\n                            {formErrors.capchaErr && (\r\n                              <span style={{ color: \"red\", paddingBottom: 10 }}>\r\n                                {formErrors.capchaErr}\r\n                              </span>\r\n                            )}\r\n                          </span>\r\n                        </div>\r\n                        <div>\r\n                          <span\r\n                            style={{\r\n                              display: \"flex\",\r\n                              flexDirection: \"column\",\r\n                              alignItems: \"center\",\r\n                              textAlign: \"center\",\r\n                            }}\r\n                          >\r\n                            <LoadCanvasTemplate />\r\n                          </span>\r\n\r\n                          <div\r\n                            className=\"text-center\"\r\n                            style={{ marginTop: \"10px\" }}\r\n                          >\r\n                            <button\r\n                              type=\"submit\"\r\n                              id=\"loginbtn\"\r\n                              onClick={performLogin}\r\n                              disabled={ButtonDisabled}\r\n                              className=\"but\"\r\n                              style={{ width: \"83.36px\", margin: \"auto\" }}\r\n                            >\r\n                              Login\r\n                            </button>\r\n                          </div>\r\n\r\n                          <div\r\n                            className=\"text-center\"\r\n                            style={{ marginTop: \"10px\" }}\r\n                          >\r\n                            <Link\r\n                              to=\"./Forgot\"\r\n                              style={{\r\n                                // float: \"inline-end\",\r\n                                color: \"#b152e9\",\r\n                              }}\r\n                            >\r\n                              Forgot password?\r\n                            </Link>\r\n                          </div>\r\n\r\n                          <div\r\n                            className=\"text-center\"\r\n                            style={{ marginTop: \"10px\" }}\r\n                          >\r\n                            New User?{\" \"}\r\n                            <a\r\n                              href\r\n                              onClick={() => {\r\n                                props.history.push(\"./Sign-up\");\r\n                              }}\r\n                              style={{\r\n                                // float: \"inline-end\",\r\n                                color: \"rgb(177, 82, 233)\",\r\n                                cursor: \"pointer\",\r\n                              }}\r\n                            >\r\n                              Sign Up\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <br />\r\n                        </div>\r\n                      </form>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {loading ? <LoadingPage /> : null}\r\n    </div>\r\n  );\r\n};\r\nexport default Signin;\r\n","import React, { Component } from \"react\";\r\n\r\nimport LogoCompo from \"../Common/LogoCompo\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class Forgot extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      otp: \"\",\r\n      Npwd: \"\",\r\n      CPwd: \"\",\r\n      value: this.props.location.state,\r\n      formErrors: {},\r\n      Eye1: false,\r\n      Eye2: false,\r\n      Mail: \"\",\r\n      ButtonDisabled: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n  }\r\n\r\n  handleFormValidation() {\r\n    var Npwd = document.getElementById(\"Npwd\").value;\r\n    var CPwd = document.getElementById(\"CPwd\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!Npwd) {\r\n      formIsValid = false;\r\n      formErrors[\"NpwdErr\"] = \" New Password is required\";\r\n    } else if (\r\n      !/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,20}$/.test(\r\n        Npwd\r\n      )\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"NpwdErr\"] = \"Invalid Password\";\r\n    }\r\n    if (!CPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] = \" Confirm Password is required\";\r\n    } else if (CPwd !== Npwd) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] =\r\n        \" New Password and Confirm  Password doesn't match\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  togglePassword1 = () => {\r\n    this.setState({ Eye1: !this.state.Eye1 });\r\n  };\r\n\r\n  togglePassword2 = () => {\r\n    this.setState({ Eye2: !this.state.Eye2 });\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    var Npwd = document.getElementById(\"Npwd\").value;\r\n    var CPwd = document.getElementById(\"CPwd\").value;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n\r\n    //Email\r\n    if (!Npwd) {\r\n      formIsValid = false;\r\n      formErrors[\"NpwdErr\"] = \" New Password is required\";\r\n    } else if (!/^(?=.*[A-Z])/.test(Npwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NpwdErr\"] = \"At least one Capital letter is required\";\r\n    } else if (!/^(?=.*[a-z])/.test(Npwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NpwdErr\"] = \"At least one small letter is required\";\r\n    } else if (!/\\d/.test(Npwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NpwdErr\"] = \"At least one number is required\";\r\n    } else if (!/^(?=.*[-+_!@#$%^&*., ?])/.test(Npwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NpwdErr\"] = \"At least one Symbol is required\";\r\n    } else if (Npwd.length < 8) {\r\n      formIsValid = false;\r\n      formErrors[\"NpwdErr\"] = \"A Minimum of 8  characters are required\";\r\n    } else if (\r\n      !/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,20}$/.test(\r\n        Npwd\r\n      )\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"NpwdErr\"] = \"Invalid Password\";\r\n    } else if (!CPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] = \" Confirm Password is required\";\r\n    } else if (Npwd !== CPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] =\r\n        \" New Password and Confirm  Password doesn't match\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n    if (this.handleFormValidation()) {\r\n      this.setState({ ButtonDisabled: true });\r\n      const data = new FormData(event.target);\r\n      const url = `${BASE_URLs}/Forgot/ChangePwd`;\r\n      const options = {\r\n        method: \"POST\",\r\n        body: data,\r\n      };\r\n\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n      if (result.status === \"Success\") {\r\n        localStorage.removeItem(\"rml\");\r\n        localStorage.removeItem(\"mlcode\");\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(() => {\r\n          this.props.history.push(\"/Login_form\");\r\n        }, 4000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n      setTimeout(() => {\r\n        this.setState({ ButtonDisabled: false });\r\n      }, 4000);\r\n    }\r\n  };\r\n  decipher = (salt) => {\r\n    const textToChars = (text) => text.split(\"\").map((c) => c.charCodeAt(0));\r\n    const applySaltToChar = (code) =>\r\n      textToChars(salt).reduce((a, b) => a ^ b, code);\r\n    return (encoded) =>\r\n      encoded\r\n        .match(/.{1,2}/g)\r\n        .map((hex) => parseInt(hex, 16))\r\n        .map(applySaltToChar)\r\n        .map((charCode) => String.fromCharCode(charCode))\r\n        .join(\"\");\r\n  };\r\n\r\n  componentDidMount() {\r\n    var mail = localStorage.rml;\r\n    const myDecipher = this.decipher(\"mySecretSalt\");\r\n    mail = myDecipher(mail).toString();\r\n    mail = JSON.parse(mail);\r\n    this.setState({ Mail: mail });\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { NpwdErr, CPwdErr } = this.state.formErrors;\r\n\r\n    return (\r\n      <div>\r\n        <div>\r\n          <div className=\"bgImg\" />\r\n          <div className=\"content\">\r\n            <br />\r\n            <LogoCompo />\r\n            <ToastContainer\r\n              position=\"top-center\"\r\n              autoClose={1500}\r\n              hideProgressBar={false}\r\n              newestOnTop={false}\r\n              closeOnClick\r\n              rtl={false}\r\n              pauseOnFocusLoss\r\n              draggable\r\n              pauseOnHover\r\n            />\r\n            <div\r\n              className={\r\n                w < 992\r\n                  ? \"  h-100 align-items-center justify-content-center\"\r\n                  : \" d-flex h-100 align-items-center justify-content-center\"\r\n              }\r\n            >\r\n              <div className=\"container\">\r\n                <div className=\"row\">\r\n                  <div\r\n                    className={\r\n                      w < 992\r\n                        ? \" col-sm-12 ml-auto mr-auto\"\r\n                        : \"col-md-4 col-sm-6 ml-auto mr-auto\"\r\n                    }\r\n                  >\r\n                    <div className=\"card-copy\">\r\n                      <div className=\"card-body\">\r\n                        <form id=\"myForm\" onSubmit={this.handleSubmit}>\r\n                          <br />\r\n                          <br />\r\n                          <br />{\" \"}\r\n                          <div>\r\n                            <h4 className=\"title1\">\r\n                              <span className=\"shadows\">New Password</span>\r\n                            </h4>\r\n                          </div>\r\n                          <br />\r\n                          <div className=\"signUp\">\r\n                            <input\r\n                              type=\"hidden\"\r\n                              name=\"Email\"\r\n                              value={this.state.Mail}\r\n                            ></input>\r\n                            <>\r\n                              <div style={{ display: \"flex\" }}>\r\n                                <input\r\n                                  type={!this.state.Eye1 ? \"password\" : \"text\"}\r\n                                  className=\"form\"\r\n                                  id=\"Npwd\"\r\n                                  onChange={this.handleChange}\r\n                                  name=\"Npwd\"\r\n                                  maxLength=\"20\"\r\n                                  autoComplete=\"off\"\r\n                                />\r\n                                <span\r\n                                  className={\r\n                                    !this.state.Eye1\r\n                                      ? \"icofont icofont-eye eyelogo\"\r\n                                      : \"icofont icofont-eye-blocked eyelogo\"\r\n                                  }\r\n                                  id=\"eye\"\r\n                                  onClick={this.togglePassword1}\r\n                                ></span>\r\n                                {/* eye-blocked */}\r\n                              </div>\r\n                              <span\r\n                                className={NpwdErr ? \" showError\" : \"\"}\r\n                              ></span>\r\n                              {!NpwdErr ? (\r\n                                <span\r\n                                  style={{ color: \"#a29d9d\", float: \"left\" }}\r\n                                >\r\n                                  New Password\r\n                                </span>\r\n                              ) : (\r\n                                <div style={{ color: \"red\", float: \"left\" }}>\r\n                                  {NpwdErr}\r\n                                </div>\r\n                              )}\r\n                              <span className=\"underline\" />\r\n                            </>\r\n\r\n                            <>\r\n                              <div style={{ display: \"flex\" }}>\r\n                                <input\r\n                                  type={!this.state.Eye2 ? \"password\" : \"text\"}\r\n                                  className=\"form\"\r\n                                  id=\"CPwd\"\r\n                                  onChange={this.handleChange}\r\n                                  name=\"CPwd\"\r\n                                  maxLength=\"20\"\r\n                                  autoComplete=\"off\"\r\n                                />\r\n                                <span\r\n                                  className={\r\n                                    !this.state.Eye2\r\n                                      ? \"icofont icofont-eye eyelogo\"\r\n                                      : \"icofont icofont-eye-blocked eyelogo\"\r\n                                  }\r\n                                  id=\"eye\"\r\n                                  onClick={this.togglePassword2}\r\n                                ></span>\r\n                                {/* eye-blocked */}\r\n                              </div>\r\n\r\n                              {!CPwdErr ? (\r\n                                <span\r\n                                  style={{ color: \"#a29d9d\", float: \"left\" }}\r\n                                >\r\n                                  Confirm Password\r\n                                </span>\r\n                              ) : (\r\n                                <div style={{ color: \"red\", float: \"left\" }}>\r\n                                  {CPwdErr}\r\n                                </div>\r\n                              )}\r\n                              <span className=\"underline\" />\r\n                            </>\r\n                          </div>\r\n                          <div className=\"text-center\">\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"but\"\r\n                              style={{ width: \"83.36px\" }}\r\n                              disabled={this.state.ButtonDisabled}\r\n                            >\r\n                              Submit\r\n                            </button>\r\n                          </div>\r\n                        </form>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport LogoCompo from \"../Common/LogoCompo\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class Forgot extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      otp: \"\",\r\n      value: this.props.location.state,\r\n      formErrors: {},\r\n      Counter: \"60\",\r\n      ButtonDisabled: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n  }\r\n\r\n  handleFormValidation() {\r\n    // const {otp}= this.state;\r\n    var otp = document.getElementById(\"Otp\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!otp) {\r\n      formIsValid = false;\r\n      formErrors[\"otpErr\"] = \"OTP is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    var otp = document.getElementById(\"Otp\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!otp || otp.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"otpErr\"] = \"OTP is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n    const myDecipher = this.decipher(\"mySecretSalt\");\r\n    if (this.handleFormValidation()) {\r\n      this.setState({ ButtonDisabled: true });\r\n      var Otpmail = localStorage.getItem(\"mlcode\");\r\n      Otpmail = JSON.parse(myDecipher(Otpmail).toString());\r\n      if (Otpmail === this.state.otp) {\r\n        sessionStorage.clear();\r\n        toast.success(\"OTP Verified Successfully\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(() => {\r\n          this.props.history.push(\"/NewPassword\");\r\n        }, 4000);\r\n\r\n        \r\n      } else {\r\n        toast.error(\"Invalid OTP !!\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    \r\n    }\r\n    setTimeout(() => {\r\n      this.setState({ ButtonDisabled: false });\r\n    }, 4000);\r\n     \r\n  };\r\n\r\n  Reset = async (e) => {\r\n    \r\n    e.preventDefault();\r\n    var mail = localStorage.rml;\r\n    const myDecipher = this.decipher(\"mySecretSalt\");\r\n    mail = myDecipher(mail).toString();\r\n    mail = JSON.parse(mail);\r\n    document.getElementById(\"rrr\").setAttribute(\"style\", \"display:none ;\");\r\n    document\r\n      .getElementById(\"timer\")\r\n      .setAttribute(\"style\", \"display:contents ;\");\r\n\r\n    const v = setInterval(() => {\r\n      this.setState({ Counter: this.state.Counter - 1 });\r\n\r\n      if (this.state.Counter === 0) {\r\n        clearInterval(v);\r\n        document\r\n          .getElementById(\"rrr\")\r\n          .setAttribute(\"style\", \"display:initial ; \");\r\n        document\r\n          .getElementById(\"timer\")\r\n          .setAttribute(\"style\", \"display:none ;\");\r\n\r\n        this.setState({ Counter: \"60\" });\r\n      }\r\n    }, 1000);\r\n\r\n    const url =\r\n      `${BASE_URLs}/Forgot/ResendOtp?Email=` +\r\n      mail +\r\n      \"\";\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n      },\r\n    };\r\n\r\n    const response = await fetch(url, options);\r\n    const result = await response.json();\r\n    if (result.status === \"Success\") {\r\n      sessionStorage.clear();\r\n      toast.success(\"Resended OTP Successfully\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n      setTimeout(() => {\r\n        window.location.reload(true)\r\n      }, 3200);\r\n      \r\n    } \r\n    let myCipher = this.cipher(\"mySecretSalt\");\r\n    localStorage.setItem(\"mlcode\", myCipher(JSON.stringify(result.otp)));\r\n  };\r\n\r\n  decipher = (salt) => {\r\n    const textToChars = (text) => text.split(\"\").map((c) => c.charCodeAt(0));\r\n    const applySaltToChar = (code) =>\r\n      textToChars(salt).reduce((a, b) => a ^ b, code);\r\n    return (encoded) =>\r\n      encoded\r\n        .match(/.{1,2}/g)\r\n        .map((hex) => parseInt(hex, 16))\r\n        .map(applySaltToChar)\r\n        .map((charCode) => String.fromCharCode(charCode))\r\n        .join(\"\");\r\n  };\r\n\r\n  cipher = (salt) => {\r\n    const textToChars = (text) => text.split(\"\").map((c) => c.charCodeAt(0));\r\n    const byteHex = (n) => (\"0\" + Number(n).toString(16)).substr(-2);\r\n    const applySaltToChar = (code) =>\r\n      textToChars(salt).reduce((a, b) => a ^ b, code);\r\n\r\n    return (text) =>\r\n      text\r\n        .split(\"\")\r\n\r\n        .map(textToChars)\r\n        .map(applySaltToChar)\r\n        .map(byteHex)\r\n        .join(\"\");\r\n  };\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { otpErr } = this.state.formErrors;\r\n    return (\r\n      <div>\r\n        <div>\r\n          <div className=\"bgImg\" />\r\n          <div className=\"content\">\r\n            {\" \"}\r\n            <br />\r\n            <LogoCompo />\r\n            <ToastContainer\r\n              position=\"top-center\"\r\n              autoClose={1500}\r\n              hideProgressBar={false}\r\n              newestOnTop={false}\r\n              closeOnClick\r\n              rtl={false}\r\n              pauseOnFocusLoss\r\n              draggable\r\n              pauseOnHover\r\n            />\r\n            <div\r\n              className={\r\n                w < 992\r\n                  ? \"  h-100 align-items-center justify-content-center\"\r\n                  : \" d-flex h-100 align-items-center justify-content-center\"\r\n              }\r\n            >\r\n              <div className=\"container\">\r\n                <div className=\"row\">\r\n                  <div\r\n                    className={\r\n                      w < 992\r\n                        ? \" col-sm-12 ml-auto mr-auto\"\r\n                        : \"col-md-4 col-sm-6 ml-auto mr-auto\"\r\n                    }\r\n                  >\r\n                    <div className=\"card-copy\">\r\n                      <div className=\"card-body\">\r\n                        <form id=\"myForm\" onSubmit={this.handleSubmit}>\r\n                          <br />\r\n                          <br />\r\n                          <br />\r\n                          <div>\r\n                            <h4 className=\"title1\">\r\n                              <span className=\"shadows\">OTP</span>\r\n                            </h4>\r\n                          </div>\r\n\r\n                          <div className=\"signUp\">\r\n                            <span>\r\n                              <input\r\n                                className=\"form\"\r\n                                maxLength=\"6\"\r\n                                id=\"Otp\"\r\n                                onKeyPress={(event) => {\r\n                                  if (!/[0-9]/.test(event.key)) {\r\n                                    event.preventDefault();\r\n                                  }\r\n                                }}\r\n                                name=\"otp\"\r\n                                type=\"text\"\r\n                                onChange={this.handleChange}\r\n                                placeholder=\"Enter OTP\"\r\n                              />\r\n                              {otpErr && (\r\n                                <span\r\n                                  style={{ color: \"red\", paddingBottom: 10 }}\r\n                                >\r\n                                  {otpErr}\r\n                                </span>\r\n                              )}\r\n                              <span className=\"underline\" />\r\n                            </span>\r\n                          </div>\r\n                          <div className=\"text-center\">\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"btn\"\r\n                              style={{ width: \"100.36px\" }}\r\n                              disabled={this.state.ButtonDisabled}\r\n                            >\r\n                              Submit\r\n                            </button>\r\n                            &nbsp;&nbsp;{\" \"}\r\n                            <button\r\n                              onClick={this.Reset}\r\n                              id=\"rrr\"\r\n                              className=\"btn\"\r\n                            >\r\n                              {\" \"}\r\n                              Resend OTP\r\n                            </button>\r\n                            <span id=\"timer\" style={{ color: \"gray\" }}>\r\n                              Resend in{\" \"}\r\n                              <span style={{ color: \"green\" }}>\r\n                                <b>{this.state.Counter}</b>\r\n                              </span>{\" \"}\r\n                              Seconds{\" \"}\r\n                            </span>\r\n                          </div>\r\n                          <br />\r\n                          <br />\r\n                        </form>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../Common/Sidebar\";\r\nimport \"../Css/AddOrganization.css\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class Organization extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      status0: [],\r\n      status0Filt: [],\r\n      status1: [],\r\n      status1Filt: [],\r\n      status2: [],\r\n      status4: [],\r\n      status2Filt: [],\r\n      User: [],\r\n      renewel: [],\r\n      comlogo: [],\r\n      Notification: [],\r\n      allNotify: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      statuscount1: [],\r\n      statuscount2: [],\r\n      statuscount3: [],\r\n      statuscount4: [],\r\n      FilterData: \"\",\r\n    };\r\n  }\r\n\r\n  GetStatusTwo() {\r\n    let url = `${BASE_URLs}/AddOrganization/InactiveOrg`;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data1) => {\r\n        this.setState({\r\n          status0: data1,\r\n          status0Filt: data1,\r\n          statuscount1: data1,\r\n        });\r\n      });\r\n  }\r\n  GetStatusOne() {\r\n    let url = `${BASE_URLs}/AddOrganization/status1`;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data1) => {\r\n        this.setState({\r\n          status1: data1,\r\n          status1Filt: data1,\r\n          statuscount2: data1,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetPending() {\r\n    let url = `${BASE_URLs}/AddOrganization/GetPending`;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          status2: data,\r\n          status2Filt: data,\r\n          statuscount3: data,\r\n        });\r\n      });\r\n  }\r\n  GetRejectPending() {\r\n    let url = `${BASE_URLs}/AddOrganization/GetRejectPending`;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          status4: data,\r\n          status4Filt: data,\r\n          statuscount4: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/GetOrg`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ User: data });\r\n      });\r\n  }\r\n  renewel() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/Renewel`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ renewel: data });\r\n      });\r\n  }\r\n  detailData(company_Id) {\r\n    var page = {\r\n      pathname: \"/OrganizationDetail\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n  detailedit(company_Id) {\r\n    var page = {\r\n      pathname: \"/EditOrganization\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  detaileditres(company_Id, reason) {\r\n    var page = {\r\n      pathname: \"/EditOrganization\",\r\n      state: {\r\n        Id: company_Id,\r\n        Reasons: reason,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  detailspending(company_Id) {\r\n    var page = {\r\n      pathname: \"/OrganizationDetail\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  detailData1(company_Id) {\r\n    var page = {\r\n      pathname: \"/OrganizationDetail\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  RejReasons(company_Id, reason) {\r\n    // localStorage.setItem(\"status\",\"Active\")\r\n    var page = {\r\n      pathname: \"/OrganizationDetail\",\r\n      state: {\r\n        Id: company_Id,\r\n        Reasons: reason,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetStatusOne();\r\n    this.GetStatusTwo();\r\n    this.UserOrg();\r\n    this.GetPending();\r\n    this.GetRejectPending();\r\n    this.renewel();\r\n    this.GetOrgLogo();\r\n\r\n    var role = JSON.parse(localStorage.Role);\r\n    role = role.toString();\r\n    if (role.toString() === \"Platform Admin\") {\r\n      document\r\n        .getElementById(\"add-row-tab\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"Userorg\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"searchlabel\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"add-row-tab1\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"SuperAdHide\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"supertab\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"activetab\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"inactivetab\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"pendingtab\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"tabs-section-2\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"tabs-section-3\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"tabs-section-4\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document.getElementById(\"tab2\").setAttribute(\"style\", \"  display:none;\");\r\n      document.getElementById(\"tab3\").setAttribute(\"style\", \"  display:none;\");\r\n      document.getElementById(\"tab4\").setAttribute(\"style\", \"  display:none;\");\r\n    }\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    const status0 = this.state.status0Filt.filter(\r\n      (item) =>\r\n        item.company_Name\r\n          .toLowerCase()\r\n          .includes(e.target.value.toLowerCase()) ||\r\n        item.mobile.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        // item.adrs1.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.city.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.personname.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ status0 });\r\n\r\n    const status1 = this.state.status1Filt.filter(\r\n      (item) =>\r\n        item.company_Name\r\n          .toLowerCase()\r\n          .includes(e.target.value.toLowerCase()) ||\r\n        item.mobile.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        // item.adrs1.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.city.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.personname.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ status1 });\r\n\r\n    const status2 = this.state.status2Filt.filter(\r\n      (item) =>\r\n        item.company_Name\r\n          .toLowerCase()\r\n          .includes(e.target.value.toLowerCase()) ||\r\n        item.mobile.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        // item.adrs1.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.city.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.personname.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ status2 });\r\n    const status4 = this.state.status4Filt.filter(\r\n      (item) =>\r\n        item.company_Name\r\n          .toLowerCase()\r\n          .includes(e.target.value.toLowerCase()) ||\r\n        item.mobile.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        // item.adrs1.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.city.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.personname.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ status4 });\r\n  };\r\n\r\n  handleFilter = (letter, e) => {\r\n    e.preventDefault();\r\n    const status0 = this.state.status0Filt.filter(\r\n      (item) =>\r\n        item.company_Name.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.mobile.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.email.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        // item.adrs1.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.city.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.personname.charAt(0).toLowerCase() === letter.toLowerCase()\r\n    );\r\n    this.setState({ status0, FilterData: status0 });\r\n\r\n    const status1 = this.state.status1Filt.filter(\r\n      (item) =>\r\n        item.company_Name.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.mobile.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.email.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        // item.adrs1.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.city.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.personname.charAt(0).toLowerCase() === letter.toLowerCase()\r\n    );\r\n    this.setState({ status1, FilterData: status1 });\r\n\r\n    const status2 = this.state.status2Filt.filter(\r\n      (item) =>\r\n        item.company_Name.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.mobile.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.email.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        // item.adrs1.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.city.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.personname.charAt(0).toLowerCase() === letter.toLowerCase()\r\n    );\r\n    this.setState({ status2, FilterData: status2 });\r\n    const status4 = this.state.status4Filt.filter(\r\n      (item) =>\r\n        item.company_Name.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.mobile.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.email.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        // item.adrs1.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.city.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.personname.charAt(0).toLowerCase() === letter.toLowerCase()\r\n    );\r\n    this.setState({ status4, FilterData: status4 });\r\n  };\r\n\r\n  render() {\r\n    var role = JSON.parse(localStorage.Role);\r\n    role = role.toString();\r\n    const { status0 } = this.state;\r\n    const { status1 } = this.state;\r\n    const { status2 } = this.state;\r\n    const { status4 } = this.state;\r\n    const { statuscount1 } = this.state;\r\n    const { statuscount2 } = this.state;\r\n    const { statuscount3 } = this.state;\r\n    const { statuscount4 } = this.state;\r\n    const { User } = this.state;\r\n    const { renewel, Filterpop, FilterData } = this.state;\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        {/* start */}\r\n        <div className=\"pcoded-content \">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                        <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          <h4 className=\"title\">\r\n                            {role === \"Platform Admin\"\r\n                              ? \"Entities\"\r\n                              : \"Entity Profile\"}{\" \"}\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-block\">\r\n                          <div className=\"col-xs-12\" style={{ float: \"right\" }}>\r\n                            <div\r\n                              id=\"base-style_filter\"\r\n                              className=\"dataTables_filter\"\r\n                            >\r\n                              <label id=\"searchlabel\">\r\n                                <input\r\n                                  type=\"search\"\r\n                                  id=\"searchorg\"\r\n                                  onKeyUp={this.onKeyUp}\r\n                                  className=\"Searchbox\"\r\n                                  placeholder=\"Search\"\r\n                                  onClick={() => {\r\n                                    this.setState({\r\n                                      Filterpop: !this.state.Filterpop,\r\n                                    });\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </label>\r\n                            </div>\r\n                          </div>{\" \"}\r\n                          <div className=\"j-tabs-container\">\r\n                            <input id=\"tab4\" type=\"radio\" name=\"tabs\" />\r\n                            <label\r\n                              id=\"pendingtab\"\r\n                              className=\"j-tabs-label\"\r\n                              htmlFor=\"tab4\"\r\n                              title=\"Organizations-Pending\"\r\n                            >\r\n                              <div>\r\n                                {statuscount3.length === 0 &&\r\n                                statuscount4.length === 0 ? (\r\n                                  <span>\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp; Pending\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  </span>\r\n                                ) : (\r\n                                  <span className=\"blink\">\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp; Pending{\" \"}\r\n                                    <span>\r\n                                      (\r\n                                      {statuscount3.length +\r\n                                        statuscount4.length}\r\n                                      )\r\n                                    </span>\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  </span>\r\n                                )}\r\n                              </div>\r\n                            </label>\r\n\r\n                            <input\r\n                              id=\"tab1\"\r\n                              type=\"radio\"\r\n                              name=\"tabs\"\r\n                              defaultChecked\r\n                            />\r\n                            <label\r\n                              id=\"supertab\"\r\n                              className=\"j-tabs-label\"\r\n                              htmlFor=\"tab1\"\r\n                              title=\"All\"\r\n                            >\r\n                              <div>\r\n                                {parseInt(statuscount2.length) +\r\n                                  parseInt(statuscount1.length) +\r\n                                  parseInt(statuscount3.length) ===\r\n                                0 ? (\r\n                                  <span>\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                    All&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  </span>\r\n                                ) : (\r\n                                  <span>\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; All\r\n                                    <span>\r\n                                      (\r\n                                      {parseInt(statuscount2.length) +\r\n                                        parseInt(statuscount1.length) +\r\n                                        parseInt(statuscount3.length) +\r\n                                        parseInt(statuscount4.length)}\r\n                                      )\r\n                                    </span>\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  </span>\r\n                                )}\r\n                              </div>\r\n                            </label>\r\n\r\n                            <input id=\"tab2\" type=\"radio\" name=\"tabs\" />\r\n                            <label\r\n                              id=\"activetab\"\r\n                              className=\"j-tabs-label\"\r\n                              htmlFor=\"tab2\"\r\n                              title=\"Organizations-Active\"\r\n                            >\r\n                              <div>\r\n                                {statuscount2.length === 0 ? (\r\n                                  <span>\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                    Active&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  </span>\r\n                                ) : (\r\n                                  <span>\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Active\r\n                                    <span>({statuscount2.length})</span>\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  </span>\r\n                                )}\r\n                              </div>\r\n                            </label>\r\n\r\n                            <input id=\"tab3\" type=\"radio\" name=\"tabs\" />\r\n                            <label\r\n                              id=\"inactivetab\"\r\n                              className=\"j-tabs-label\"\r\n                              htmlFor=\"tab3\"\r\n                              title=\"Organizations-Inactive\"\r\n                            >\r\n                              <div>\r\n                                {statuscount1.length === 0 ? (\r\n                                  <span>\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                    Inactive&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  </span>\r\n                                ) : (\r\n                                  <span>\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp; Inactive{\" \"}\r\n                                    <span>({statuscount1.length}) </span>\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  </span>\r\n                                )}\r\n                              </div>\r\n                            </label>\r\n\r\n                            {/* TAB 1 */}\r\n\r\n                            <div id=\"tabs-section-1\" className=\"j-tabs-section\">\r\n                              <div className=\"dt-responsive table-responsive\">\r\n                                <table\r\n                                  id=\"add-row-tab1\"\r\n                                  className=\"table nowrap\"\r\n                                  style={{ marginTop: Filterpop ? '50px' : '0px' }}\r\n                                >\r\n                                  <thead>\r\n                                    <tr style={{ textAlign: \"center\" }}>\r\n                                      <th>Entity Name</th>\r\n                                      <th>Primary Mobile Number</th>\r\n                                      <th>Primary Email</th>\r\n                                      <th>Location</th>\r\n                                      <th>Contact </th>\r\n                                      <th>Status</th>\r\n                                      <th>Action</th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {status2.length === 0 &&\r\n                                    status4.length === 0 &&\r\n                                    status0.length === 0 &&\r\n                                    status1.length === 0 &&\r\n                                    FilterData.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    {status2.map((status2) => (\r\n                                      <tr>\r\n                                        <td>{status2.company_Name}</td>\r\n                                        <td>{status2.mobile}</td>\r\n                                        <td>{status2.email}</td>\r\n                                        <td>{status2.city}</td>\r\n                                        <td>{status2.personname}</td>\r\n                                        <td\r\n                                          style={{ color: \"rgb(142 150 12)\" }}\r\n                                        >\r\n                                          <b>Pending</b>\r\n                                        </td>\r\n                                        <td>\r\n                                          {/* <img alt=\"info\" src=\"https://img.icons8.com/ios-filled/24/000000/info.png\"\r\n                                           onClick={() => this.detailspending(status2.company_Id)} />      &nbsp;&nbsp;&nbsp; */}\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            name=\"Details\"\r\n                                            // style={{ color: \"#538cbe\" }}\r\n                                            style={{\r\n                                              color: \"rgb(94, 217, 135)\",\r\n                                            }}\r\n                                            alt=\"info\"\r\n                                            onClick={() =>\r\n                                              this.detailspending(\r\n                                                status2.company_Id\r\n                                              )\r\n                                            }\r\n                                            title=\"Details\"\r\n                                          >\r\n                                            {/* Details&nbsp; */}\r\n                                            <i\r\n                                              className=\"fa fa-info-circle\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n\r\n                                    {status4.map((status4) => (\r\n                                      <tr>\r\n                                        <td>{status4.company_Name}</td>\r\n                                        <td>{status4.mobile}</td>\r\n                                        <td>{status4.email}</td>\r\n                                        <td>{status4.city}</td>\r\n                                        <td>{status4.personname}</td>\r\n                                        <td\r\n                                          style={{ color: \"red\" }}\r\n                                        >\r\n                                          <b>Rejected</b>\r\n                                        </td>\r\n                                        <td>\r\n                                          {/* <img alt=\"info\" src=\"https://img.icons8.com/ios-filled/24/000000/info.png\" \r\n                                          onClick={() => this.detailData1(status4.company_Id)} />      &nbsp;&nbsp;&nbsp; */}\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            name=\"Details\"\r\n                                            alt=\"info\"\r\n                                            style={{ color: \"rgb(94 217 135)\" }}\r\n                                            onClick={() =>\r\n                                              this.detailData1(\r\n                                                status4.company_Id\r\n                                              )\r\n                                            }\r\n                                            title=\"Details\"\r\n                                          >\r\n                                            {/* Details&nbsp; */}\r\n                                            <i\r\n                                              className=\"fa fa-info-circle\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n\r\n                                    {status1.map((status1) => (\r\n                                      <tr id=\"sabut\">\r\n                                        <td>{status1.company_Name}</td>\r\n                                        <td>{status1.mobile}</td>\r\n                                        <td>{status1.email}</td>\r\n                                        <td>{status1.city}</td>\r\n                                        <td>{status1.personname}</td>\r\n\r\n                                        <td\r\n                                          id=\"super\"\r\n                                          style={{ color: \"rgb(36 92 38)\" }}\r\n                                        >\r\n                                          <b>Active</b>\r\n                                          {/*                             <button value={status1.company_Id} className=\" btn-primary\" onClick={this.PutStatusTozero}> Active</button> &nbsp;&nbsp;&nbsp;\r\n                                           */}\r\n                                        </td>\r\n                                        <td>\r\n                                          {/* <img alt=\"info\" src=\"https://img.icons8.com/ios-filled/24/000000/info.png\" \r\n                                          onClick={() => this.detailData(status1.company_Id)} />     &nbsp;&nbsp;&nbsp; */}\r\n\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            name=\"Details\"\r\n                                            alt=\"info\"\r\n                                            style={{ color: \"rgb(94 217 135)\" }}\r\n                                            onClick={() =>\r\n                                              this.detailData(\r\n                                                status1.company_Id\r\n                                              )\r\n                                            }\r\n                                            title=\"Details\"\r\n                                          >\r\n                                            {/* Details&nbsp; */}\r\n                                            <i\r\n                                              className=\"fa fa-info-circle\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n\r\n                                          {/* <img src=\"https://img.icons8.com/glyph-neue/32/000000/trash.png\" onClick={()=>this.deleteOrg(status1.company_Id)}/> */}\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n\r\n                                    {status0.map((status0) => (\r\n                                      <tr>\r\n                                        <td>{status0.company_Name}</td>\r\n                                        <td>{status0.mobile}</td>\r\n                                        <td>{status0.email}</td>\r\n                                        <td>{status0.city}</td>\r\n                                        <td>{status0.personname}</td>\r\n                                        <td>\r\n                                          <b\r\n                                            style={{ color: \"rgb(245 84 99)\" }}\r\n                                          >\r\n                                            Inactive\r\n                                          </b>\r\n                                        </td>\r\n                                        <td>\r\n                                          {/* <img alt=\"info\" src=\"https://img.icons8.com/ios-filled/24/000000/info.png\"\r\n                                           onClick={() => this.detailData1(status0.company_Id)} />       &nbsp;&nbsp;&nbsp; */}\r\n                                          {/* changed line number 640 */}\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            name=\"Details\"\r\n                                            alt=\"info\"\r\n                                            style={{ color: \"rgb(94 217 135)\" }}\r\n                                            onClick={() =>\r\n                                              this.detailData1(\r\n                                                status0.company_Id\r\n                                              )\r\n                                            }\r\n                                            title=\"Details\"\r\n                                          >\r\n                                            {/* Details&nbsp; */}\r\n                                            <i\r\n                                              className=\"fa fa-info-circle\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n\r\n                                <div id=\"SuperAdHide\">\r\n                                  <table\r\n                                    id=\"add-row-tab\"\r\n                                    className=\"table  nowrap\"\r\n                                  >\r\n                                    <thead>\r\n                                      <tr>\r\n                                        <th>Entity Name</th>\r\n                                        <th>Mobile Number</th>\r\n                                        <th>Email</th>\r\n                                        <th>Address</th>\r\n                                        <th>Contact </th>\r\n                                        <th>Status </th>\r\n                                        <th>Renewal Date </th>\r\n                                        <th>Action</th>\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                      {status1.map((status1) => (\r\n                                        <tr id=\"aubut\">\r\n                                          <td>{status1.company_Name}</td>\r\n                                          <td>{status1.mobile}</td>\r\n                                          <td>{status1.email}</td>\r\n                                          <td>{status1.city}</td>\r\n                                          <td>{status1.personname}</td>\r\n\r\n                                          <td>\r\n                                            {/* <img alt=\"info\" src=\"https://img.icons8.com/emoji/32/000000/information-emoji.png\"\r\n                                           onClick={() => this.detailData(status1.company_Id)} /> \r\n                                                &nbsp;&nbsp;&nbsp;\r\n                                          <img alt=\"trash\" src=\"https://img.icons8.com/glyph-neue/32/000000/trash.png\" \r\n                                          onClick={() => this.deleteOrg(status1.company_Id)} /> */}\r\n                                            <button\r\n                                              className=\"button-30 sk-edit\"\r\n                                              type=\"button\"\r\n                                              alt=\"info\"\r\n                                              style={{\r\n                                                color: \"rgb(94 217 135)\",\r\n                                              }}\r\n                                              onClick={() =>\r\n                                                this.detailData(\r\n                                                  status1.company_Id\r\n                                                )\r\n                                              }\r\n                                              title=\"Details\"\r\n                                            >\r\n                                              {/* Details&nbsp; */}\r\n                                              <i\r\n                                                className=\"fa fa-info-circle\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>{\" \"}\r\n                                            </button>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <button\r\n                                              className=\"button-30 sk-edit\"\r\n                                              type=\"button\"\r\n                                              alt=\"trash\"\r\n                                              onClick={() =>\r\n                                                this.deleteOrg(\r\n                                                  status1.company_Id\r\n                                                )\r\n                                              }\r\n                                              title=\"Delete\"\r\n                                            >\r\n                                              {/* Delete&nbsp; */}\r\n                                              <i\r\n                                                className=\"fa fa-minus\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>{\" \"}\r\n                                            </button>\r\n                                          </td>\r\n                                        </tr>\r\n                                      ))}\r\n\r\n                                      {status0.map((status0) => (\r\n                                        <tr>\r\n                                          <td>{status0.company_Name}</td>\r\n                                          <td>{status0.mobile}</td>\r\n                                          <td>{status0.email}</td>\r\n                                          <td>{status0.city}</td>\r\n                                          <td>{status0.personname}</td>\r\n\r\n                                          <td>\r\n                                            {/* <img alt=\"edit\" src=\"https://img.icons8.com/emoji/32/000000/information-emoji.png\" \r\n                                            onClick={() => this.detailData(status0.company_Id)} />      &nbsp;&nbsp;&nbsp;\r\n                                            <img alt=\"trash\" src=\"https://img.icons8.com/glyph-neue/32/000000/trash.png\" \r\n                                            onClick={() => this.deleteOrg(status0.company_Id)} /> */}\r\n                                            <button\r\n                                              className=\"button-30 sk-edit\"\r\n                                              type=\"button\"\r\n                                              alt=\"trash\"\r\n                                              onClick={() =>\r\n                                                this.deleteOrg(\r\n                                                  status0.company_Id\r\n                                                )\r\n                                              }\r\n                                              title=\"Delete\"\r\n                                            >\r\n                                              {/* Delete&nbsp; */}\r\n                                              <i\r\n                                                className=\"fa fa-minus\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>{\" \"}\r\n                                            </button>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <button\r\n                                              className=\"button-30 sk-edit\"\r\n                                              type=\"button\"\r\n                                              alt=\"edit\"\r\n                                              onClick={() =>\r\n                                                this.detailData(\r\n                                                  status0.company_Id\r\n                                                )\r\n                                              }\r\n                                              title=\"Edit\"\r\n                                            >\r\n                                              {/* Edit&nbsp; */}\r\n                                              <i\r\n                                                className=\"fa fa-edit\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>{\" \"}\r\n                                            </button>\r\n                                          </td>\r\n                                        </tr>\r\n                                      ))}\r\n\r\n                                      <tr>\r\n                                        {User.map((User) => (\r\n                                          <td>{User.company_Name}</td>\r\n                                        ))}\r\n                                        {User.map((User) => (\r\n                                          <td>{User.mobile}</td>\r\n                                        ))}\r\n                                        {User.map((User) => (\r\n                                          <td>{User.email}</td>\r\n                                        ))}\r\n                                        {User.map((User) => (\r\n                                          <td>{User.adrs1}</td>\r\n                                        ))}\r\n                                        {User.map((User) => (\r\n                                          <td>{User.personname}</td>\r\n                                        ))}\r\n\r\n                                        {User.map((User) => (\r\n                                          <>\r\n                                            {User.status === 1 ? (\r\n                                              <td style={{ color: \"green\" }}>\r\n                                                {\" \"}\r\n                                                <b>Active</b>\r\n                                              </td>\r\n                                            ) : User.status === 2 ? (\r\n                                              <td\r\n                                                style={{\r\n                                                  color: \"rgb(142 150 12)\",\r\n                                                }}\r\n                                              >\r\n                                                <b>\r\n                                                  {User.company_Name} profile\r\n                                                  has been completed and waiting\r\n                                                  for verification\r\n                                                </b>\r\n                                              </td>\r\n                                            ) : User.status === 4 ? (\r\n                                              <td style={{ color: \"red\" }}>\r\n                                                <b>\r\n                                                  profile has been rejected due\r\n                                                  to {User.reason}\r\n                                                </b>{\" \"}\r\n                                              </td>\r\n                                            ) : (\r\n                                              <td style={{ color: \"red\" }}>\r\n                                                <b>Inactive</b>{\" \"}\r\n                                              </td>\r\n                                            )}\r\n                                          </>\r\n                                        ))}\r\n                                        {renewel.map((renewel) => (\r\n                                          <td>{renewel.renewaldate}</td>\r\n                                        ))}\r\n                                        {User.map((User) => (\r\n                                          <td>\r\n                                            {/* <img alt=\"edit\" src=\"https://img.icons8.com/android/22/000000/pencil.png\"\r\n                                           onClick={() => this.detailedit(User.company_Id)} />     &nbsp;&nbsp;&nbsp;\r\n                                          <img alt=\"info\" src=\"https://img.icons8.com/ios-filled/24/000000/info.png\" \r\n                                          onClick={() => this.detailData(User.company_Id)} />     &nbsp;&nbsp;&nbsp; */}\r\n                                            <button\r\n                                              className=\"button-30 sk-edit\"\r\n                                              type=\"button\"\r\n                                              alt=\"edit\"\r\n                                              onClick={() =>\r\n                                                this.detailedit(User.company_Id)\r\n                                              }\r\n                                              title=\"Edit\"\r\n                                            >\r\n                                              {/* Edit&nbsp; */}\r\n                                              <i\r\n                                                className=\"fa fa-edit\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>{\" \"}\r\n                                            </button>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <button\r\n                                              className=\"button-30 sk-edit\"\r\n                                              type=\"button\"\r\n                                              style={{\r\n                                                color: \"rgb(94 217 135)\",\r\n                                              }}\r\n                                              alt=\"info\"\r\n                                              onClick={() =>\r\n                                                this.detailData(User.company_Id)\r\n                                              }\r\n                                              title=\"Details\"\r\n                                            >\r\n                                              {/* Details&nbsp; */}\r\n                                              <i\r\n                                                className=\"fa fa-info-circle\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>{\" \"}\r\n                                            </button>{\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                          </td>\r\n                                        ))}\r\n                                      </tr>\r\n                                    </tbody>\r\n                                  </table>\r\n                                </div>\r\n                                {/* Super Admin */}\r\n\r\n                                <div id=\"Userorg\">\r\n                                  {User.map((User) => (\r\n                                    <div>\r\n                                      {(() => {\r\n                                        if (User.status === 0) {\r\n                                          return (\r\n                                            <div>\r\n                                              <table\r\n                                                id=\"add-row-tab\"\r\n                                                className=\"table  nowrap\"\r\n                                              >\r\n                                                <thead>\r\n                                                  <tr>\r\n                                                    <th>Entity Name</th>\r\n                                                    <th>Status </th>\r\n                                                    <th>Reason </th>\r\n                                                    <th>Action</th>\r\n                                                  </tr>\r\n                                                </thead>\r\n                                                <tbody>\r\n                                                  <td>{User.company_Name}</td>\r\n\r\n                                                  {(() => {\r\n                                                    if (User.status === 1) {\r\n                                                      return (\r\n                                                        <td\r\n                                                          style={{\r\n                                                            color: \"green\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {\" \"}\r\n                                                          <b>Active</b>\r\n                                                        </td>\r\n                                                      );\r\n                                                    }\r\n                                                    if (User.status === 2) {\r\n                                                      return (\r\n                                                        <td\r\n                                                          style={{\r\n                                                            color:\r\n                                                              \"rgb(142 150 12)\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <b>\r\n                                                            {User.company_Name}{\" \"}\r\n                                                            profile has been\r\n                                                            completed and\r\n                                                            waiting for\r\n                                                            verification\r\n                                                          </b>\r\n                                                        </td>\r\n                                                      );\r\n                                                    }\r\n\r\n                                                    if (User.status === 0) {\r\n                                                      return (\r\n                                                        <td\r\n                                                          style={{\r\n                                                            color: \"red\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <b>Inactive</b>{\" \"}\r\n                                                        </td>\r\n                                                      );\r\n                                                    }\r\n                                                  })()}\r\n                                                  <td>{User.reason}</td>\r\n\r\n                                                  <td>\r\n                                                    {/* <img alt=\"edit\" src=\"https://img.icons8.com/android/22/000000/pencil.png\" \r\n                                                  onClick={() => this.detaileditres(User.company_Id, User.reason)} />     &nbsp;&nbsp;&nbsp;\r\n                                                  <img alt=\"info\" src=\"https://img.icons8.com/ios-filled/24/000000/info.png\" \r\n                                                  onClick={() => this.RejReasons(User.company_Id, User.reason)} />       &nbsp;&nbsp;&nbsp; */}\r\n                                                    <button\r\n                                                      className=\"button-30 sk-edit\"\r\n                                                      type=\"button\"\r\n                                                      alt=\"edit\"\r\n                                                      onClick={() =>\r\n                                                        this.detaileditres(\r\n                                                          User.company_Id,\r\n                                                          User.reason\r\n                                                        )\r\n                                                      }\r\n                                                      title=\"Edit\"\r\n                                                    >\r\n                                                      {/* Edit&nbsp; */}\r\n                                                      <i\r\n                                                        className=\"fa fa-edit\"\r\n                                                        aria-hidden=\"true\"\r\n                                                      ></i>{\" \"}\r\n                                                    </button>\r\n                                                    &nbsp;&nbsp;&nbsp;\r\n                                                    <button\r\n                                                      className=\"button-30 sk-edit\"\r\n                                                      type=\"button\"\r\n                                                      alt=\"info\"\r\n                                                      style={{\r\n                                                        color:\r\n                                                          \"rgb(94 217 135)\",\r\n                                                      }}\r\n                                                      onClick={() =>\r\n                                                        this.RejReasons(\r\n                                                          User.company_Id,\r\n                                                          User.reason\r\n                                                        )\r\n                                                      }\r\n                                                      title=\"Details\"\r\n                                                    >\r\n                                                      {/* Details&nbsp; */}\r\n                                                      <i\r\n                                                        className=\"fa fa-info-circle\"\r\n                                                        aria-hidden=\"true\"\r\n                                                      ></i>{\" \"}\r\n                                                    </button>{\" \"}\r\n                                                    &nbsp;&nbsp;&nbsp;\r\n                                                  </td>\r\n                                                </tbody>\r\n                                              </table>\r\n                                            </div>\r\n                                          );\r\n                                        }\r\n                                        if (User.status === 1) {\r\n                                          return (\r\n                                            <div>\r\n                                              <table\r\n                                                id=\"add-row-tab\"\r\n                                                className=\"table nowrap\"\r\n                                              >\r\n                                                <thead>\r\n                                                  <tr>\r\n                                                    <th>Entity Name</th>\r\n                                                    <th>Status </th>\r\n                                                    <th>Renewal Date </th>\r\n                                                    <th>Action</th>\r\n                                                  </tr>\r\n                                                </thead>\r\n                                                <tbody>\r\n                                                  <td>{User.company_Name}</td>\r\n\r\n                                                  {(() => {\r\n                                                    if (User.status === 1) {\r\n                                                      return (\r\n                                                        <td\r\n                                                          style={{\r\n                                                            color: \"green\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {\" \"}\r\n                                                          <b>Active</b>\r\n                                                        </td>\r\n                                                      );\r\n                                                    }\r\n                                                    if (User.status === 2) {\r\n                                                      return (\r\n                                                        <td\r\n                                                          style={{\r\n                                                            color:\r\n                                                              \"rgb(142 150 12)\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <b>\r\n                                                            {User.company_Name}{\" \"}\r\n                                                            profile has been\r\n                                                            completed and\r\n                                                            waiting for\r\n                                                            verification\r\n                                                          </b>\r\n                                                        </td>\r\n                                                      );\r\n                                                    }\r\n\r\n                                                    if (User.status === 0) {\r\n                                                      return (\r\n                                                        <td\r\n                                                          style={{\r\n                                                            color: \"red\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <b>Inactive</b>{\" \"}\r\n                                                        </td>\r\n                                                      );\r\n                                                    }\r\n                                                  })()}\r\n\r\n                                                  {renewel.map((renewel) => (\r\n                                                    <td>\r\n                                                      {renewel.renewaldate}\r\n                                                    </td>\r\n                                                  ))}\r\n                                                  <td>\r\n                                                    {/* <img alt=\"edit\" src=\"https://img.icons8.com/android/22/000000/pencil.png\" onClick={() => this.detailedit(User.company_Id)} />    &nbsp;&nbsp;&nbsp; */}\r\n                                                    <button\r\n                                                      className=\"button-30 sk-edit\"\r\n                                                      type=\"button\"\r\n                                                      onClick={() =>\r\n                                                        this.detailedit(\r\n                                                          User.company_Id\r\n                                                        )\r\n                                                      }\r\n                                                      title=\"Edit\"\r\n                                                    >\r\n                                                      {/* Edit&nbsp; */}\r\n                                                      <i\r\n                                                        className=\"fa fa-edit\"\r\n                                                        aria-hidden=\"true\"\r\n                                                      ></i>{\" \"}\r\n                                                    </button>\r\n                                                    &nbsp;&nbsp;&nbsp;\r\n                                                    {/* <img alt=\"info\" src=\"https://img.icons8.com/ios-filled/24/000000/info.png\" onClick={() => this.RejReasons(User.company_Id, User.status)} />      &nbsp;&nbsp;&nbsp; */}\r\n                                                    <button\r\n                                                      className=\"button-30 sk-del\"\r\n                                                      name=\"Details\"\r\n                                                      style={{\r\n                                                        color:\r\n                                                          \"rgb(94 217 135)\",\r\n                                                      }}\r\n                                                      onClick={() =>\r\n                                                        this.RejReasons(\r\n                                                          User.company_Id,\r\n                                                          User.status\r\n                                                        )\r\n                                                      }\r\n                                                      title=\"Details\"\r\n                                                    >\r\n                                                      {/* Details&nbsp; */}\r\n                                                      <i\r\n                                                        className=\"fa fa-info-circle\"\r\n                                                        aria-hidden=\"true\"\r\n                                                      ></i>\r\n                                                    </button>\r\n                                                  </td>\r\n                                                </tbody>\r\n                                              </table>\r\n                                            </div>\r\n                                          );\r\n                                        }\r\n\r\n                                        if (User.status === 2) {\r\n                                          return (\r\n                                            <div>\r\n                                              <table\r\n                                                id=\"add-row-tab\"\r\n                                                style={{\r\n                                                  display: \"flex\",\r\n                                                  justifyContent: \"center\",\r\n                                                }}\r\n                                                //className=\"table table-bordered nowrap\"\r\n                                              >\r\n                                                <thead>\r\n                                                  <tr>\r\n                                                    {/* <th>Entity Name</th> */}\r\n                                                    {/* <th>Status </th> */}\r\n                                                  </tr>\r\n                                                </thead>\r\n                                                <tbody>\r\n                                                  {/* <td>{User.company_Name}</td> */}\r\n\r\n                                                  {(() => {\r\n                                                    if (User.status === 1) {\r\n                                                      return (\r\n                                                        <td\r\n                                                          style={{\r\n                                                            color: \"green\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {\" \"}\r\n                                                          <b>Active</b>\r\n                                                        </td>\r\n                                                      );\r\n                                                    }\r\n                                                    if (User.status === 2) {\r\n                                                      return (\r\n                                                        <td\r\n                                                          style={{\r\n                                                            color:\r\n                                                              \"rgb(142 150 12)\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <b>\r\n                                                            {User.company_Name}{\" \"}\r\n                                                            profile has been\r\n                                                            completed and\r\n                                                            waiting for\r\n                                                            verification\r\n                                                          </b>\r\n                                                        </td>\r\n                                                      );\r\n                                                    }\r\n                                                    if (User.status === 4) {\r\n                                                      return (\r\n                                                        <td\r\n                                                          style={{\r\n                                                            color:\r\n                                                              \"rgb(142 150 12)\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <b>\r\n                                                            {User.company_Name}{\" \"}\r\n                                                            profile has been\r\n                                                            rejected due to{\" \"}\r\n                                                            {User.reason}\r\n                                                          </b>\r\n                                                        </td>\r\n                                                      );\r\n                                                    }\r\n\r\n                                                    if (User.status === 0) {\r\n                                                      return (\r\n                                                        <td\r\n                                                          style={{\r\n                                                            color: \"red\",\r\n                                                          }}\r\n                                                        >\r\n                                                          <b>Inactive</b>{\" \"}\r\n                                                        </td>\r\n                                                      );\r\n                                                    }\r\n                                                  })()}\r\n                                                </tbody>\r\n                                              </table>\r\n                                            </div>\r\n                                          );\r\n                                        }\r\n                                      })()}\r\n                                    </div>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n\r\n                            {/* TAB 2 */}\r\n\r\n                            <div id=\"tabs-section-2\" className=\"j-tabs-section\">\r\n                              <div className=\"dt-responsive table-responsive\">\r\n                                <table\r\n                                  id=\"add-row-table2\"\r\n                                  className=\"table  nowrap\"\r\n                                  style={{ marginTop: Filterpop ? '50px' : '0px' }}\r\n                                >\r\n                                  <thead>\r\n                                    <tr>\r\n                                      <th>Entity Name</th>\r\n                                      <th>Primary Mobile Number</th>\r\n                                      <th>Primary Email</th>\r\n                                      <th>Location</th>\r\n                                      <th>Contact </th>\r\n                                      <th>Status</th>\r\n                                      <th>Action</th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {status1.length === 0 &&\r\n                                    FilterData.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    {status1.map((status1) => (\r\n                                      <tr>\r\n                                        <td>{status1.company_Name}</td>\r\n                                        <td>{status1.mobile}</td>\r\n                                        <td>{status1.email}</td>\r\n                                        <td>{status1.city}</td>\r\n                                        <td>{status1.personname}</td>\r\n                                        <>\r\n                                          {(() => {\r\n                                            if (status1.status === 1) {\r\n                                              return (\r\n                                                <td style={{ color: \"green\" }}>\r\n                                                  {\" \"}\r\n                                                  <b>Active</b>\r\n                                                </td>\r\n                                              );\r\n                                            }\r\n                                            if (\r\n                                              status1.status === 2 ||\r\n                                              status1.status === 4\r\n                                            ) {\r\n                                              return (\r\n                                                <td\r\n                                                  style={{\r\n                                                    color: \"rgb(142 150 12)\",\r\n                                                  }}\r\n                                                >\r\n                                                  <b>Pending</b>\r\n                                                </td>\r\n                                              );\r\n                                            }\r\n\r\n                                            if (status1.status === 0) {\r\n                                              return (\r\n                                                <td style={{ color: \"red\" }}>\r\n                                                  <b>InActive</b>{\" \"}\r\n                                                </td>\r\n                                              );\r\n                                            }\r\n                                          })()}\r\n                                        </>\r\n\r\n                                        <td>\r\n                                          {/* <img onClick={() => this.detailData(status1.company_Id)}  src=\"https://img.icons8.com/ios-filled/24/000000/info.png\" \r\n                                          onClick={() => this.detailData(status1.company_Id)} />      &nbsp;&nbsp;&nbsp; */}\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            name=\"Details\"\r\n                                            alt=\"info\"\r\n                                            style={{ color: \"rgb(94 217 135)\" }}\r\n                                            onClick={() =>\r\n                                              this.detailData(\r\n                                                status1.company_Id\r\n                                              )\r\n                                            }\r\n                                            title=\"Details\"\r\n                                          >\r\n                                            {/* Details&nbsp; */}\r\n                                            <i\r\n                                              className=\"fa fa-info-circle\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              </div>\r\n                            </div>\r\n\r\n                            {/* TAB 3 */}\r\n\r\n                            <div id=\"tabs-section-3\" className=\"j-tabs-section\">\r\n                              <div className=\"dt-responsive table-responsive\">\r\n                                <table\r\n                                  id=\"add-row-table3\"\r\n                                  className=\"table  nowrap\"\r\n                                  style={{ marginTop: Filterpop ? '50px' : '0px' }}\r\n                                >\r\n                                  <thead>\r\n                                    <tr>\r\n                                      <th>Entity Name</th>\r\n                                      <th>Primary Mobile Number</th>\r\n                                      <th>Primary Email</th>\r\n                                      <th>Location</th>\r\n                                      <th>Contact </th>\r\n                                      <th>Status</th>\r\n                                      <th>Action</th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {status0.length === 0 &&\r\n                                    FilterData.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    {status0.map((status0) => (\r\n                                      <tr>\r\n                                        <td>{status0.company_Name}</td>\r\n                                        <td>{status0.mobile}</td>\r\n                                        <td>{status0.email}</td>\r\n                                        <td>{status0.city}</td>\r\n                                        <td>{status0.personname}</td>\r\n                                        <div>\r\n                                          {(() => {\r\n                                            if (status0.status === 1) {\r\n                                              return (\r\n                                                <td style={{ color: \"green\" }}>\r\n                                                  {\" \"}\r\n                                                  <b>Active</b>\r\n                                                </td>\r\n                                              );\r\n                                            }\r\n                                            if (\r\n                                              status0.status === 2 ||\r\n                                              status0.status === 4\r\n                                            ) {\r\n                                              return (\r\n                                                <td\r\n                                                  style={{\r\n                                                    color: \"rgb(142 150 12)\",\r\n                                                  }}\r\n                                                >\r\n                                                  <b>Pending </b>\r\n                                                </td>\r\n                                              );\r\n                                            }\r\n\r\n                                            if (status0.status === 0) {\r\n                                              return (\r\n                                                <td style={{ color: \"red\" }}>\r\n                                                  <b>Inactive</b>{\" \"}\r\n                                                </td>\r\n                                              );\r\n                                            }\r\n                                          })()}\r\n                                        </div>\r\n                                        <td>\r\n                                          {/* <img alt=\"info\" src=\"https://img.icons8.com/ios-filled/24/000000/info.png\" \r\n                                          onClick={() => this.detailData1(status0.company_Id)} />    &nbsp;&nbsp;&nbsp; */}\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            name=\"Details\"\r\n                                            alt=\"info\"\r\n                                            style={{ color: \"rgb(94 217 135)\" }}\r\n                                            onClick={() =>\r\n                                              this.detailData1(\r\n                                                status0.company_Id\r\n                                              )\r\n                                            }\r\n                                            title=\"Details\"\r\n                                          >\r\n                                            {/* Details&nbsp; */}\r\n                                            <i\r\n                                              className=\"fa fa-info-circle\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              </div>\r\n                            </div>\r\n\r\n                            {/* TAB 4 */}\r\n\r\n                            <div id=\"tabs-section-4\" className=\"j-tabs-section\">\r\n                              <div className=\"dt-responsive table-responsive\">\r\n                                <table\r\n                                  id=\"add-row-tab4\"\r\n                                  className=\"table nowrap\"\r\n                                  style={{ marginTop: Filterpop ? '50px' : '0px' }}\r\n                                >\r\n                                  <thead>\r\n                                    <tr style={{ textAlign: \"center\" }}>\r\n                                      <th>Entity Name</th>\r\n                                      <th>Primary Mobile Number</th>\r\n                                      <th>Primary Email</th>\r\n                                      <th>Location</th>\r\n                                      <th>Contact </th>\r\n                                      <th>Status</th>\r\n                                      <th>Action</th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {status2.length === 0 &&\r\n                                    status4.length === 0 &&\r\n                                    FilterData.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    {status2.map((status2) => (\r\n                                      <tr>\r\n                                        <td>{status2.company_Name}</td>\r\n                                        <td>{status2.mobile}</td>\r\n                                        <td>{status2.email}</td>\r\n                                        <td>{status2.city}</td>\r\n                                        <td>{status2.personname}</td>\r\n                                        <td\r\n                                          style={{ color: \"rgb(142 150 12)\" }}\r\n                                        >\r\n                                          <b>Pending</b>\r\n                                        </td>\r\n                                        <td>\r\n                                          {/* <img alt=\"info\" src=\"https://img.icons8.com/ios-filled/24/000000/info.png\" \r\n                                          onClick={() => this.detailData1(status2.company_Id)} />      &nbsp;&nbsp;&nbsp; */}\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            name=\"Details\"\r\n                                            alt=\"info\"\r\n                                            style={{ color: \"rgb(94 217 135)\" }}\r\n                                            onClick={() =>\r\n                                              this.detailData1(\r\n                                                status2.company_Id\r\n                                              )\r\n                                            }\r\n                                            title=\"Details\"\r\n                                          >\r\n                                            {/* Details&nbsp; */}\r\n                                            <i\r\n                                              className=\"fa fa-info-circle\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n\r\n                                    {status4.map((status4) => (\r\n                                      <tr>\r\n                                        <td>{status4.company_Name}</td>\r\n                                        <td>{status4.mobile}</td>\r\n                                        <td>{status4.email}</td>\r\n                                        <td>{status4.city}</td>\r\n                                        <td>{status4.personname}</td>\r\n                                        <td\r\n                                          style={{ color: \"red\" }}\r\n                                        >\r\n                                          <b>Rejected</b>\r\n                                        </td>\r\n                                        <td>\r\n                                          {/* <img alt=\"info\" src=\"https://img.icons8.com/ios-filled/24/000000/info.png\"\r\n                                           onClick={() => this.detailData1(status4.company_Id)} />      &nbsp;&nbsp;&nbsp; */}\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            name=\"Details\"\r\n                                            alt=\"info\"\r\n                                            style={{ color: \"rgb(94 217 135)\" }}\r\n                                            onClick={() =>\r\n                                              this.detailData1(\r\n                                                status4.company_Id\r\n                                              )\r\n                                            }\r\n                                            title=\"Details\"\r\n                                          >\r\n                                            {/* Details&nbsp; */}\r\n                                            <i\r\n                                              className=\"fa fa-info-circle\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                {Filterpop && (\r\n                  <div className=\"popSearchTeam\">\r\n                    <div className=\"popSearchinnernormalTeam\">\r\n                      <div\r\n                        className=\"popSearchinnertitle\"\r\n                        id=\"popSearchinnernormal\"\r\n                      >\r\n                        <button\r\n                          id=\"close\"\r\n                          style={{\r\n                            float: \"right\",\r\n                            backgroundColor: \"#a0a3a305\",\r\n                            color: \"#797070\",\r\n                            border: \"1px solid #a3a5a505\",\r\n                            marginTop: \"-20px\",\r\n                            marginRight: \"-20px\",\r\n                          }}\r\n                          onClick={() => {\r\n                            this.setState({ Filterpop: false });\r\n                            this.GetStatusOne();\r\n                            this.GetStatusTwo();\r\n                            this.UserOrg();\r\n                            this.GetPending();\r\n                            this.GetRejectPending();\r\n                            this.renewel();\r\n                            this.GetOrgLogo();\r\n                          }}\r\n                        >\r\n                          <CloseIcon />\r\n                        </button>\r\n\r\n                        <div className=\"checkboxes\">\r\n                          <i\r\n                            className=\"fa fa-search\"\r\n                            aria-hidden=\"true\"\r\n                            style={{\r\n                              fontSize: \"20px\",\r\n                              color: \"gray\",\r\n                              marginLeft: \"-1%\",\r\n                              position: \"absolute\",\r\n                              marginTop: \"0.5%\",\r\n                            }}\r\n                          ></i>\r\n                          <input\r\n                            className=\"Searchbox\"\r\n                            placeholder=\"Search\"\r\n                            onKeyUp={this.onKeyUp}\r\n                            style={{ float: \"right\", width: \"80%\" }}\r\n                          />\r\n                          <br></br>\r\n                          {this.state.letters.map((letter, index) => (\r\n                            <button\r\n                              className=\"filter\"\r\n                              key={index}\r\n                              onClick={(event) =>\r\n                                this.handleFilter(letter, event)\r\n                              }\r\n                            >\r\n                              {letter}\r\n                            </button>\r\n                          ))}\r\n                          <br></br>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class PanConfirmpop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Business: [],\r\n    };\r\n    this.CheckPAN = this.CheckPAN.bind(this);\r\n  }\r\n\r\n  CheckPAN(company_Id,e) {\r\n    e.preventDefault();\r\n    fetch(`${BASE_URLs}/AddOrganization/verifypan`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        company_Id: company_Id,\r\n      }),\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => {\r\n          document.getElementById(\"nobtn\").click();\r\n        },\r\n        (error) => {}\r\n      );\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    return (\r\n      <>\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"2%\" }}\r\n          >\r\n            {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}}  ><CloseIcon/></button> */}\r\n            <h5>You are verifying PAN?</h5>\r\n            <br />\r\n            <div className=\"row\">\r\n              <div className=\"col-lg-12\">\r\n                <Link\r\n                  onClick={(e) => this.CheckPAN(this.props.companyId,e)}\r\n                  type=\"button\"\r\n                  className=\"btn\"\r\n                >\r\n                  Yes\r\n                </Link>\r\n                &nbsp;&nbsp;&nbsp;\r\n                <button id=\"nobtn\" className=\"btn\" onClick={this.props.close}>\r\n                  No\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddDesignationModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Business: [],\r\n    };\r\n    this.CheckGST = this.CheckGST.bind(this);\r\n  }\r\n\r\n  CheckGST(company_Id,e) {\r\n    e.preventDefault();\r\n    fetch(`${BASE_URLs}/AddOrganization/verifygst`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        company_Id: company_Id,\r\n      }),\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => {\r\n          document.getElementById(\"noo\").click();\r\n        },\r\n        (error) => {}\r\n      );\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    return (\r\n      <>\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"2%\" }}\r\n          >\r\n            <h5>You are verifying GST? </h5>\r\n            <br />\r\n            <div className=\"row\">\r\n              <div className=\"col-lg-12\">\r\n                <Link\r\n                  type=\"button\"\r\n                  onClick={(e) => this.CheckGST(this.props.company_Id,e)}\r\n                  className=\"btn\"\r\n                >\r\n                  Yes\r\n                </Link>\r\n                &nbsp;&nbsp;&nbsp;\r\n                <button id=\"noo\" className=\"btn\" onClick={this.props.close}>\r\n                  No\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class OrgActiveConfirmPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Business: [],\r\n    };\r\n    this.PutStatusToOne = this.PutStatusToOne.bind(this);\r\n  }\r\n\r\n  PutStatusToOne(event) {\r\n    event.preventDefault();\r\n    fetch(`${BASE_URLs}/AddOrganization/Put1`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Status: \"1\",\r\n        company_Id: this.props.company_Id,\r\n        Email: this.props.Email,\r\n      }),\r\n    })\r\n      .then((res) => res.json())\r\n      .then((result) => {\r\n        if (result.toString() === \"The Entity is Activated Successfully\") {\r\n          toast.success(result, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n\r\n          setTimeout(function () {\r\n            document.getElementById(\"Dash\").click();\r\n          }, 4000);\r\n        } else {\r\n          toast.error(result, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n        document.getElementById(\"close\").click();\r\n      });\r\n  }\r\n  render() {\r\n    return (\r\n      <>\r\n        <Link id=\"Dash\" style={{ display: \"none\" }} to=\"DashBoard\" />\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className=\"popinnernormal\"\r\n            style={{ width: \"50%\", padding: \"2%\" }}\r\n          >\r\n            {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}}  ><CloseIcon/></button> */}\r\n            <h5>\r\n              Do you confirm all the details provided by{\" \"}\r\n              <b> {this.props.company_Name}</b> are correct ?\r\n            </h5>\r\n            <br />\r\n            <div className=\"row\">\r\n              <div className=\"col-lg-12\">\r\n                <Link\r\n                  onClick={this.PutStatusToOne}\r\n                  type=\"button\"\r\n                  className=\"btn\"\r\n                >\r\n                  Yes\r\n                </Link>\r\n                &nbsp;&nbsp;&nbsp;\r\n                <button id=\"close\" className=\"btn\" onClick={this.props.close}>\r\n                  No\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport PanConfirmpop from \"../Common/PanConfirmPop\";\r\nimport GstPop from \"../Common/GstPop\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport OrgActiveConfirmPop from \"../Common/OrgActiveConifrmPop\";\r\nimport Doc from \"../Assets/images/document.png\"\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class Organization extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Details: [],\r\n      value: this.props.location.state,\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      renewel: [],\r\n      comlogo: [],\r\n      Pending: [],\r\n      SuccessModel: false,\r\n      GstModel: false,\r\n      ActivateModel: false,\r\n    };\r\n    this.RejectOrg = this.RejectOrg.bind(this);\r\n    this.PutStatusToOne = this.PutStatusToOne.bind(this);\r\n  }\r\n\r\n  PutStatusToOne(event) {\r\n    event.preventDefault();\r\n    fetch(`${BASE_URLs}/AddOrganization/Put1`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Status: \"1\",\r\n        company_Id: event.target.value,\r\n      }),\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => {\r\n          if (result.toString() === \"The Entity is Activated Successfully\") {\r\n            toast.success(result, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            toast.error(result, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        },\r\n        (error) => {\r\n          alert(error);\r\n        }\r\n      );\r\n  }\r\n\r\n  GstModel = () => {\r\n    this.setState((prevState) => ({\r\n      GstModel: !prevState.GstModel,\r\n    }));\r\n    if (this.state.GstModel === true) {\r\n      if (document.getElementById(\"GstCheck\")) {\r\n        document.getElementById(\"GstCheck\").checked = false;\r\n      }\r\n    }\r\n    this.GetStatusOne();\r\n  };\r\n\r\n  ActivateModel = () => {\r\n    this.setState((prevState) => ({\r\n      ActivateModel: !prevState.ActivateModel,\r\n    }));\r\n    this.GetStatusOne();\r\n  };\r\n\r\n  ActiveOrg(company_Id, Email, status) {\r\n    var page = {\r\n      pathname: \"/ActiveReson\",\r\n      state: {\r\n        Id: company_Id,\r\n        Email: Email,\r\n        status: status,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n    if (this.state.SuccessModel === true) {\r\n      if (document.getElementById(\"PanCheck\")) {\r\n        document.getElementById(\"PanCheck\").checked = false;\r\n      }\r\n    }\r\n    this.GetStatusOne();\r\n  };\r\n\r\n  RejectOrg(company_Id, Email, status) {\r\n    var page = {\r\n      pathname: \"/RejectOrg\",\r\n      state: {\r\n        Id: company_Id,\r\n        Email: Email,\r\n        status: status,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  renewel() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(\r\n      `${BASE_URLs}/AddOrganization/Renewel`,\r\n      options\r\n    )\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ renewel: data });\r\n      });\r\n  }\r\n  GetStatusOne() {\r\n    var Id = this.props.location.state.Id;\r\n\r\n    let url =\r\n      `${BASE_URLs}/AddOrganization/detail?company_Id=` +\r\n      Id;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Details: data,\r\n        });\r\n        // console.log(\"checking\", data);\r\n      });\r\n  }\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    if (this.props.location.state === undefined) {\r\n      this.props.history.push(\"./Organization\");\r\n    } else {\r\n      this.GetStatusOne();\r\n    }\r\n\r\n    this.GetOrgLogo();\r\n\r\n    this.renewel();\r\n    this.GetUserInfo();\r\n  }\r\n  detailedit(company_Id) {\r\n    var page = {\r\n      pathname: \"/EditOrganization\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  GetUserInfo() {\r\n    if (\r\n      this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\") ===\r\n        undefined ||\r\n      this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"organization\") ===\r\n        undefined\r\n    ) {\r\n      let url =\r\n        `${BASE_URLs}/Authenticate/GetValidation`;\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n      fetch(url, {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: \"Bearer \" + accessToken,\r\n          \"Content-type\": \"application/json\",\r\n          Accept: \"application/json\",\r\n          \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        },\r\n      })\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({\r\n            User: data,\r\n            Organization: data[0].organization,\r\n            sidebar: data,\r\n            role: data.role,\r\n          });\r\n\r\n          document.cookie =\r\n            \"\" +\r\n            JSON.parse(localStorage.uname) +\r\n            \"role = \" +\r\n            data[0].role +\r\n            \";expires=\" +\r\n            new Date(new Date().getTime() + 1 * 60000).toUTCString() +\r\n            \" \";\r\n          document.cookie =\r\n            \"\" +\r\n            JSON.parse(localStorage.uname) +\r\n            \"organization = \" +\r\n            parseInt(data[0].organization) +\r\n            \";expires=\" +\r\n            new Date(new Date().getTime() + 1 * 60000).toUTCString() +\r\n            \"\";\r\n        });\r\n    } else {\r\n      var crole = this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\");\r\n\r\n      var corg = this.getCookie(\r\n        \"\" + JSON.parse(localStorage.uname) + \"organization\"\r\n      );\r\n      //  localStorage.setItem('Role', JSON.stringify(crole));\r\n      //  localStorage.setItem('org', JSON.stringify(corg));\r\n      this.setState({\r\n        role: crole,\r\n        Organization: corg,\r\n      });\r\n    }\r\n  }\r\n\r\n  getCookie(cName) {\r\n    const name = cName + \"=\";\r\n    const cDecoded = decodeURIComponent(document.cookie); //to be careful\r\n    const cArr = cDecoded.split(\"; \");\r\n    let res;\r\n    cArr.forEach((val) => {\r\n      if (val.indexOf(name) === 0) res = val.substring(name.length);\r\n    });\r\n    return res;\r\n  }\r\n\r\n  render() {\r\n    var role = JSON.parse(localStorage.Role).toString();\r\n    const { renewel } = this.state;\r\n    const { Details } = this.state;\r\n\r\n    return (\r\n      <div>\r\n        <div>\r\n          <Link id=\"Dash\" style={{ display: \"none\" }} to=\"DashBoard\" />\r\n          <ToastContainer\r\n            position=\"top-center\"\r\n            autoClose={1500}\r\n            hideProgressBar={false}\r\n            newestOnTop={false}\r\n            closeOnClick\r\n            rtl={false}\r\n            pauseOnFocusLoss\r\n            draggable\r\n            pauseOnHover\r\n          />\r\n          <SideBar active={window.location.pathname} />\r\n          {this.state.GstModel ? (\r\n            <GstPop\r\n              company_Id={this.props.location.state.Id}\r\n              close={() => this.GstModel()}\r\n            />\r\n          ) : null}\r\n          {this.state.SuccessModel ? (\r\n            <PanConfirmpop\r\n              companyId={this.props.location.state.Id}\r\n              close={() => this.SuccessModel()}\r\n            />\r\n          ) : null}\r\n          {this.state.ActivateModel ? (\r\n            <OrgActiveConfirmPop\r\n              Email={this.state.Details[0].email}\r\n              company_Name={this.state.Details[0].company_Name}\r\n              company_Id={this.props.location.state.Id}\r\n              close={() => this.ActivateModel()}\r\n            />\r\n          ) : null}\r\n          <div className=\"pcoded-content\">\r\n            <div className=\"pcoded-inner-content\">\r\n              <div className=\"main-body\">\r\n                <div className=\"page-wrapper\">\r\n                  <div className=\"page-header\">\r\n                    <div className=\"page-header-title\"></div>\r\n                  </div>\r\n                  <div className=\"page-body\">\r\n                    <div className=\"row\">\r\n                      <div className=\"col-sm-12\">\r\n                        <div className=\"card\">\r\n                          <div className=\"glowBox\">\r\n                            {\" \"}\r\n                            <div style={{ float: \"left\" }}>\r\n                              <Link to=\"/Organization\">\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </Link>{\" \"}\r\n                            </div>\r\n                            <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                              {\" \"}\r\n                              Entity Profile\r\n                            </h4>\r\n                          </div>\r\n\r\n                          <br />\r\n\r\n                          <div className=\"card-block\">\r\n                            <div className=\"row\">\r\n                              <div className=\"col-lg-12\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-sm-5\"></div>\r\n                                  <div className=\"col-sm-6\">\r\n                                    {Details.map((Details) => (\r\n                                      <img\r\n                                        alt=\"companylogo\"\r\n                                        src={Details.com_logo}\r\n                                        style={{\r\n                                          height: \"79px\",\r\n                                          width: \"80px\",\r\n                                          marginLeft: \"4.6%\",\r\n                                          borderRadius: \"50px\",\r\n                                        }}\r\n                                      />\r\n                                    ))}{\" \"}\r\n                                    <br />\r\n                                  </div>\r\n                                </div>\r\n                                <br />\r\n\r\n                                <h5 style={{ marginLeft: \"25px\" }}>\r\n                                  ENTITY INFO{\" \"}\r\n                                </h5>\r\n                                <div className=\"card\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <b>\r\n                                          {\" \"}\r\n                                          <span>Entity Name</span>\r\n                                        </b>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3\">\r\n                                        {Details.map((Details) => (\r\n                                          <label\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                            }}\r\n                                          >\r\n                                            {Details.company_Name}\r\n                                          </label>\r\n                                        ))}\r\n                                      </div>\r\n\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <b>\r\n                                          {\" \"}\r\n                                          <span>Contact Person</span>\r\n                                        </b>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3\">\r\n                                        {Details.map((Details) => (\r\n                                          <label\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                            }}\r\n                                          >\r\n                                            {Details.personname}\r\n                                          </label>\r\n                                        ))}\r\n                                      </div>\r\n\r\n                                      {/* <div className=\"col-lg-6 \" >\r\n                                          <div className=\"row\">\r\n                                          <b> <span >Email</span></b> :\r\n                                          <div className=\"col-lg-5\" >\r\n                                          {Details.map(Details => <label  style={{ color: 'rgb(128 125 125)' }}>{Details.email}</label>   )}\r\n                                          </div>\r\n                                          </div>\r\n                                          </div> */}\r\n                                    </div>\r\n\r\n                                    <div className=\"row\">\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <b>\r\n                                          {\" \"}\r\n                                          <span>Email</span>\r\n                                        </b>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        {Details.map((Details) => (\r\n                                          <label\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                            }}\r\n                                          >\r\n                                            {Details.email}\r\n                                          </label>\r\n                                        ))}\r\n                                      </div>\r\n\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <b>\r\n                                          {\" \"}\r\n                                          <span>Primary Mobile Number</span>\r\n                                        </b>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        {Details.map((Details) => (\r\n                                          <label\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                            }}\r\n                                          >\r\n                                            {Details.mobile}\r\n                                          </label>\r\n                                        ))}\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"row\" style={{marginBottom:\"10px\"}}>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <b>\r\n                                          {\" \"}\r\n                                          <span>Alternate Mobile Number</span>\r\n                                        </b>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        {Details.map((Details) => (\r\n                                          <label\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                            }}\r\n                                          >\r\n                                            {Details.lanline}\r\n                                          </label>\r\n                                        ))}\r\n                                      </div>\r\n\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <b>\r\n                                          {\" \"}\r\n                                          <span>Secondary Email</span>\r\n                                        </b>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        {Details.map((Details) => (\r\n                                          <label\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                              wordBreak:\"break-word\"\r\n                                            }}\r\n                                          >\r\n                                            {Details.sEmail}{\" \"}\r\n                                          </label>\r\n                                        ))}\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  \r\n                                </div>\r\n\r\n                                <h5 style={{ marginLeft: \"25px\" }}>\r\n                                  ENTITY ADDRESS\r\n                                </h5>\r\n                                <div className=\"card\">\r\n                                  \r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <b>\r\n                                          {\" \"}\r\n                                          <span>Address</span>\r\n                                        </b>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        {Details.map((Details) => (\r\n                                          <label\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                              wordBreak: \"break-word\",\r\n                                            }}\r\n                                          >\r\n                                            {Details.adrs1}\r\n                                          </label>\r\n                                        ))}\r\n                                      </div>\r\n\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <b>\r\n                                          {\" \"}\r\n                                          <span>City</span>\r\n                                        </b>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        {Details.map((Details) => (\r\n                                          <label\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                            }}\r\n                                          >\r\n                                            {Details.city}{\" \"}\r\n                                          </label>\r\n                                        ))}\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"row\">\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <b>\r\n                                          {\" \"}\r\n                                          <span>State</span>\r\n                                        </b>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        {Details.map((Details) => (\r\n                                          <label\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                            }}\r\n                                          >\r\n                                            {Details.state}\r\n                                          </label>\r\n                                        ))}\r\n                                      </div>\r\n\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <b>\r\n                                          {\" \"}\r\n                                          <span>Country</span>\r\n                                        </b>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        {Details.map((Details) => (\r\n                                          <label\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                            }}\r\n                                          >\r\n                                            {Details.country}{\" \"}\r\n                                          </label>\r\n                                        ))}\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"row\" style={{marginBottom:\"5px\"}}>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <b>\r\n                                          {\" \"}\r\n                                          <span>Pincode</span>\r\n                                        </b>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        {Details.map((Details) => (\r\n                                          <label\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                            }}\r\n                                          >\r\n                                            {Details.zip}\r\n                                          </label>\r\n                                        ))}\r\n                                      </div>\r\n\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <b>\r\n                                          {\" \"}\r\n                                          <span>Official Website</span>\r\n                                        </b>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        {Details.map((Details) => (\r\n                                          <a\r\n                                            target=\"_blank\"\r\n                                            href={\"http://\" + Details.website}\r\n                                            //onClick={() => { window.open(Details.website) }}\r\n\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                              cursor: \"pointer\",\r\n                                            }}\r\n                                          >\r\n                                            {Details.website}\r\n                                          </a>\r\n                                        ))}\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                {/* ///admin */}\r\n\r\n                                {this.state.role === \"Platform Admin\" ? (\r\n                                  <>\r\n                                    <h5 style={{ marginLeft: \"25px\" }}>\r\n                                      ENTITY DOCUMENTS\r\n                                    </h5>\r\n                                    <div className=\"card\">\r\n                                      <div className=\"col-lg-12\">\r\n                                        <div className=\"row\" style={{marginTop:\"10px\",alignItems:\"center\"}}>\r\n                                          <div className=\"col-lg-3 \">\r\n                                            <b>\r\n                                              {\" \"}\r\n                                              <span>GST Number</span>\r\n                                            </b>\r\n                                          </div>\r\n                                          <div className=\"col-lg-3 \">\r\n                                            {Details.map((Details) => (\r\n                                              <label\r\n                                                style={{\r\n                                                  color: \"rgb(128 125 125)\",\r\n                                                }}\r\n                                              >\r\n                                                {Details.gsTno}\r\n                                              </label>\r\n                                            ))}\r\n                                          </div>\r\n\r\n                                          <div className=\"col-lg-3\">\r\n                                            <div className=\"row\">\r\n                                              <div className=\"col-lg-6 linkbox\">\r\n                                                {Details.map((Details) => (\r\n                                                  <a\r\n                                                    href={Details.gst}\r\n                                                    name=\"gst\"\r\n                                                    readOnly\r\n                                                    value={Details.gst}\r\n                                                    title=\"\"\r\n                                                    target=\"_blank\"\r\n                                                    style={{\r\n                                                      width: \"200px\",\r\n                                                      height: \"200px\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <div className=\"\">\r\n                                                  {Details.gst.toLowerCase() === 'excel' || Details.gst.toLowerCase().endsWith('.xlsx') ? (\r\n          <img src={Doc} alt=\"Excel document\" style={{ width: '50px', height: '50px' }}  target=\"_blank\" />\r\n        ) : (\r\n          Details.gst.toLowerCase() === 'word' || Details.gst.toLowerCase().endsWith('.docx')) ? (\r\n            <img src={Doc} alt=\"Word document\" style={{ width: '50px', height: '50px' }} target=\"_blank\" />\r\n          ) : (\r\n          <embed\r\n            src={Details.gst + \"#toolbar=0\"}\r\n            value={Details.gst + \"#toolbar=0\"}\r\n            title=\"\"\r\n            scrolling=\"no\"\r\n            target=\"_blank\"\r\n            style={{\r\n              width: \"100px\",\r\n              height: \"100px\",\r\n              pointerEvents: \"none\",\r\n            }}\r\n          ></embed>\r\n        )}\r\n      </div>\r\n                                                    \r\n                                                  </a>\r\n                                                ))}\r\n                                              </div>\r\n                                              <div className=\"col-lg-6\"></div>\r\n                                            </div>\r\n                                          </div>\r\n                                          {role === \"Platform Admin\" ? null : (\r\n                                            <div\r\n                                              id=\"gstmsg\"\r\n                                              className=\"col-lg-3\"\r\n                                            >\r\n                                              {Details.map((Details) => (\r\n                                                <div>\r\n                                                  {Details.gstVerified ===\r\n                                                  \"1\" ? (\r\n                                                    <div\r\n                                                      style={{\r\n                                                        pointerEvents: \"none\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <span\r\n                                                        style={{\r\n                                                          color: \"green\",\r\n                                                        }}\r\n                                                      >\r\n                                                        {\" \"}\r\n                                                        GST is verified\r\n                                                      </span>\r\n                                                    </div>\r\n                                                  ) : (\r\n                                                    <div\r\n                                                      style={{ color: \"red\" }}\r\n                                                    >\r\n                                                      <span>\r\n                                                        {\" \"}\r\n                                                        GST is not verified{\" \"}\r\n                                                      </span>\r\n                                                    </div>\r\n                                                  )}\r\n                                                </div>\r\n                                              ))}{\" \"}\r\n                                            </div>\r\n                                          )}\r\n\r\n                                          {role !== \"Platform Admin\" ? null : (\r\n                                            <div className=\"col-sm-3\">\r\n                                              {Details.map((Details) => (\r\n                                                <div>\r\n                                                  {Details.gstVerified ===\r\n                                                  null && Details.status !== 4 ? (\r\n                                                    <div className=\"checkbox-fade fade-in-primary\">\r\n                                                      <label>\r\n                                                        <input\r\n                                                          type=\"checkbox\"\r\n                                                          id=\"GstCheck\"\r\n                                                          value={\r\n                                                            this.props.location.state.Id\r\n                                                          }\r\n                                                          onClick={() =>\r\n                                                            this.GstModel()\r\n                                                          }\r\n                                                        />\r\n                                                        <span className=\"cr\">\r\n                                                          <i className=\"cr-icon icofont icofont-ui-check txt-primary\" />\r\n                                                        </span>{\" \"}\r\n                                                        <span>GST Verify </span>\r\n                                                      </label>\r\n                                                    </div>\r\n                                                  ) : Details.status !== 4 && (\r\n                                                    <div\r\n                                                      style={{ color: \"green\" }}\r\n                                                    >\r\n                                                      <span>\r\n                                                        {\" \"}\r\n                                                        GST is verified{\" \"}\r\n                                                      </span>\r\n                                                    </div>\r\n                                                  )}\r\n                                                </div>\r\n                                              ))}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </div>\r\n                                    \r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row\" style={{marginTop:\"10px\",alignItems:\"center\",marginBottom:\"10px\"}}>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>PAN Number</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                              }}\r\n                                            >\r\n                                              {Details.paNno}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-3\">\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-6 linkbox\">\r\n                                              {Details.map((Details) => (\r\n                                                <a\r\n                                                  href={Details.pan}\r\n                                                  name=\"pan\"\r\n                                                  value={Details.pan}\r\n                                                  title=\"\"\r\n                                                  target=\"_blank\"\r\n                                                  style={{\r\n                                                    width: \"100px\",\r\n                                                    height: \"100px\",\r\n                                                  }}\r\n                                                >\r\n                                                  <div className=\" \">\r\n                                                  {Details.pan.toLowerCase() === 'excel' || Details.pan.toLowerCase().endsWith('.xlsx') ? (\r\n          <img src={Doc} alt=\"Excel document\" style={{ width: '50px', height: '50px' }}  target=\"_blank\" />\r\n        ) : (\r\n            Details.pan.toLowerCase() === 'word' || Details.pan.toLowerCase().endsWith('.docx')) ? (\r\n            <img src={Doc} alt=\"Word document\" style={{ width: '50px', height: '50px' }} target=\"_blank\"/>\r\n          ) : (\r\n                                                    <embed\r\n                                                      src={\r\n                                                        Details.pan +\r\n                                                        \"#toolbar=0\"\r\n                                                      }\r\n\r\n                                                      id=\"Gstiframe\"\r\n                                                      value={\r\n                                                        Details.pan +\r\n                                                        \"#toolbar=0\"\r\n                                                      }\r\n                                                      width=\"100px\"\r\n                                                      height=\"100px\"\r\n                                                      title=\"\"\r\n                                                      scrolling=\"no\"\r\n                                                      target=\"_blank\"\r\n                                                      style={{\r\n                                                        pointerEvents: \"none\",\r\n                                                      }}\r\n                                                    ></embed>\r\n                                                    )}\r\n                                                  </div>{\" \"}\r\n                                                </a>\r\n                                              ))}\r\n                                            </div>\r\n                                            <div className=\"col-lg-6\"></div>\r\n                                          </div>\r\n                                        </div>\r\n\r\n                                        {role === \"Platform Admin\" ? null : (\r\n                                          <div id=\"panmsg\" className=\"col-lg-3\">\r\n                                            {Details.map((Details) => (\r\n                                              <div>\r\n                                                {\" \"}\r\n                                                {(() => {\r\n                                                  if (\r\n                                                    Details.panVerified === \"1\"\r\n                                                  ) {\r\n                                                    return (\r\n                                                      <div\r\n                                                        style={{\r\n                                                          pointerEvents: \"none\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"green\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {\" \"}\r\n                                                          PAN is verified\r\n                                                        </span>\r\n                                                      </div>\r\n                                                    );\r\n                                                  } else {\r\n                                                    return (\r\n                                                      <div\r\n                                                        style={{ color: \"red\" }}\r\n                                                      >\r\n                                                        <span>\r\n                                                          {\" \"}\r\n                                                          PAN is not verified\r\n                                                        </span>\r\n                                                      </div>\r\n                                                    );\r\n                                                  }\r\n                                                })()}{\" \"}\r\n                                              </div>\r\n                                            ))}{\" \"}\r\n                                          </div>\r\n                                        )}\r\n\r\n                                        {role !== \"Platform Admin\" ? null : (\r\n                                          <div className=\"col-sm-3\">\r\n                                            {Details.map((Details) => (\r\n                                              <div>\r\n                                                {Details.panVerified ===\r\n                                                null && Details.status !== 4 ? (\r\n                                                  <div>\r\n                                                    <div className=\"checkbox-fade fade-in-primary\">\r\n                                                      <label>\r\n                                                        <input\r\n                                                          type=\"checkbox\"\r\n                                                          id=\"PanCheck\"\r\n                                                          onClick={() =>\r\n                                                            this.SuccessModel()\r\n                                                          }\r\n                                                        />\r\n                                                        <span className=\"cr\">\r\n                                                          <i className=\"cr-icon icofont icofont-ui-check txt-primary\" />\r\n                                                        </span>{\" \"}\r\n                                                        <span> PAN Verify</span>\r\n                                                      </label>\r\n                                                    </div>\r\n                                                  </div>\r\n                                                ) : Details.status !== 4 && (\r\n                                                  <div\r\n                                                    style={{ color: \"green\" }}\r\n                                                  >\r\n                                                    <span>\r\n                                                      {\" \"}\r\n                                                      PAN is verified{\" \"}\r\n                                                    </span>\r\n                                                  </div>\r\n                                                )}\r\n                                              </div>\r\n                                            ))}\r\n                                          </div>\r\n                                        )}\r\n\r\n                                        {/*platform  Admin Gst and Pan verify Message */}\r\n                                        {/* super admin gst pan start */}\r\n\r\n                                        {/* super admin gst pan end */}\r\n                                      </div>\r\n                                    </div>\r\n                                    </div>\r\n                                  </>\r\n                                ) : (\r\n                                  <>\r\n                                    <h5 style={{ marginLeft: \"25px\" }}>\r\n                                      ENTITY DOCUMENTS\r\n                                    </h5>\r\n\r\n                                    <div className=\"card\">\r\n                                      <div className=\"col-lg-12\">\r\n                                        <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                          <div className=\"col-lg-3 \">\r\n                                            <b>\r\n                                              {\" \"}\r\n                                              <span>GST Number</span>\r\n                                            </b>\r\n                                          </div>\r\n                                          <div className=\"col-lg-3 \">\r\n                                            {Details.map((Details) => (\r\n                                              <label\r\n                                                style={{\r\n                                                  color: \"rgb(128 125 125)\",\r\n                                                }}\r\n                                              >\r\n                                                {Details.gsTno}\r\n                                              </label>\r\n                                            ))}\r\n                                          </div>\r\n\r\n                                          <div className=\"col-lg-3 \">\r\n                                            <b>\r\n                                              {\" \"}\r\n                                              <span>PAN Number</span>\r\n                                            </b>\r\n                                          </div>\r\n                                          <div className=\"col-lg-3 \">\r\n                                            {Details.map((Details) => (\r\n                                              <label\r\n                                                style={{\r\n                                                  color: \"rgb(128 125 125)\",\r\n                                                }}\r\n                                              >\r\n                                                {Details.paNno}\r\n                                              </label>\r\n                                            ))}\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </>\r\n                                )}\r\n\r\n                                {/* ////Super admin */}\r\n\r\n                                {Details.map((Details) => (\r\n                                  <>\r\n                                    {Details.status === 4 ||\r\n                                    Details.status === 2 ? null : (\r\n                                      <>\r\n                                        {role === \"Platform Admin\" ? (\r\n                                          <div className=\"activitydisplay\">\r\n                                            {/* {this.state.Organization===2 && this.state.Organization===4? */}\r\n\r\n                                            <h5 style={{ marginLeft: \"25px\" }}>\r\n                                              STATUS OF ENTITY\r\n                                            </h5>\r\n                                            <div className=\"card\">\r\n                                              <div className=\"col-lg-12\">\r\n                                                <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                                  {Details.status === 1 ? (\r\n                                                    <div className=\"col-lg-3 \">\r\n                                                      <b>\r\n                                                        {\" \"}\r\n                                                        <span>\r\n                                                          Active Since\r\n                                                        </span>\r\n                                                      </b>\r\n                                                    </div>\r\n                                                  ) : null}\r\n\r\n                                                  {Details.status === 1 ? (\r\n                                                    <div className=\"col-lg-3 \">\r\n                                                      <label\r\n                                                        style={{\r\n                                                          color:\r\n                                                            \"rgb(128 125 125)\",\r\n                                                        }}\r\n                                                      >\r\n                                                        {Details.aDate}\r\n                                                      </label>\r\n                                                    </div>\r\n                                                  ) : null}\r\n                                                  {Details.status === 0 ? (\r\n                                                    <div className=\"col-lg-3 \">\r\n                                                      <b>\r\n                                                        {\" \"}\r\n                                                        <span>\r\n                                                          Deactive Since\r\n                                                        </span>\r\n                                                      </b>{\" \"}\r\n                                                    </div>\r\n                                                  ) : null}\r\n\r\n                                                  {Details.status === 0 ? (\r\n                                                    <div className=\"col-lg-3 \">\r\n                                                      <label\r\n                                                        style={{\r\n                                                          color:\r\n                                                            \"rgb(128 125 125)\",\r\n                                                        }}\r\n                                                      >\r\n                                                        {Details.dDate}\r\n                                                      </label>\r\n                                                    </div>\r\n                                                  ) : null}\r\n\r\n                                                  {Details.status === 0 ? (\r\n                                                    <div className=\"col-lg-3 \">\r\n                                                      <b>\r\n                                                        {\" \"}\r\n                                                        <span>\r\n                                                          Deactivated Reason\r\n                                                        </span>\r\n                                                      </b>{\" \"}\r\n                                                    </div>\r\n                                                  ) : null}\r\n\r\n                                                  {Details.status === 0 ? (\r\n                                                    <div className=\"col-lg-3 \">\r\n                                                      <label\r\n                                                        style={{\r\n                                                          color:\r\n                                                            \"rgb(128 125 125)\",\r\n                                                        }}\r\n                                                      >\r\n                                                        {Details.reason}\r\n                                                      </label>\r\n                                                    </div>\r\n                                                  ) : null}\r\n                                                  {Details.reason !== \"-\" ? (\r\n                                                    <>\r\n                                                      {/* {Details.status === 1 ? <div className=\"col-lg-3 \">\r\n\r\n                                       <b> <span >Active Reason</span></b> </div> : null}\r\n\r\n\r\n\r\n                                     {Details.status === 1 ? <div className=\"col-lg-3 \">\r\n\r\n\r\n\r\n                                       <label style={{ color: 'rgb(128 125 125)' }}>{Details.reason}</label>\r\n                                     </div>\r\n                                       :\r\n                                       <div></div>} */}\r\n                                                    </>\r\n                                                  ) : null}\r\n                                                </div>\r\n                                              </div>\r\n                                              <br />\r\n                                            </div>\r\n\r\n                                            {/* :null}  */}\r\n                                          </div>\r\n                                        ) : null}\r\n                                      </>\r\n                                    )}\r\n                                  </>\r\n                                ))}\r\n\r\n                             {Details.map((Details) => (\r\n                                  <>\r\n                                    {Details.status === 4 ? (\r\n                                      <>\r\n                                        {role === \"Platform Admin\" ? (\r\n                                          <div className=\"activitydisplay\">\r\n                                            {/* {this.state.Organization===2 && this.state.Organization===4? */}\r\n\r\n                                            <h5 style={{ marginLeft: \"25px\" }}>\r\n                                              STATUS OF ENTITY\r\n                                            </h5>\r\n                                            <div className=\"card\">\r\n                                              <div className=\"col-lg-12\">\r\n                                                <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                                  {Details.status === 4 ? (\r\n                                                    <div className=\"col-lg-3 \">\r\n                                                      <b>\r\n                                                        {\" \"}\r\n                                                        <span>\r\n                                                          Rejected Reason\r\n                                                        </span>\r\n                                                      </b>\r\n                                                    </div>\r\n                                                  ) : null}\r\n\r\n                                                  {Details.status === 4 ? (\r\n                                                    <div className=\"col-lg-3 \">\r\n                                                      <label\r\n                                                        style={{\r\n                                                          color:\r\n                                                            \"rgb(128 125 125)\",\r\n                                                        }}\r\n                                                      >\r\n                                                        {Details.reason}\r\n                                                      </label>\r\n                                                    </div>\r\n                                                  ) : null}\r\n                                                </div>\r\n                                              </div>\r\n                                              <br />\r\n                                            </div>\r\n\r\n                                            {/* :null}  */}\r\n                                          </div>\r\n                                        ) : null}\r\n                                      </>\r\n                                    ):null}\r\n                                  </>\r\n                                ))}\r\n                              </div>\r\n                            </div>\r\n\r\n                            {role !== \"Platform Admin\" ? null : (\r\n                              <div\r\n                                id=\"detailbtns\"\r\n                                className=\"j-response\"\r\n                                style={{\r\n                                  textAlign: \"center\",\r\n                                  marginBottom: \"30px\",\r\n                                }}\r\n                              >\r\n                                <br />\r\n                                {Details.map((Details) => (\r\n                                  <>\r\n                                    {(() => {\r\n                                      if (\r\n                                        Details.status === 2\r\n                                      ) {\r\n                                        return (\r\n                                          <div\r\n                                            className=\"col-sm-12\"\r\n                                            style={{ textAlign: \"center\" }}\r\n                                          >\r\n                                            <button\r\n                                              value={\r\n                                                this.props.location.state.Id\r\n                                              }\r\n                                              id=\"actbtn\"\r\n                                              className=\"but\"\r\n                                              onClick={() =>\r\n                                                this.ActivateModel()\r\n                                              }\r\n                                              style={{ width: \"auto\" }}\r\n                                            >\r\n                                              Verify and Approved\r\n                                            </button>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <a href id=\"inactbtn\">\r\n                                              <button\r\n                                                onClick={() =>\r\n                                                  this.RejectOrg(\r\n                                                    this.props.location.state\r\n                                                      .Id,\r\n                                                    Details.email,\r\n                                                    Details.status\r\n                                                  )\r\n                                                }\r\n                                                className=\"but\"\r\n                                                style={{ width: \"93.26px\" }}\r\n                                              >\r\n                                                Reject Entity\r\n                                              </button>\r\n                                            </a>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <button\r\n                                              href\r\n                                              onClick={() =>\r\n                                                this.props.history.goBack()\r\n                                              }\r\n                                              id=\"Orgcancel\"\r\n                                              style={{ color: \"white\" }}\r\n                                              type=\"reset\"\r\n                                              className=\" btn-Secondary\"\r\n                                            >\r\n                                              Cancel\r\n                                            </button>{\" \"}\r\n                                            &nbsp;&nbsp;\r\n                                            <br /> <br />\r\n                                          </div>\r\n                                        );\r\n                                      } else if (Details.status === 1) {\r\n                                        return (\r\n                                          <div\r\n                                            className=\"col-sm-12\"\r\n                                            style={{ textAlign: \"center\" }}\r\n                                          >\r\n                                            <a href id=\"inactbtn\">\r\n                                              <button\r\n                                                onClick={() =>\r\n                                                  this.RejectOrg(\r\n                                                    this.props.location.state\r\n                                                      .Id,\r\n                                                    Details.email,\r\n                                                    Details.status\r\n                                                  )\r\n                                                }\r\n                                                style={{ marginLeft: \"-2px\" }}\r\n                                                className=\"but\"\r\n                                              >\r\n                                                Deactivate\r\n                                              </button>\r\n                                            </a>\r\n                                            &nbsp;&nbsp;\r\n                                            <button\r\n                                              href\r\n                                              onClick={() =>\r\n                                                this.props.history.goBack()\r\n                                              }\r\n                                              id=\"Orgcancel\"\r\n                                              style={{ color: \"white\" }}\r\n                                              type=\"reset\"\r\n                                              className=\" btn-Secondary\"\r\n                                            >\r\n                                              Cancel\r\n                                            </button>\r\n                                            <br />\r\n                                            <br />\r\n                                          </div>\r\n                                        );\r\n                                      } else if (Details.status === 0) {\r\n                                        return (\r\n                                          <div\r\n                                            className=\"col-sm-12\"\r\n                                            style={{ textAlign: \"center\" }}\r\n                                          >\r\n                                            <button\r\n                                              value={\r\n                                                this.props.location.state.Id\r\n                                              }\r\n                                              id=\"actbtn\"\r\n                                              className=\"but\"\r\n                                              onClick={() =>\r\n                                                this.ActiveOrg(\r\n                                                  this.props.location.state.Id,\r\n                                                  Details.email,\r\n                                                  Details.status\r\n                                                )\r\n                                              }\r\n                                            >\r\n                                              Activate\r\n                                            </button>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <button\r\n                                              href\r\n                                              onClick={() =>\r\n                                                this.props.history.goBack()\r\n                                              }\r\n                                              id=\"Orgcancel\"\r\n                                              style={{ color: \"white\" }}\r\n                                              type=\"reset\"\r\n                                              className=\" btn-Secondary\"\r\n                                            >\r\n                                              Cancel\r\n                                            </button>\r\n                                            <br />\r\n                                            <br />\r\n                                          </div>\r\n                                        );\r\n                                      }\r\n                                    })()}\r\n                                  </>\r\n                                ))}\r\n                              </div>\r\n                            )}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* End */}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport \"../Css/Sign-Up.css\";\r\nimport LogoCompo from \"../Common/LogoCompo\";\r\nimport RegMsgPop from \"../Common/RegMsgPop\";\r\nimport LoadingPage from \"../Common/LoadingPage\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport { Image_URLs } from \"../Config/Base\";\r\nimport CryptoJS from 'crypto-js';\r\n\r\n$(function () {\r\n  $(\"#noSpace\").on(\"keypress\", function (e) {\r\n    if (e.which === 32) {\r\n      return false;\r\n    }\r\n  });\r\n});\r\n$(document).ready(function () {\r\n  $(\"#Name\").bind(\"copy paste\", function (e) {\r\n    e.preventDefault();\r\n  });\r\n});\r\n$(document).ready(function () {\r\n  $(\"#EntityName\").bind(\"copy paste\", function (e) {\r\n    e.preventDefault();\r\n  });\r\n});\r\n$(document).ready(function () {\r\n  $(\"#reguser\").hide();\r\n});\r\nexport default class SignUp extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Name: \"\",\r\n      username: \"\",\r\n      EntityName: \"\",\r\n      Email: \"\",\r\n      Password: \"\",\r\n      cpassword: \"\",\r\n      formErrors: {},\r\n      SuccessModel: false,\r\n      Eye: false,\r\n      Eye1: false,\r\n      LinkStatus: \"\",\r\n      RegData: {},\r\n      loading: false,\r\n    };\r\n    this.submit = this.submit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n  }\r\n\r\n  getUnique = (array, key) => {\r\n    if (typeof key !== \"function\") {\r\n      const property = key;\r\n      key = function (item) {\r\n        return item[property];\r\n      };\r\n    }\r\n    return Array.from(\r\n      array\r\n        .reduce(function (map, item) {\r\n          const k = key(item);\r\n          if (!map.has(k)) map.set(k, item);\r\n          return map;\r\n        }, new Map())\r\n        .values()\r\n    );\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    var entityname = document.getElementById(\"EntityName\").value;\r\n    var username = document.getElementById(\"Name\").value;\r\n    var email = document.getElementById(\"Email\").value;\r\n    var password = document.getElementById(\"password\").value;\r\n    var cpassword = document.getElementById(\"cpassword\").value;\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //Entityname\r\n\r\n    //Entityname\r\n    if (!entityname || entityname.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"entitynameErr\"] = \"Entity Name is required\";\r\n    } else if (entityname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"entitynameErr\"] = \"A minimum of 3 characters are required\";\r\n    }\r\n    //User name\r\n    else if (!username || username.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"usernameErr\"] = \"User Name is required\";\r\n    } else if (username.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"usernameErr\"] = \"A minimum of 3 characters are required\";\r\n    }\r\n\r\n    //Email\r\n    else if (!email || email.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"emailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n      formIsValid = false;\r\n      formErrors[\"emailErr\"] = \"Invalid Email Id\";\r\n    } else if (!password || password.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \" Password is required\";\r\n    } else if (!/^(?=.*[A-Z])/.test(password)) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"At least one Capital letter is  required\";\r\n    } else if (!/^(?=.*[a-z])/.test(password)) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"At least one small letter is  required\";\r\n    } else if (!/\\d/.test(password)) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"At least one number is required\";\r\n    } else if (!/^(?=.*[-+_!@#$%^&*., ?])/.test(password)) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"At least one Symbol is required\";\r\n    } else if (password.length < 8) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"A minimum of 8 characters are required\";\r\n    } else if (!cpassword || cpassword.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"cpasswordErr\"] = \"Confirm Password is required\";\r\n    } else if (password !== cpassword) {\r\n      /* else if(!(/^(?=.*[A-Za-z])(?=.*\\d)(?=.*[@$!%*#?&])[A-Za-z\\d@$!%*#?&]{8,}$/.test(cpassword))){ \r\n  formIsValid = false;    \r\n  formErrors[\"cpasswordErr\"] = \"Invalid Confirm Password.\"; \r\n} */\r\n      formIsValid = false;\r\n      formErrors[\"cpasswordErr\"] = \"Password and Confirm Password must be same\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  handleFormValidation() {\r\n    var entityname = document.getElementById(\"EntityName\").value;\r\n    var username = document.getElementById(\"Name\").value;\r\n    var email = document.getElementById(\"Email\").value;\r\n    var password = document.getElementById(\"password\").value;\r\n    var cpassword = document.getElementById(\"cpassword\").value;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Entityname\r\n    if (!entityname || entityname.trim() === \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"entitynameErr\"] = \"Entity Name is required\";\r\n    } else if (entityname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"entitynameErr\"] = \"A minimum of 3 characters are required\";\r\n    } else if (entityname.charAt(0) === \" \" || entityname.charAt(entityname.length - 1) === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"entitynameErr\"] = \"First and last characters cannot be spaces\";\r\n    }\r\n    //User name\r\n    if (!username || username.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"usernameErr\"] = \"User Name is required\";\r\n    } else if (username.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"usernameErr\"] = \"A minimum of 3 characters are required\";\r\n    }\r\n    else if (username.charAt(0) === \" \" || username.charAt(username.length - 1) === \" \") {\r\n      formIsValid = false;\r\n      formErrors[\"usernameErr\"] = \"First and last characters cannot be spaces\";\r\n    }\r\n    //Email\r\n    if (!email || email.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"emailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n      formIsValid = false;\r\n      formErrors[\"emailErr\"] = \"Invalid Email Id\";\r\n    }\r\n    if (!password || password.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"Password is required\";\r\n    } else if (!/^(?=.*[A-Z])/.test(password)) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"At least one Capital letter is required\";\r\n    } else if (!/^(?=.*[a-z])/.test(password)) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"At least one small letter is required\";\r\n    } else if (!/\\d/.test(password)) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"At least one number is required\";\r\n    } else if (!/^(?=.*[-+_!@#$%^&*., ?])/.test(password)) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"At least one Symbol  is required\";\r\n    } else if (password.length < 8) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"A minimum of 8 characters are required\";\r\n    } else if (\r\n      !/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,20}$/.test(\r\n        password\r\n      )\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"Invalid Password\";\r\n    }\r\n\r\n    if (!cpassword || cpassword.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"cpasswordErr\"] = \"Confirm Password is required\";\r\n    } else if (\r\n      !/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,20}$/.test(\r\n        cpassword\r\n      )\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"cpasswordErr\"] = \"Invalid Password\";\r\n    } else if (password !== cpassword) {\r\n      /* else if(!(/^(?=.*[A-Za-z])(?=.*\\d)(?=.*[@$!%*#?&])[A-Za-z\\d@$!%*#?&]{8,}$/.test(cpassword))){\r\n  formIsValid = false;    \r\n  formErrors[\"cpasswordErr\"] = \"Invalid Confirm Password.\"; \r\n} */\r\n      formIsValid = false;\r\n      formErrors[\"cpasswordErr\"] = \"Password and Confirm Password must be same\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  Entity() {\r\n    document.getElementById(\"reguser\").setAttribute(\"style\", \" display:none;\");\r\n    document\r\n      .getElementById(\"entity\")\r\n      .setAttribute(\"style\", \" display: contents;\");\r\n  }\r\n  User() {\r\n    document.getElementById(\"entity\").setAttribute(\"style\", \" display:none;\");\r\n    document\r\n      .getElementById(\"reguser\")\r\n      .setAttribute(\"style\", \"display: contents;\");\r\n  }\r\n\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n\r\n    var page = {\r\n      pathname: \"/AdminOtp\",\r\n      state: this.state.RegData,\r\n    };\r\n    this.props.history.push(page);\r\n  };\r\n\r\n  componentDidMount() {\r\n    let encryptedData = sessionStorage.getItem('encryptedData');\r\n  \r\n    // console.log(\"encryptdata ----- 1\", encryptedData)\r\n    \r\n    if (encryptedData) {\r\n      let bytes = CryptoJS.AES.decrypt(encryptedData, 'yourSecretKey');\r\n      let decryptedData = JSON.parse(bytes.toString(CryptoJS.enc.Utf8));\r\n      this.setState({\r\n        EntityName: decryptedData.map((d) => d.EntityName) || '',\r\n        Name: decryptedData.map((d) => d.Name) || '',\r\n        Email: decryptedData.map((d) => d.Email) || '',\r\n        Password: decryptedData.map((d) => d.Password) || '',\r\n        cpassword: decryptedData.map((d) => d.cpassword) || '',\r\n      });\r\n    } else {\r\n      // Clear state if encrypted data is not present\r\n      this.setState({\r\n        EntityName: '',\r\n        Name: '',\r\n        Email: '',\r\n        Password: '',\r\n        cpassword: '',\r\n      });\r\n    }\r\n  }\r\n  \r\n\r\n  togglePassword = () => {\r\n    this.setState({ Eye: !this.state.Eye });\r\n  };\r\n  togglePassword1 = () => {\r\n    this.setState({ Eye1: !this.state.Eye1 });\r\n  };\r\n\r\n  submit = (e) => {\r\n    e.preventDefault();\r\n\r\n    const data = new FormData(e.target);\r\n    const data1 = new FormData();\r\n// Import crypto-js library\r\nconst CryptoJS = require('crypto-js');\r\n\r\n// Your data array\r\nlet dataArray = [\r\n  { 'EntityName': this.state.EntityName, 'Name':  this.state.Name, 'Email': this.state.Email, 'Password': this.state.Password, 'cpassword': this.state.cpassword }\r\n];\r\n\r\n// Convert dataArray to JSON string\r\nlet jsonString = JSON.stringify(dataArray);\r\n\r\n// Encryption key (replace 'yourSecretKey' with a secure key)\r\nlet encryptionKey = 'yourSecretKey';\r\n\r\n// Encrypt the JSON string\r\nlet encryptedData = CryptoJS.AES.encrypt(jsonString, encryptionKey).toString();\r\n\r\n// Store the encrypted string in session storage\r\nsessionStorage.setItem('encryptedData', encryptedData);\r\n\r\n\r\n    \r\n\r\n    this.setState({\r\n      RegData: Object.fromEntries(data),\r\n    });\r\n\r\n    Object.entries(Object.fromEntries(data)).forEach(([key, value]) => {\r\n      data1.set(key, value);\r\n    });\r\n\r\n    \r\n    if (this.handleFormValidation()) {\r\n      setTimeout(() => {\r\n        this.setState({ loading: true });\r\n      }, 500);\r\n\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          \"Access-Control-Allow-Credentials\": \"true\",\r\n          \"Access-Control-Allow-Origin\": `${Image_URLs}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      fetch(`${BASE_URLs}/Authenticate/ValidEntity`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n\r\n          \r\n\r\n          if (resp.status === \"Already Exist\") {\r\n            setTimeout(() => {\r\n              this.setState({ loading: false });\r\n            }, 500);\r\n            document.getElementById(\"snackbar\").innerHTML = resp.message;\r\n            var x = document.getElementById(\"snackbar\");\r\n            x.className = \"show\";\r\n            setTimeout(function () {\r\n              x.className = x.className.replace(\"show\", \"\");\r\n            }, 3000);\r\n          }\r\n\r\n          if (\r\n            resp.message ===\r\n            \"Failed : DuplicateUserName ,User creation failed!.\"\r\n          ) {\r\n            setTimeout(() => {\r\n              this.setState({ loading: false });\r\n            }, 500);\r\n\r\n            document.getElementById(\"snackbar\").innerHTML =\r\n              \"\" + this.state.Name + \" is Already Taken\";\r\n            x = document.getElementById(\"snackbar\");\r\n            x.className = \"show\";\r\n            setTimeout(function () {\r\n              x.className = x.className.replace(\"show\", \"\");\r\n            }, 3000);\r\n          }\r\n          let myCipher = this.cipher(\"mySecretSalt\");\r\n\r\n          if (resp.status === \"Successcreated\") {\r\n            setTimeout(() => {\r\n              this.setState({ loading: false });\r\n            }, 500);\r\n            localStorage.setItem(\"amcode\", myCipher(resp.otp));\r\n            // // console.log(\"otp\",resp.otp)\r\n\r\n            this.setState({ SuccessModel: true });\r\n          }\r\n\r\n          if (\r\n            resp.message === \"Failed : DuplicateUserName User creation failed!.\"\r\n          ) {\r\n            setTimeout(() => {\r\n              this.setState({ loading: false });\r\n            }, 500);\r\n            alert(\"\" + this.state.Name + \" is Already Taken\");\r\n          }\r\n        });\r\n\r\n      setTimeout(() => {\r\n        this.setState({ loading: false });\r\n      }, 500);\r\n    }\r\n  };\r\n\r\n  cipher = (salt) => {\r\n    const textToChars = (text) => text.split(\"\").map((c) => c.charCodeAt(0));\r\n    const byteHex = (n) => (\"0\" + Number(n).toString(16)).substr(-2);\r\n    const applySaltToChar = (code) =>\r\n      textToChars(salt).reduce((a, b) => a ^ b, code);\r\n\r\n    return (text) =>\r\n      text\r\n        .split(\"\")\r\n        .map(textToChars)\r\n        .map(applySaltToChar)\r\n        .map(byteHex)\r\n        .join(\"\");\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { usernameErr, entitynameErr, emailErr, passwordErr, cpasswordErr } =\r\n      this.state.formErrors;\r\n    return (\r\n      <div>\r\n        <div>\r\n          <div className=\"bgImg\" />\r\n          <div className=\"content\">\r\n            <br />\r\n            <LogoCompo />\r\n            <div\r\n              className={\r\n                w < 992\r\n                  ? \"  h-100 align-items-center justify-content-center\"\r\n                  : \"d-flex h-100 align-items-center justify-content-center\"\r\n              }\r\n            >\r\n              <div className=\"container\">\r\n                {this.state.SuccessModel ? (\r\n                  <RegMsgPop id=\"Success\" close={() => this.SuccessModel()} />\r\n                ) : null}\r\n                <div className=\"row\">\r\n                  <div\r\n                    className={\r\n                      w < 992\r\n                        ? \" col-sm-12 ml-auto mr-auto\"\r\n                        : \"col-md-4 col-sm-6 ml-auto mr-auto\"\r\n                    }\r\n                  >\r\n                    <div className=\"card-copy\">\r\n                      <div className=\"card-body\">\r\n                        <form id=\"entity\" onSubmit={this.submit}>\r\n                          <br />\r\n                          <br />\r\n                          <br />\r\n                          <div>\r\n                            <h4 className=\"title1\">\r\n                              <span className=\"shadows\">Sign Up</span>\r\n                            </h4>\r\n                          </div>\r\n                          <div className=\"signUp\">\r\n                            <div\r\n                              style={{\r\n                                display: \"flex\",\r\n                                justifyContent: \"center\",\r\n                                alignItems: \"center\",\r\n                              }}\r\n                            >\r\n                              <div id=\"snackbar\"></div>\r\n                            </div>\r\n                            <span>\r\n                              <input\r\n                                type=\"text\"\r\n                                className=\"form\"\r\n                                onChange={this.handleChange}\r\n                                onFocusCapture={this.handleChange}\r\n                                maxLength=\"25\"\r\n                                id=\"EntityName\"\r\n                                onPaste=\"return false\"\r\n                                onKeyPress={(event) => {\r\n                                  if (!/^[a-z0-9 ]+$/i.test(event.key)) {\r\n                                    event.preventDefault();\r\n                                  }\r\n                                }}\r\n                                name=\"EntityName\"\r\n                                placeholder=\"Entity Name\"\r\n                                autoComplete=\"off\"\r\n                                value={this.state.EntityName}\r\n                                style={{ cursor: \"auto\" }}\r\n                              />\r\n                              {entitynameErr && (\r\n                                <div\r\n                                  style={{ color: \"red\", paddingBottom: 10 }}\r\n                                >\r\n                                  {entitynameErr}\r\n                                </div>\r\n                              )}{\" \"}\r\n                              <span className=\"underline\" />\r\n                            </span>\r\n                            <span>\r\n                              <input\r\n                                type=\"text\"\r\n                                id=\"Name\"\r\n                                className=\"form\" //onKeyPress={(event) => {if (!/^[a-zA-Z]+$/.test(event.key)) {event.preventDefault();}}}\r\n                                maxLength=\"20\"\r\n                                onChange={this.handleChange}\r\n                                onFocusCapture={this.handleChange}\r\n                                name=\"Name\"\r\n                                placeholder=\"User Name\"\r\n                                autoComplete=\"off\"\r\n                                style={{ cursor: \"auto\" }}\r\n                                value={this.state.Name}\r\n                              />\r\n                              {usernameErr && (\r\n                                <div\r\n                                  style={{ color: \"red\", paddingBottom: 10 }}\r\n                                >\r\n                                  {usernameErr}\r\n                                </div>\r\n                              )}{\" \"}\r\n                              <span className=\"underline\" />\r\n                              <span\r\n                                className={usernameErr ? \" showError\" : \"\"}\r\n                              ></span>\r\n                            </span>\r\n                            <span>\r\n                              <input\r\n                                type=\"text\"\r\n                                className=\"form\"\r\n                                onChange={this.handleChange}\r\n                                onFocusCapture={this.handleChange}\r\n                                maxLength=\"50\"\r\n                                id=\"Email\"\r\n                                name=\"Email\"\r\n                                placeholder=\"Email\"\r\n                                autoComplete=\"off\"\r\n                                style={{ cursor: \"auto\" }}\r\n                                value={this.state.Email}\r\n                              />\r\n                              {emailErr && (\r\n                                <div\r\n                                  style={{ color: \"red\", paddingBottom: 10 }}\r\n                                >\r\n                                  {emailErr}\r\n                                </div>\r\n                              )}{\" \"}\r\n                              <span className=\"underline\" />\r\n                              <span\r\n                                className={emailErr ? \" showError\" : \"\"}\r\n                              ></span>\r\n                            </span>\r\n                            <>\r\n                              <div style={{ display: \"flex\" }}>\r\n                                <input\r\n                                  type={!this.state.Eye ? \"password\" : \"text\"}\r\n                                  className=\"form\"\r\n                                  id=\"password\"\r\n                                  maxLength=\"20\"\r\n                                  onFocusCapture={this.handleChange}\r\n                                  onChange={this.handleChange}\r\n                                  name=\"Password\"\r\n                                  placeholder=\"Password\"\r\n                                  autoComplete=\"off\"\r\n                                  style={{ cursor: \"auto\" }}\r\n                                  value={this.state.Password}\r\n                                />\r\n                                <span\r\n                                  className={\r\n                                    !this.state.Eye\r\n                                      ? \"icofont icofont-eye eyelogo\"\r\n                                      : \"icofont icofont-eye-blocked eyelogo\"\r\n                                  }\r\n                                  id=\"eye\"\r\n                                  onClick={this.togglePassword}\r\n                                ></span>\r\n                                {/* eye-blocked */}\r\n                              </div>\r\n                              {passwordErr && (\r\n                                <div>\r\n                                  <span\r\n                                    style={{ color: \"red\", paddingBottom: 10 }}\r\n                                  >\r\n                                    {passwordErr}\r\n                                  </span>\r\n                                  <br />\r\n                                </div>\r\n                              )}{\" \"}\r\n                              <span className=\"underline\" />\r\n                            </>\r\n\r\n                            <>\r\n                              <div style={{ display: \"flex\" }}>\r\n                                <input\r\n                                  type={!this.state.Eye1 ? \"password\" : \"text\"}\r\n                                  id=\"cpassword\"\r\n                                  className=\"form\"\r\n                                  maxLength=\"20\"\r\n                                  onChange={this.handleChange}\r\n                                  onFocusCapture={this.handleChange}\r\n                                  name=\"cpassword\"\r\n                                  placeholder=\"Confirm Password\"\r\n                                  autoComplete=\"off\"\r\n                                  style={{ cursor: \"auto\" }}\r\n                                  value={this.state.cpassword}\r\n                                />\r\n                                <span\r\n                                  className={\r\n                                    !this.state.Eye1\r\n                                      ? \"icofont icofont-eye eyelogo\"\r\n                                      : \"icofont icofont-eye-blocked eyelogo\"\r\n                                  }\r\n                                  id=\"eye\"\r\n                                  onClick={this.togglePassword1}\r\n                                ></span>\r\n                                {/* eye-blocked */}\r\n                              </div>\r\n                              {cpasswordErr && (\r\n                                <div>\r\n                                  <span\r\n                                    style={{ color: \"red\", paddingBottom: 10 }}\r\n                                  >\r\n                                    {cpasswordErr}\r\n                                  </span>\r\n                                  <br />\r\n                                </div>\r\n                              )}{\" \"}\r\n                              <span className=\"underline\" />\r\n                            </>\r\n                          </div>\r\n\r\n                          <div\r\n                            className=\"text-center\"\r\n                            style={{ marginTop: \"-3px\" }}\r\n                          >\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"but\"\r\n                              style={{ width: \"83.36px\", margin: \"auto\" }}\r\n                            >\r\n                              Register\r\n                            </button>\r\n                          </div>\r\n                          <div\r\n                            className=\"text-center\"\r\n                            style={{ marginTop: \"10px\" }}\r\n                          >\r\n                            <a\r\n                              href\r\n                              onClick={() => {\r\n                                this.props.history.push(\"./Login_form\");\r\n                              }}\r\n                              style={{\r\n                                // float: \"inline-end\",\r\n                                color: \"#b152e9\",\r\n                                cursor: \"pointer\",\r\n                              }}\r\n                            >\r\n                              Sign In\r\n                            </a>\r\n                          </div>\r\n                        </form>\r\n                        <br />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            {/*  */}\r\n          </div>\r\n        </div>\r\n        {this.state.loading === true ? <LoadingPage /> : null}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { Link } from \"react-router-dom\";\r\nimport LoadingPage from \"../../Common/LoadingPage\";\r\nimport { Details } from \"@material-ui/icons\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\n// import OrgActiveConfirmPop from '../../Common/OrgActiveConifrmPop';\r\nexport default class ActiveOrg extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Details: [],\r\n      User: [],\r\n      Reasons: [],\r\n      comlogo: [],\r\n      reason: \"\",\r\n      OtherReason: \"\",\r\n      formErrors: {},\r\n      value: this.props.location.state,\r\n      ActivateModel: false,\r\n      loading: false,\r\n    };\r\n    this.ActiveOrg = this.ActiveOrg.bind(this);\r\n  }\r\n\r\n  ActiveOrg(event) {\r\n    event.preventDefault();\r\n    if (this.handleFormValidation()) {\r\n      setTimeout(() => {\r\n        this.setState({ loading: true });\r\n      }, 500);\r\n\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: JSON.stringify({\r\n          company_Id: this.props.location.state.Id,\r\n          OtherReason: this.state.OtherReason,\r\n          Reason: this.state.reason,\r\n          Email: this.props.location.state.Email,\r\n        }),\r\n      };\r\n      const url = `${BASE_URLs}/RejectOrg/ActiveOrg`;\r\n      try {\r\n        fetch(url, options)\r\n          .then((res) => res.json())\r\n          .then((result) => {\r\n            if (result.status === \"Success\") {\r\n              setTimeout(() => {\r\n                this.setState({ loading: false });\r\n              }, 500);\r\n              toast.success(result.message, {\r\n                position: \"top-center\",\r\n                autoClose: 3200,\r\n                hideProgressBar: false,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              });\r\n              setTimeout(() => {\r\n                this.props.history.push(\"/Organization\");\r\n              }, 4000);\r\n            } else {\r\n              setTimeout(() => {\r\n                this.setState({ loading: false });\r\n              }, 500);\r\n              toast.error(result.message, {\r\n                position: \"top-center\",\r\n                autoClose: 3200,\r\n                hideProgressBar: false,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              });\r\n            }\r\n          });\r\n      } catch (error) { }\r\n    }\r\n  }\r\n\r\n  handleFormValidation() {\r\n    var Reasons = document.getElementById(\"ug\").value;\r\n    var otherReason = document.getElementById(\"ugtext\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!Reasons) {\r\n      formIsValid = false;\r\n      formErrors[\"ReasonsErr\"] = \"Reason is required\";\r\n    } else if (Reasons === \"Others\") {\r\n      if (!otherReason) {\r\n        formIsValid = false;\r\n        formErrors[\"ReasonsErr\"] = \" Reason is required\";\r\n      }\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/GetOrg`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ User: data });\r\n      });\r\n  }\r\n\r\n  detailData(company_Id) {\r\n    localStorage.setItem(\"Id\", company_Id);\r\n  }\r\n\r\n  GetReason() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Reasons`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Reasons: data });\r\n      });\r\n  }\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetStatusOne() {\r\n    var Id = this.props.location.state.Id;\r\n\r\n    let url = `${BASE_URLs}/AddOrganization/detail?company_Id=` + Id;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Details: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    if (this.props.location.state === undefined) {\r\n      this.props.history.push(\"/DashBoard\");\r\n    }\r\n    this.GetOrgLogo();\r\n    this.UserOrg();\r\n\r\n    this.GetReason();\r\n    this.GetStatusOne();\r\n  }\r\n\r\n  HandleReason() {\r\n    var UG = document.getElementById(\"ug\").value;\r\n    if (UG === \"Others\") {\r\n      document.getElementById(\"ugtext\").value = \"\";\r\n      document.getElementById(\"ugtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"ugtext\").value = \"None\";\r\n      document.getElementById(\"ugtext\").type = \"hidden\";\r\n    }\r\n  }\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  render() {\r\n    const { Reasons, Details } = this.state;\r\n    const { ReasonsErr } = this.state.formErrors;\r\n\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        {/* {this.state.ActivateModel?<OrgActiveConfirmPop Email={this.state.Details[0].email} company_Name={this.state.Details[0].company_Name}  company_Id ={this.props.location.state.Id}   close={()=>this.ActivateModel()}/> :null} */}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <Link to=\"Organization\">\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </Link>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Activate </h4>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          <form onSubmit={this.handleSubmit} autoComplete=\"off\">\r\n                            <div className=\"container\">\r\n                              <div\r\n                                className=\"row\"\r\n                                style={{\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                }}\r\n                              >\r\n                                <div className=\"col-lg-4 input-effect\">\r\n                                  <select\r\n                                    className=\"form-control\"\r\n                                    id=\"ug\"\r\n                                    onInputCapture={this.HandleReason}\r\n                                    onChange={this.handleChange}\r\n                                    name=\"reason\"\r\n                                  >\r\n                                    <option default value=\"\">\r\n                                      Select your Reason\r\n                                    </option>\r\n                                    {\r\n                                      Details.map((detail) => (\r\n                                        <option\r\n                                          value={\r\n                                            detail.reason === \"Subscription Expired\"\r\n                                              ? \"The Account is Renewed\"\r\n                                              : detail.reason === \"Insufficient Documents\"\r\n                                                ? \"Document is Updated\"\r\n                                                : detail.reason === \"Legal Issue\"\r\n                                                  ? \"Legal Issue Solved\"\r\n                                                  : detail.reason === \"Requested from Customer\"\r\n                                                    ? \"Requested from Customer\"\r\n                                                    : detail.reason === \"Not following Platform Rules and Regulations\"\r\n                                                      ? \"Rules Followed\"\r\n                                                      : \"Reason is Resolved\" // Default case\r\n                                          }\r\n                                        >\r\n                                          {\r\n                                            detail.reason === \"Subscription Expired\"\r\n                                              ? \"The Account is Renewed\"\r\n                                              : detail.reason === \"Insufficient Documents\"\r\n                                                ? \"Document is Updated\"\r\n                                                : detail.reason === \"Legal Issue\"\r\n                                                  ? \"Legal Issue Solved\"\r\n                                                  : detail.reason === \"Requested from Customer\"\r\n                                                    ? \"Requested from Customer\"\r\n                                                    : detail.reason === \"Not following Platform Rules and Regulations\"\r\n                                                      ? \"Rules Followed\"\r\n                                                      : \"Reason is Resolved\" // Default case\r\n                                          }\r\n                                        </option>\r\n                                      ))};\r\n\r\n                                    {/* <option value=\"Rules followed\">Rules followed</option>\r\n    <option value=\"Others\">Others</option> */}\r\n                                  </select>\r\n                                  {/* //account is renewed , DSocuments updated ,  */}\r\n                                  <input\r\n                                    type=\"hidden\"\r\n                                    id=\"ugtext\"\r\n                                    className=\"form-control\"\r\n                                    name=\"OtherReason\"\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Reason \"\r\n                                  />\r\n                                  {!ReasonsErr ? (\r\n                                    <span style={{ color: \"#a29d9d\" }}></span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {ReasonsErr}\r\n                                    </div>\r\n                                  )}\r\n                                </div>\r\n                              </div>\r\n                              <div>\r\n                                <div></div>\r\n                              </div>\r\n                              <div></div>\r\n                            </div>\r\n\r\n                            <br />\r\n                            <br />\r\n                            <div\r\n                              className=\"row\"\r\n                              style={{\r\n                                alignItems: \"center\",\r\n                                justifyContent: \"center\",\r\n                              }}\r\n                            >\r\n                              <button\r\n                                type=\"submit\"\r\n                                onClick={this.ActiveOrg}\r\n                                className=\"but\"\r\n                              >\r\n                                Confirm\r\n                              </button>\r\n                              &nbsp;&nbsp;\r\n                              <button\r\n                                type=\"submit\"\r\n                                onClick={() => this.props.history.goBack()}\r\n                                className=\" btn-Secondary\"\r\n                              >\r\n                                Cancel\r\n                              </button>\r\n                            </div>\r\n                          </form>\r\n\r\n                          {/* </div> */}\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {this.state.loading === true ? <LoadingPage /> : null}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import { Title } from \"@material-ui/icons\";\r\nimport React, { Component } from \"react\";\r\nimport LoadingPage from \"../../Common/LoadingPage\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport SuccesAnnouncement from \"../../Common/SuccesAnnouncement\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class Announcement extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      allNotify: [],\r\n      formErrors: {},\r\n      Announcement: [],\r\n      SuccessModel: false,\r\n    };\r\n    this.handleFormValidation = this.handleFormValidation.bind(this);\r\n  }\r\n\r\n  GetAnnouncement() {\r\n    let url = `${BASE_URLs}/Announcement/GetAllAnouce`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Announcement: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetAnnouncement();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  handleFormValidation() {\r\n    var roles = document.getElementById(\"roles\").value;\r\n    var Message = document.getElementById(\"Message\").value;\r\n    var fileName = document.getElementById(\"fileName\").value;\r\n    // var VdoName = document.getElementById(\"VdoName\").value;\r\n    var Title = document.getElementById(\"Title\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    // var reg = /(.*?)\\.(jpg|jpeg|png|mp4|x-m4v|mkv|)$/;\r\n    // var reg = /(.*?)\\.(jpg|jpeg|png)$/;\r\n    // var vdo = /(.*?)\\.(mp4|x-m4v|mkv|)$/;\r\n    //Email\r\n    if (!roles) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Select Entity \";\r\n    }\r\n    if (!Message) {\r\n      formIsValid = false;\r\n      formErrors[\"MessageErr\"] = \"Description is required\";\r\n    }\r\n    if (!Title) {\r\n      formIsValid = false;\r\n      formErrors[\"TitleErr\"] = \"Title is required\";\r\n    }\r\n\r\n    // if (fileName) {\r\n    //   if (!fileName.match(reg)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"ImageErr\"] = \" Only Image can be Added\";\r\n    //   }\r\n    // }\r\n    // if (VdoName) {\r\n    //   if (!VdoName.match(vdo)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"VdoErr\"] = \"Only Video can be Added\";\r\n    //   }\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value, files } = e.target;\r\n    this.setState({ [name]: value });\r\n    var roles = document.getElementById(\"roles\").value;\r\n    var Message = document.getElementById(\"Message\").value;\r\n    var Title = document.getElementById(\"Title\").value;\r\n    var fileName = document.getElementById(\"fileName\").value;\r\n    // var VdoName = document.getElementById(\"VdoName\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    // var reg = /(.*?)\\.(jpg|jpeg|png|mp4|x-m4v|mkv|)$/;\r\n    // var reg = /(.*?)\\.(jpg|jpeg|png)$/;\r\n    // var vdo = /(.*?)\\.(mp4|x-m4v|mkv|)$/;\r\n\r\n    const maxFileSizeMB = 10; // Set your desired maximum file size limit in megabytes\r\n    const selectedFile = files && files.length > 0 ? files[0] : null;\r\n    //Email\r\n    if (!roles) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Select Entity \";\r\n    }\r\n    if (!Message) {\r\n      formIsValid = false;\r\n      formErrors[\"MessageErr\"] = \"Description is required\";\r\n    }\r\n    if (!Title) {\r\n      formIsValid = false;\r\n      formErrors[\"TitleErr\"] = \"Title is required\";\r\n    }\r\n\r\n    // if (fileName) {\r\n    //   if (!fileName.match(reg)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"ImageErr\"] = \" Only Image can be Added\";\r\n    //   }\r\n    // }\r\n    // if (VdoName) {\r\n    //   if (!VdoName.match(vdo)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"VdoErr\"] = \"only video can be Added\";\r\n    //   }\r\n    // }\r\n\r\n    // File size validation\r\n    //  if (selectedFile) {\r\n    //   const fileSizeMB = selectedFile.size / (1024 * 1024); // Convert to megabytes\r\n    //   if (fileSizeMB > maxFileSizeMB) {\r\n    //     // alert(`File size exceeds the maximum limit of ${maxFileSizeMB} MB.`);\r\n    //     formIsValid = false;\r\n    //     formErrors[\"VdoErr\"] = `File size exceeds the maximum limit of ${maxFileSizeMB} MB.`;\r\n    //     e.target.value = null;\r\n    //   }\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n  \r\n    if (this.handleFormValidation()) {\r\n      // setTimeout(() => {\r\n      //   this.setState({ loading: true });\r\n      // }, 500);\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Announcement/AddAnnouncement`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          // this.setState({ loading: false });\r\n          this.SuccessModel();\r\n\r\n          event.target.reset();\r\n        });\r\n        setTimeout(() => {\r\n          var page = {\r\n            pathname: \"/AnnouncementPreviewSP\",\r\n            \r\n          };\r\n          this.props.history.push(page);\r\n        }, 2000);\r\n\r\n       \r\n    }\r\n\r\n  };\r\n\r\n  render() {\r\n    const { rolesErr, MessageErr, ImageErr, VdoErr, TitleErr } =\r\n      this.state.formErrors;\r\n\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                      <div className=\"card\" id=\"AdminAnnFullcontainer\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 className=\"title\" style={{ marginRight: '56px' }}>Create New Announcements</h4>\r\n                        </div>\r\n\r\n                        {this.state.SuccessModel ? (\r\n                          <SuccesAnnouncement\r\n                            id=\"Success\"\r\n                            close={() => this.SuccessModel()}\r\n                          />\r\n                        ) : null}\r\n                        <div className=\"card-block\">\r\n                          <form\r\n                            id=\"Announceform\"\r\n                            className=\"contactForm\"\r\n                            autoComplete=\"on\"\r\n                            // encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"container\">\r\n                              {/* <b>\r\n                                <Link\r\n                                  style={{ cursor: \"pointer\", float: \"right\" }}\r\n                                  to=\"AnnouncementPreviewSP\"\r\n                                  id=\"view\"\r\n                                >\r\n                                  View Previous Announcements\r\n                                </Link>\r\n                              </b>\r\n                              <br /> <br /> */}\r\n                              {/* <center style={{fontSize:'15px',color:'#5035ce'}}>Create New Announcements</center>\r\n                              <br /> */}\r\n                              <div\r\n                                className=\"row\"\r\n                                style={{\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                  marginTop: '50px'\r\n                                }}\r\n                              >\r\n                                <div className=\"col-lg-4 input-effect\">\r\n                                  <textarea\r\n                                    className=\"form\"\r\n                                    id=\"Title\"\r\n                                    style={{ height: \"37px\" }}\r\n                                    name=\"Title\"\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Subject\"\r\n\r\n                                  />\r\n\r\n                                  {!TitleErr ? (\r\n                                    <span style={{ color: 'rgb(162, 157, 157)' }}>Subject</span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {TitleErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-4 input-effect\">\r\n                                  <textarea\r\n                                    className=\"form\"\r\n                                    id=\"Message\"\r\n                                    style={{ height: \"37px\" }}\r\n                                    name=\"Message\"\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Description\"\r\n                                  />\r\n\r\n                                  {!MessageErr ? (\r\n                                    <span style={{ color: 'rgb(162, 157, 157)' }}>Description</span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {MessageErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n                              <div\r\n                                className=\"row\"\r\n                                style={{\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                }}\r\n                              >\r\n                                <div className=\"col-lg-4 input-effect\">\r\n                                  <select\r\n                                    className=\"form selectleftalign\"\r\n                                    id=\"roles\"\r\n                                    name=\"Role\"\r\n                                    onChange={this.handleChange}\r\n                                  >\r\n                                    <option value=\"\">Select</option>\r\n                                    {/* <option value=\"1\">All Entities  </option> */}\r\n                                    <option value=\"All Entities\">All Entities</option>\r\n                                    <option value=\"Active Entities\">Active Entities</option>\r\n                                    <option value=\"InActive Entities\">InActive Entities</option>\r\n\r\n                                    {/* <option value=\"5\">All Users</option> */}\r\n                                  </select>\r\n\r\n                                  {!rolesErr ? (\r\n                                    <span style={{ color: 'rgb(162, 157, 157)' }}>Entities</span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {rolesErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-4 \">\r\n                                  <input\r\n                                    type=\"file\"\r\n                                    accept=\".jpg, .jpeg, .pdf, .xlsx, .xls, .mp4, .avi, .mov\"\r\n                                    name=\"Image\"\r\n                                    onFocus={(e) => (e.target.type = \"file\")}\r\n                                    style={{ width: \"100%\" }}\r\n                                    className=\"form\"\r\n                                    id=\"fileName\"\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Image\"\r\n                                    multiple\r\n                                  />\r\n\r\n                                  {!ImageErr ? (\r\n\r\n                                    <span style={{ color: 'rgb(162, 157, 157)' }}>Upload Related Files&nbsp;(.jpg/.jpeg./.png/.mp4/.xlsx/.pdf)</span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {ImageErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n\r\n                                {/* <div className=\"col-lg-4 input-effect\" >      \r\n    <input type=\"text\"  className=\"form-control\" onFocus={(e) => e.target.type = 'file'}  id=\"VdoName\" style={{width:\"100%\"}} name=\"Video\" onChange={this.handleChange}  placeholder=\"Video\"  //style={{width:\"123%\",marginLeft:\"-22%\"}}\r\n    />\r\n     \r\n       {!VdoErr? <span className=\"underline\" />:<div style={{ color: \"red\"}}>{VdoErr}</div>}\r\n    </div> */}\r\n                              </div>\r\n                              {/* <div\r\n                                className=\"row\"\r\n                                style={{\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                }}\r\n                              >\r\n                                <div className=\"col-lg-4 input-effect\">\r\n                                  <input\r\n                                    type=\"file\"\r\n                                    className=\"form\"\r\n                                    onFocus={(e) => (e.target.type = \"file\")}\r\n                                    id=\"VdoName\"\r\n                                    style={{ width: \"100%\" }}\r\n                                    name=\"Video\"\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Video\" //style={{width:\"123%\",marginLeft:\"-22%\"}}\r\n                                  />\r\n                                 \r\n                                  {!VdoErr ? (\r\n                                    <span style={{color:'rgb(162, 157, 157)'}}>Video</span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>{VdoErr}</div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-lg-4 input-effect\">\r\n                               \r\n                                </div>\r\n                              </div> */}\r\n                              <div className=\"col-lg-12\">\r\n                                <div className=\"row  justify-content-center\" style={{ marginTop: '20px' }}>\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    title=\"Send Message\"\r\n                                    className=\"but\"\r\n                                  >\r\n                                    Submit\r\n                                  </button>\r\n                                  <button\r\n                                    type=\"reset\"\r\n                                    className=\" btn-Secondary\"\r\n                                    style={{\r\n                                      marginLeft: \"1%\",\r\n                                      height: \"39.5px\",\r\n                                    }}\r\n                                    onClick={() =>\r\n                                      this.setState({ formErrors: \"\" })\r\n                                    }\r\n                                  >\r\n                                    Cancel\r\n                                  </button>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {this.state.loading === true ? <LoadingPage /> : null}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      edus: [],\r\n      Id: \"\",\r\n      UG: \"\",\r\n      PG: \"\",\r\n      Specialization: \"\",\r\n      InActive: [],\r\n      Active: [],\r\n      All: [],\r\n      Notification: [],\r\n      value: this.props.location.state,\r\n      Details: [],\r\n      formErrors: {},\r\n      isButtonDisabled: false,\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  handleFormValidation() {\r\n    var CourseName = document.getElementById(\"CourseName\").value;\r\n    var Specialization = document.getElementById(\"Specialization\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!CourseName) {\r\n      formIsValid = false;\r\n      formErrors[\"CourseNameErr\"] = \"CourseName is required\";\r\n    }\r\n    if (!Specialization) {\r\n      formIsValid = false;\r\n      formErrors[\"SpecializationErr\"] = \"Specialization is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    if (this.handleFormValidation()) {\r\n\r\n      this.setState({ isButtonDisabled: true });\r\n      const data = new FormData(event.target);\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n\r\n      fetch(`${BASE_URLs}/Education/EditMasterPG`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          /*  Authorization: `Bearer ${JSON.parse(localStorage.user)}` */\r\n          Authorization: \"Bearer \" + accessToken,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n\r\n          if (resp.message === \"Education Updated Successfully\") {\r\n            setTimeout(() => {\r\n              if (resp.role.toLowerCase() === \"platform admin\") {\r\n                this.props.history.push(\"/SuperEducation\");\r\n              } else {\r\n                this.props.history.push(\"/Education\");\r\n              }\r\n              this.setState({ isButtonDisabled: false });\r\n            }, 4000);\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  HandleUg() {\r\n    var UG = document.getElementById(\"ug\").value;\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"ugtext\").value = \"\";\r\n      document.getElementById(\"ugtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"ugtext\").value = \"None\";\r\n      document.getElementById(\"ugtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  HandlePg() {\r\n    var UG = document.getElementById(\"pg\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"pgtext\").value = \"\";\r\n      document.getElementById(\"pgtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"pgtext\").value = \"None\";\r\n      document.getElementById(\"pgtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  GetPG() {\r\n    var Id = this.props.location.state.Id;\r\n    let url = `${BASE_URLs}/Education/GetEditMasterPG?Id=` + Id;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Details: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { Details } = this.state;\r\n    const { CourseNameErr, SpecializationErr } = this.state.formErrors;\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Edit</h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            style={{ marginTop: \"5%\" }}\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div\r\n                              className=\"container\"\r\n                              style={{ margin: \"0 35%\" }}\r\n                            >\r\n                              <input\r\n                                className=\"form\"\r\n                                name=\"Degree\"\r\n                                id=\"ug\"\r\n                                defaultValue=\"PG\"\r\n                                onChange={this.handleChange}\r\n                                type=\"hidden\"\r\n                              />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-3 input-effect\">\r\n                                  <input\r\n                                    className=\"form\"\r\n                                    defaultValue={\r\n                                      this.props.location.state.SName\r\n                                    }\r\n                                    id=\"CourseName\"\r\n                                    name=\"CourseName\"\r\n                                    onChange={this.handleChange}\r\n                                    type=\"text\"\r\n                                    placeholder=\"City\"\r\n                                  />\r\n                                  <input\r\n                                    className=\"form\"\r\n                                    name=\"Id\"\r\n                                    id=\"ug\"\r\n                                    value={this.props.location.state.Id}\r\n                                    onChange={this.handleChange}\r\n                                    type=\"hidden\"\r\n                                  />\r\n                                  {!CourseNameErr ? (\r\n                                    <span style={{ color: \"#a29d9d\" }}>\r\n                                      CourseName\r\n                                    </span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {CourseNameErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n\r\n                              <div className=\"row\">\r\n                                <div className=\"col-3 input-effect\">\r\n                                  <input\r\n                                    className=\"form\"\r\n                                    id=\"Specialization\"\r\n                                    name=\"Specialization\"\r\n                                    type=\"text\"\r\n                                    defaultValue={\r\n                                      this.props.location.state.desc\r\n                                    }\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Specialization\"\r\n                                  />\r\n                                  {!SpecializationErr ? (\r\n                                    <span style={{ color: \"#a29d9d\" }}>\r\n                                      Specialization\r\n                                    </span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {SpecializationErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              className=\"col-sm-12\"\r\n                              style={{ textAlign: \"center\" }}\r\n                            >\r\n                              <button\r\n                                type=\"submit\"\r\n                                className=\"but\"\r\n                                style={{\r\n                                  marginTop: \"-0.3%\",\r\n                                  height: \"39.5px\",\r\n                                  width: \"83.36px\",\r\n                                }}\r\n                                disabled={this.state.isButtonDisabled}\r\n                              >\r\n                                Save\r\n                              </button>\r\n\r\n                              <button\r\n                                type=\"reset\"\r\n                                className=\" btn-Secondary\"\r\n                                style={{\r\n                                  marginTop: \"0.9%\",\r\n                                  marginLeft: \"1%\",\r\n                                  height: \"39.5px\",\r\n                                }}\r\n                              >\r\n                                Cancel\r\n                              </button>\r\n                            </div>\r\n                          </form>\r\n\r\n                          <br />\r\n                        </div>{\" \"}\r\n                        <br /> <br />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      edus: [],\r\n      Id: \"\",\r\n      UG: \"\",\r\n      PG: \"\",\r\n      Specialization: \"\",\r\n      InActive: [],\r\n      Active: [],\r\n      All: [],\r\n      Notification: [],\r\n      value: this.props.location.state,\r\n\r\n      formErrors: {},\r\n      isButtonDisabled: false,\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  handleFormValidation() {\r\n    var CourseName = document.getElementById(\"CourseName\").value;\r\n    var Specialization = document.getElementById(\"Specialization\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!CourseName) {\r\n      formIsValid = false;\r\n      formErrors[\"CourseNameErr\"] = \"CourseName is required\";\r\n    }\r\n    if (!Specialization) {\r\n      formIsValid = false;\r\n      formErrors[\"SpecializationErr\"] = \"Specialization is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    if (this.handleFormValidation()) {\r\n      this.setState({ isButtonDisabled: true });\r\n      const data = new FormData(event.target);\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n\r\n      fetch(`${BASE_URLs}/Education/EditMasterPHD`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: \"Bearer \" + accessToken,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n\r\n          if (resp.message === \"Education Updated Successfully\") {\r\n            setTimeout(() => {\r\n              if (resp.role.toLowerCase() === \"platform admin\") {\r\n                this.props.history.push(\"/SuperEducation\");\r\n              } else {\r\n                this.props.history.push(\"/Education\");\r\n              }\r\n\r\n              this.setState({ isButtonDisabled: false });\r\n            }, 4000);\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n\r\n  HandleUg() {\r\n    var UG = document.getElementById(\"ug\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"ugtext\").value = \"\";\r\n      document.getElementById(\"ugtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"ugtext\").value = \"None\";\r\n      document.getElementById(\"ugtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  HandlePg() {\r\n    var UG = document.getElementById(\"pg\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"pgtext\").value = \"\";\r\n      document.getElementById(\"pgtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"pgtext\").value = \"None\";\r\n      document.getElementById(\"pgtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  GetPG() {\r\n    var Id = this.props.location.state.Id;\r\n    let url = `${BASE_URLs}/Education/GetEditMasterPHD?Id=` + Id;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Details: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { CourseNameErr, SpecializationErr } = this.state.formErrors;\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Edit</h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            style={{ marginTop: \"5%\" }}\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div\r\n                              className=\"container\"\r\n                              style={{ margin: \"0 35%\" }}\r\n                            >\r\n                              <input\r\n                                className=\"form\"\r\n                                name=\"Degree\"\r\n                                id=\"ug\"\r\n                                defaultValue=\"PG\"\r\n                                onChange={this.handleChange}\r\n                                type=\"hidden\"\r\n                              />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-3 input-effect\">\r\n                                  <input\r\n                                    className=\"form\"\r\n                                    defaultValue={\r\n                                      this.props.location.state.SName\r\n                                    }\r\n                                    id=\"CourseName\"\r\n                                    name=\"CourseName\"\r\n                                    onChange={this.handleChange}\r\n                                    type=\"text\"\r\n                                  />\r\n                                  <input\r\n                                    className=\"form\"\r\n                                    name=\"Id\"\r\n                                    id=\"ug\"\r\n                                    value={this.props.location.state.Id}\r\n                                    onChange={this.handleChange}\r\n                                    type=\"hidden\"\r\n                                  />\r\n                                  {!CourseNameErr ? (\r\n                                    <span style={{ color: \"#a29d9d\" }}>\r\n                                      CourseName\r\n                                    </span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {CourseNameErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n\r\n                              <div className=\"row\">\r\n                                <div className=\"col-3 input-effect\">\r\n                                  <input\r\n                                    className=\"form\"\r\n                                    id=\"Specialization\"\r\n                                    name=\"Specialization\"\r\n                                    type=\"text\"\r\n                                    defaultValue={\r\n                                      this.props.location.state.desc\r\n                                    }\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Specialization\"\r\n                                  />\r\n                                  {!SpecializationErr ? (\r\n                                    <span style={{ color: \"#a29d9d\" }}>\r\n                                      Specialization\r\n                                    </span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {SpecializationErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              className=\"col-sm-12\"\r\n                              style={{ textAlign: \"center\" }}\r\n                            >\r\n                              <button\r\n                                type=\"submit\"\r\n                                className=\"but\"\r\n                                style={{\r\n                                  marginTop: \"-0.3%\",\r\n                                  height: \"39.5px\",\r\n                                  width: \"83.36px\",\r\n                                }}\r\n                                disabled={this.state.isButtonDisabled}\r\n                              >\r\n                                Save\r\n                              </button>\r\n\r\n                              <button\r\n                                type=\"reset\"\r\n                                className=\" btn-Secondary\"\r\n                                style={{\r\n                                  marginTop: \"0.9%\",\r\n                                  marginLeft: \"1%\",\r\n                                  height: \"39.5px\",\r\n                                }}\r\n                              >\r\n                                Cancel\r\n                              </button>\r\n                            </div>\r\n                          </form>\r\n\r\n                          <br />\r\n                        </div>\r\n                        <br /> <br />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      edus: [],\r\n      Id: \"\",\r\n      UG: \"\",\r\n      PG: \"\",\r\n      Specialization: \"\",\r\n      InActive: [],\r\n      Active: [],\r\n      All: [],\r\n      Notification: [],\r\n      value: this.props.location.state,\r\n      Details: [],\r\n      formErrors: {},\r\n      isButtonDisabled: false,\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n\r\n    if (this.props.location.state === undefined) {\r\n      this.props.history.goBack();\r\n    }\r\n  }\r\n\r\n  handleFormValidation() {\r\n    var CourseName = document.getElementById(\"CourseName\").value;\r\n    var Specialization = document.getElementById(\"Specialization\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!CourseName) {\r\n      formIsValid = false;\r\n      formErrors[\"CourseNameErr\"] = \"CourseName is required\";\r\n    }\r\n    if (!Specialization) {\r\n      formIsValid = false;\r\n      formErrors[\"SpecializationErr\"] = \"Specialization is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    if (this.handleFormValidation()) {\r\n      this.setState({ isButtonDisabled: true });\r\n      const data = new FormData(event.target);\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n\r\n      fetch(`${BASE_URLs}/Education/EditMasterUG`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          /*  Authorization: `Bearer ${JSON.parse(localStorage.user)}` */\r\n          Authorization: \"Bearer \" + accessToken,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          //  alert( resp);\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n\r\n          if (resp.message === \"Education Updated Successfully\") {\r\n            setTimeout(() => {\r\n              if (resp.role.toLowerCase() === \"platform admin\") {\r\n                this.props.history.push(\"/SuperEducation\");\r\n              } else {\r\n                this.props.history.push(\"/Education\");\r\n              }\r\n                this.setState({ isButtonDisabled: false });\r\n            }, 4000);\r\n          }\r\n        });\r\n    }\r\n\r\n   \r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetUG();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n      });\r\n  }\r\n\r\n  HandleUg() {\r\n    var UG = document.getElementById(\"ug\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"ugtext\").value = \"\";\r\n      document.getElementById(\"ugtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"ugtext\").value = \"None\";\r\n      document.getElementById(\"ugtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  HandlePg() {\r\n    var UG = document.getElementById(\"pg\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"pgtext\").value = \"\";\r\n      document.getElementById(\"pgtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"pgtext\").value = \"None\";\r\n      document.getElementById(\"pgtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  GetUG() {\r\n    var Id = this.props.location.state.Id;\r\n    let url = `${BASE_URLs}/Education/GetEditMasterUG?Id=` + Id;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Details: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { Details } = this.state;\r\n    const { CourseNameErr, SpecializationErr } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Edit</h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            style={{ marginTop: \"5%\" }}\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div\r\n                              className=\"container\"\r\n                              style={{ margin: \"0 35%\" }}\r\n                            >\r\n                              <input\r\n                                className=\"form\"\r\n                                name=\"Degree\"\r\n                                id=\"ug\"\r\n                                defaultValue=\"PG\"\r\n                                onChange={this.handleChange}\r\n                                type=\"hidden\"\r\n                              />\r\n\r\n                              <div className=\"row\">\r\n                                <div className=\"col-3 input-effect\">\r\n                                  <input\r\n                                    className=\"form\"\r\n                                    defaultValue={\r\n                                      this.props.location.state.SName\r\n                                    }\r\n                                    id=\"CourseName\"\r\n                                    name=\"CourseName\"\r\n                                    onChange={this.handleChange}\r\n                                    type=\"text\"\r\n                                    placeholder=\"CourseName\"\r\n                                  />\r\n                                  <input\r\n                                    className=\"form\"\r\n                                    name=\"Id\"\r\n                                    id=\"ug\"\r\n                                    value={this.props.location.state.Id}\r\n                                    onChange={this.handleChange}\r\n                                    type=\"hidden\"\r\n                                  />\r\n                                  {!CourseNameErr ? (\r\n                                    <span style={{ color: \"#a29d9d\" }}>\r\n                                      CourseName\r\n                                    </span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {CourseNameErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n\r\n                              <div className=\"row\">\r\n                                <div className=\"col-3 input-effect\">\r\n                                  <input\r\n                                    className=\"form\"\r\n                                    id=\"Specialization\"\r\n                                    name=\"Specialization\"\r\n                                    type=\"text\"\r\n                                    defaultValue={\r\n                                      this.props.location.state.desc\r\n                                    }\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Specialization\"\r\n                                  />\r\n                                  {!SpecializationErr ? (\r\n                                    <span style={{ color: \"#a29d9d\" }}>\r\n                                      Specialization\r\n                                    </span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {SpecializationErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                            </div>\r\n                            <div\r\n                              className=\"col-sm-12\"\r\n                              style={{ textAlign: \"center\" }}\r\n                            >\r\n                              <button\r\n                                type=\"submit\"\r\n                                className=\"but\"\r\n                                style={{\r\n                                  marginTop: \"-0.3%\",\r\n                                  height: \"39.5px\",\r\n                                  width: \"83.36px\",\r\n                                }}\r\n                                disabled={this.state.isButtonDisabled}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <button\r\n                                type=\"reset\"\r\n                                className=\" btn-Secondary\"\r\n                                style={{\r\n                                  marginTop: \"0.9%\",\r\n                                  marginLeft: \"1%\",\r\n                                  height: \"39.5px\",\r\n                                }}\r\n                              >\r\n                                Cancel\r\n                              </button>\r\n                            </div>\r\n                          </form>\r\n                          <br /> <br /> <br />\r\n                        </div>\r\n                        <br />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      edus: [],\r\n      Id: \"\",\r\n      UG: \"\",\r\n      PG: \"\",\r\n      Specialization: \"\",\r\n\r\n      Notification: [],\r\n      id: this.props.match.params.id,\r\n      value: this.props.location.state.Id,\r\n      Details: [],\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.handleSubmitEdit = this.handleSubmitEdit.bind(this);\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  handleFormValidation() {\r\n    const { SkillName, SkillDescription, Category } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmitEdit(event) {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n\r\n    fetch(`${BASE_URLs}/Education/EditSuperEducation`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        alert(resp);\r\n        this.props.history.push(\"/SuperEducation\");\r\n      });\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmitEdit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetEducation();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  HandleUg() {\r\n    var UG = document.getElementById(\"ug\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"ugtext\").value = \"\";\r\n      document.getElementById(\"ugtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"ugtext\").value = \"None\";\r\n      document.getElementById(\"ugtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  HandlePg() {\r\n    var UG = document.getElementById(\"pg\").value;\r\n\r\n    if (UG === \"others\") {\r\n      document.getElementById(\"pgtext\").value = \"\";\r\n      document.getElementById(\"pgtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"pgtext\").value = \"None\";\r\n      document.getElementById(\"pgtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  GetEducation() {\r\n    var Id = this.props.location.state.Id;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    let url = `${BASE_URLs}/Education/GetSuperEducation?Id=` + Id;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Details: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { Details } = this.state;\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Add</h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            style={{ marginTop: \"5%\" }}\r\n                            onSubmit={this.handleSubmitEdit}\r\n                          >\r\n                            <div className=\"container\">\r\n                              <div className=\"row\" id=\"skill-form\">\r\n                                <br />\r\n                                <br />\r\n                                <div className=\"col-lg-4\">\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      {Details.map((Details) => (\r\n                                        <select\r\n                                          className=\"form\"\r\n                                          name=\"UG\"\r\n                                          id=\"ug\"\r\n                                          onInputCapture={this.HandleUg}\r\n                                          onChange={this.handleChange}\r\n                                          type=\"text\"\r\n                                          placeholder=\"City\"\r\n                                        >\r\n                                          <option value={Details.ug}>\r\n                                            {\" \"}\r\n                                            {Details.ug}{\" \"}\r\n                                          </option>\r\n                                          <option value=\"\"> UG </option>\r\n                                          <option value=\"B.A\">B.A</option>\r\n                                          <option value=\"B.Arch\">B.Arch</option>\r\n                                          <option value=\"B.C.A\">B.C.A</option>\r\n                                          <option value=\"B.B.A\">B.B.A</option>\r\n                                          <option value=\"B.Com\">B.Com</option>\r\n                                          <option value=\"B.Ed\">B.Ed</option>\r\n                                          <option value=\"B.D.S\">B.D.S</option>\r\n                                          <option value=\"B.H.M\">B.H.M</option>\r\n                                          <option value=\"B.Pharma\">\r\n                                            B.Pharma\r\n                                          </option>\r\n                                          <option value=\"B.Sc\">B.Sc</option>\r\n                                          <option value=\"B.Tech/B.E\">\r\n                                            B.Tech/B.E\r\n                                          </option>\r\n                                          <option value=\"B.V.Sc\">B.V.Sc</option>\r\n                                          <option value=\"Fashion/Designing\">\r\n                                            Fashion/Designing\r\n                                          </option>\r\n                                          <option value=\"Journalism/Mass Communication\">\r\n                                            Journalism/Mass Communication\r\n                                          </option>\r\n                                          <option value=\"PR/Advertising\">\r\n                                            PR/Advertising\r\n                                          </option>\r\n                                          <option value=\"Tourism\">\r\n                                            Tourism\r\n                                          </option>\r\n                                          <option value=\"Vocational-Training\">\r\n                                            Vocational-Training\r\n                                          </option>\r\n                                          <option value=\"LLB\">LLB</option>\r\n                                          <option value=\"Diploma\">\r\n                                            Diploma\r\n                                          </option>\r\n                                          <option value=\"others\">Others</option>\r\n                                        </select>\r\n                                      ))}\r\n                                      <span className=\"underline\" />\r\n                                      <input\r\n                                        type=\"hidden\"\r\n                                        className=\"form\"\r\n                                        id=\"ugtext\"\r\n                                        name=\"OtherUG\"\r\n                                        onChange={this.handleChange}\r\n                                        placeholder=\"Under graduate \"\r\n                                      />\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      {Details.map((Details) => (\r\n                                        <select\r\n                                          className=\"form\"\r\n                                          id=\"pg\"\r\n                                          onInputCapture={this.HandlePg}\r\n                                          name=\"PG\"\r\n                                          onChange={this.handleChange}\r\n                                          type=\"text\"\r\n                                          placeholder=\"City\"\r\n                                        >\r\n                                          <option value={Details.pg}>\r\n                                            {Details.pg}\r\n                                          </option>\r\n                                          <option value=\"\"> PG </option>\r\n                                          <option value=\"C.A\">C.A</option>\r\n                                          <option value=\"C.S\">C.S</option>\r\n                                          <option value=\"ICWA\">ICWA</option>\r\n                                          <option value=\"L.L.M\">L.L.M</option>\r\n                                          <option value=\"M.A\">M.A</option>\r\n                                          <option value=\"M.Arch\">M.Arch</option>\r\n                                          <option value=\"M.Com\">M.Com</option>\r\n                                          <option value=\"M.Ed\">M.Ed</option>\r\n                                          <option value=\"B.D.S\">M.D.S</option>\r\n                                          <option value=\"M.Pharma\">\r\n                                            M.Pharma\r\n                                          </option>\r\n                                          <option value=\"M.Sc\">M.Sc</option>\r\n                                          <option value=\"M.Tech\">M.Tech</option>\r\n                                          <option value=\"MBA\">MBA</option>\r\n                                          <option value=\"M.C.A\">M.C.A</option>\r\n                                          <option value=\"M.S/ M.D\">\r\n                                            M.S/ M.D\r\n                                          </option>\r\n                                          <option value=\"M.C.A\">M.C.A</option>\r\n                                          <option value=\"M.V.Sc\">M.V.Sc</option>\r\n                                          <option value=\"Journalism/Mass Communication\">\r\n                                            Journalism/Mass Communication\r\n                                          </option>\r\n                                          <option value=\"PR/Advertising\">\r\n                                            PR/Advertising\r\n                                          </option>\r\n                                          <option value=\"Tourism\">\r\n                                            Tourism\r\n                                          </option>\r\n                                          <option value=\"others\">Others</option>\r\n                                        </select>\r\n                                      ))}\r\n                                      <span className=\"underline\" />\r\n                                      <input\r\n                                        type=\"hidden\"\r\n                                        className=\"form\"\r\n                                        id=\"pgtext\"\r\n                                        name=\"OtherPG\"\r\n                                        onChange={this.handleChange}\r\n                                        placeholder=\"Post graduate \"\r\n                                      />\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      {Details.map((Details) => (\r\n                                        <div>\r\n                                          <input\r\n                                            type=\"hidden\"\r\n                                            name=\"Id\"\r\n                                            defaultValue={Details.id}\r\n                                          />\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            name=\"Specialization\"\r\n                                            type=\"text\"\r\n                                            defaultValue={\r\n                                              Details.specialization\r\n                                            }\r\n                                            onChange={this.handleChange}\r\n                                            placeholder=\"Specialization\"\r\n                                          />\r\n                                        </div>\r\n                                      ))}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      {Details.map((Details) => (\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          name=\"University\"\r\n                                          type=\"text\"\r\n                                          defaultValue={Details.university}\r\n                                          onChange={this.handleChange}\r\n                                          placeholder=\"University\"\r\n                                        />\r\n                                      ))}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div\r\n                                  className=\"col-sm-12\"\r\n                                  style={{ textAlign: \"center\" }}\r\n                                >\r\n                                  <button\r\n                                    type=\"reset\"\r\n                                    className=\" btn-Secondary\"\r\n                                    style={{ height: \"39.5px\" }}\r\n                                  >\r\n                                    Cancel\r\n                                  </button>\r\n                                  &nbsp; &nbsp; &nbsp;\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    className=\"but\"\r\n                                    style={{\r\n                                      height: \"39.5px\",\r\n                                      width: \"86.36px\",\r\n                                      marginTop: \"-0.3%\",\r\n                                    }}\r\n                                  >\r\n                                    Save\r\n                                  </button>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                          <br /> <br /> <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      id: this.props.match.params.id,\r\n      value: this.props.location.state,\r\n      formErrors: {},\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n    if (this.handleFormValidation()) {\r\n      const data = new FormData(event.target);\r\n      const url = `${BASE_URLs}/Skill/EditSkill`;\r\n      const options = {\r\n        method: \"PUT\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      this.setState(this.initialState);\r\n      const response = await fetch(url, options);\r\n      await response.json();\r\n      if (response.ok) {\r\n        alert(\"success\");\r\n      }\r\n      this.setState(this.initialState);\r\n    }\r\n  };\r\n\r\n  handleFormValidation() {\r\n    var category = document.getElementById(\"category\").value;\r\n    var skillname = document.getElementById(\"skillname\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    if (!category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n    if (!skillname) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillnameErr\"] = \"Skill Name is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"Skill Description is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  handleClick = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    fetch(`${BASE_URLs}/Skill/EditSkill`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n      },\r\n      body: JSON.stringify(data),\r\n    });\r\n  };\r\n\r\n  EditSubmit = (event) => {\r\n    event.preventDefault();\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    if (this.handleFormValidation()) {\r\n      const data = new FormData(event.target);\r\n\r\n      let url = `${BASE_URLs}/Skill/EditSuperSkill`;\r\n\r\n      fetch(url, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: \"Bearer \" + accessToken,\r\n        },\r\n        body: data,\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          localStorage.setItem(\"resp\", resp);\r\n          alert(resp);\r\n          this.props.history.push(\"/Gridskil\");\r\n        });\r\n      });\r\n    }\r\n  };\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/Delete?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  render() {\r\n    const { skills } = this.state;\r\n    const { SkillnameErr, SkillDescriptionErr, CategoryErr } =\r\n      this.state.formErrors;\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          {/* <h4 className=\"title\"></h4> */}\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form onSubmit={this.EditSubmit}>\r\n                            <div className=\"container\">\r\n                              <div\r\n                                className=\"row\"\r\n                                id=\"skill-form\"\r\n                                style={{ marginTop: \"3%\" }}\r\n                              >\r\n                                <div className=\"col-lg-4\">\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        id=\"category\"\r\n                                        readOnly\r\n                                        name=\"Category\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleChange}\r\n                                        defaultValue={\r\n                                          this.props.location.state.category\r\n                                        }\r\n                                        placeholder=\" Category\"\r\n                                      />\r\n                                      {!CategoryErr ? (\r\n                                        <span style={{ color: \"#a29d9d\" }}>\r\n                                          Category\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {CategoryErr}\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        id=\"skillname\"\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleChange}\r\n                                        defaultValue={\r\n                                          this.props.location.state.skillName\r\n                                        }\r\n                                        placeholder=\"Skill Name\"\r\n                                      />\r\n                                      {!SkillnameErr ? (\r\n                                        <span style={{ color: \"#a29d9d\" }}>\r\n                                          Skill Name\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillnameErr}\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        id=\"SkillDescription\"\r\n                                        name=\"SkillDescription\"\r\n                                        type=\"text\"\r\n                                        defaultValue={\r\n                                          this.props.location.state\r\n                                            .skillDescription\r\n                                        }\r\n                                        onChange={this.handleChange}\r\n                                        placeholder=\"Skill Description\"\r\n                                      />\r\n                                      <input\r\n                                        type=\"hidden\"\r\n                                        name=\"Id\"\r\n                                        value={this.props.location.state.id}\r\n                                      />\r\n                                      {!SkillDescriptionErr ? (\r\n                                        <span style={{ color: \"#a29d9d\" }}>\r\n                                          Skill Description\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillDescriptionErr}\r\n                                        </div>\r\n                                      )}\r\n                                      <span className=\"underline\" />\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n\r\n                              <div className=\"row\">\r\n                                <div\r\n                                  className=\"col-sm-12\"\r\n                                  style={{ textAlign: \"center\" }}\r\n                                >\r\n                                  <button\r\n                                    type=\"reset\"\r\n                                    className=\" btn-Secondary\"\r\n                                    style={{\r\n                                      marginTop: \"0.9%\",\r\n                                      height: \"39.5px\",\r\n                                    }}\r\n                                  >\r\n                                    Cancel\r\n                                  </button>\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    className=\"but\"\r\n                                    style={{\r\n                                      marginTop: \"-0.3%\",\r\n                                      marginLeft: \"1%\",\r\n                                      height: \"39.5px\",\r\n                                      width: \"83.36px\",\r\n                                    }}\r\n                                  >\r\n                                    Save\r\n                                  </button>\r\n                                  <br /> <br />\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                          <br /> <br /> <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport $ from \"jquery\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\n$(document).ready(function () {\r\n  $(\"#saverow1\").click(function () {\r\n    $(\"#add-row1\").hide();\r\n  });\r\n  $(\"#addBtn1\").click(function () {\r\n    $(\"#add-row1\").show();\r\n  });\r\n});\r\n\r\n$(document).ready(function () {\r\n  $(\"#add-row1\").hide();\r\n});\r\nexport default class SkillMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      edus: [],\r\n      Addedus: [],\r\n      Id: \"\",\r\n      UG: \"\",\r\n      PG: \"\",\r\n      Specialization: \"\",\r\n      Notification: [],\r\n    };\r\n  }\r\n\r\n  handleFormValidation() {\r\n    const { SkillName, SkillDescription, Category } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  GetEdu() {\r\n    let url = `${BASE_URLs}/Education/Get`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          edus: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  EditSubmit = (event) => {\r\n    event.preventDefault();\r\n    let url = `${BASE_URLs}/Skill/Put`;\r\n    let data = this.state;\r\n    fetch(url, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify(data),\r\n    }).then((result) => {\r\n      result.json().then((resp) => {\r\n        alert(\"Updated Succesfully\");\r\n      });\r\n    });\r\n  };\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/Delete?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetEdu();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  render() {\r\n    const { edus, Addedus } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        <div className=\"pcoded-main-container\">\r\n          <div className=\"pcoded-wrapper\">\r\n            <div className=\"pcoded-content\">\r\n              <div className=\"pcoded-inner-content\">\r\n                <div className=\"main-body\">\r\n                  <div className=\"page-wrapper\">\r\n                    <div className=\"page-header\"></div>\r\n                    <div className=\"page-body\">\r\n                      <div className=\"row\">\r\n                        <div className=\"col-sm-12\">\r\n                          <div className=\"card\">\r\n                            <div className=\"glowBox\">\r\n                              <div style={{ float: \"left\" }}>\r\n                                <a\r\n                                  href\r\n                                  onClick={() => this.props.history.goBack()}\r\n                                >\r\n                                  <i\r\n                                    className=\"icofont icofont-arrow-left\"\r\n                                    style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                  />\r\n                                </a>{\" \"}\r\n                              </div>\r\n                              <h4 className=\"title\">Education</h4>\r\n                            </div>\r\n                            <div className=\"card-header-right\"></div>\r\n                            <div className=\"card-block\">\r\n                              <div>\r\n                                <table\r\n                                  id=\"add-row1\"\r\n                                  className=\"table  table-striped table-bordered nowrap\"\r\n                                >\r\n                                  <tr>\r\n                                    <td>\r\n                                      <select\r\n                                        className=\"form\"\r\n                                        name=\"Category\"\r\n                                        style={{ color: \"darkgray\" }}\r\n                                        onChange={this.handleChange}\r\n                                        type=\"text\"\r\n                                        placeholder=\"City\"\r\n                                      >\r\n                                        <option value=\"\"> UG</option>\r\n                                        <option value=\"BBA\">BBA</option>\r\n                                        <option value=\"BBA\">BCA</option>\r\n                                        <option value=\"BBA\">B.Com</option>\r\n                                        <option value=\"BBA\">B.Arch</option>\r\n                                        <option value=\"BBA\">B.D.S</option>\r\n                                        <option value=\"BBA\">B.Arch</option>\r\n                                        <option value=\"BBA\">B.Ed</option>\r\n                                        <option value=\"PG\">BSC</option>\r\n                                      </select>\r\n                                    </td>\r\n\r\n                                    <td>\r\n                                      <select\r\n                                        className=\"form\"\r\n                                        name=\"Category\"\r\n                                        style={{ color: \"darkgray\" }}\r\n                                        onChange={this.handleChange}\r\n                                        type=\"text\"\r\n                                        placeholder=\"City\"\r\n                                      >\r\n                                        <option value=\"\"> PG</option>\r\n                                        <option value=\"BBA\">MBA</option>\r\n                                        <option value=\"BBA\">MCA</option>\r\n                                        <option value=\"BBA\">M.Com</option>\r\n                                        <option value=\"BBA\">M.Arch</option>\r\n                                        <option value=\"BBA\">M.D.S</option>\r\n                                        <option value=\"BBA\">M.Arch</option>\r\n                                        <option value=\"BBA\">M.Ed</option>\r\n                                        <option value=\"PG\">MSC</option>\r\n                                      </select>\r\n                                    </td>\r\n                                    <td>\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        name=\"SkillDescription\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleChange}\r\n                                        placeholder=\"Specialization\"\r\n                                      />\r\n                                      <span className=\"underline\" />\r\n                                    </td>\r\n                                    <td>\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        id=\"saverow1\"\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                          margin: \"2px -63px\",\r\n                                          height: \"40.4px\",\r\n                                          width: \"83.36px\",\r\n                                        }}\r\n                                      >\r\n                                        Save\r\n                                      </button>\r\n                                    </td>\r\n                                  </tr>\r\n                                </table>\r\n                                <button\r\n                                  className=\"btn btn-md btn-primary\"\r\n                                  id=\"addBtn1\"\r\n                                  type=\"button\"\r\n                                >\r\n                                  Add\r\n                                </button>\r\n                              </div>\r\n                            </div>\r\n\r\n                            <div className=\"card-block2\">\r\n                              {/*         <div className=\"j-wrapper \">\r\n                               */}\r\n                              <form\r\n                                autoComplete=\"on\"\r\n                                encType=\"multipart/form-data\"\r\n                                onSubmit={this.handleSubmit1}\r\n                              >\r\n                                <table\r\n                                  id=\"add-row1-table\"\r\n                                  className=\"table  table-striped table-bordered nowrap\"\r\n                                >\r\n                                  <thead>\r\n                                    <tr>\r\n                                      <th>UG </th>\r\n                                      <th>PG</th>\r\n                                      <th>Specialization</th>\r\n                                      <th>Action</th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {edus.map((edu) => (\r\n                                      <tr>\r\n                                        <td>{edu.ug}</td>\r\n                                        <td>{edu.pg}</td>\r\n                                        <td>{edu.specialization}</td>\r\n                                        <td>\r\n                                          <div className=\"dropdown\">\r\n                                            <MoreVertIcon />\r\n                                            <div className=\"dropdown-content\">\r\n                                              <a href=\"Education\">Add </a>\r\n                                              <a href>Edit </a>\r\n                                              <a href>Delete </a>\r\n                                            </div>\r\n                                          </div>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                    {Addedus.map((edu) => (\r\n                                      <tr>\r\n                                        <td>{edu.ug}</td>\r\n                                        <td>{edu.pg}</td>\r\n                                        <td>{edu.specialization}</td>\r\n                                        <td>\r\n                                          <div className=\"dropdown\">\r\n                                            <MoreVertIcon />\r\n                                            <div className=\"dropdown-content\">\r\n                                              <a href=\"Education\">Add </a>\r\n                                              <a href>Edit </a>\r\n                                              <a href>Delete </a>\r\n                                            </div>\r\n                                          </div>\r\n                                        </td>\r\n                                        {/* <td><button onClick={this.deleteSkill}>Delete</button></td> */}\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                              </form>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  {/* End */}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"footerhome\">\r\n          <p>Contact Us: contact@oneawesometeam.com</p>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport $ from \"jquery\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport AddSkillPop from \"../../Common/AddSkillPop\";\r\nimport EditSkillPop from \"../../Common/EditSkillPop\";\r\nimport LoadingPage from \"../../Common/LoadingPage\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { OutTable } from \"react-excel-renderer\";\r\nimport Skillexl from \"../../Assets/Files/Skillexl.xlsx\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport \"../../Css/excel.css\";\r\nvar XLSX = require(\"xlsx\");\r\n$(document).ready(function () {\r\n  $(\"#add-Educat\").hide();\r\n});\r\n$(document).ready(function () {\r\n  /*   $(\"#saverow2\").click(function(){\r\n      $(\"#add-row2\").hide();\r\n    }); */\r\n  $(\"#Btn_edu\").click(function () {\r\n    $(\"#add-Educat\").show();\r\n  });\r\n});\r\n\r\nexport default class Filter extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      Addskills: [],\r\n      AddSkillModel: false,\r\n      EditSkillModel: false,\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      formErrors: {},\r\n      allNotify: [],\r\n      Notification: [],\r\n      Skillfilt: [],\r\n      rows: [],\r\n      cols: [],\r\n      currentSheet: {},\r\n      letters: [],\r\n      Filterpop: false,\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n    };\r\n    // this.handleChange=this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleFormValidation = this.handleFormValidation.bind(this);\r\n  }\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"skillsheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n    // Process Data (add a new row)\r\n    var ws = workbook.Sheets[\"Sheet1\"];\r\n    //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n  handleFormValidation() {\r\n    //const {SkillName,SkillDescription,Category}= this.state;\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetSkill();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  //   GetSkill(){\r\n\r\n  //     let url = \"https://localhost:44369/api/Skill/MasterGet\";\r\n  //     let user = JSON.parse(localStorage.getItem('user'));\r\n  //     const accessToken=user;\r\n\r\n  //     fetch(url, {\r\n  //             method: 'GET',\r\n  //             headers: {\r\n  //                 \"Content-type\": \"application/json\",\r\n  //                 \"Accept\": \"application/json\",\r\n  //                 \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n  //                 Authorization: \"Bearer \" +accessToken\r\n  //               },\r\n  //             //body:JSON.stringify(data)\r\n  //         }).then(response => response.json())\r\n  //         .then(data => {\r\n  //             this.setState({\r\n  //                 skills: data,\r\n  //                 Skillfilt:data\r\n  //             });\r\n  //         });\r\n  // }\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteSuperEMPS?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          toast.success(resp, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.GetSkill();\r\n          document.getElementById(\"Eduform\").reset();\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetSkill();\r\n    $(document).ready(function () {\r\n      $(\"#add-Educat\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#Btn_edu\").click(function () {\r\n        $(\"#add-Educat\").show();\r\n      });\r\n    });\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"AddSkills\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  AddSkillModel = () => {\r\n    this.setState((prevState) => ({\r\n      AddSkillModel: !prevState.AddSkillModel,\r\n    }));\r\n    this.GetSkill();\r\n  };\r\n\r\n  EditSkillModel = (e, fn) => {\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        SkillName: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModel: !prevState.EditSkillModel,\r\n    }));\r\n    this.GetSkill();\r\n  };\r\n\r\n  onKeyUp = (e) => {\r\n    const Skillfilt = this.state.Addskills.filter((item) =>\r\n      item.skillName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Skillfilt });\r\n  };\r\n\r\n  handleSkillfilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Skillfilt = this.state.Addskills.filter((item) => {\r\n      return item.skillName.toLowerCase().startsWith(letter.toLowerCase());\r\n    });\r\n    this.setState({ Skillfilt, showResults: true, FilterData: Skillfilt });\r\n  };\r\n\r\n  GetSkill() {\r\n    let url = `${BASE_URLs}/Skill/MasterGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Addskills: data,\r\n          Sort: data,\r\n          Skillfilt: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(\r\n      `${BASE_URLs}/SuperAdmin/SADeleteMasterSkillName`,\r\n      options\r\n    )\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.GetSkill();\r\n        toast.success(data.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        var checkboxes = document.querySelectorAll(\r\n          'input[type=\"checkbox\"]:checked'\r\n        );\r\n\r\n        for (var i = 0; i < checkboxes.length; i++) {\r\n          checkboxes[i].checked = false;\r\n        }\r\n      });\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/SuperAdmin/SASkillExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetSkill();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n  };\r\n\r\n  \r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_skillsheet`;\r\n    const { Skillfilt, Filterpop, FilterData,showExcel } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.AddSkillModel ? (\r\n          <AddSkillPop id=\"Success\" close={() => this.AddSkillModel()} />\r\n        ) : null}\r\n        {this.state.EditSkillModel ? (\r\n          <EditSkillPop\r\n            id=\"\"\r\n            values={this.state.EditSkillValues}\r\n            close={() => this.EditSkillModel()}\r\n          />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <div className=\"glowBox\">\r\n                      <div>\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n                      <h4 className=\"title\" style={{ marginRight: \"50px\" }}>\r\n                        Skills{\" \"}\r\n                      </h4>\r\n                    </div>\r\n                    <br />\r\n                    <div className=\"add-rowEduform\">\r\n                      <form\r\n                        autoComplete=\"on\"\r\n                        id=\"Eduform\"\r\n                        encType=\"multipart/form-data\"\r\n                        onSubmit={this.handleSubmit}\r\n                      >\r\n                        <div className=\"card-block\">\r\n                          {/* <div className=\"row\"> */}\r\n                          {/* <div className=\"col-lg-12\"> */}\r\n                          <div className=\"row\">\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                onClick={() => this.AddSkillModel()}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                type=\"button\"\r\n                                style={{ width: \"150px\", background: \"white\" }}\r\n                                id=\"addRow\"\r\n                                className=\"btn dropdown_item-2\"\r\n                                // className=\"btn \"\r\n                              >\r\n                                Add{\" \"}\r\n                              </button>\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                className=\"btn\"\r\n                                id=\"addBtn\"\r\n                                name=\"Skills\"\r\n                              >\r\n                                Import From Excel\r\n                              </label>\r\n                              <input\r\n                                id=\"files\"\r\n                                type=\"file\"\r\n                                accept=\".xlsx\"\r\n                                style={{ display: \"none\" }}\r\n                                onChange={this.handleUpload}\r\n                                name=\"Skills\"\r\n                              />\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                                onClick={() => this.exportXlsx(filename)}\r\n                                onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n                            </div>\r\n\r\n                            <div\r\n                              className=\"col btnalign\"\r\n                              onKeyDown={this.handleKeyPress}\r\n                            >\r\n                              <a\r\n                                className=\"btn\"\r\n                                href={Skillexl}\r\n                                type=\"button\"\r\n                                style={{ color: \"#5035ce\" }}\r\n                              >\r\n                                <i\r\n                                  title=\"Download Template\"\r\n                                  className=\"icofont icofont-download\"\r\n                                ></i>{\" \"}\r\n                                Download\r\n                              </a>\r\n                            </div>\r\n\r\n                            {/* <ReactHTMLTableToExcel                  \r\n           className=\"btn\"  \r\n           table=\"skillsheet\"  \r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to Excel \" id=\"exportxlUG\"/> */}\r\n\r\n                            {/* <div className=\"col btnalign\"></div> */}\r\n                           \r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                onKeyUp={this.onKeyUp}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                style={{ float: \"right\" }}\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    // Filterpop: true,\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                          </div>\r\n\r\n                          {/* </div>         */}\r\n                          {/* </div> */}\r\n\r\n                          <center>\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\" style={{marginTop:'30px'}}>\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n)}\r\n</center>\r\n\r\n{showExcel && this.state.initialData !== undefined && (\r\n                            <div className=\"savebtndiv\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                id=\"\"\r\n                                type=\"submit\"\r\n                                style={{ width: \"150px\" }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                            </div>\r\n                          )}\r\n                          <OutTable\r\n                            data={this.state.rows}\r\n                            columns={this.state.cols}\r\n                            tableClassName=\"ExcelTable2007\"\r\n                            tableHeaderRowclassName=\"heading\"\r\n                          />\r\n                        </div>\r\n                      </form>\r\n                    </div>\r\n                    <br />\r\n\r\n                    <div>\r\n                      <form\r\n                        onSubmit={this.Multidelete}\r\n                        onKeyPress={this.handleKeyPress}\r\n                      >\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          />\r\n                          &nbsp;&nbsp;\r\n                        </div>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"multitrash\"\r\n                          id=\"delete\"\r\n                          style={{ float: \"right\", visibility: \"hidden\" }}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-delete-alt\"\r\n                            style={{ color: \"darkgray\" }}\r\n                          ></i>\r\n                        </button>\r\n                        <span\r\n                          id=\"deletecount\"\r\n                          className=\"multitrash\"\r\n                          style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                        ></span>\r\n                        <div className=\"dt-responsive table-responsive\">\r\n                          <table\r\n                            id=\"skillsheet\"\r\n                            className=\"table nowrap\"\r\n                            style={{ display: \"none\" }}\r\n                          >\r\n                            <thead>\r\n                              <tr>\r\n                                <th>Skill Name</th>\r\n                              </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                              {Skillfilt.map((skill) => (\r\n                                <tr>\r\n                                  <td>{skill.skillName}</td>\r\n                                </tr>\r\n                              ))}\r\n                            </tbody>\r\n                          </table>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-1\"></div>\r\n                            <div className=\"col-lg-10 skillname\">\r\n                              {/* <p>Skill Name</p> */}\r\n                            </div>\r\n                            <div className=\"col-lg-1\"></div>\r\n                          </div>\r\n                          <br />\r\n                          <div className=\"row\" style={{ padding: \"15px\" }}>\r\n                            {Skillfilt.map((skill) => (\r\n                              <div className=\"col-lg-3\">\r\n                                <p>{skill.skillName}</p>\r\n                              </div>\r\n                            ))}\r\n                          </div>\r\n                          <center>\r\n                          {Filterpop === true && FilterData.length === 0 && Skillfilt.length === 0 ? (\r\n                                       <div>No Record</div>\r\n                                    ) : null}\r\n                                    </center>\r\n\r\n                          <br />\r\n                        </div>\r\n                      </form>\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                              <div className=\"popSearchTeam\">\r\n                                <div className=\"popSearchinnernormalTeam\">\r\n                                  <div\r\n                                    className=\"popSearchinnertitle\"\r\n                                    id=\"popSearchinnernormal\"\r\n                                  >\r\n                                    <button\r\n                                      id=\"close\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        backgroundColor: \"#a0a3a305\",\r\n                                        color: \"#797070\",\r\n                                        border: \"1px solid #a3a5a505\",\r\n                                        marginTop: \"-20px\",\r\n                                        marginRight: \"-20px\",\r\n                                      }}\r\n                                      onClick={() => {\r\n                                        this.setState({ Filterpop: false });\r\n                                        this.GetSkill();\r\n                                      }}\r\n                                    >\r\n                                      <CloseIcon />\r\n                                    </button>\r\n\r\n                                    <div className=\"checkboxes\">\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          fontSize: \"20px\",\r\n                                          color: \"gray\",\r\n                                          marginLeft: \"-1%\",\r\n                                          position: \"absolute\",\r\n                                          marginTop: \"0.5%\",\r\n                                        }}\r\n                                      ></i>\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onKeyUp={this.onKeyUp}\r\n                                        onKeyPress={this.handleKeyPress}\r\n                                        style={{ float: \"right\", width: \"80%\" }}\r\n                                      />\r\n                                      <br></br>\r\n                                      {this.state.letters.map(\r\n                                        (letter, index) => (\r\n                                          <button\r\n                                            className=\"filter\"\r\n                                            key={index}\r\n                                            onClick={(event) =>\r\n                                              this.handleSkillfilter(\r\n                                                letter,\r\n                                                event\r\n                                              )\r\n                                            }\r\n                                          >\r\n                                            {letter}\r\n                                          </button>\r\n                                        )\r\n                                      )}\r\n                                      <br></br>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}","import React, { Component } from \"react\";\r\n\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport SideBar from \"../../Common/Sidebar\";\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      Pending: [],\r\n      Notification: [],\r\n      allNotify: [],\r\n    };\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content \">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-body\">\r\n                  <div id=\"allcards\" className=\"row\">\r\n                    <div className=\"column\">\r\n                      <div className=\"carddash\">\r\n                        <h1 className=\"icofont icofont-brainstorming card1\"></h1>\r\n                        {/* <Link to=\"/Gridskil\"> */}\r\n\r\n                        <p className=\"cardcontent\">\r\n                          <div\r\n                            className=\"dropdown\"\r\n                            style={{ boxShadow: \"none\" }}\r\n                          >\r\n                            <h5 id=\"carddashboard\">Skill &nbsp; <i className=\"fa fa-caret-down\" aria-hidden=\"true\"></i></h5>\r\n\r\n                            <div className=\"dropdown-content\">\r\n                              <Link to=\"/Gridskill\">Skill Master</Link>\r\n                              <Link to=\"/SACategory\">Category Master</Link>\r\n                            </div>\r\n                          </div>\r\n                        </p>\r\n                        {/* </Link> */}\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"column\">\r\n                      <div className=\"carddash\">\r\n                        <h1 className=\"icofont icofont-graduate card2\"> </h1>\r\n                        {/* <Link to=\"/SuperEducation\"> */}\r\n                        <p className=\"cardcontent\">\r\n                          <div\r\n                            className=\"dropdown\"\r\n                            style={{ boxShadow: \"none\" }}\r\n                          >\r\n                            <h5 id=\"carddashboard\" style={{ width: '100px' }}>Education &nbsp; <i className=\"fa fa-caret-down\" aria-hidden=\"true\"></i></h5>\r\n                            <div className=\"dropdown-content\" id=\"education\">\r\n                              <Link to=\"/SACourse\">Coursename Master</Link>\r\n                              <Link to=\"/SASpecialization\">\r\n                                Specialization Master\r\n                              </Link>\r\n                              <Link to=\"/SADegree\">Degree Master</Link>\r\n                              <Link to=\"/SADegreeLevel\">\r\n                                Degree Level Master\r\n                              </Link>\r\n                            </div>\r\n                          </div>\r\n                        </p>\r\n                        {/* </Link> */}\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"column\">\r\n                      <div className=\"carddash\">\r\n                        <h1 className=\"icofont icofont-company card3 \"></h1>\r\n\r\n                        <div className=\"cardcontent\">\r\n                          <Link to=\"/SADesignation\" id=\"carddashboard\">Designation</Link>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"column\">\r\n                      <div className=\"carddash\">\r\n                        <h1 className=\"icofont icofont-chart-flow card4\"> </h1>\r\n                        <div className=\"cardcontent\">\r\n                          <Link to=\"/SADepartment\" id=\"carddashboard\">Department</Link>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"column\">\r\n                      <div className=\"carddash\">\r\n                        <h1 className=\"icofont icofont-brainstorming card1\"></h1>\r\n\r\n                        <p className=\"cardcontent\">\r\n                          <div\r\n                            className=\"dropdown\"\r\n                            style={{ boxShadow: \"none\" }}\r\n                          >\r\n                            <h5 id=\"carddashboard\" style={{ width: '110px' }}>Master List &nbsp; <i className=\"fa fa-caret-down\" aria-hidden=\"true\"></i></h5>\r\n\r\n                            <div className=\"dropdown-content\">\r\n                              <Link to=\"/Lifestyle\">LifeStyle</Link>\r\n                              <Link to=\"/Personality\">Personality</Link>\r\n                              <Link to=\"/Intrest\">Intrests</Link>\r\n                              <Link to=\"/Activities\">Activities</Link>\r\n                            </div>\r\n                          </div>\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { Image_URLs } from \"../../Config/Base\";\r\nimport fileImg from \"../../Assets/images/document.png\";\r\nexport default class Organization extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Notify: [],\r\n      Active: [],\r\n      InActive: [],\r\n      Pending: [],\r\n      All: [],\r\n      allNotify: [],\r\n      User: [],\r\n      renewel: [],\r\n      Notification: [],\r\n      Unreadcount: \"0\",\r\n      ContactMessages: [],\r\n      AllContactMessages: [],\r\n      NoRequest: [],\r\n      Request: [],\r\n      ContactMessagesCount: \"\",\r\n      NotifyCount: \"\",\r\n      delay: false,\r\n      Filterpop: false,\r\n      letters: [],\r\n      isOpen: false,\r\n      MsgNotify: []\r\n    };\r\n    this.Noticount = this.Noticount.bind(this);\r\n  }\r\n\r\n  GetallNotify() {\r\n    fetch(`${BASE_URLs}/Notification/GetallNotify`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ allNotify: data });\r\n      });\r\n  }\r\n\r\n  Noticount = (notify_Id, company_Id, contact_Id) => {\r\n    fetch(`${BASE_URLs}/Notification/ChangeSeen`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"*/*\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        notify_Id: notify_Id,\r\n      }),\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => {\r\n          // console.log(\"new\");\r\n        },\r\n        (error) => { }\r\n      );\r\n\r\n    this.GetNotification();\r\n    if (company_Id !== null) {\r\n      var page = {\r\n        pathname: \"/OrganizationDetail\",\r\n        state: {\r\n          Id: company_Id,\r\n        },\r\n      };\r\n\r\n      this.props.history.push(page);\r\n    }\r\n  };\r\n\r\n  GetContactmsg(contact_Id) {\r\n    // var Contact_Id = this.props.location.state.Id;\r\n    this.setState({\r\n      isOpen: true\r\n    })\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(\r\n      `${BASE_URLs}/Contact/GetContactmsg?Contact_Id=` + contact_Id,\r\n      options\r\n    )\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ MsgNotify: data });\r\n        if (data.length !== 0) {\r\n          this.setState({ Unreadcount: data[0].count });\r\n        }\r\n      });\r\n  }\r\n  Contactcount = (notify_Id, contact_Id) => {\r\n    fetch(`${BASE_URLs}/Notification/ChangeSeen`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"*/*\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        notify_Id: notify_Id,\r\n      }),\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => { },\r\n        (error) => { }\r\n      );\r\n\r\n    if (contact_Id !== null) {\r\n\r\n      this.GetContactmsg(contact_Id)\r\n      // var page = {\r\n      //   pathname: \"/Contactmsg\",\r\n      //   state: {\r\n      //     Id: contact_Id,\r\n      //   },\r\n      // };\r\n\r\n      // this.props.history.push(page);\r\n    }\r\n    this.GetNotification();\r\n  };\r\n\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/AddOrganization/GetOrg`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          User: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  renewel() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/Renewel`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ renewel: data });\r\n      });\r\n  }\r\n\r\n  detailData(company_Id) {\r\n    // localStorage.setItem(\"status\",\"Active\")\r\n    var page = {\r\n      pathname: \"/OrganizationDetail\",\r\n      state: {\r\n        Id: company_Id,\r\n        Status: \"Pending\",\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n  detailData1(company_Id) {\r\n    localStorage.setItem(\"Id\", company_Id);\r\n    localStorage.setItem(\"status\", \"Inactive\");\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetNotification();\r\n    this.GetallNotify();\r\n    setTimeout(() => {\r\n      this.setState({\r\n        delay: true\r\n      })\r\n    }, 500);\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  GetNotification() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Notification/GetNotificationMsg`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Notify: data.filter((Tasks) => Tasks.type !== \"c\") });\r\n        this.setState({\r\n          NotifyCount: data\r\n            .filter((Tasks) => Tasks.type !== \"c\")\r\n            .filter((Tasks) => Tasks.seen === false).length,\r\n        });\r\n\r\n        this.setState({\r\n          ContactMessages: data.filter((Tasks) => Tasks.type === \"c\"),\r\n        });\r\n        this.setState({\r\n          AllContactMessages: data.filter((Tasks) => Tasks.type === \"c\"),\r\n        });\r\n        this.setState({\r\n          ContactMessagesCount: data\r\n            .filter((Tasks) => Tasks.type === \"c\")\r\n            .filter((Tasks) => Tasks.seen === false).length,\r\n        });\r\n\r\n        if (data.length !== 0) {\r\n          this.setState({ Unreadcount: data[0].count });\r\n        }\r\n      });\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  filterfunction = (e) => {\r\n    const ContactMessages = this.state.AllContactMessages.filter(\r\n      (item) =>\r\n        item.description?.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ ContactMessages, showResults: true });\r\n\r\n  }\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const ContactMessages = this.state.AllContactMessages.filter((item) => {\r\n      return (\r\n        item.description?.toLowerCase().startsWith(letter.toLowerCase())\r\n      );  \r\n    });\r\n    this.setState({ ContactMessages, showResults: true });\r\n\r\n  };\r\n  popupclose = () => {\r\n    this.setState({\r\n      isOpen: false\r\n    })\r\n  }\r\n  getFileType(path) {\r\n    const extension = path.split('.').pop().toLowerCase();\r\n    if (['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(extension)) {\r\n      return 'image';\r\n    } else if (['mp4', 'avi', 'mov', 'wmv', 'mkv'].includes(extension)) {\r\n      return 'video';\r\n    } else if (['pdf', 'xls', 'xlsx'].includes(extension)) {\r\n      return 'document';\r\n    } else {\r\n      return 'file';\r\n    }\r\n  }\r\n  handleImageClick = (url) => {\r\n    window.open(url, '_blank');\r\n     };\r\n  render() {\r\n    const {\r\n      Notify,\r\n      NoRequest,\r\n      Request,\r\n      ContactMessages,\r\n      NotifyCount,\r\n      ContactMessagesCount, delay, Filterpop, isOpen, MsgNotify\r\n    } = this.state;\r\n\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        {/* start */}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a\r\n                              href\r\n                              onClick={() => this.props.history.goBack()}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\" style={{ marginRight: '45px' }}>Messages </h4>\r\n                        </div>\r\n                        {isOpen ?\r\n                          <div className=\"col-lg-12\">\r\n                            <div className=\"popup\" style={{ textAlign: 'left' }}>\r\n                              <div className=\"popup-content\">\r\n                                <div className=\"Announcedetailspop\" >\r\n                                  <i\r\n                                    className=\"fa fa-times\"\r\n                                    aria-hidden=\"true\"\r\n                                    style={{\r\n                                      color: \"gray\",\r\n                                      marginLeft: \"90%\",\r\n                                      fontSize: \"17px\",\r\n                                      cursor: 'pointer'\r\n                                    }}\r\n                                    onClick={this.popupclose}\r\n                                  ></i>\r\n                                  <br />\r\n                                  <center><h6><b>Message Details</b></h6></center>\r\n                                  <div className=\"card-block\" style={{ overflow: \"scroll\" }}>\r\n                                    <div>\r\n                                      {MsgNotify.map((Notify) => (\r\n                                        <>\r\n                                        <div style={{ width:\"97%\",height: \"237px\", overflow: \"scroll\"}}>\r\n\r\n                                          <span\r\n                                                  key={Notify.id}\r\n                                                  style={{ margin: \"0%\" }}\r\n                                                >\r\n\r\n                                                  <b>Title:</b> &nbsp; <span\r\n                                                    style={{ overflowWrap: \"break-word\", width: \"50%\", }}\r\n                                                  >  {Notify.cSubject}</span><br /><br />\r\n                                                  <b>Subject:</b> &nbsp; <span\r\n                                                    style={{ overflowWrap: \"break-word\", width: \"50%\", }}>{Notify.cMsg}</span>\r\n                                                    <br /><br />\r\n                                                    <b>Attachements:</b> &nbsp;\r\n                                                    <br />\r\n                                                    <span\r\n                                                  // style={{ color: \"#11439b\" }}\r\n                                                  target=\"_blank\"\r\n                                                  href={Notify.image}\r\n                                                  style={{color: \"#11439b\" , overflowWrap: \"break-word\", width: \"50%\", }}\r\n                                                >\r\n\r\n{Notify.image.split(',').map((imageUrl, index) => (\r\n  <div style={{ display: \"inline-block\", marign: \"10px\" }} key={index}>\r\n  <div style={{margin:\"10px\"}}>\r\n                                                {this.getFileType(imageUrl) === 'image' ? (\r\n                                                  \r\n                                                  <span style={{ margin:\"30px\" }}>\r\n                                                  <b style={{color:'black'}}>Image:&nbsp;</b>\r\n\r\n{imageUrl.split(',').map((Url, index) => (\r\n<img\r\nkey={index}\r\nalt={`Image ${index}`}\r\nsrc={imageUrl.trim()} \r\nstyle={{ width: \"100px\", height: \"100px\" }}\r\nonClick={() => this.handleImageClick(Url.trim())}\r\n/>\r\n))}\r\n                                                  </span>\r\n                                                ) : this.getFileType(imageUrl) === 'video' ? (\r\n                                                  <span style={{ display: \"flex\", margin:\"30px\" }}>\r\n                                                    <span><b style={{color:'black'}}>video:</b></span>\r\n                                                    <video\r\n                                                      controls\r\n                                                      style={{ width: \"125px\", height: '118px', marginTop: '-62px', marginLeft:\"8px\" }}\r\n                                                    >\r\n                                                      <source src={imageUrl} type=\"video/mp4\" />\r\n                                                      <source src={imageUrl} type=\"video/ogg\" />\r\n                                                    </video>\r\n                                                  </span>\r\n                                                ) : (\r\n                                                  <span style={{margin:\"30px\"}}>\r\n                                                    <b style={{color:'black'}}>File:</b> \r\n                                                    <img\r\n                                                      src={fileImg}\r\n                                                      style={{ height: \"30px\", width: \"30px\" }}\r\n                                                    />\r\n                                                    &nbsp;\r\n                                                    <a\r\n                                                      href={imageUrl}\r\n                                                      name=\"picture\"\r\n                                                      readOnly\r\n                                                      value={imageUrl}\r\n                                                      title=\"\"\r\n                                                      target=\"_blank\"\r\n                                                    >\r\n                                                      <span>\r\n                                                        {/* {imageUrl.slice(\"https://localhost:44369/Images/Announcement_Image_\".length)} */}\r\n                                                        {imageUrl.replace(\r\n                                                    `${Image_URLs}/Images/`,\r\n                                                    \" \"\r\n                                                  )}\r\n                                                      </span>\r\n                                                    </a>\r\n                                                  </span>\r\n                                                )}\r\n                                                </div>                          \r\n                                                  </div>\r\n  ))}\r\n\r\n                                                  \r\n                                                </span>\r\n                                                </span>\r\n                                           \r\n                                          </div>\r\n                                        </>\r\n                                      ))}\r\n                                    </div>\r\n                                  </div>\r\n                                </div> </div> </div></div> : null}\r\n                        <div className=\"card-block\">\r\n                        <div className=\"j-tabs-container md-tabs\">\r\n                          <input\r\n                            id=\"tab2\"\r\n                            type=\"radio\"\r\n                            name=\"tabs\"\r\n                            defaultChecked\r\n                          />\r\n                          <label\r\n                            id=\"Requests\"\r\n                            className=\"j-tabs-label\"\r\n                            htmlFor=\"tab2\"\r\n                            title=\"Requests\"\r\n                            style={{marginLeft:'23px'}}\r\n                          >\r\n                            {/* {this.state.ContactMessages.length === 0 ? (\r\n                              <span>&nbsp;&nbsp;No Message&nbsp;&nbsp;</span>\r\n                            ) : ( */}\r\n                            <span>\r\n                              &nbsp;&nbsp;Messages\r\n                              {ContactMessagesCount === 0\r\n                                ? null\r\n                                : \" (\" + ContactMessagesCount + \")\"}{\" \"}\r\n                              &nbsp;&nbsp;\r\n                            </span>\r\n                            {/* )} */}\r\n                          </label>\r\n                          <input\r\n                            type=\"text\"\r\n                            className=\"Searchbox\"\r\n                            id=\"CNSearch\"\r\n                            placeholder=\"Search\"\r\n                            onClick={() => {\r\n                              this.setState({\r\n                                Filterpop: true,\r\n                                Filterpop: !this.state.Filterpop,\r\n                              });\r\n                            }}\r\n                            readOnly\r\n\r\n                            style={{ float: 'right'}}\r\n\r\n                          />\r\n\r\n                          <div id=\"tabs-section-2\" className=\"j-tabs-section\">\r\n                            <div\r\n                              className=\"tab-pane\"\r\n                              id=\"notes\"\r\n                              role=\"tabpanel\"\r\n                            >\r\n                              <div className=\"card-block\">\r\n\r\n                                <div className=\"dt-responsive table-responsive\"\r\n                                  id={ContactMessages.length <= 6 ? \"NoAnnLength\" : \"Above10\"}\r\n                                >\r\n                                  {ContactMessages.length === 0 && delay ?\r\n                                    <center>\r\n\r\n                                      <p>No Record</p>\r\n                                    </center>\r\n                                    : null}\r\n                                  {ContactMessages.length !== 0 && delay ? <table\r\n                                    id=\"add-row-table3\" className=\"table nowrap\">\r\n                                    <thead id='tablepadding'><tr>\r\n                                      <th style={{color:'#7367f0'}}> Message Details</th>\r\n\r\n                                    </tr>\r\n                                    </thead>\r\n                                    <tbody id='Notitablepadding'>\r\n                                      <tr> <td>\r\n                                        {ContactMessages.map((Notify) => (\r\n                                          <>\r\n                                            {Notify.seen === false ? (\r\n                                              // Unreaded noti\r\n                                              <>\r\n                                                {Notify.type === \"c\" ? (\r\n                                                  <>\r\n                                                    <Link\r\n                                                      // to=\"/Contactmsg\"\r\n                                                      id=\"btnEdu\"\r\n                                                      onClick={() =>\r\n                                                        this.Contactcount(\r\n                                                          Notify.notify_Id,\r\n                                                          Notify.contact_Id\r\n                                                        )\r\n                                                      }\r\n                                                      style={{\r\n                                                        padding: \"0px\",\r\n                                                        color: \"#000100\",\r\n                                                        cursor: \"pointer\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {\" \"}\r\n                                                      <span className=\"hoverable-span\">\r\n                                                        {Notify.description}{\" \"}\r\n                                                      </span>{\" \"}\r\n                                                    </Link>\r\n                                                    <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                      {Notify.time}\r\n                                                    </span>\r\n                                                    <hr id=\"NotiHR\"></hr>\r\n                                                  </>\r\n                                                ) : (\r\n                                                  <></>\r\n                                                )}\r\n                                              </>\r\n                                            ) : (\r\n                                              // Readed noti\r\n                                              <>\r\n                                                {Notify.type === \"c\" ? (\r\n                                                  <>\r\n                                                    <Link\r\n                                                      // to=\"/Contactmsg\"\r\n                                                      onClick={() =>\r\n                                                        this.Contactcount(\r\n                                                          Notify.notify_Id,\r\n                                                          Notify.contact_Id\r\n                                                        )\r\n                                                      }\r\n                                                      style={{\r\n                                                        padding: \"0px\",\r\n                                                        color: \"gray\",\r\n                                                        cursor: \"pointer\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {\" \"}\r\n                                                      <span className=\"hoverable-span\">\r\n                                                        {Notify.description}{\" \"}\r\n                                                      </span>{\" \"}\r\n                                                    </Link>\r\n                                                    <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                      {Notify.time}\r\n                                                    </span>\r\n                                                    <hr id=\"NotiHR\"></hr>\r\n                                                  </>\r\n                                                ) : (\r\n                                                  <></>\r\n                                                )}\r\n                                              </>\r\n                                            )}\r\n                                          </>\r\n                                        ))}\r\n                                      </td></tr>\r\n                                    </tbody>\r\n\r\n\r\n                                  </table> : null}\r\n\r\n                                </div>\r\n                                {/* <ul\r\n                                  className=\"show-notification\"\r\n                                  style={{\r\n                                    height: \"300px\",\r\n                                    overflow: \"scroll\",\r\n                                  }}\r\n                                >\r\n                                  <li>\r\n                                    {ContactMessages.map((Notify) => (\r\n                                      <>\r\n                                        {Notify.seen === false ? (\r\n                                          // Unreaded noti\r\n                                          <>\r\n                                            {Notify.type === \"c\" ? (\r\n                                              <>\r\n                                                <Link\r\n                                                  to=\"/Contactmsg\"\r\n                                                  id=\"btnEdu\"\r\n                                                  onClick={() =>\r\n                                                    this.Contactcount(\r\n                                                      Notify.notify_Id,\r\n                                                      Notify.contact_Id\r\n                                                    )\r\n                                                  }\r\n                                                  style={{\r\n                                                    padding: \"0px\",\r\n                                                    color: \"#000100\",\r\n                                                    cursor: \"pointer\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  <b>\r\n                                                    {Notify.description}{\" \"}\r\n                                                  </b>{\" \"}\r\n                                                </Link>\r\n                                                <span className=\"notification-time\">\r\n                                                  {Notify.time}\r\n                                                </span>\r\n                                                <br />\r\n                                                <br />\r\n                                              </>\r\n                                            ) : (\r\n                                              <></>\r\n                                            )}\r\n                                          </>\r\n                                        ) : (\r\n                                          // Readed noti\r\n                                          <>\r\n                                            {Notify.type === \"c\" ? (\r\n                                              <>\r\n                                                <Link\r\n                                                  to=\"/Contactmsg\"\r\n                                                  onClick={() =>\r\n                                                    this.Contactcount(\r\n                                                      Notify.notify_Id,\r\n                                                      Notify.contact_Id\r\n                                                    )\r\n                                                  }\r\n                                                  style={{\r\n                                                    padding: \"0px\",\r\n                                                    color: \"gray\",\r\n                                                    cursor: \"pointer\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  <b>\r\n                                                    {Notify.description}{\" \"}\r\n                                                  </b>{\" \"}\r\n                                                </Link>\r\n                                                <span className=\"notification-time\">\r\n                                                  {Notify.time}\r\n                                                </span>\r\n                                                <br />\r\n                                                <br />\r\n                                              </>\r\n                                            ) : (\r\n                                              <></>\r\n                                            )}\r\n                                          </>\r\n                                        )}\r\n                                      </>\r\n                                    ))}\r\n                                  </li>\r\n                                </ul> */}\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                {Filterpop && (\r\n                  <div className=\"popSearchTeam\">\r\n                    <div className=\"popSearchinnernormalTeam\">\r\n                      <div\r\n                        className=\"popSearchinnertitle\"\r\n                        id=\"popSearchinnernormal\"\r\n                      >\r\n                        <button\r\n                          id=\"close\"\r\n                          style={{\r\n                            float: \"right\",\r\n                            backgroundColor: \"#a0a3a305\",\r\n                            color: \"#797070\",\r\n                            border: \"1px solid #a3a5a505\",\r\n                            marginTop: \"-20px\",\r\n                            marginRight: \"-20px\",\r\n                          }}\r\n                          onClick={() => {\r\n                            this.setState({ Filterpop: false });\r\n                            this.GetNotification();\r\n                          }}\r\n                        >\r\n                          <CloseIcon />\r\n                        </button>\r\n\r\n                        <div className=\"checkboxes\">\r\n                          <i\r\n                            className=\"fa fa-search\"\r\n                            aria-hidden=\"true\"\r\n                            style={{\r\n                              fontSize: \"20px\",\r\n                              color: \"gray\",\r\n                              marginLeft: \"-1%\",\r\n                              position: \"absolute\",\r\n                              marginTop: \"0.5%\",\r\n                            }}\r\n                          ></i>\r\n                          <input\r\n                            className=\"Searchbox\"\r\n                            placeholder=\"Search\"\r\n                            onChange={this.filterfunction}\r\n                            style={{ float: \"right\", width: \"80%\" }}\r\n                          />\r\n                          <br></br>\r\n                          {this.state.letters.map(\r\n                            (letter, index) => (\r\n                              <button\r\n                                className=\"filter\"\r\n                                key={index}\r\n                                onClick={(event) =>\r\n                                  this.handleFilter(\r\n                                    letter,\r\n                                    event\r\n                                  )\r\n                                }\r\n                              >\r\n                                {letter}\r\n                              </button>\r\n                            )\r\n                          )}\r\n                          <br></br>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* End */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nexport default class Organization extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Notify: [],\r\n      AllNotify: [],\r\n      Active: [],\r\n      InActive: [],\r\n      Pending: [],\r\n      All: [],\r\n      allNotify: [],\r\n      User: [],\r\n      renewel: [],\r\n      Notification: [],\r\n      Unreadcount: \"0\",\r\n      ContactMessages: [],\r\n      NoRequest: [],\r\n      Request: [],\r\n      ContactMessagesCount: \"\",\r\n      NotifyCount: \"\",\r\n      Filterpop: false,\r\n      letters: [],\r\n      delay: false,\r\n    };\r\n    this.Noticount = this.Noticount.bind(this);\r\n  }\r\n\r\n  GetallNotify() {\r\n    fetch(`${BASE_URLs}/Notification/GetallNotify`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ allNotify: data });\r\n      });\r\n  }\r\n\r\n  Noticount = (notify_Id, company_Id, contact_Id) => {\r\n    fetch(`${BASE_URLs}/Notification/ChangeSeen`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"*/*\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        notify_Id: notify_Id,\r\n      }),\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => {\r\n          // console.log(\"new\");\r\n        },\r\n        (error) => {}\r\n      );\r\n\r\n    this.GetNotification();\r\n    if (company_Id !== null) {\r\n      var page = {\r\n        pathname: \"/OrganizationDetail\",\r\n        state: {\r\n          Id: company_Id,\r\n        },\r\n      };\r\n\r\n      this.props.history.push(page);\r\n    }\r\n  };\r\n  Contactcount = (notify_Id, contact_Id) => {\r\n    fetch(`${BASE_URLs}/Notification/ChangeSeen`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"*/*\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        notify_Id: notify_Id,\r\n      }),\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => {},\r\n        (error) => {}\r\n      );\r\n\r\n    if (contact_Id !== null) {\r\n      var page = {\r\n        pathname: \"/Contactmsg\",\r\n        state: {\r\n          Id: contact_Id,\r\n        },\r\n      };\r\n\r\n      this.props.history.push(page);\r\n    }\r\n    this.GetNotification();\r\n  };\r\n\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/AddOrganization/GetOrg`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          User: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  renewel() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/Renewel`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ renewel: data });\r\n      });\r\n  }\r\n\r\n  detailData(company_Id) {\r\n    // localStorage.setItem(\"status\",\"Active\")\r\n    var page = {\r\n      pathname: \"/OrganizationDetail\",\r\n      state: {\r\n        Id: company_Id,\r\n        Status: \"Pending\",\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n  detailData1(company_Id) {\r\n    localStorage.setItem(\"Id\", company_Id);\r\n    localStorage.setItem(\"status\", \"Inactive\");\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetNotification();\r\n    this.GetallNotify();\r\n    setTimeout(() => {\r\n      this.setState({\r\n        delay: true\r\n      })\r\n    }, 500);\r\n    \r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  GetNotification() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Notification/GetNotification`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Notify: data.filter((Tasks) => Tasks.type !== \"c\") });\r\n        this.setState({ AllNotify: data.filter((Tasks) => Tasks.type !== \"c\") });\r\n        this.setState({\r\n          NotifyCount: data\r\n            .filter((Tasks) => Tasks.type !== \"c\")\r\n            .filter((Tasks) => Tasks.seen === false).length,\r\n        });\r\n\r\n        this.setState({\r\n          ContactMessages: data.filter((Tasks) => Tasks.type === \"c\"),\r\n        });\r\n        this.setState({\r\n          ContactMessagesCount: data\r\n            .filter((Tasks) => Tasks.type === \"c\")\r\n            .filter((Tasks) => Tasks.seen === false).length,\r\n        });\r\n\r\n        if (data.length !== 0) {\r\n          this.setState({ Unreadcount: data[0].count });\r\n        }\r\n      });\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  filterfunction = (e) => {\r\n    const Notify = this.state.AllNotify.filter(\r\n      (item) =>\r\n      item.description?.toLowerCase().includes(e.target.value.toLowerCase()) \r\n    );\r\n    this.setState({ Notify, showResults: true });\r\n\r\n  }\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const  Notify = this.state.AllNotify.filter((item) => {\r\n    return (\r\n      item.description?.toLowerCase().startsWith(letter.toLowerCase())\r\n    );\r\n  });\r\n    this.setState({ Notify, showResults: true });\r\n   \r\n  };\r\n\r\n  render() {\r\n    const {\r\n      Notify,\r\n      NoRequest,\r\n      Request,\r\n      ContactMessages,\r\n      NotifyCount,\r\n      ContactMessagesCount,\r\n      Filterpop,delay\r\n    } = this.state;\r\n\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        {/* start */}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                        <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          <h4 className=\"title\" style={{marginRight:'45px'}}>Notifications </h4>\r\n                        </div>\r\n\r\n                        {/* <div className=\"card-block\" >\r\n               \r\n                      {Notify.map(Notify=>\r\n                      <div>\r\n                         {(() => { \r\n                           if ( Notify.seen === false) {\r\n                             \r\n                             return(\r\n                              <div>\r\n                              <a href  type=\"button\"    \r\n                            onClick={()=>this.Noticount(Notify.notify_Id,Notify.company_Id)}\r\n                              style={{color:\"black\",cursor:\"pointer\"} }>\r\n                              <b style={{color:\"red\"}}>{Notify.description}</b> &nbsp;&nbsp;&nbsp;{Notify.time}  \r\n                                </a>   <br/> <br/>\r\n                           </div>  )\r\n                          }\r\n\r\n                          if(Notify.seen === true){\r\n                            return(\r\n                        <div>\r\n                           <a href type=\"button\"   \r\n                         onClick={()=>this.detailData(Notify.company_Id)}\r\n                           style={{color:\"#807f7f\",cursor:\"pointer\"} }>\r\n                           <b>{Notify.description}</b> &nbsp;&nbsp;&nbsp;{Notify.time}  \r\n                             </a>   <br/> <br/>\r\n                        </div>\r\n                            )\r\n                          }\r\n                        })()}\r\n\r\n\r\n                        </div>)}\r\n                      \r\n                 </div> */}\r\n                         <div className=\"card-block\">\r\n                        <div className=\"j-tabs-container md-tabs\">\r\n                          <input\r\n                            id=\"tab1\"\r\n                            type=\"radio\"\r\n                            name=\"tabs\"\r\n                            defaultChecked\r\n                          />\r\n                          <label\r\n                            id=\"supertab\"\r\n                            className=\"j-tabs-label\"\r\n                            htmlFor=\"tab1\"\r\n                            title=\"Info\"\r\n                            style={{marginLeft:'23px'}}\r\n                          >\r\n                            {/* {this.state.Notify.length === 0 ? (\r\n                              <span>\r\n                                &nbsp;&nbsp;No Notifications&nbsp;&nbsp;\r\n                              </span>\r\n                            ) : ( */}\r\n                              <span>\r\n                                &nbsp;&nbsp;Notifications\r\n                                {NotifyCount === 0\r\n                                  ? null\r\n                                  : \" (\" + NotifyCount + \")\"}\r\n                                &nbsp;&nbsp;\r\n                              </span>\r\n                            {/* )} */}\r\n                          </label>\r\n                          <input\r\n                          type=\"text\"\r\n                          className=\"Searchbox\"\r\n                          id=\"CNSearch\"\r\n                          placeholder=\"Search\"\r\n                          onClick={() => {\r\n                            this.setState({\r\n                            Filterpop: true,\r\n                            Filterpop: !this.state.Filterpop,\r\n                            });\r\n                            }}\r\n                            readOnly\r\n                        \r\n                          style={{ float: 'right'}}\r\n\r\n                        />\r\n                          <div id=\"tabs-section-1\" className=\"j-tabs-section\">\r\n                            <div\r\n                              className=\"tab-pane\"\r\n                              id=\"notes\"\r\n                              role=\"tabpanel\"\r\n                            >\r\n                              <div className=\"card-block\">\r\n                              <div className=\"dt-responsive table-responsive\"\r\n                               id={this.state.Notify.length <= 6 ? \"NoAnnLength\" : \"Above10\"}\r\n                              >\r\n                              {this.state.Notify.length===0 && delay  ? \r\n                                <center>\r\n                             \r\n                            <p>No Record</p>\r\n                          </center> \r\n                                          : null}\r\n                              {this.state.Notify.length!==0 && delay  ? <table\r\n                              id=\"add-row-table3\"   className=\"table nowrap\">\r\n                                <thead id='tablepadding'><tr>\r\n                                 <th style={{color:'#7367f0'}}> Notification Details</th>\r\n                                \r\n                                 </tr>\r\n                                 </thead>\r\n                                 <tbody id='Notitablepadding'>\r\n                                 <tr> <td>\r\n                                 {Notify.map((Notify) => (\r\n                                      <>\r\n                                        {Notify.seen === false ? (\r\n                                          // Unreaded noti\r\n                                          <>\r\n                                            {Notify.type === \"o\" ? (\r\n                                              <>\r\n                                                <Link\r\n                                                  to=\"/OrganizationDetail\"\r\n                                                  id=\"btnSkill\"\r\n                                                  onClick={() =>\r\n                                                    this.Noticount(\r\n                                                      Notify.notify_Id,\r\n                                                      Notify.company_Id\r\n                                                    )\r\n                                                  }\r\n                                                  style={{\r\n                                                    padding: \"0px\",\r\n                                                    color: \"#000100\",\r\n                                                    cursor: \"pointer\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  <span className=\"hoverable-span\">\r\n                                                    {Notify.description}{\" \"}\r\n                                                    </span>{\" \"}\r\n                                                </Link>\r\n                                                <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                  {Notify.time}\r\n                                                </span>\r\n                                                &nbsp;&nbsp;  <hr id=\"NotiHR\"></hr>\r\n                                              </>\r\n                                            ) : (\r\n                                              <></>\r\n                                            )}\r\n                                          </>\r\n                                        ) : (\r\n                                          // Readed noti\r\n                                          <>\r\n                                            {Notify.type === \"o\" ? (\r\n                                              <>\r\n                                                <Link\r\n                                                  to=\"/OrganizationDetail\"\r\n                                                  onClick={() =>\r\n                                                    this.Noticount(\r\n                                                      Notify.notify_Id,\r\n                                                      Notify.company_Id\r\n                                                    )\r\n                                                  }\r\n                                                  style={{\r\n                                                    padding: \"0px\",\r\n                                                    color: \"gray\",\r\n                                                    cursor: \"pointer\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  <span className=\"hoverable-span\">\r\n                                                    {Notify.description}{\" \"}\r\n                                                  </span>{\" \"}\r\n                                                </Link>\r\n                                                <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                  {Notify.time}\r\n                                                </span>\r\n                                                <hr id=\"NotiHR\"></hr>\r\n                                              </>\r\n                                            ) : (\r\n                                              <></>\r\n                                            )}\r\n                                          </>\r\n                                        )}\r\n                                      </>\r\n                                    ))}\r\n\r\n                                 </td></tr>\r\n                                 </tbody>\r\n\r\n\r\n                                    </table>:null}\r\n\r\n                              </div>\r\n                                {/* <ul\r\n                                  className=\"show-notification\"\r\n                                  style={{\r\n                                    height: \"300px\",\r\n                                    overflow: \"scroll\",\r\n                                  }}\r\n                                >\r\n                                  <li>\r\n                                    {Notify.map((Notify) => (\r\n                                      <>\r\n                                        {Notify.seen === false ? (\r\n                                          // Unreaded noti\r\n                                          <>\r\n                                            {Notify.type === \"o\" ? (\r\n                                              <>\r\n                                                <Link\r\n                                                  to=\"/OrganizationDetail\"\r\n                                                  id=\"btnSkill\"\r\n                                                  onClick={() =>\r\n                                                    this.Noticount(\r\n                                                      Notify.notify_Id,\r\n                                                      Notify.company_Id\r\n                                                    )\r\n                                                  }\r\n                                                  style={{\r\n                                                    padding: \"0px\",\r\n                                                    color: \"#000100\",\r\n                                                    cursor: \"pointer\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  <b>\r\n                                                    {Notify.description}{\" \"}\r\n                                                  </b>{\" \"}\r\n                                                </Link>\r\n                                                <span className=\"notification-time\">\r\n                                                  {Notify.time}\r\n                                                </span>\r\n                                                &nbsp;&nbsp; <br />\r\n                                                <br />\r\n                                              </>\r\n                                            ) : (\r\n                                              <></>\r\n                                            )}\r\n                                          </>\r\n                                        ) : (\r\n                                          // Readed noti\r\n                                          <>\r\n                                            {Notify.type === \"o\" ? (\r\n                                              <>\r\n                                                <Link\r\n                                                  to=\"/OrganizationDetail\"\r\n                                                  onClick={() =>\r\n                                                    this.Noticount(\r\n                                                      Notify.notify_Id,\r\n                                                      Notify.company_Id\r\n                                                    )\r\n                                                  }\r\n                                                  style={{\r\n                                                    padding: \"0px\",\r\n                                                    color: \"gray\",\r\n                                                    cursor: \"pointer\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  <b>\r\n                                                    {Notify.description}{\" \"}\r\n                                                  </b>{\" \"}\r\n                                                </Link>\r\n                                                <span className=\"notification-time\">\r\n                                                  {Notify.time}\r\n                                                </span>\r\n                                                <br />\r\n                                                <br />\r\n                                              </>\r\n                                            ) : (\r\n                                              <></>\r\n                                            )}\r\n                                          </>\r\n                                        )}\r\n                                      </>\r\n                                    ))}\r\n                                  </li>\r\n                                </ul> */}\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                {Filterpop && (\r\n                              <div className=\"popSearchTeam\">\r\n                                <div className=\"popSearchinnernormalTeam\">\r\n                                  <div\r\n                                    className=\"popSearchinnertitle\"\r\n                                    id=\"popSearchinnernormal\"\r\n                                  >\r\n                                    <button\r\n                                      id=\"close\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        backgroundColor: \"#a0a3a305\",\r\n                                        color: \"#797070\",\r\n                                        border: \"1px solid #a3a5a505\",\r\n                                        marginTop: \"-20px\",\r\n                                        marginRight: \"-20px\",\r\n                                      }}\r\n                                      onClick={() => {\r\n                                        this.setState({ Filterpop: false });\r\n                                         this.GetNotification();\r\n                                      }}\r\n                                    >\r\n                                      <CloseIcon />\r\n                                    </button>\r\n\r\n                                    <div className=\"checkboxes\">\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          fontSize: \"20px\",\r\n                                          color: \"gray\",\r\n                                          marginLeft: \"-1%\",\r\n                                          position: \"absolute\",\r\n                                          marginTop: \"0.5%\",\r\n                                        }}\r\n                                      ></i>\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onChange={this.filterfunction}\r\n                                        style={{ float: \"right\", width: \"80%\" }}\r\n                                      />\r\n                                      <br></br>\r\n                                      {this.state.letters.map(\r\n                                        (letter, index) => (\r\n                                          <button\r\n                                            className=\"filter\"\r\n                                            key={index}\r\n                                            onClick={(event) =>\r\n                                              this.handleFilter(\r\n                                                letter,\r\n                                                event\r\n                                              )\r\n                                            }\r\n                                          >\r\n                                            {letter}\r\n                                          </button>\r\n                                        )\r\n                                      )}\r\n                                      <br></br>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* End */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { Link } from \"react-router-dom\";\r\nimport LoadingPage from \"../../Common/LoadingPage\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class RejectOrg extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      User: [],\r\n      Reasons: [],\r\n      comlogo: [],\r\n      reason: \"\",\r\n      OtherReason: \"\",\r\n      formErrors: {},\r\n      value: this.props.location.state,\r\n      loading: false,\r\n    };\r\n    this.RejectOrg = this.RejectOrg.bind(this);\r\n  }\r\n  handleFormValidation() {\r\n    var Reasons = document.getElementById(\"ug\").value;\r\n    var otherReason = document.getElementById(\"ugtext\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!Reasons) {\r\n      formIsValid = false;\r\n      formErrors[\"ReasonsErr\"] = \"Reason is required\";\r\n    } else if (Reasons === \"Others\") {\r\n      if (!otherReason) {\r\n        formIsValid = false;\r\n        formErrors[\"ReasonsErr\"] = \" Reason is required\";\r\n      }\r\n      else if (!otherReason.trim().length) {\r\n        // Check if otherReason contains only spaces\r\n        formIsValid = false;\r\n        formErrors[\"ReasonsErr\"] = \"Reason is required\";\r\n      } \r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n  RejectOrg(event) {\r\n    event.preventDefault();\r\n    if (this.handleFormValidation()) {\r\n      setTimeout(() => {\r\n        this.setState({ loading: true });\r\n      }, 500);\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: JSON.stringify({\r\n          company_Id: this.props.location.state.Id,\r\n          OtherReason: this.state.OtherReason,\r\n          Reason: this.state.reason,\r\n          Email: this.props.location.state.Email,\r\n        }),\r\n      };\r\n      ///rejectentity - reject  , reject deactivate\r\n      const url =\r\n        this.props.location.state.status === 2 ||\r\n        this.props.location.state.status === 4\r\n          ? `${BASE_URLs}/RejectOrg/RejectEntity`\r\n          : `${BASE_URLs}/RejectOrg/Reject`;\r\n      try {\r\n        fetch(url, options)\r\n          .then((res) => res.json())\r\n          .then((result) => {\r\n            if (result.status === \"Success\") {\r\n              setTimeout(() => {\r\n                this.setState({ loading: false });\r\n              }, 500);\r\n              toast.success(result.message, {\r\n                position: \"top-center\",\r\n                autoClose: 3200,\r\n                hideProgressBar: false,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              });\r\n              setTimeout(() => {\r\n                this.props.history.push(\"/Organization\");\r\n              }, 4000);\r\n            } else {\r\n              setTimeout(() => {\r\n                this.setState({ loading: false });\r\n              }, 500);\r\n              toast.error(result.message, {\r\n                position: \"top-center\",\r\n                autoClose: 3200,\r\n                hideProgressBar: false,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              });\r\n            }\r\n          });\r\n      } catch (error) {}\r\n    }\r\n  }\r\n\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        mode: \"no-cors\",\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/GetOrg`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ User: data });\r\n      });\r\n  }\r\n\r\n  // detailData(company_Id) {\r\n  //   localStorage.setItem(\"Id\", company_Id);\r\n  // }\r\n\r\n  detailData(company_Id) {\r\n    var page = {\r\n      pathname: \"/OrganizationDetail\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n  GetReason() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Reasons`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Reasons: data });\r\n      });\r\n  }\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        mode: \"no-cors\",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    if (this.props.location.state === undefined) {\r\n      this.props.history.push(\"/DashBoard\");\r\n    }\r\n    this.GetOrgLogo();\r\n    this.UserOrg();\r\n    this.GetReason();\r\n  }\r\n\r\n  HandleReason() {\r\n    var UG = document.getElementById(\"ug\").value;\r\n    if (UG === \"Others\") {\r\n      document.getElementById(\"ugtext\").value = \"\";\r\n      document.getElementById(\"ugtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"ugtext\").value = \"None\";\r\n      document.getElementById(\"ugtext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  render() {\r\n    const { Reasons } = this.state;\r\n    const { ReasonsErr } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <div onClick={() => this.detailData(this.props.location.state.Id)}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </div>{\" \"}\r\n                          </div>\r\n                          {this.props.location.state.status===2 ||this.props.location.state.status===4?\r\n                          <h4 className=\"title\">Reject Entity</h4>:\r\n                          <h4 className=\"title\">Deactivate</h4>\r\n                          }\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          <form onSubmit={this.handleSubmit} autoComplete=\"off\">\r\n                            <div className=\"container\">\r\n                              <div\r\n                                className=\"row\"\r\n                                style={{\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                }}\r\n                              >\r\n                                <div className=\"col-lg-4 input-effect\">\r\n                                  <select\r\n                                    className=\"form-control\"\r\n                                    id=\"ug\"\r\n                                    onInputCapture={this.HandleReason}\r\n                                    onChange={this.handleChange}\r\n                                    name=\"reason\"\r\n                                  >\r\n                                    <option value=\"\">Select your Reason</option>\r\n\r\n                                    {this.props.location.state.status === 2 ||\r\n                                    this.props.location.state.status === 4 ? (\r\n                                      <>\r\n                                        <option value=\"Insufficient Document\">\r\n                                          Insufficient Document\r\n                                        </option>\r\n                                        {/* <option value=\"Request from Customer\">Request from Customer</option>  */}\r\n                                      </>\r\n                                    ) : (\r\n                                      <>\r\n                                        {Reasons.map((Reasons) => (\r\n                                          <option value={Reasons.reason}>\r\n                                            {Reasons.reason}\r\n                                          </option>\r\n                                        ))}\r\n                                      </>\r\n                                    )}\r\n                                    <option value=\"Others\">Others</option>\r\n                                  </select>\r\n                                  <br />\r\n                                  <input\r\n                                    type=\"hidden\"\r\n                                    id=\"ugtext\"\r\n                                    className=\"form-control\"\r\n                                    name=\"OtherReason\"\r\n                                    onChange={this.handleChange}\r\n                                    placeholder=\"Reason \"\r\n                                  />\r\n                                  {!ReasonsErr ? (\r\n                                    <span style={{ color: \"#a29d9d\" }}></span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\" }}>\r\n                                      {ReasonsErr}\r\n                                    </div>\r\n                                  )}\r\n                                </div>\r\n                              </div>\r\n                              <div>\r\n                                <div></div>\r\n                              </div>\r\n                              <div></div>\r\n                            </div>\r\n\r\n                            <br />\r\n                            <br />\r\n                            <div\r\n                              className=\"row\"\r\n                              style={{\r\n                                alignItems: \"center\",\r\n                                justifyContent: \"center\",\r\n                              }}\r\n                            >\r\n                              <button\r\n                                type=\"submit\"\r\n                                onClick={this.RejectOrg}\r\n                                className=\"but\"\r\n                              >\r\n                                Submit\r\n                              </button>\r\n                              &nbsp;&nbsp;\r\n                              <button\r\n                                type=\"submit\"\r\n                                onClick={() => this.detailData(this.props.location.state.Id)}\r\n                                className=\" btn-Secondary\"\r\n                              >\r\n                                Cancel\r\n                              </button>\r\n                            </div>\r\n                          </form>\r\n\r\n                          {/* </div> */}\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {this.state.loading === true ? <LoadingPage /> : null}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport $ from \"jquery\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class Filter extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      formErrors: {},\r\n      Notification: [],\r\n      Pending: [],\r\n      allNotify: [],\r\n      edus: [],\r\n      PG: [],\r\n      UG: [],\r\n      PHD: [],\r\n      UGbtn: true,\r\n      PGbtn: false,\r\n      PHDbtn: false,\r\n    };\r\n    this.Multidelete = this.Multidelete.bind(this);\r\n\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleFormValidation = this.handleFormValidation.bind(this);\r\n    this.Edit = this.Edit.bind(this);\r\n  }\r\n\r\n  componentWillMount() {\r\n    $(document).ready(function () {\r\n      $(\"#add-SAEducat\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#Btn_SAEdu\").click(function () {\r\n        $(\"#add-SAEducat\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#myInput\").click(function () {\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#myInput1\").click(function () {\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#myInput2\").click(function () {\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      });\r\n    });\r\n  }\r\n\r\n  handleFormValidation() {\r\n    var Degree = document.getElementById(\"ug\").value;\r\n    var CourseName = document.getElementById(\"CourseName\").value;\r\n    var Specialization = document.getElementById(\"Specialization\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!Degree) {\r\n      formIsValid = false;\r\n      formErrors[\"UGErr\"] = \"Degree is required\";\r\n    }\r\n    if (!CourseName) {\r\n      formIsValid = false;\r\n      formErrors[\"PGErr\"] = \"Course Name is required\";\r\n    }\r\n\r\n    if (!Specialization) {\r\n      formIsValid = false;\r\n      formErrors[\"SpecializationErr\"] = \"Specialization is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n\r\n    if (this.handleFormValidation()) {\r\n      const data = new FormData(event.target);\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n\r\n      const accessToken = user;\r\n      const url = `${BASE_URLs}/Education/MasterUG`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: \"Bearer \" + accessToken,\r\n        },\r\n        body: data,\r\n      };\r\n      this.setState(this.initialState);\r\n      const response = await fetch(url, options);\r\n      var result = await response.json();\r\n      if (result.status === \"Success\") {\r\n        alert(result.message);\r\n      }\r\n\r\n      document.getElementById(\"SAEduform\").reset();\r\n      document.getElementById(\"add-SAEducat\").style.display = \"none\";\r\n    }\r\n    this.GetMasterUG();\r\n    this.GetMasterPG();\r\n    this.GetMasterPHD();\r\n  };\r\n\r\n  GetMasterUG() {\r\n    let url = `${BASE_URLs}/Education/GetMasterUG`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          edus: data,\r\n          UG: data,\r\n        });\r\n      });\r\n  }\r\n  MasterUGFilter = (e) => {\r\n    const edus = this.state.UG.filter(\r\n      (item) =>\r\n        item.courseName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.specialization.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ edus });\r\n  };\r\n\r\n  GetMasterPG() {\r\n    let url = `${BASE_URLs}/Education/GetMasterPG`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          PG: data,\r\n          EduPG: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  MasterPGFilter = (e) => {\r\n    const PG = this.state.EduPG.filter(\r\n      (item) =>\r\n        item.courseName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.specialization.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ PG });\r\n  };\r\n\r\n  GetMasterPHD() {\r\n    let url = `${BASE_URLs}/Education/GetMasterPHD`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          PHD: data,\r\n          EduPHD: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  MasterPHDFilter = (e) => {\r\n    const PHD = this.state.EduPHD.filter(\r\n      (item) =>\r\n        item.courseName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.specialization.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ PHD });\r\n  };\r\n\r\n  EditUG(Id, SName, desc) {\r\n    var page = {\r\n      pathname: \"/EditMasterUG\",\r\n      state: {\r\n        Id: Id,\r\n        SName: SName,\r\n        desc: desc,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  EditPG(Id, SName, desc) {\r\n    var page = {\r\n      pathname: \"/EditMasterPG\",\r\n      state: {\r\n        Id: Id,\r\n        SName: SName,\r\n        desc: desc,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  EditPHD(Id, SName, desc) {\r\n    var page = {\r\n      pathname: \"/EditMasterphd\",\r\n      state: {\r\n        Id: Id,\r\n        SName: SName,\r\n        desc: desc,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  DeleteMasterUG(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Education/DeleteMasterUG?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n          document.getElementById(\"SAEduform\").reset();\r\n        });\r\n      });\r\n      this.GetMasterUG();\r\n      this.GetMasterPG();\r\n      this.GetMasterPHD();\r\n    }\r\n  }\r\n\r\n  DeleteMasterPG(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Education/DeleteMasterPG?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n          document.getElementById(\"SAEduform\").reset();\r\n        });\r\n      });\r\n      this.GetMasterUG();\r\n      this.GetMasterPG();\r\n      this.GetMasterPHD();\r\n    }\r\n  }\r\n\r\n  DeleteMasterPHD(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Education/DeleteMasterPHD?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n          document.getElementById(\"SAEduform\").reset();\r\n        });\r\n      });\r\n      this.GetMasterUG();\r\n      this.GetMasterPG();\r\n      this.GetMasterPHD();\r\n    }\r\n  }\r\n\r\n  Edit(Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/EditSuperEducation\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n\r\n    var Degree = document.getElementById(\"ug\").value;\r\n    var CourseName = document.getElementById(\"CourseName\").value;\r\n    var Specialization = document.getElementById(\"Specialization\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!Degree) {\r\n      formIsValid = false;\r\n      formErrors[\"UGErr\"] = \"Degree is required\";\r\n    } else if (!CourseName) {\r\n      formIsValid = false;\r\n      formErrors[\"PGErr\"] = \"Course Name is required\";\r\n    } else if (!Specialization) {\r\n      formIsValid = false;\r\n      formErrors[\"SpecializationErr\"] = \"Specialization is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetMasterUG();\r\n    this.GetMasterPG();\r\n    this.GetMasterPHD();\r\n  }\r\n\r\n  checkAll(event) {\r\n    var checkboxes = document.getElementsByName(\"UgID\");\r\n    let count = checkboxes.length;\r\n    if (event.target.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Education selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n  checkAllPG(event) {\r\n    var checkboxes = document.getElementsByName(\"PgID\");\r\n    let count = checkboxes.length;\r\n    if (event.target.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Education selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  checkAllPHD(event) {\r\n    var checkboxes = document.getElementsByName(\"PhdID\");\r\n    let count = checkboxes.length;\r\n    if (event.target.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Education selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  Multidelete(event) {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(`${BASE_URLs}/Education/Multidelete`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        toast.success(data.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.GetMasterUG();\r\n        this.GetMasterPG();\r\n        this.GetMasterPHD();\r\n      });\r\n    // this.Team();\r\n    //    document.getElementById(\"delete\").setAttribute('style', 'visibility: hidden;');\r\n    //        document.getElementById(\"deletecount\").setAttribute('style', 'visibility: hidden;');\r\n    var checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n\r\n    for (var i = 0; i < checkboxes.length; i++) {\r\n      checkboxes[i].checked = false;\r\n    }\r\n  }\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Education selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          \"<span> \" + checkboxes.length + \" Education selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const { UGErr, PGErr, SpecializationErr } = this.state.formErrors;\r\n    const { edus, PG, PHD } = this.state;\r\n    var UGfilename = `O_${username}_SA_UG`;\r\n    var PGfilename = `O_${username}_SA_PG`;\r\n    var PHDfilename = `O_${username}_SA_PHD`;\r\n\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <div className=\"glowBox\">\r\n                      <div style={{ float: \"left\" }}>\r\n                        <Link to onClick={() => this.props.history.goBack()}>\r\n                          <i\r\n                            className=\"icofont icofont-arrow-left\"\r\n                            style={{ fontSize: \"45px\", color: \"white\" }}\r\n                          />\r\n                        </Link>{\" \"}\r\n                      </div>\r\n                      <h4 className=\"title\">Education</h4>\r\n                    </div>\r\n                    <div className=\"card-header-right\"></div>\r\n                    <form\r\n                      autoComplete=\"on\"\r\n                      id=\"SAEduform\"\r\n                      encType=\"multipart/form-data\"\r\n                      onSubmit={this.handleSubmit}\r\n                    >\r\n                      <div className=\"card-block\">\r\n                        <div className=\"row\">\r\n                          <div className=\"col-lg-2\">\r\n                            <ul className=\"menu\">\r\n                              <li\r\n                                className=\"dropdown dropdown-1\"\r\n                                style={{ height: \"40px\", width: \"200px\" }}\r\n                              >\r\n                                Education Menus\r\n                                <ul className=\"dropdown_menu dropdown_menu-1\">\r\n                                  <li className=\"dropdown_item-1\">\r\n                                    <button\r\n                                      className=\"btn\"\r\n                                      id=\"Btn_SAEdu\"\r\n                                      type=\"button\"\r\n                                      style={{ background: \"white\" }}\r\n                                    >\r\n                                      Add{\" \"}\r\n                                    </button>\r\n                                    {/* <Link to=\"AddEducation\"   type=\"button\" style={{width:\"125px\",background:\"white\"}} id=\"addRow\"  className=\"btn \">Add  </Link> */}\r\n                                  </li>\r\n\r\n                                  <li className=\"dropdown_item-2\">\r\n                                    <input\r\n                                      id=\"myInput\"\r\n                                      onFocus={(e) => {\r\n                                        this.setState({\r\n                                          UGbtn: true,\r\n                                          PGbtn: false,\r\n                                          PHDbtn: false,\r\n                                        });\r\n                                      }}\r\n                                      className=\"btn\"\r\n                                      value=\"UG\"\r\n                                      type=\"button\"\r\n                                      style={{\r\n                                        borderColor: \"white\",\r\n                                        height: \"42px\",\r\n                                        padding: \"inherit\",\r\n                                        textAlign: \"center\",\r\n                                        width: \"125px\",\r\n                                        background: \"white\",\r\n                                      }}\r\n                                    />\r\n                                  </li>\r\n\r\n                                  <li className=\"dropdown_item-3\">\r\n                                    <input\r\n                                      name=\"SkillName\"\r\n                                      value=\"PG\"\r\n                                      className=\"btn\"\r\n                                      type=\"button\"\r\n                                      onFocus={(e) => {\r\n                                        this.setState({\r\n                                          UGbtn: false,\r\n                                          PGbtn: true,\r\n                                          PHDbtn: false,\r\n                                        });\r\n                                      }}\r\n                                      id=\"myInput1\"\r\n                                      style={{\r\n                                        borderColor: \"white\",\r\n                                        height: \"42px\",\r\n                                        padding: \"inherit\",\r\n                                        textAlign: \"center\",\r\n                                        width: \"125px\",\r\n                                        background: \"white\",\r\n                                      }}\r\n                                    />\r\n                                  </li>\r\n\r\n                                  <li className=\"dropdown_item-4\">\r\n                                    <input\r\n                                      name=\"SkillName\"\r\n                                      type=\"button\"\r\n                                      className=\"btn\"\r\n                                      value=\"PHD\"\r\n                                      id=\"myInput2\"\r\n                                      onFocus={(e) => {\r\n                                        this.setState({\r\n                                          UGbtn: false,\r\n                                          PGbtn: false,\r\n                                          PHDbtn: true,\r\n                                        });\r\n                                      }}\r\n                                      style={{\r\n                                        borderColor: \"white\",\r\n                                        height: \"42px\",\r\n                                        padding: \"inherit\",\r\n                                        textAlign: \"center\",\r\n                                        width: \"125px\",\r\n                                        background: \"white\",\r\n                                      }}\r\n                                    />\r\n                                  </li>\r\n                                </ul>\r\n                              </li>\r\n                            </ul>\r\n                          </div>\r\n                          <div className=\"col-lg-2\">\r\n                            {this.state.UGbtn ? (\r\n                              <ReactHTMLTableToExcel\r\n                                className=\"btn\"\r\n                                table=\"add-row-Ugtable\"\r\n                                filename={UGfilename}\r\n                                sheet=\"Sheet\"\r\n                                buttonText=\"Export To Excel\"\r\n                                id=\"exportxlUG\"\r\n                                style={{ display: \"none\", color: \"white\" }}\r\n                              />\r\n                            ) : null}\r\n\r\n                            {this.state.PGbtn ? (\r\n                              <ReactHTMLTableToExcel\r\n                                className=\"btn\"\r\n                                table=\"add-row-Pgtable\"\r\n                                filename={PGfilename}\r\n                                sheet=\"Sheet\"\r\n                                buttonText=\"Export To Excel \"\r\n                                id=\"exportxlPG\"\r\n                                style={{ display: \"none\", color: \"white\" }}\r\n                              />\r\n                            ) : null}\r\n\r\n                            {this.state.PHDbtn ? (\r\n                              <ReactHTMLTableToExcel\r\n                                className=\"btn\"\r\n                                table=\"add-row-Phdtable\"\r\n                                filename={PHDfilename}\r\n                                sheet=\"Sheet\"\r\n                                buttonText=\"Export To Excel \"\r\n                                id=\"exportxlPHD\"\r\n                                style={{ display: \"none\", color: \"white\" }}\r\n                              />\r\n                            ) : null}\r\n                          </div>\r\n                          <div className=\"col-lg-8\">\r\n                            {this.state.UGbtn ? (\r\n                              <input\r\n                                id=\"searchug\"\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search \"\r\n                                onKeyUp={this.MasterUGFilter}\r\n                                style={{ float: \"right\", padding: \"5px\" }}\r\n                              />\r\n                            ) : null}\r\n                            {this.state.PGbtn ? (\r\n                              <input\r\n                                id=\"searchpg\"\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search \"\r\n                                onKeyUp={this.MasterPGFilter}\r\n                                style={{ float: \"right\", padding: \"5px\" }}\r\n                              />\r\n                            ) : null}\r\n                            {this.state.PHDbtn ? (\r\n                              <input\r\n                                id=\"searchphd\"\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search \"\r\n                                onKeyUp={this.MasterPHDFilter}\r\n                                style={{ float: \"right\", padding: \"5px\" }}\r\n                              />\r\n                            ) : null}\r\n                          </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-lg-12\" id=\"add-SAEducat\">\r\n                          <br />\r\n                          <br />\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-4\">\r\n                              <select\r\n                                className=\"form\"\r\n                                name=\"Degree\"\r\n                                id=\"ug\"\r\n                                onInputCapture={this.HandleUg}\r\n                                onChange={this.handleChange}\r\n                                type=\"text\"\r\n                              >\r\n                                <option value=\"\"> Select </option>\r\n                                <option value=\"UG\" name=\"UG\">\r\n                                  {\" \"}\r\n                                  UG{\" \"}\r\n                                </option>\r\n                                <option value=\"PG\" name=\"PG\">\r\n                                  PG\r\n                                </option>\r\n                                <option value=\"PHD\" name=\"PHD\">\r\n                                  PHD\r\n                                </option>\r\n                              </select>\r\n                              <span\r\n                                className={UGErr ? \" showError\" : \"\"}\r\n                              ></span>\r\n                              {UGErr && (\r\n                                <div\r\n                                  style={{ color: \"red\", paddingBottom: 10 }}\r\n                                >\r\n                                  {UGErr}\r\n                                </div>\r\n                              )}\r\n                            </div>\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"form\"\r\n                                name=\"CourseName\"\r\n                                type=\"text\"\r\n                                id=\"CourseName\"\r\n                                onChange={this.handleChange}\r\n                                placeholder=\"CourseName\"\r\n                              />\r\n                              <span\r\n                                className={PGErr ? \" showError\" : \"\"}\r\n                              ></span>\r\n                              {PGErr && (\r\n                                <div\r\n                                  style={{ color: \"red\", paddingBottom: 10 }}\r\n                                >\r\n                                  {PGErr}\r\n                                </div>\r\n                              )}\r\n                            </div>\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"form\"\r\n                                name=\"Specialization\"\r\n                                id=\"Specialization\"\r\n                                type=\"text\"\r\n                                onChange={this.handleChange}\r\n                                placeholder=\"Specialization\"\r\n                              />\r\n                              <span\r\n                                className={\r\n                                  SpecializationErr ? \" showError\" : \"\"\r\n                                }\r\n                              ></span>\r\n                              {SpecializationErr && (\r\n                                <div\r\n                                  style={{ color: \"red\", paddingBottom: 10 }}\r\n                                >\r\n                                  {SpecializationErr}\r\n                                </div>\r\n                              )}\r\n                              <span className=\"underline\" />\r\n                            </div>\r\n                          </div>\r\n                          <div\r\n                            className=\"row\"\r\n                            style={{\r\n                              display: \"flex\",\r\n                              justifyContent: \"center\",\r\n                            }}\r\n                          >\r\n                            <div className=\"col-lg-1\">\r\n                              <button\r\n                                type=\"submit\"\r\n                                id=\"saverow2\"\r\n                                className=\"btn\"\r\n                                style={{\r\n                                  float: \"right\",\r\n                                  height: \"40.4px\",\r\n                                  width: \"83.36px\",\r\n                                }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </form>\r\n                    <form\r\n                      autoComplete=\"on\"\r\n                      encType=\"multipart/form-data\"\r\n                      onSubmit={this.Multidelete}\r\n                    >\r\n                      <br />\r\n                      <br />\r\n                      <div className=\"card-block2\">\r\n                        {\" \"}\r\n                        <div\r\n                          id=\"selectalldiv\"\r\n                          style={{ visibility: \"hidden\" }}\r\n                        ></div>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"multitrash\"\r\n                          id=\"delete\"\r\n                          style={{ float: \"right\", visibility: \"hidden\" }}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-delete-alt\"\r\n                            style={{ color: \"darkgray\" }}\r\n                          ></i>\r\n                        </button>\r\n                        <span\r\n                          id=\"deletecount\"\r\n                          className=\"multitrash\"\r\n                          style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                        ></span>\r\n                        <br />\r\n                        <div className=\"dt-responsive table-responsive Centergrid\">\r\n                          {this.state.UGbtn ? (\r\n                            <table\r\n                              id=\"add-row-Ugtable\"\r\n                              className=\"table nowrap\"\r\n                            >\r\n                              <input\r\n                                name=\"status\"\r\n                                value=\"ug\"\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n\r\n                              <thead>\r\n                                <tr>\r\n                                  <th>\r\n                                    <input\r\n                                      type=\"checkbox\"\r\n                                      id=\"selectall\"\r\n                                      name=\"ugselect\"\r\n                                      onClick={this.checkAll}\r\n                                    />\r\n                                  </th>\r\n\r\n                                  <th>CourseName</th>\r\n                                  <th>Specialization</th>\r\n                                  <th>Actions </th>\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {edus.map((edu) => (\r\n                                  <tr>\r\n                                    <td>\r\n                                      <input\r\n                                        defaultValue={edu.id}\r\n                                        onClick={this.handlecheckbox}\r\n                                        name=\"UgID\"\r\n                                        type=\"checkbox\"\r\n                                      />\r\n                                    </td>\r\n                                    <td>{edu.courseName}</td>\r\n                                    <td>{edu.specialization}</td>\r\n                                    <td>\r\n                                      <img\r\n                                        alt=\"edit\"\r\n                                        onClick={() =>\r\n                                          this.EditUG(\r\n                                            edu.id,\r\n                                            edu.courseName,\r\n                                            edu.specialization\r\n                                          )\r\n                                        }\r\n                                        src=\"https://img.icons8.com/android/22/000000/pencil.png\"\r\n                                      />\r\n                                    </td>\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n                          ) : null}\r\n                          {this.state.PGbtn ? (\r\n                            <table\r\n                              id=\"add-row-Pgtable\"\r\n                              className=\"table nowrap\"\r\n                            >\r\n                              <input\r\n                                name=\"status\"\r\n                                value=\"pg\"\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n\r\n                              <thead>\r\n                                <tr>\r\n                                  <th>\r\n                                    <input\r\n                                      type=\"checkbox\"\r\n                                      id=\"selectall\"\r\n                                      name=\"ugselect\"\r\n                                      onClick={this.checkAllPG}\r\n                                    />\r\n                                  </th>\r\n\r\n                                  <th>CourseName</th>\r\n                                  <th>Specialization</th>\r\n                                  <th>Actions</th>\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {PG.map((PG) => (\r\n                                  <tr>\r\n                                    <td>\r\n                                      <input\r\n                                        defaultValue={PG.id}\r\n                                        onClick={this.handlecheckbox}\r\n                                        name=\"PgID\"\r\n                                        type=\"checkbox\"\r\n                                      />\r\n                                    </td>\r\n                                    <td>{PG.courseName}</td>\r\n                                    <td>{PG.specialization}</td>\r\n                                    <td>\r\n                                      <img\r\n                                        alt=\"edit\"\r\n                                        onClick={() =>\r\n                                          this.EditPG(\r\n                                            PG.id,\r\n                                            PG.courseName,\r\n                                            PG.specialization\r\n                                          )\r\n                                        }\r\n                                        src=\"https://img.icons8.com/android/22/000000/pencil.png\"\r\n                                      />\r\n                                    </td>\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n                          ) : null}\r\n                          {this.state.PHDbtn ? (\r\n                            <table\r\n                              id=\"add-row-Phdtable\"\r\n                              className=\"table nowrap\"\r\n                            >\r\n                              <input\r\n                                name=\"status\"\r\n                                value=\"phd\"\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n\r\n                              <thead>\r\n                                <tr>\r\n                                  <th>\r\n                                    <input\r\n                                      type=\"checkbox\"\r\n                                      id=\"selectall\"\r\n                                      onClick={this.handlecheckbox}\r\n                                      name=\"phdselect\"\r\n                                      onClickCapture={this.checkAllPHD}\r\n                                    />\r\n                                  </th>\r\n                                  <th>CourseName</th>\r\n                                  <th>Actions </th>\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {PHD.map((PHD) => (\r\n                                  <tr>\r\n                                    <td>\r\n                                      <input\r\n                                        name=\"PhdID\"\r\n                                        onClick={this.handlecheckbox}\r\n                                        defaultValue={PHD.id}\r\n                                        type=\"checkbox\"\r\n                                      />\r\n                                    </td>\r\n                                    <td>{PHD.specialization}</td>\r\n                                    <td>\r\n                                      <img\r\n                                        alt=\"edit\"\r\n                                        onClick={() =>\r\n                                          this.EditPHD(\r\n                                            PHD.id,\r\n                                            PHD.courseName,\r\n                                            PHD.specialization\r\n                                          )\r\n                                        }\r\n                                        src=\"https://img.icons8.com/android/22/000000/pencil.png\"\r\n                                      />\r\n                                    </td>\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n                          ) : null}\r\n\r\n                          <br />\r\n                        </div>\r\n                      </div>\r\n                    </form>{\" \"}\r\n                  </div>\r\n                  <br />\r\n                  <br />\r\n                  <br />\r\n                  <br />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport LoadingPage from \"../../Common/LoadingPage\";\r\nimport LogoCompo from \"../../Common/LogoCompo\";\r\nimport \"../../Css/SigninStyle.css\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class Signin extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      email: \"\",\r\n      PasswordL: \"\",\r\n      formErrors: {},\r\n      Eye: false,\r\n      loading: false,\r\n      passingemail: ``,\r\n    };\r\n  }\r\n  componentDidMount = () => {\r\n    const emailSuffix = window.location.href.split(\"Login/\")[1];\r\n    if (!emailSuffix.endsWith(\".in\") && !emailSuffix.endsWith(\".org\")) {\r\n      this.setState({\r\n        passingemail: emailSuffix + \".com\",\r\n      });\r\n    } \r\n    else {\r\n      this.setState({\r\n        passingemail: emailSuffix,\r\n      });\r\n    }\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    var email = document.getElementById(\"Email\").value;\r\n    var PasswordL = document.getElementById(\"Password\").value;\r\n\r\n    // const {email,PasswordL}= this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    //name name\r\n    /*   if (!name) {    \r\n        formIsValid = false;    \r\n        formErrors[\"nameErr\"] = \"Name is required\" ;    \r\n    }     */\r\n    //User name\r\n\r\n    //Email\r\n    if (!email || email.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"emailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n      formIsValid = false;\r\n      formErrors[\"emailErr\"] = \"Invalid Email Address\";\r\n    } else if (!PasswordL || PasswordL.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"Password is required\";\r\n    }\r\n    // else if(!(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,20}$/.test(PasswordL))){\r\n    // formIsValid = false;\r\n    // formErrors[\"passwordErr\"] = \"Invalid Password\";\r\n\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  handleFormValidation() {\r\n    var email = document.getElementById(\"Email\").value;\r\n    var PasswordL = document.getElementById(\"Password\").value;\r\n\r\n    // const {email,PasswordL}= this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //User name\r\n\r\n    //Email\r\n    if (!email || email.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"emailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n      formIsValid = false;\r\n      formErrors[\"emailErr\"] = \"Invalid Email\";\r\n    }\r\n    if (!PasswordL || PasswordL.trim() == \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"passwordErr\"] = \"Password is required\";\r\n    }\r\n    // else if(!(/^(?=.*[A-Za-z])(?=.*\\d)(?=.*[@$!%*#?&])[A-Za-z\\d@$!%*#?&]{8,}$/.test(PasswordL))){\r\n    // formIsValid = false;\r\n    // formErrors[\"passwordErr\"] = \"Invalid Password\";\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  togglePassword = () => {\r\n    this.setState({ Eye: !this.state.Eye });\r\n  };\r\n\r\n  UserLogin = async (event) => {\r\n    event.preventDefault();\r\n\r\n    if (this.handleFormValidation()) {\r\n      this.setState({ loading: true });\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Accept: \"application/json\",\r\n        },\r\n        body: JSON.stringify({\r\n          Email: this.state.passingemail,\r\n          Password: this.state.PasswordL,\r\n        }),\r\n      };\r\n      const url = `${BASE_URLs}/Authenticate/UserLogin`;\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(\"Logged In Successfully\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        localStorage.setItem(\"user\", JSON.stringify(result.token));\r\n        localStorage.setItem(\"Role\", JSON.stringify(result.role));\r\n        localStorage.setItem(\"uname\", JSON.stringify(result.uname));\r\n        localStorage.setItem(\"org\", JSON.stringify(result.org));\r\n        localStorage.setItem(\"username\", JSON.stringify(result.username));\r\n        var role = JSON.parse(localStorage.Role);\r\n        role = role.toString();\r\n        return role === \"User\" && this.props.history.push(\"/UserReset\");\r\n      }\r\n      if (result.title === \"Unauthorized\") {\r\n        alert(\"Invalid Username or Password \");\r\n        // document.getElementById(\"myForm\").reset();\r\n      }\r\n      if (result.status === \"Error\") {\r\n        alert(result.message);\r\n      }\r\n    }\r\n\r\n    this.setState({ loading: false });\r\n  };\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { emailErr, passwordErr,} = this.state.formErrors;\r\n    return (\r\n      <div>\r\n        <div>\r\n          <div className=\"bgImg\" />\r\n          <div className=\"content\">\r\n            <br />\r\n            <LogoCompo />\r\n            <ToastContainer\r\n              position=\"top-center\"\r\n              autoClose={1500}\r\n              hideProgressBar={false}\r\n              newestOnTop={false}\r\n              closeOnClick\r\n              rtl={false}\r\n              pauseOnFocusLoss\r\n              draggable\r\n              pauseOnHover\r\n            />\r\n            <div\r\n              className={\r\n                w < 992\r\n                  ? \"  h-100 align-items-center justify-content-center\"\r\n                  : \" d-flex h-100 align-items-center justify-content-center\"\r\n              }\r\n            >\r\n              <div className=\"container\">\r\n                <div className=\"row\">\r\n                  <div\r\n                    className={\r\n                      w < 992\r\n                        ? \" col-sm-12 ml-auto mr-auto\"\r\n                        : \"col-md-4 col-sm-6 ml-auto mr-auto\"\r\n                    }\r\n                  >\r\n                    <div className=\"card-copy\">\r\n                      <div className=\"card-body\">\r\n                        <form onSubmit={this.UserLogin}>\r\n                          <br />\r\n                          <br />\r\n                          <br />{\" \"}\r\n                          <div>\r\n                            <h4 className=\"title1\">\r\n                              <span className=\"shadows\">User Login</span>\r\n                            </h4>\r\n                          </div>\r\n                          <div className=\"signUp\">\r\n                            <span>\r\n                              <input\r\n                                type=\"text\"\r\n                                className=\"form\"\r\n                                id=\"Email\"\r\n                                maxLength=\"30\"\r\n                                onChange={this.handleChange}\r\n                                defaultValue={this.state.passingemail}\r\n                                name=\"email\"\r\n                                placeholder=\"Email \"\r\n                                autoComplete=\"off\"\r\n                                style={{ cursor: \"auto\" }}\r\n                                disabled\r\n                              />\r\n                              {emailErr && (\r\n                                <span\r\n                                  style={{ color: \"red\", paddingBottom: 10 }}\r\n                                >\r\n                                  {emailErr}\r\n                                </span>\r\n                              )}{\" \"}\r\n                              <span className=\"underline\" />\r\n                            </span>\r\n\r\n                            <>\r\n                              <div style={{ display: \"flex\" }}>\r\n                                <input\r\n                                  type={!this.state.Eye ? \"password\" : \"text\"}\r\n                                  className=\"form\"\r\n                                  id=\"Password\"\r\n                                  onChange={this.handleChange}\r\n                                  name=\"PasswordL\"\r\n                                  maxLength=\"20\"\r\n                                  placeholder=\"Password\"\r\n                                  autoComplete=\"off\"\r\n                                />\r\n                                <span\r\n                                  className={\r\n                                    !this.state.Eye\r\n                                      ? \"fa fa-eye eyelogoA\"\r\n                                      : \"fa fa-eye-slash eyelogoA\"\r\n                                  }\r\n                                  id=\"eye\"\r\n                                  onClick={this.togglePassword}\r\n                                ></span>\r\n                                {/* eye-blocked */}\r\n                              </div>\r\n                              <span className=\"underline\" />\r\n                              {passwordErr && (\r\n                                <div>\r\n                                  <span\r\n                                    style={{ color: \"red\", paddingBottom: 10 }}\r\n                                  >\r\n                                    {passwordErr}\r\n                                  </span>\r\n                                  <br />\r\n                                </div>\r\n                              )}\r\n                            </>\r\n                          </div>\r\n                          <div\r\n                            className=\"text-center\"\r\n                            style={{ marginTop: \"10px\" }}\r\n                          >\r\n                            <button\r\n                              type=\"submit\" //onClick={() => {this.UserLogin()}}\r\n                              className=\"but\"\r\n                              style={{ width: \"83.36px\" }}\r\n                            >\r\n                              Login\r\n                            </button>\r\n                          </div>\r\n                        </form>\r\n                      </div>\r\n                      <br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {this.state.loading === true ? <LoadingPage /> : null}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport moment from 'moment';\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport ReactDatePicker from \"react-datepicker\";\r\nexport default class EditDesignationModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    const today = new Date();\r\n    this.state = {\r\n      formErrors: {},\r\n      EducationDrop: [],\r\n      EducationCourseName: [],\r\n      isButtonDisabled: false,\r\n      isChrome: false,\r\n      maxDateS: new Date(today.getFullYear(), today.getMonth(), today.getDate()),\r\n      isChrome1: /Chrome/.test(navigator.userAgent),\r\n      isFirefox: navigator.userAgent.toLowerCase().indexOf('firefox') > -1,\r\n      DisFire: false,\r\n      DisFireStart: false,\r\n      startDate: this.props.value.CourseStartDate ? new Date(this.props.value.CourseStartDate) : null,\r\n      endDate: this.props.value.CourseEndDate ? new Date(this.props.value.CourseEndDate) : null,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  UserEducationDropdownList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserEducationDetails/GetQualificationtype`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ EducationDrop: data });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.UserEducationDropdownList();\r\n    const isChrome = navigator.userAgent.indexOf(\"Chrome\") !== -1;\r\n    this.setState({ isChrome });\r\n  }\r\n\r\n  handlevalueChange = (e) => {\r\n    e.preventDefault();\r\n    var value = e.target.value;\r\n    //e.target.value\r\n\r\n    if (\r\n      e.target.value === \"Graduation\" ||\r\n      e.target.value === \"Post Graduation\" ||\r\n      e.target.value === \"Doctorate\"\r\n    ) {\r\n      var flag =\r\n        value === \"Graduation\"\r\n          ? \"1\"\r\n          : value === \"Post Graduation\"\r\n            ? \"2\"\r\n            : value === \"Doctorate\"\r\n              ? \"3\"\r\n              : null;\r\n\r\n      const options = {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      };\r\n      fetch(\r\n        ` ${BASE_URLs}/UserEducationDetails/GetUserEducationCourseName?flag=${flag}`,\r\n        options\r\n      )\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({ EducationCourseName: data });\r\n          // console.log(\"Course\", data);\r\n        });\r\n    } else {\r\n      this.setState({ EducationCourseName: [] });\r\n    }\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n\r\n    if (this.Validation()) {\r\n\r\n      const url = `${BASE_URLs}/UserEducationDetails/EditUserEducation`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 4000);\r\n        this.setState({ isButtonDisabled: true });\r\n      }\r\n      else if (result.status === \"Error\") {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({ isButtonDisabled: false });\r\n        // setTimeout(function () {\r\n        //   document.getElementById(\"close\").click();\r\n        // }, 4000);\r\n      }\r\n    }\r\n  };\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Qualification = document.getElementById(\"Qualification\").value;\r\n    var St_date = document.getElementById(\"St_date\").value;\r\n    var Coursename = document.getElementById(\"Coursename\").value;\r\n    var End_date = document.getElementById(\"End_date\").value;\r\n    var Coursetype = document.getElementById(\"Coursetype\").value;\r\n    var clg_name = document.getElementById(\"clg_name\").value;\r\n    var stream = document.getElementById(\"stream\").value;\r\n    var unisty_name = document.getElementById(\"unisty_name\").value;\r\n    var OthersQualification = document.getElementById(\"othersQualification\").value;\r\n\r\n    if (!Qualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    }\r\n    if (Qualification === 'Others' && !OthersQualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (OthersQualification !== \"\" && OthersQualification.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n\r\n    if (!St_date) {\r\n      formIsValid = false;\r\n      formErrors[\"St_date\"] = \"Start From is required\";\r\n    }\r\n    if (!Coursename) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"Course Name is required\";\r\n    }\r\n    else if (Coursename.length < 2) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 2 characters are required</div>;\r\n    }\r\n    // else if (Qualification !== \"Graduation\" && Qualification !== \"Post Graduation\" && Qualification !== \"Doctorate\"  && Coursename.length < 3 && Coursename !== \"-\") {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Coursename\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 3 characters are required</div>;\r\n    // }\r\n\r\n    if (!End_date) {\r\n      formIsValid = false;\r\n      formErrors[\"End_date\"] = \"End is required\";\r\n    } else if (St_date != null && End_date != null) {\r\n      if (St_date === End_date) {\r\n        formIsValid = false;\r\n        formErrors[\"End_date\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>Start From and End is Same</div>;\r\n      }\r\n      if (new Date(St_date).getTime() > new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"End_date\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>Start From Should less then End</div>;\r\n      }\r\n    }\r\n\r\n    if (!Coursetype) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursetype\"] = \"Course Type is required\";\r\n    }\r\n    if (clg_name.trim() !== \"\" && clg_name !== \"-\" && clg_name.length < 3) {\r\n      formIsValid = false;\r\n      formErrors['clg_name'] = (\r\n        <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>\r\n          A minimum of 3 characters is required\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (stream.trim() !== \"\" && stream !== \"-\" && stream.length < 3) {\r\n      formIsValid = false;\r\n      formErrors['stream'] = (\r\n        <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>\r\n          A minimum of 3 characters is required\r\n        </div>\r\n      );\r\n    }\r\n\r\n    // if (!clg_name) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"clg_name\"] = \"College Name  is required\";\r\n    // }else if (clg_name.length < 3) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"clg_name\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 3 characters are required</div>;\r\n    // }\r\n    // if (!stream) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"stream\"] = \"Stream is required\";\r\n    // }else if (stream.length < 3) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"stream\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 3 characters are required</div>;\r\n    // }\r\n    if (!unisty_name) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"University Name is required\";\r\n    } else if (unisty_name.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 3 characters are required</div>;\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n  handlevalueChange = (e) => {\r\n    e.preventDefault();\r\n    var value = e.target.value;\r\n    //e.target.value\r\n\r\n    if (\r\n      e.target.value === \"Graduation\" ||\r\n      e.target.value === \"Post Graduation\" ||\r\n      e.target.value === \"Doctorate\"\r\n    ) {\r\n      var flag =\r\n        value === \"Graduation\"\r\n          ? \"1\"\r\n          : value === \"Post Graduation\"\r\n            ? \"2\"\r\n            : value === \"Doctorate\"\r\n              ? \"3\"\r\n              : null;\r\n\r\n      const options = {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      };\r\n      fetch(\r\n        ` ${BASE_URLs}/UserEducationDetails/GetUserEducationCourseName?flag=${flag}`,\r\n        options\r\n      )\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({ EducationCourseName: data });\r\n        });\r\n    } else {\r\n      this.setState({ EducationCourseName: [] });\r\n    }\r\n  };\r\n\r\n  handleEducationChange = (e) => {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var Qualification = document.getElementById(\"Qualification\").value;\r\n    var St_date = document.getElementById(\"St_date\").value;\r\n    var Coursename = document.getElementById(\"Coursename\").value;\r\n    var End_date = document.getElementById(\"End_date\").value;\r\n    var Coursetype = document.getElementById(\"Coursetype\").value;\r\n    var clg_name = document.getElementById(\"clg_name\").value;\r\n    var stream = document.getElementById(\"stream\").value;\r\n    var unisty_name = document.getElementById(\"unisty_name\").value;\r\n    var OthersQualification = document.getElementById(\"othersQualification\").value;\r\n\r\n    if (!Qualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (Qualification === 'Others' && !OthersQualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (OthersQualification !== \"\" && OthersQualification.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (!Coursename) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"Course Name is required\";\r\n    }\r\n    else if (Coursename.length < 2) {\r\n      formIsValid = false;\r\n      // formErrors[\"Coursename\"] = \"A Minimum of 2 characters are required\";\r\n      formErrors[\"Coursename\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 2 characters are required</div>\r\n    }\r\n    // else if (Qualification !== 'Others' && Coursename.length < 3) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Coursename\"] = \"A Minimum of 3 characters are required\";\r\n    // }\r\n    else if (!Coursetype) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursetype\"] = \"Course Type is required\";\r\n    }\r\n    // else if (!stream) {\r\n\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"stream\"] = \"Specialization is required\";\r\n    // }\r\n    // else if (stream.length < 3) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"stream\"] = \"A Minimum of 3 characters are required\";\r\n    // }\r\n    else if (!St_date) {\r\n      formIsValid = false;\r\n      formErrors[\"St_date\"] = \"Start From is required\";\r\n    } else if (!End_date) {\r\n      formIsValid = false;\r\n      formErrors[\"End_date\"] = \"End is required\";\r\n\r\n      if (St_date !== null && End_date !== null) {\r\n        if (St_date === End_date) {\r\n          formIsValid = false;\r\n          formErrors[\"End_date\"] = \" Start From and End is Same\";\r\n        }\r\n        if (new Date(St_date).getTime() > new Date(End_date).getTime()) {\r\n          formIsValid = false;\r\n\r\n          formErrors[\"End_date\"] = \" Start From Should less then End\";\r\n        }\r\n      }\r\n    } else if (!unisty_name) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"University Name is required\";\r\n    } else if (unisty_name.length < 3 && unisty_name !== \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 3 characters are required</div>;\r\n    }\r\n\r\n    // else if (!clg_name) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"clg_name\"] = \"College Name  is required\";\r\n    // }\r\n    // else if (clg_name.length < 3) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"clg_name\"] = \"A Minimum of 3 characters are required\";\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  handleDateChange = (date, name) => {\r\n    this.setState({\r\n      [name]: date,\r\n      [`${name}_formatted`]: date ? moment(date).format('YYYY-MM') : ''\r\n    }, () => this.handleEducationChange());\r\n  };\r\n\r\n  handleChangeD = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value }, () => this.handleEducationChange());\r\n  };\r\n\r\n  HandleQualification = () => {\r\n    var QualificationType = document.getElementById(\"Qualification\").value;\r\n    if (QualificationType === \"Others\") {\r\n      document.getElementById(\"othersQualification\").value = \"\";\r\n      document.getElementById(\"othersQualification\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"othersQualification\").value = \"None\";\r\n      document.getElementById(\"othersQualification\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n\r\n  handleFocus = (e) => {\r\n    const calElement = document.getElementById('Cal');\r\n    if (calElement) {\r\n      calElement.style.display = 'block';\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const { EducationDrop, EducationCourseName, isChrome, startDate, endDate, maxDateS, isFirefox } = this.state;\r\n    const {\r\n      Qualification,\r\n      St_date,\r\n      Coursename,\r\n      End_date,\r\n      Coursetype,\r\n      clg_name,\r\n      stream,\r\n      unisty_name,\r\n    } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        {\" \"}\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />{\" \"}\r\n        <div className=\"pop\">\r\n          <div className=\"popinnernormal\">\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <h1 className=\"popinnertitle\">Edit</h1>\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit}>\r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"101%\" }}\r\n              >\r\n                <input\r\n                  style={{ display: \"none\" }}\r\n                  type=\"hidden\"\r\n                  name=\"CreatedDate\"\r\n                  value={this.props.value.Created_Date}\r\n                />\r\n                <div className=\"col-xl-5\">\r\n                  <select\r\n                    className=\"effect-16\"\r\n                    id=\"Qualification\"\r\n                    defaultValue={this.props.value.QualificationType}\r\n                    name=\"QualificationType\"\r\n                    // onChange={this.handleChange}\r\n                    onChange={(e) => {\r\n                      this.handleChangeD(e);\r\n                      this.handlevalueChange(e);\r\n                    }}\r\n                    onInputCapture={this.HandleQualification}\r\n                    type=\"text\"\r\n                    placeholder=\"Qualification Type\"\r\n                    style={{\r\n                      // Apply the marginLeft style only if the browser is Chrome\r\n                      ...(isChrome && { marginLeft: '-8px' })\r\n                    }}\r\n                  >\r\n                    <option hidden>{this.props.value.QualificationType}</option>\r\n                    <option value=\"\">Select</option>\r\n                    {EducationDrop.map((EducationDrop) => (\r\n                      <option value={EducationDrop.qualificationType}>\r\n                        {EducationDrop.qualificationType}\r\n                      </option>\r\n                    ))}\r\n                    <option value=\"Others\">Others</option>\r\n                  </select>\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"otherQualificationType\"\r\n                    placeholder=\"Others Type\"\r\n                    className=\"form\"\r\n                    id=\"othersQualification\"\r\n                    maxLength={30}\r\n                    onChange={this.handleChangeD}\r\n                  />\r\n                  {Qualification == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Qualification Type{\" \"}\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Qualification}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n                <div className=\"col-xl-5\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"OldCoursename\"\r\n                    defaultValue={\r\n                      this.props.value.Coursename\r\n                    }\r\n                  />\r\n                  <input\r\n                    className=\"effect-16\"\r\n                    maxLength=\"40\"\r\n                    type=\"text\"\r\n                    list=\"browsers\"\r\n                    id=\"Coursename\"\r\n                    name=\"Coursename\"\r\n                    onChange={(e) => {\r\n                      this.handleChangeD(e);\r\n                    }}\r\n                    defaultValue={this.props.value.Coursename}\r\n                    placeholder=\"Course Name \"\r\n                  />\r\n                  {Coursename == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Course Name\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Coursename}\r\n                    </div>\r\n                  )}\r\n                  <datalist id=\"browsers\">\r\n                    {EducationCourseName.map((EducationCourseName) => (\r\n                      <option value={EducationCourseName.coursename}></option>\r\n                    ))}\r\n                  </datalist>\r\n\r\n                  {/* <span style={{color:'#a29d9d',float:\"left\"}}>Course Name</span> */}\r\n                </div>\r\n              </div>\r\n              <br />\r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"101%\" }}\r\n              >\r\n                <div className=\"col-xl-5\">\r\n                  <input\r\n                    className=\"effect-16\"\r\n                    maxLength=\"100\"\r\n                    type=\"text\"\r\n                    id=\"stream\"\r\n                    name=\"Stream\"\r\n                    defaultValue={this.props.value.Stream}\r\n                    placeholder=\"Specialization\"\r\n                  />\r\n                  {stream == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Specialization\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{stream}</div>\r\n                  )}\r\n                </div>\r\n\r\n                <div className=\"col-xl-5\">\r\n                  <select\r\n                    className=\"effect-16\"\r\n                    type=\"text\"\r\n                    id=\"Coursetype\"\r\n                    name=\"Coursetype\"\r\n                    onChange={(e) => {\r\n                      this.handleChangeD(e);\r\n                    }}\r\n                    defaultValue={this.props.value.Coursetype}\r\n                    placeholder=\"Course Type \"\r\n                    style={{\r\n                      // Apply the marginLeft style only if the browser is Chrome\r\n                      ...(isChrome && { marginLeft: '-3px' })\r\n                    }}\r\n                  >\r\n                    <option value=\"\"> Course Type </option>\r\n                    <option value=\"Part Time\">Part Time</option>\r\n                    <option value=\"Full Time\">Full Time</option>\r\n                    <option value=\"Distance Education\">Distance Education</option>\r\n                  </select>\r\n                  {Coursetype == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Course Type\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {Coursetype}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              <br />\r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"101%\" }}\r\n              >\r\n                <div className=\"col-xl-5\">\r\n                  <ReactDatePicker\r\n                    className=\"effect-16\"\r\n                    showMonthYearPicker\r\n                    dateFormat=\"yyyy-MM\"\r\n                    maxDate={maxDateS}\r\n                    selected={startDate}\r\n                    minDate={new Date(new Date().getFullYear()\r\n                      - 60, new Date().getMonth(), 1)}\r\n                    onFocus={(e) => {\r\n                      this.setState({ DisFireStart: true }, () => this.handleFocus(e));\r\n                    }}\r\n                    onChange={(date) => this.handleDateChange(date, 'startDate')}\r\n                    type=\"text\"\r\n                    id=\"St_date\"\r\n                    name=\"CourseStartDate\"\r\n                    defaultValue={this.props.value.CourseStartDate}\r\n                    placeholder=\"Course Start Date \"\r\n                  />\r\n                  {this.state.DisFireStart && (\r\n                    <i\r\n                      id=\"Cal\"\r\n                      className=\"fa fa-calendar-o\"\r\n                      aria-hidden=\"true\"\r\n                      style={{\r\n                        float: 'right',\r\n                        marginTop: '-20px',\r\n                      }}\r\n                    ></i>\r\n                  )}\r\n                  {St_date == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Start From\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{St_date}</div>\r\n                  )}\r\n                </div>\r\n                <div className=\"col-xl-5\">\r\n                  <ReactDatePicker\r\n                    selected={endDate}\r\n                    className=\"effect-16\"\r\n                    dateFormat=\"yyyy-MM\"\r\n                    showMonthYearPicker\r\n                    onFocus={(e) => {\r\n                      this.setState({ DisFire: true }, () => this.handleFocus(e));\r\n                    }}\r\n                    max={new Date(\r\n                      new Date().getFullYear(),\r\n                      new Date().getMonth() + 1\r\n                    )\r\n                      .toJSON()\r\n                      .slice(0, 7)}\r\n                    min={new Date(\r\n                      new Date().getFullYear() - 60,\r\n                      new Date().getMonth() + 1\r\n                    )\r\n                      .toJSON()\r\n                      .slice(0, 7)}\r\n                    onChange={(date) => this.handleDateChange(date, 'endDate')}\r\n                    type=\"text\"\r\n                    id=\"End_date\"\r\n                    name=\"CourseEndDate\"\r\n                    defaultValue={this.props.value.CourseEndDate}\r\n                    placeholder=\"Course End Date \"\r\n                  />\r\n                  {this.state.DisFire && (\r\n                    <i\r\n                      id=\"Cal\"\r\n                      className=\"fa fa-calendar-o\"\r\n                      aria-hidden=\"true\"\r\n                      style={{\r\n                        float: 'right',\r\n                        marginTop: '-20px',\r\n                      }}\r\n                    ></i>\r\n                  )}\r\n                  {End_date == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      End\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {End_date}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              <br />\r\n              <div\r\n                className=\"row justify-content-center\"\r\n                style={{ width: \"101%\" }}\r\n              >\r\n                <div className=\"col-xl-5\">\r\n                  <input\r\n                    className=\"effect-16\"\r\n                    maxLength=\"80\"\r\n                    type=\"text\"\r\n                    id=\"unisty_name\"\r\n                    name=\"UniversityName\"\r\n                    onChange={(e) => {\r\n                      this.handleChangeD(e);\r\n                    }}\r\n                    defaultValue={this.props.value.UniversityName}\r\n                    placeholder=\"University Name\"\r\n                  />\r\n                  {unisty_name == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      University Name\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {unisty_name}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n                <div className=\"col-xl-5\">\r\n                  <input\r\n                    className=\"effect-16\"\r\n                    maxLength=\"80\"\r\n                    type=\"text\"\r\n                    id=\"clg_name\"\r\n                    name=\"CollegeName\"\r\n                    defaultValue={this.props.value.CollegeName}\r\n                    placeholder=\"College Name \"\r\n                  />\r\n                  {clg_name == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      College Name\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {clg_name}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n\r\n              <br />\r\n              <div className=\"col-lg-12\">\r\n                <br />\r\n                <div className=\"row  justify-content-center\">\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"button-30 sk-edit\"\r\n                    style={{\r\n                      color: \"#8e75ef\",\r\n                      fontWeight: \"bold\",\r\n                      height: \"39.5px\",\r\n                      width: \"83.36px\",\r\n                    }}\r\n                    disabled={this.state.isButtonDisabled}\r\n                  >\r\n                    Update\r\n                  </button>\r\n                  <button\r\n                    type=\"reset\"\r\n                    className=\"button-30 sk-edit\"\r\n                    style={{\r\n                      color: \"#716b6b\",\r\n                      fontWeight: \"bold\",\r\n                      marginLeft: \"2%\",\r\n                      height: \"39.5px\",\r\n                    }}\r\n                    onClick={() => this.setState({\r\n                      formErrors: \"\", startDate: this.props.value.CourseStartDate ? new Date(this.props.value.CourseStartDate) : null,\r\n                      endDate: this.props.value.CourseEndDate ? new Date(this.props.value.CourseEndDate) : null,\r\n                    })}\r\n                  >\r\n                    Cancel\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default \"data:image/jpeg;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAllBMVEUMZMX///8AYcQAWcFDf8nL3PIAWrzQ3vMAYcI0eclZjtAucslAgsz6/v3x9/sgbclOhM8AX8QAYsAAX70AV70AWMLm7vgAXb4sdsw5fsoRbsVmltK6z+iUt+AMZcGDrN3c6fNvnddiltWqwuPA0+r0+vyOrt+lweR9pduuyueUst9Lh81pldd1mtYdbcunxOXO4u7Z4fGRyVlRAAAEKUlEQVR4nO3ce1faMBzG8SblEpSCiUUuQrkMhsCc+v7f3Ko4KjW/yLY0WXOez9mf4Ml3vSW1NYoAAAAAAAAAAAAAAAAAAAAAAAAAAADgYiriIsqU72FURcapGnXHk5aMue+xVCCT6n56x960Z2OpMt8jsozz+Xve0Xqc+h6SXbKzYOeSfex7UBap+J591lThHI3awPxw5KGcVFUj0RayaRrI6UaUj8GTpfA9NivknApkvTC2YdwjC9lc+h6dBWpFB7JFCIXx1FDIRr6HZ0Fq2EkZewjgXNMnLhVH34a+x/fPeMdYOK3/gchvTIFsXf/ZKR+bC+u/DcW1cS/d1f84jFobU+H3ANYXadNU2PU9PAvkd0Ngz/forMgMhU/1P5Xm4h0ZmHQCOAzz68WEPNdsg9iE+ZH4QATeBTApPYqf9PvoKIh99E2qOxQ3jVvf47JHDT5fMl5GAQW+3tNvnF/4N3shwrhJc8Ljw/Q0Q13MJ4GcRc8IORjP99vZfpWlQe2gH3EZx7Gs/4IJAADqQ3DJX/+FM38vqHyKlA5Hhx+Pj49X43468P34CheEiz9Z+pTMlrvFaQ6YbNrblRpKf6vNbHRNKX2yT/kwSVd5XluzGGs//Ew9NfIGS/RYs3X2yUGzp7dpnMYu+zPql1mbp46f+XxeSCkVxrpt8+bmWJgJOTPeYP7m5QkWi4Wye0d94t3m3sNmtFao5OyLvle7zPnRaKlQCb6+IDBfXvddJ1oq5BH5WE7JXd/xwWilUKnJpYGM9a7dPk5mpfCWP18cmO+okdOtaKVwYHxm5ZP1wOWNPBuFneUfBTK2dHkzyEbhwfirco3NxOF+aqPw8rPMbzuHV34bhX+h4e6q6KnQ4ZM6ngrZyNlG9FXo7hfMvgp7zt7o8FXIDq52U2+FznbTKgovmgAsalq4mB0mQqjJYfvler98o6sWhevuYPh2C5jz4WD1ReMPR4soi4W91dmtXy7MK469o7mpvcLn8nRaSWPi9PzH/++FCXvW3LuXpoXxi6MllK1tqHtGLBMd0zccLYNtFR60W8T0wkqv7yTQVuGTfpfLuvRXkms3sxo7hQlx/yy7NayOO3Uq3MXExY148PFY6OZyYafwihqsXNJfGteoMCGXQoYfzxo1KmxSO2kkJvTLcXUq3BreraFnp3UqNLwT3aJPpnUqPNBjTV+CKDScFVv0t+pUaLiytegXq1BoCQoLKNRDYfVQWEChHgqrh8ICCvVQWD0UFlCoh8LqobCAQj0UVg+FBRTqobB6KCygUA+F1UNhAYV6KKweCgso1ENh9VBYQKEeCquHwkKAhe1SIf2UoaFwSP+/dB29FtTvUsbnH+Q3VxTDmxOq+zffskqJiOtFpZda+OV/M6uQKepLof0NWAAAAAAAAAAAAAAAAAAAAAAAAAAAgAr8Aj5RWY0PDbn2AAAAAElFTkSuQmCC\"","export default \"data:image/jpeg;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAmklEQVR4nO2UQQrCQAxF3xWkeBhX9RYu7FEKzrIHsB5HT9FzVMGdQkoxhaEwuphkIcyDLGbzfhLCQOFDC9yBAw4EQLTeQOMZIMDLapL6S8iYKw8qComQ1kIuiZBgKRetLkf6S77UHkf5qcjlr9YyUwGXhDzrzmO2HvIjsIvem2gSk87PwGMVUlmu5abdPle/pRkDcAV6XVcBdyYDBWPS6+oMXwAAAABJRU5ErkJggg==\"","import React, { Component } from \"react\";\r\nimport ProgressBar from \"react-bootstrap/ProgressBar\";\r\nimport \"../../Css/Textbox.css\";\r\nimport '../../Css/Teamgriddetails.css'\r\nimport $ from \"jquery\";\r\nimport EditFamilyModel from \"../../Common/EditFamilyModel\";\r\nimport EditEmergencyModel from \"../../Common/EditEmergencyModel\";\r\nimport EditSkillModel from \"../../Common/EditSkillModel\";\r\nimport EditUserEduModel from \"../../Common/EditUserEduModel\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport Select from \"react-select\";\r\nimport axios from \"axios\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport whatsapp from '../../Assets/images/whatsapp.jpg'\r\nimport twitter from '../../Assets/images/twitter.png'\r\nimport linkedin from '../../Assets/images/linkedin.png'\r\nimport facebook from '../../Assets/images/facebook.jpg'\r\nimport Skype from '../../Assets/images/skype.png'\r\nimport pencil from '../../Assets/images/pencil.png'\r\nimport DatePicker from 'react-datepicker';\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport moment from 'moment';\r\nimport ReactDatePicker from \"react-datepicker\";\r\n\r\nexport default class userprofile extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    const today = new Date();\r\n    this.state = {\r\n      profile: [],\r\n      Name: \"\",\r\n      HName: \"\",\r\n      gender: \"\",\r\n      DOB: \"\",\r\n      FirstName: \"\",\r\n      MiddleName: \"\",\r\n      LastName: \"\",\r\n      maritalstatus: \"\",\r\n      MobileNo: \"\",\r\n      Profile: \"\",\r\n      email: \"\",\r\n      location: \"\",\r\n      twitter: \"\",\r\n      skype: \"\",\r\n      website: \"\",\r\n      openedu: false,\r\n      openfam: false,\r\n      openskill: false,\r\n      imagePreviewUrl: null,\r\n      startDate: null,\r\n      endDate: null,\r\n      St_date: '',\r\n      End_date: '',\r\n      imgCoverPreviewUrl: \"\",\r\n      Degree: \"\",\r\n      Institution: \"\",\r\n      University: \"\",\r\n      Graduation_Year: \"\",\r\n      Contact: \"\",\r\n      Email: \"\",\r\n      Relationship: \"\",\r\n      EmergencyContact: \"\",\r\n      comlogo: [],\r\n      Bloodgroup: \"\",\r\n      formErrors: {},\r\n      Profile_Pic: [],\r\n      EducationDetail: [],\r\n      SkillDetails: [],\r\n      FamilyDetails: [],\r\n      EmergencyDetails: [],\r\n      Bankdetail: [],\r\n      FamModel: false,\r\n      FamilyEditId: \"\",\r\n      EmergencyModel: false,\r\n      EmergencyEditId: \"\",\r\n      SkillModel: false,\r\n      SkillEditId: \"\",\r\n      RelationshipDrop: [],\r\n      EditFamValues: [],\r\n      HouseTypeDrop: [],\r\n      EducationDrop: [],\r\n      EditECValues: [],\r\n      UserEduModel: false,\r\n      UserEduEditId: \"\",\r\n      UploadCertificate: false,\r\n      SKillAdminCategoryDrop: [],\r\n      EducationCourseName: [],\r\n      bank: false,\r\n      isSelected: false,\r\n      isSelected1: false,\r\n      isReadOnly: false,\r\n      isButtonDisabled: false,\r\n      isButtonDisabledA: false,\r\n      isButtonDisabledB: false,\r\n      SKillAdminNameDrop: [],\r\n      maxDate: this.calculateMaxDate(),\r\n      Preview: null,\r\n      checkbox1Checked: false,\r\n      checkbox2Checked: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n      clickCount: 0,\r\n      errorMessage: '',\r\n      isChrome: false,\r\n      initialValues: {},\r\n      ButtonDisabled: false,\r\n      editMode: false,\r\n      bioEdits: false,\r\n      contactEd: false,\r\n      addressEd: false,\r\n      socialEdit: false,\r\n      bankEdit: false,\r\n      skillEdits: false,\r\n      FamilyEdits: false,\r\n      eduEdit: false,\r\n      personalityEdit: false,\r\n      interestEdit: false,\r\n      activitiesEdit: false,\r\n      lifeStyleEdit: false,\r\n      tab9Selected: false,\r\n      tab4Selected: false,\r\n      tab2Selected: false,\r\n      tab3Selected: false,\r\n      tab6Selected: false,\r\n      tab5Selected: false,\r\n      tab7Selected: false,\r\n      tab8Selected: false,\r\n      details: [],\r\n      personalInfoDetails: [],\r\n      teamSts: '',\r\n      emailDetailsForInfo: '',\r\n      selectedSkills: [],\r\n      selectedSkills1: [],\r\n      selectedSkills2: [],\r\n      selectedSkills3: [],\r\n      bio: '',\r\n      bioError: '',\r\n      PersonalityError: '',\r\n      LifeStyleError: '',\r\n      InterestsError: '',\r\n      ActivitiesError: '',\r\n      Personality: '',\r\n      PersonalityDetails: [],\r\n      LifeStyleDetails: [],\r\n      InterestsDetails: [],\r\n      ActivitiesDetails: [],\r\n      PersonalityUser: [],\r\n      LifeStyleUser: [],\r\n      InterestsUser: [],\r\n      ActivitiesUser: [],\r\n      maxDateS: new Date(today.getFullYear(), today.getMonth(), today.getDate()),\r\n      isChrome1: /Chrome/.test(navigator.userAgent),\r\n      isFirefox: navigator.userAgent.toLowerCase().indexOf('firefox') > -1,\r\n      DisFire: false,\r\n      DisFireStart: false,\r\n    };\r\n    this.initialState = this.state;\r\n    this.FamModel = this.FamModel.bind(this);\r\n    this.EmergencyModel = this.EmergencyModel.bind(this);\r\n    this.handleImageChange = this.handleImageChange.bind(this);\r\n    this.handleCoverImageChange = this.handleCoverImageChange.bind(this);\r\n    this.handleEducatValidation = this.handleEducatValidation.bind(this);\r\n    this.DepentsformValidation = this.DepentsformValidation.bind(this);\r\n    // this.ContactsValidation = this.ContactsValidation.bind(this);\r\n    this.handleSkillValidation = this.handleSkillValidation.bind(this);\r\n    this.FamilyDetailList = this.FamilyDetailList.bind(this);\r\n    this.DelUserPersonality = this.DelUserPersonality.bind(this);\r\n    this.DelUserLifeStyle = this.DelUserLifeStyle.bind(this);\r\n    this.DelUserInterests = this.DelUserInterests.bind(this);\r\n    this.DelUserActivities = this.DelUserActivities.bind(this);\r\n    this.EmergencyDetailList = this.EmergencyDetailList.bind(this);\r\n    //this.EducationDetailList=this.EducationDetailList.bind(this);\r\n\r\n    this.fileInputRef = React.createRef();\r\n  }\r\n\r\n  today = new Date();\r\n  calculateMaxDate() {\r\n    const today = new Date();\r\n    const maxDate = today.toISOString().split(\"T\")[0];\r\n    return maxDate;\r\n  }\r\n\r\n  handleEdit = () => {\r\n    this.setState(prevState => ({\r\n      editMode: !prevState.editMode\r\n    }));\r\n  };\r\n\r\n  BioEdits = () => {\r\n    this.setState(prevState => ({\r\n      bioEdits: !prevState.bioEdits\r\n    }));\r\n  };\r\n\r\n  SkillEdit = () => {\r\n    this.setState(prevState => ({\r\n      skillEdits: !prevState.skillEdits,\r\n      tab3Selected: true\r\n    }));\r\n  };\r\n\r\n  contactEd = () => {\r\n    this.setState(prevState => ({\r\n      contactEd: !prevState.contactEd\r\n    }));\r\n  };\r\n\r\n  AddressEd = () => {\r\n    this.profilelist();\r\n    this.setState(prevState => ({\r\n      addressEd: !prevState.addressEd\r\n    }));\r\n  };\r\n\r\n  FamilyEdits = () => {\r\n    this.setState(prevState => ({\r\n      FamilyEdits: !prevState.FamilyEdits,\r\n      tab4Selected: true\r\n    }));\r\n  };\r\n\r\n\r\n  calculateAge = (dob) => {\r\n    const birthDate = new Date(dob);\r\n    const currentDate = new Date();\r\n\r\n    let age = currentDate.getFullYear() - birthDate.getFullYear();\r\n    const monthDifference = currentDate.getMonth() - birthDate.getMonth();\r\n\r\n    if (monthDifference < 0 || (monthDifference === 0 && currentDate.getDate() < birthDate.getDate())) {\r\n      age--;\r\n    }\r\n\r\n    return age;\r\n  };\r\n\r\n  maskNumber(number) {\r\n    const numberStr = number.toString();\r\n    const maskedStr = numberStr.slice(0, -2).replace(/./g, '*') + numberStr.slice(-2);\r\n    return maskedStr;\r\n  }\r\n\r\n  fetchPersonalInfoDetails = async () => {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    try {\r\n      const response = await axios.get(`${BASE_URLs}/Team/GetUserPersonal`, options);\r\n      this.setState({\r\n        personalInfoDetails: response.data\r\n      })\r\n      // console.log(\"PersonalInfoDetails\", response.data)\r\n    } catch (error) {\r\n      // console.error(\"Error fetching personal info details\", error);\r\n    }\r\n  };\r\n\r\n  socialEdit = () => {\r\n    this.setState(prevState => ({\r\n      socialEdit: !prevState.socialEdit\r\n    }));\r\n  };\r\n\r\n  bankEdit = () => {\r\n    this.setState(prevState => ({\r\n      bankEdit: !prevState.bankEdit,\r\n      tab9Selected: true\r\n    }));\r\n  };\r\n\r\n  eduEdit = () => {\r\n    this.setState(prevState => ({\r\n      eduEdit: !prevState.eduEdit,\r\n      tab2Selected: true\r\n    }));\r\n  };\r\n\r\n  lifeStyleEdit = () => {\r\n    this.setState(prevState => ({\r\n      lifeStyleEdit: !prevState.lifeStyleEdit,\r\n      tab6Selected: true\r\n    }));\r\n  };\r\n\r\n  personalityEdit = () => {\r\n    this.setState(prevState => ({\r\n      personalityEdit: !prevState.personalityEdit,\r\n      tab5Selected: true\r\n    }));\r\n  };\r\n\r\n  interestEdit = () => {\r\n    this.setState(prevState => ({\r\n      interestEdit: !prevState.interestEdit,\r\n      tab7Selected: true\r\n    }));\r\n  };\r\n\r\n  activitiesEdit = () => {\r\n    this.setState(prevState => ({\r\n      activitiesEdit: !prevState.activitiesEdit,\r\n      tab8Selected: true\r\n    }));\r\n  };\r\n\r\n\r\n  DelUserEducation = (cdate, uId) => {\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      const data = {\r\n        CreatedDate: cdate,\r\n        UserId: uId\r\n      };\r\n      // console.log(\"dellll\", data);\r\n\r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/UserEducationDetails/DelUserEducation`,\r\n        data: data,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      }).then((response) => {\r\n        if (response.data.status === \"Success\") {\r\n          toast.success(response.data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n        this.EducationDetailList();\r\n      });\r\n    }\r\n  };\r\n\r\n  DelUserFamily = (cdate, uId) => {\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      const data = {\r\n        CreatedDate: cdate,\r\n        UserId: uId\r\n      };\r\n\r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/Family/DelUserFamily`,\r\n        data: data,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      }).then((response) => {\r\n        if (response.data.status === \"Success\") {\r\n          toast.success(response.data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n        this.FamilyDetailList();\r\n      });\r\n    }\r\n  };\r\n  DelUserSkill = (Id) => {\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      const data = {\r\n        Id: Id,\r\n      };\r\n\r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/UserSkillDetails/DelUserSkill`,\r\n        data: data,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      }).then((response) => {\r\n        if (response.data.status === \"Success\") {\r\n          toast.success(response.data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n        this.SkillDetailList();\r\n      });\r\n    }\r\n  };\r\n\r\n  handleCheckboxChange = (checkboxNumber) => {\r\n    if (checkboxNumber === 1) {\r\n      this.setState({\r\n        checkbox1Checked: true,\r\n        checkbox2Checked: false,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        checkbox1Checked: false,\r\n        checkbox2Checked: true,\r\n      });\r\n    }\r\n  };\r\n\r\n  handlePermanentAddress = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var PermanentAddress_Country = document.getElementById(\r\n      \"PermanentAddress_Country\"\r\n    ).value;\r\n    var PermanentAddress_State = document.getElementById(\r\n      \"PermanentAddress_State\"\r\n    ).value;\r\n\r\n    if (PermanentAddress_Country == \"India\") {\r\n      // alert(country);\r\n\r\n      this.setState({\r\n        isSelected1: true,\r\n      });\r\n    } else if (PermanentAddress_Country != \"India\") {\r\n      this.setState({\r\n        isSelected1: false,\r\n      });\r\n    }\r\n\r\n    // if (\r\n    //   !PermanentAddress_Country === \"\" ||\r\n    //   !PermanentAddress_Country ||\r\n    //   PermanentAddress_Country === \"-\"\r\n    // ) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"PermanentAddress_Country\"] = \"Country is required\";\r\n    // } else if (\r\n    //   PermanentAddress_State === \"\" ||\r\n    //   !PermanentAddress_State ||\r\n    //   PermanentAddress_State === \"-\"\r\n    // ) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"PermanentAddress_State\"] = \"State is required\";\r\n    // }\r\n\r\n    //  var PermanentAddress = document.getElementById(\"PermanentAddress\").value;\r\n    //  var PermanentAddress_Country = document.getElementById(\r\n    //    \"PermanentAddress_Country\"\r\n    //  ).value;\r\n    //  var PermanentAddress_State = document.getElementById(\r\n    //    \"PermanentAddress_State\"\r\n    //  ).value;\r\n    //  var PermanentAddress_City = document.getElementById(\r\n    //    \"PermanentAddress_City\"\r\n    //  ).value;\r\n    //  var PermanentAddress_Pincode = document.getElementById(\r\n    //    \"PermanentAddress_Pincode\"\r\n    //  ).value;\r\n\r\n    //  if ( PermanentAddress === \"-\") {\r\n    //    formIsValid = false;\r\n    //    formErrors[\"PermanentAddress\"] = \"Permanent Address is required\";\r\n    //  } else if (PermanentAddress.length < 3) {\r\n    //    formIsValid = false;\r\n    //    formErrors[\"PermanentAddress\"] = \"A Minimum of 3 characters are required\";\r\n    //  } else if (\r\n\r\n    //    PermanentAddress_City === \"-\"\r\n    //  ) {\r\n    //    formIsValid = false;\r\n    //    formErrors[\"PermanentAddress_City\"] = \"City is required\";\r\n    //  } else if (PermanentAddress_City.length < 3) {\r\n    //    formIsValid = false;\r\n    //    formErrors[\"PermanentAddress_City\"] = \"A Minimum of 3 characters are required\";\r\n    //  } else if (\r\n    //   !PermanentAddress_Country ||\r\n    //    PermanentAddress_Country === \"-\"\r\n    //  ) {\r\n    //    formIsValid = false;\r\n    //    formErrors[\"PermanentAddress_Country\"] = \"Country is required\";\r\n    //  } else if (\r\n\r\n    //    PermanentAddress_State === \"-\"\r\n    //  ) {\r\n    //    formIsValid = false;\r\n    //    formErrors[\"PermanentAddress_State\"] = \"State is required\";\r\n    //  } else if (\r\n\r\n    //    PermanentAddress_Pincode === \"-\"\r\n    //  ) {\r\n    //    formIsValid = false;\r\n    //    formErrors[\"PermanentAddress_Pincode\"] = \"Pincode is required\";\r\n    //  } else if (PermanentAddress_Pincode.length < 6) {\r\n    //    formIsValid = false;\r\n    //    formErrors[\"PermanentAddress_Pincode\"] = \"Maximum 6 Charatcers required\";\r\n    //  } \r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n\r\n  handlecheckbox() {\r\n    var checkbox = document.getElementById(\"SameAddress\").checked;\r\n\r\n    var PermanentAddress = document.getElementById(\"PermanentAddress\");\r\n    // var PermanantAddress2 = document.getElementById('PermanantAddress2')\r\n    var PermanentAddress_Country = document.getElementById(\r\n      \"PermanentAddress_Country\"\r\n    );\r\n    var PermanentAddress_State = document.getElementById(\r\n      \"PermanentAddress_State\"\r\n    );\r\n    var PermanentAddress_City = document.getElementById(\r\n      \"PermanentAddress_City\"\r\n    );\r\n    var PermanentAddress_Pincode = document.getElementById(\r\n      \"PermanentAddress_Pincode\"\r\n    );\r\n\r\n    var CurrentAddress = document.getElementById(\"CurrentAddress\").value;\r\n    // var CurrentAddress2 = document.getElementById(\"CurrentAddress2\").value\r\n    var CurrentAddress_Country = document.getElementById(\r\n      \"CurrentAddress_Country\"\r\n    ).value;\r\n    var CurrentAddress_State = document.getElementById(\r\n      \"CurrentAddress_State\"\r\n    ).value;\r\n    var CurrentAddress_City = document.getElementById(\r\n      \"CurrentAddress_City\"\r\n    ).value;\r\n    var CurrentAddress_Pincode = document.getElementById(\r\n      \"CurrentAddress_Pincode\"\r\n    ).value;\r\n    if (checkbox === true) {\r\n      PermanentAddress.value = CurrentAddress;\r\n      // PermanantAddress2.value = CurrentAddress2\r\n      PermanentAddress_Country.value = CurrentAddress_Country;\r\n      PermanentAddress_State.value = CurrentAddress_State;\r\n      PermanentAddress_City.value = CurrentAddress_City;\r\n      PermanentAddress_Pincode.value = CurrentAddress_Pincode;\r\n    } else {\r\n      PermanentAddress.value = \"-\";\r\n      // PermanantAddress2.value = \"\"\r\n      PermanentAddress_Country.value = \"-\";\r\n      PermanentAddress_State.value = \"-\";\r\n      PermanentAddress_City.value = \"-\";\r\n      PermanentAddress_Pincode.value = \"-\";\r\n    }\r\n  }\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Qualification = document.getElementById(\"Qualification\").value;\r\n    var St_date = document.getElementById(\"St_date\").value;\r\n    var Coursename = document.getElementById(\"Coursename\").value;\r\n    var End_date = document.getElementById(\"End_date\").value;\r\n    var Coursetype = document.getElementById(\"Coursetype\").value;\r\n    var clg_name = document.getElementById(\"clg_name\").value;\r\n    var stream = document.getElementById(\"stream\").value;\r\n    var unisty_name = document.getElementById(\"unisty_name\").value;\r\n    var OthersQualification = document.getElementById(\"othersQualification\").value;\r\n\r\n    if (!Qualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    }\r\n    if (Qualification === 'Others' && !OthersQualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (OthersQualification !== \"\" && OthersQualification.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"A Minimum of 3 characters are required\";\r\n    } \r\n\r\n    if (!St_date) {\r\n      formIsValid = false;\r\n      formErrors[\"St_date\"] = \"Start Date is required\";\r\n    }\r\n\r\n    if (!Coursename) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"Course Name is required\";\r\n    }\r\n    else if (Coursename.length < 2) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 2 characters are required</div>;\r\n    }\r\n    else if (Qualification === 'Others' && OthersQualification !==\"\" && Coursename.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    if (!End_date) {\r\n      formIsValid = false;\r\n      formErrors[\"End_date\"] = \"End Date is required\";\r\n    } else if (St_date !== null && End_date !== null) {\r\n      if (St_date === End_date) {\r\n        formIsValid = false;\r\n        formErrors[\"End_date\"] = \" Start Date and End Date  is Same\";\r\n      }\r\n      if (new Date(St_date).getTime() > new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"End_date\"] = \" Start Date Should less then  End Date\";\r\n      }\r\n    }\r\n\r\n    if (!Coursetype) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursetype\"] = \"Course Type is required\";\r\n    }\r\n    if (clg_name !== \"\" && clg_name.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"clg_name\"] = \"A minimum of 3 characters is required\";\r\n    }\r\n    if (stream !== \"\" && stream.length < 3) {\r\n\r\n      formIsValid = false;\r\n      formErrors[\"stream\"] = \"A minimum of 3 characters is required\";\r\n    }\r\n    if (!unisty_name) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"University Name is required\";\r\n    } else if (unisty_name.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n\r\n    if (clg_name) {\r\n      if (clg_name.length <= 2) {\r\n        formIsValid = false;\r\n        formErrors[\"clg_name\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  EduSubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({ isButtonDisabledA: true });\r\n\r\n      const data = new FormData(e.target);\r\n\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      await fetch(`${BASE_URLs}/UserEducationDetails/AddUserEducation`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            setTimeout(() => {\r\n              this.setState({ isButtonDisabledA: false });\r\n            }, 3200);\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n          this.EducationDetailList();\r\n          if (resp.status !== \"Error\") {\r\n            // this.EducationDetailList();        \r\n            document.getElementById(\"EduForm\").reset();\r\n            this.setState({ openedu: false, showing: true, clickCount: 0, });\r\n            this.setState({ isButtonDisabledA: false });\r\n          }\r\n        })\r\n    }\r\n\r\n  };\r\n\r\n  handleTextareaClick = (e) => {\r\n\r\n    const isChecked = e.target.checked;\r\n    this.setState({\r\n      isReadOnly: isChecked ? !this.state.isReadOnly : false\r\n    });\r\n\r\n  };\r\n\r\n  handleTextarea = () => {\r\n\r\n    var Pvalue = document.getElementById('PermanentAddress').value;\r\n    var Cvalue = document.getElementById('CurrentAddress').value;\r\n    var status = document.getElementById('SameAddress')\r\n\r\n    if (Pvalue !== Cvalue || Pvalue === '-') {\r\n      status.checked = false\r\n      this.setState({\r\n        isReadOnly: false,\r\n      });\r\n\r\n    }\r\n    else {\r\n      status.checked = true\r\n      this.setState({\r\n        isReadOnly: true,\r\n      });\r\n    }\r\n\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  handleEducatValidation() {\r\n    const { Degree, Institution, University, Graduation_Year } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Education\r\n    if (!Degree) {\r\n      formIsValid = false;\r\n      formErrors[\"DegreeErr\"] = \"Degree is required\";\r\n      if (Degree === \"10th\" || Degree === \"12th\") {\r\n        formIsValid = true;\r\n        //\r\n        //formErrors[\"DegreeErr\"] = \"Degree is required\" ;\r\n      } else if (!University) {\r\n        formIsValid = false;\r\n        formErrors[\"marksErr\"] = \"University is required\";\r\n      }\r\n    }\r\n\r\n    if (!Institution) {\r\n      formIsValid = false;\r\n      formErrors[\"institute_nameErr\"] = \"Institution is required\";\r\n    }\r\n    if (!Graduation_Year) {\r\n      formIsValid = false;\r\n      formErrors[\"pasyearErr\"] = \"Graduation  Year is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  HandleImage = (e) => {\r\n    var src = URL.createObjectURL(e.target.files[0]);\r\n    this.setState({ Preview: src });\r\n  };\r\n\r\n  // HandleImage = (e) => {\r\n  //   const file = e.target.files[0];\r\n  //   const fileType = file.type.split('/')[0]; // Get the file type (e.g., 'image', 'application', etc.)\r\n\r\n  //   // Check if the file type is 'image'\r\n  //   if (fileType === 'image') {\r\n  //     const src = URL.createObjectURL(file);\r\n  //     this.setState({ Preview: src, errorMessage: '' });\r\n  //   } else {\r\n  //     // If file type is not 'image', display an error message\r\n  //     this.setState({ errorMessage: 'Please select an image file.' });\r\n  //   }\r\n  // };\r\n\r\n  resetImage = () => {\r\n    this.setState({\r\n      Preview: \"\",\r\n    });\r\n  };\r\n\r\n  handleSkillValidation() {\r\n    const { SkillName, SkillDescription, Category, Experience } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var uploadcertificate =\r\n      document.getElementById(\"UploadCertificate\").checked;\r\n\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"Name is required\";\r\n    }\r\n    // if (!SkillDescription) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"SkillDescriptionErr\"] = \"Description is required\";\r\n    // }\r\n    // else if (SkillDescription.length < 3) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"SkillDescriptionErr\"] = \"A minimum 3 characters required\";\r\n    // }\r\n\r\n    // if (!Category) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    // }\r\n    if (!Experience) {\r\n      formIsValid = false;\r\n      formErrors[\"ExperienceErr\"] = \"Experience is required\";\r\n    }\r\n    if (uploadcertificate) {\r\n      var skillcoursename = document.getElementById(\"skillcoursename\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillCoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseEnddate\").value;\r\n      //Email\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursenameErr\"] = \" Course Name is required\";\r\n      } else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursenameErr\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n      if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdateErr\"] = \"Start From is required\";\r\n      }\r\n      if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddateErr\"] = \"End is required\";\r\n      }\r\n      var St_date = document.getElementById(\"skillCoursestartdate\").value;\r\n      var End_date = document.getElementById(\"skillCourseEnddate\").value;\r\n      var skillCertificate = document.getElementById(\"SkillCertificate\").value;\r\n      if (new Date(St_date).getTime() >= new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"skillCourseEnddateErr\"] =\r\n          \" Start From Should less then End\";\r\n      }\r\n      if (!skillCertificate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCertificateErr\"] = \" Certificate is required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  formreset = () => {\r\n    document.getElementById(\"EduForm\").reset();\r\n    this.setState({ formErrors: \"\", startDate: \"\", endDate: \"\", DisFire: false, DisFireStart: false });\r\n  };\r\n  skillformreset = () => {\r\n    document.getElementById(\"skillform\").reset();\r\n    this.setState({ formErrors: \"\", UploadCertificate: false, checkbox1Checked: false, checkbox2Checked: false });\r\n  };\r\n  Personalityformreset = () => {\r\n    document.getElementById(\"Personalityform\").reset();\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  LifeStyleformreset = () => {\r\n    document.getElementById(\"LifeStyleform\").reset();\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  Interestsformreset = () => {\r\n    document.getElementById(\"Interestsform\").reset();\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  Activitiesformreset = () => {\r\n    document.getElementById(\"Activitiesform\").reset();\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  familyformreset = () => {\r\n    document.getElementById(\"familyform\").reset();\r\n    this.setState({ formErrors: \"\" });\r\n  };\r\n\r\n  DepentsformValidation() {\r\n    var FirstName = document.getElementById(\"FirstNameFam\").value;\r\n    var LastName = document.getElementById(\"LastNameFam\").value;\r\n    var Contact = document.getElementById(\"ContactFam\").value;\r\n    var Email = document.getElementById(\"EmailFam\").value;\r\n    var Relationship = document.getElementById(\"RelationshipFam\").value;\r\n    var EmergencyContact = document.getElementById(\"EmergencyContact\").checked;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    } else if (FirstName.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"Minimum 3 Characters Required\";\r\n    }\r\n    if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    }\r\n\r\n    if (EmergencyContact === true) {\r\n\r\n      if (!Contact) {\r\n        formIsValid = false;\r\n        formErrors[\"ContactErr\"] = \"Contact number is required\";\r\n      } else if (!mobPattern.test(Contact)) {\r\n        formIsValid = false;\r\n        formErrors[\"ContactErr\"] = \" Enter the valid Contact Number\";\r\n      }\r\n    }\r\n\r\n    if (EmergencyContact === false) {\r\n      if (Contact !== \"\" && Contact !== \"-\" && (Contact.length < 10 || !mobPattern.test(Contact))) {\r\n        formIsValid = false;\r\n        formErrors[\"ContactErr\"] = \"Enter a valid Contact Number\";\r\n      }\r\n    }\r\n    //123\r\n\r\n    // if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email))) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"EmailErr\"] = \"Enter valid Email\";\r\n    // }\r\n    if (!Relationship) {\r\n      formIsValid = false;\r\n      formErrors[\"RelationshipErr\"] = \"Relationship is required\";\r\n    }\r\n\r\n\r\n    else if (Email.trim()) {\r\n      if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n        formIsValid = false;\r\n        formErrors[\"EmailErr\"] = \"Enter a valid Email\";\r\n      }\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    //document.getElementById(\"add-row2\").style.display = \"none\";\r\n    return formIsValid;\r\n  }\r\n  handlecontactChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    // var mobPattern =\r\n    //   /((\\+*)((0[ -]*)*|((91 )*))((\\d{10})+|(\\d{10})+))|\\d{5}([- ]*)\\d{6}/;\r\n    var mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n    var officialEmail = document.getElementById(\"OfficialEmail\").value; //personal email\r\n    var PhoneNumber = document.getElementById(\"PhoneNumber\").value;\r\n    var PersonalEmail = document.getElementById(\"PersonalEmail\").value; //auto email\r\n    var AlternatePhoneNo = document.getElementById(\"AlternatePhoneNo\").value;\r\n    var HomeNumber = document.getElementById(\"HomeNumber\").value;\r\n    // var Email = document.getElementById(\"Homeno\").value\r\n    // if (!PhoneNumber||PhoneNumber==='-') {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"contactphnerr\"] = \"Office Number is required\";\r\n    // }\r\n    // else if (!mobPattern.test(PhoneNumber)) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"contactphnerr\"] = \" Enter the valid Office Number\";\r\n    // }\r\n\r\n    if (!HomeNumber || HomeNumber === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"HomeErr\"] = \"Phone Number is required\";\r\n    } else if (!mobPattern.test(HomeNumber)) {\r\n      formIsValid = false;\r\n      formErrors[\"HomeErr\"] = \" Enter the valid Phone Number\";\r\n    }\r\n    else if (!officialEmail.trim() || officialEmail === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"officialEmailerr\"] = \" Enter the Personal Email\";\r\n    }\r\n    else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(officialEmail)) {\r\n      formIsValid = false;\r\n      formErrors[\"officialEmailerr\"] = \"Enter valid Personal Email\";\r\n    }\r\n    else if (officialEmail === PersonalEmail) {\r\n      formIsValid = false;\r\n      formErrors[\"officialEmailerr\"] =\r\n        \"Personal Email and Official Email should not be same\";\r\n    }\r\n    //   else if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(officialEmail))) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"PersonalEmailerr\"] = \"Enter valid Personal Email\";\r\n    //   }\r\n    // }\r\n    else if (AlternatePhoneNo.trim() && AlternatePhoneNo !== \"-\") {\r\n      if (PhoneNumber === AlternatePhoneNo) {\r\n        formIsValid = false;\r\n        formErrors[\"AlternatePhoneNoerr\"] = \"Office Number and Alternate Phone Number should not be same\";\r\n      } else if (HomeNumber === AlternatePhoneNo) {\r\n        formIsValid = false;\r\n        formErrors[\"AlternatePhoneNoerr\"] = \"Phone Number and Alternate Phone Number should not be same\";\r\n      }\r\n      // else if (!mobPattern.test(AlternatePhoneNo)) {\r\n      //   formIsValid = false;\r\n      //   formErrors[\"AlternatePhoneNoerr\"] = \"Enter the valid Alternate Phone Number\";\r\n      // }\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  ContactValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    // var mobPattern =\r\n    //   /((\\+*)((0[ -]*)*|((91 )*))((\\d{10})+|(\\d{10})+))|\\d{5}([- ]*)\\d{6}/;\r\n    var mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n    var officialEmail = document.getElementById(\"OfficialEmail\").value; //personal email\r\n    var PhoneNumber = document.getElementById(\"PhoneNumber\").value;\r\n    var PersonalEmail = document.getElementById(\"PersonalEmail\").value; //auto email\r\n    var AlternatePhoneNo = document.getElementById(\"AlternatePhoneNo\").value;\r\n    var HomeNumber = document.getElementById(\"HomeNumber\").value;\r\n\r\n    var officePattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[0-9]\\d{9}|[0-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n    // var Email = document.getElementById(\"Homeno\").value\r\n    // if (!PhoneNumber||PhoneNumber==='-') {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"contactphnerr\"] = \"Office Number is required\";\r\n    // }\r\n    // else if (!mobPattern.test(PhoneNumber)) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"contactphnerr\"] = \" Enter the valid Office Number\";\r\n    // }\r\n\r\n    if (!HomeNumber || HomeNumber === \"-\") {\r\n      formIsValid = false;\r\n\r\n      formErrors[\"HomeErr\"] = \"Phone Number is required\";\r\n    } else if (!mobPattern.test(HomeNumber)) {\r\n      formIsValid = false;\r\n      formErrors[\"HomeErr\"] = \" Enter the valid Phone Number\";\r\n    } else if (officialEmail.trim()) {\r\n      if (officialEmail === PersonalEmail) {\r\n        formIsValid = false;\r\n        formErrors[\"officialEmailerr\"] =\r\n          \"Personal Email and Official Email should not be same\";\r\n      } else if (\r\n        !/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(officialEmail)\r\n      ) {\r\n        formIsValid = false;\r\n        formErrors[\"officialEmailerr\"] = \"Enter valid Personal Email\";\r\n      }\r\n    }\r\n\r\n    if (!officialEmail.trim() || officialEmail === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"officialEmailerr\"] = \" Enter the Personal Email\";\r\n    }\r\n    if (officialEmail === PersonalEmail) {\r\n      formIsValid = false;\r\n      formErrors[\"officialEmailerr\"] =\r\n        \"Personal Email and Official Email should not be same\";\r\n    }\r\n\r\n\r\n\r\n    if (HomeNumber === AlternatePhoneNo && HomeNumber != \"-\" && HomeNumber != \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"AlternatePhoneNoerr\"] = \"Phone Number and Alternate Phone Number should not be same\";\r\n\r\n    }\r\n\r\n    if (PhoneNumber === AlternatePhoneNo && AlternatePhoneNo !== '-' && PhoneNumber != \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"AlternatePhoneNoerr\"] = \"Office Number and Alternate Phone Number should not be same\";\r\n\r\n    }\r\n\r\n    if (PhoneNumber === HomeNumber && HomeNumber != \"-\" && HomeNumber != \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"HomeErr\"] = \"Phone Number and Office Number should not be same\";\r\n\r\n    }\r\n\r\n    if (AlternatePhoneNo === HomeNumber && HomeNumber != \"-\" && HomeNumber != \"\") {\r\n      formIsValid = false;\r\n      formErrors[\"AlternatePhoneNoerr\"] = \"Phone Number and Alternate Phone Number should not be same\";\r\n\r\n    }\r\n    if (PhoneNumber.trim() !== '-' && PhoneNumber.trim() !== '') {\r\n      if (!officePattern.test(PhoneNumber)) {\r\n        formIsValid = false;\r\n        formErrors[\"contactphnerr\"] = \" Enter the valid Office Number\";\r\n      }\r\n    }\r\n    if (AlternatePhoneNo.trim() !== '-' && AlternatePhoneNo.trim() !== '') {\r\n      if (!mobPattern.test(AlternatePhoneNo)) {\r\n        formIsValid = false;\r\n        formErrors[\"AlternatePhoneNoerr\"] = \" Enter the valid Alternate Phone Number\";\r\n      }\r\n    }\r\n\r\n    //  else if (HomeNumber===AlternatePhoneNo) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"AlternatePhoneNoerr\"] = \"Home Number and AlternatePhoneNo should not be same\";\r\n\r\n    // }\r\n    // else if (officialEmail.trim()) {\r\n    //   if (officialEmail === PersonalEmail) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"PersonalEmailerr\"] = \"Personal Email and Official Email should not be same\";\r\n    //   }\r\n    //   else if (!(/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(officialEmail))) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"PersonalEmailerr\"] = \"Enter valid Personal Email\";\r\n    //   }\r\n    // }\r\n    // else if (AlternatePhoneNo.trim()) {\r\n    // else if (PhoneNumber===AlternatePhoneNo) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"AlternatePhoneNoerr\"] = \"Office Number and AlternatePhoneNo should not be same\";\r\n\r\n    // }\r\n    //  else if (HomeNumber===AlternatePhoneNo) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"AlternatePhoneNoerr\"] = \"Home Number and AlternatePhoneNo should not be same\";\r\n\r\n    // }\r\n    // else if (!mobPattern.test(AlternatePhoneNo)) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"AlternatePhoneNoerr\"] = \"Enter valid Phone Number\";\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    var FirstName = document.getElementById(\"FirstNameFam\").value;\r\n    var LastName = document.getElementById(\"LastNameFam\").value;\r\n    var Contact = document.getElementById(\"ContactFam\").value;\r\n    var Email = document.getElementById(\"EmailFam\").value;\r\n    var Relationship = document.getElementById(\"RelationshipFam\").value;\r\n    var EmergencyContact = document.getElementById(\"EmergencyContact\").checked;\r\n\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    } else if (FirstName.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"Minimum 3 Characters Required\";\r\n    } else if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    } else if (EmergencyContact === true) {\r\n      if (!Contact) {\r\n        formIsValid = false;\r\n        // formErrors[\"ContactErr\"] = \"Contact number is required\";\r\n      } else if (!mobPattern.test(Contact)) {\r\n        formIsValid = false;\r\n        // formErrors[\"ContactErr\"] = \" Enter the valid Contact Number\";\r\n      }\r\n\r\n      // else if (!Email) {\r\n      //   formIsValid = false;\r\n      //   formErrors[\"EmailErr\"] = \"Email is required\";\r\n      // }\r\n\r\n      else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n        formIsValid = false;\r\n        // formErrors[\"EmailErr\"] = \"Enter valid Email\";\r\n      } else if (!Relationship) {\r\n        formIsValid = false;\r\n        formErrors[\"RelationshipErr\"] = \"Relationship is required\";\r\n      }\r\n\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n  handleSkillChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n\r\n    const { SkillName, SkillDescription, Category } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var uploadcertificate =\r\n      document.getElementById(\"UploadCertificate\").checked;\r\n\r\n    var skillName = document.getElementById(\"skillname\").value;\r\n    var Experience = document.getElementById(\"exp\").value;\r\n\r\n    if (!skillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"Name is required\";\r\n    }\r\n    // else if (!SkillDescription) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"SkillDescriptionErr\"] = \"Description is required\";\r\n    // }\r\n    // else if (SkillDescription.length < 3) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"SkillDescriptionErr\"] = \"A minimum 3 characters required\";\r\n    // }\r\n\r\n    // else if (!Category) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    // }\r\n    else if (!Experience) {\r\n      formIsValid = false;\r\n      formErrors[\"ExperienceErr\"] = \"Experience is required\";\r\n    }\r\n    if (uploadcertificate) {\r\n      var skillcoursename = document.getElementById(\"skillcoursename\").value;\r\n      var skillCoursestartdate = document.getElementById(\r\n        \"skillCoursestartdate\"\r\n      ).value;\r\n      var skillCourseEnddate =\r\n        document.getElementById(\"skillCourseEnddate\").value;\r\n      //Email\r\n      if (!skillcoursename) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursenameErr\"] = \" Course Name is required\";\r\n      }\r\n      else if (skillcoursename.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"skillcoursenameErr\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n      else if (!skillCoursestartdate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCoursestartdateErr\"] = \"Start Date is required\";\r\n      } else if (!skillCourseEnddate) {\r\n        formIsValid = false;\r\n        formErrors[\"skillCourseEnddateErr\"] = \"End Date is required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n  // checking\r\n  handleEducationChange = (e) => {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    // const { name, value } = e.target;\r\n    // this.setState({ [name]: value });\r\n\r\n    var Qualification = document.getElementById(\"Qualification\").value;\r\n    var St_date = document.getElementById(\"St_date\").value;\r\n    var Coursename = document.getElementById(\"Coursename\").value;\r\n    var End_date = document.getElementById(\"End_date\").value;\r\n    var Coursetype = document.getElementById(\"Coursetype\").value;\r\n    var clg_name = document.getElementById(\"clg_name\").value;\r\n    var stream = document.getElementById(\"stream\").value;\r\n    var unisty_name = document.getElementById(\"unisty_name\").value;\r\n    var OthersQualification = document.getElementById(\"othersQualification\").value;\r\n\r\n    if (!Qualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (Qualification === 'Others' && !OthersQualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (OthersQualification !== \"\" && OthersQualification.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"A Minimum of 3 characters are required\";\r\n    }else if (!Coursename) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"Course Name is required\";\r\n    }\r\n    else if (Coursename.length < 2) {\r\n      formIsValid = false;\r\n      // formErrors[\"Coursename\"] = \"A Minimum of 2 characters are required\";\r\n      formErrors[\"Coursename\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 2 characters are required</div>\r\n    }\r\n    else if (Qualification !== 'Others' && Coursename.length < 2) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"A Minimum of 2 characters are required\";\r\n    }\r\n    else if (Qualification === 'Others' && Coursename.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    else if (!Coursetype) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursetype\"] = \"Course Type is required\";\r\n    }\r\n    // else if (!stream) {\r\n\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"stream\"] = \"Specialization is required\";\r\n    // }\r\n    // else if (stream.length < 3) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"stream\"] = \"A Minimum of 3 characters are required\";\r\n    // } \r\n    else if (!St_date) {\r\n      formIsValid = false;\r\n      formErrors[\"St_date\"] = \"Start From is required\";\r\n    }\r\n    else if (!End_date) {\r\n      formIsValid = false;\r\n      formErrors[\"End_date\"] = \"End is required\";\r\n\r\n      if (St_date !== null && End_date !== null) {\r\n        if (St_date === End_date) {\r\n          formIsValid = false;\r\n          formErrors[\"End_date\"] = \" Start From and End Date is From\";\r\n        }\r\n        if (new Date(St_date).getTime() > new Date(End_date).getTime()) {\r\n          formIsValid = false;\r\n\r\n          formErrors[\"End_date\"] = \" Start From Should less then End\";\r\n        }\r\n      }\r\n    }\r\n    else if (!unisty_name) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"University Name is required\";\r\n    } else if (unisty_name.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    if (clg_name) {\r\n      if (clg_name.length <= 2) {\r\n        formIsValid = false;\r\n        formErrors[\"clg_name\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n    // else if (!clg_name) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"clg_name\"] = \"College Name  is required\";\r\n    // }\r\n    // else if (clg_name.length < 3) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"clg_name\"] = \"A Minimum of 3 characters are required\";\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  handlevalueChange = (e) => {\r\n    e.preventDefault();\r\n    var value = e.target.value;\r\n    //e.target.value\r\n\r\n    if (\r\n      e.target.value === \"Graduation\" ||\r\n      e.target.value === \"Post Graduation\" ||\r\n      e.target.value === \"Doctorate\"\r\n    ) {\r\n      var flag =\r\n        value === \"Graduation\"\r\n          ? \"1\"\r\n          : value === \"Post Graduation\"\r\n            ? \"2\"\r\n            : value === \"Doctorate\"\r\n              ? \"3\"\r\n              : null;\r\n\r\n      const options = {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      };\r\n      fetch(\r\n        ` ${BASE_URLs}/UserEducationDetails/GetUserEducationCourseName?flag=${flag}`,\r\n        options\r\n      )\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({ EducationCourseName: data });\r\n        });\r\n    } else {\r\n      this.setState({ EducationCourseName: [] });\r\n    }\r\n  };\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n  componentWillMount() {\r\n    $(document).ready(function () {\r\n      $(\"input[type='text']\").on(\"click\", function () {\r\n        $(this).select();\r\n      });\r\n      $(\"input\").focus(function () {\r\n        $(this).select();\r\n      });\r\n      $(\"input\").focusin(function () {\r\n        $(this).select();\r\n      });\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#add-skillrow\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#addBtn\").click(function () {\r\n        $(\"#add-skillrow\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      // $('#AddEDU').hide();\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#addEduBtn\").click(function () {\r\n        $(\"#AddEDU\").show();\r\n      });\r\n    });\r\n    $(document).ready(function () {\r\n      //$('#add-row').hide();\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#addSkillBtn\").click(function () {\r\n        ///need\r\n        $(\"#add-row\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#saverow1\").click(function () {\r\n        //$(\"#add-row1\").hide();\r\n      });\r\n      $(\"#addBtn1\").click(function () {\r\n        $(\"#add-row1\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-row2Edu\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      /*   $(\"#saverow2\").click(function(){\r\n          $(\"#add-row2\").hide();\r\n        }); */\r\n      $(\"#addBtn2\").click(function () {\r\n        $(\"#add-row2Edu\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      // $('#add-rowFamily').hide();\r\n    });\r\n    $(document).ready(function () {\r\n      /*   $(\"#saverow2\").click(function(){\r\n          $(\"#add-row2\").hide();\r\n        }); */\r\n      $(\"#addFmlyBtn\").click(function () {\r\n        $(\"#add-rowFamily\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-rowEmergency\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      $(\"#addBtn4\").click(function () {\r\n        $(\"#add-rowEmergency\").show();\r\n      });\r\n    });\r\n\r\n    //Personal Profile\r\n    // $(document).ready(function () {\r\n    //   $(\"#edit-info\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-info\").show();\r\n    //     $(\"#edit-info\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-info\").show();\r\n    //     $(\"#edit-info\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-info\").hide();\r\n    //       $(\"#edit-info\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-info\").show();\r\n    //       $(\"#edit-info\").hide();\r\n    //       document.getElementById(\"PersonalInfo\").reset();\r\n    //     }\r\n    //   });\r\n    //   $(\"#edit-btn1\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-info\").hide();\r\n    //       $(\"#edit-info\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-info\").show();\r\n    //       $(\"#edit-info\").hide();\r\n    //     }\r\n    //   });\r\n    // });\r\n\r\n    //Contact Info\r\n    // $(document).ready(function () {\r\n    //   $(\"#edit-contact\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-contact\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-contact\").show();\r\n    //     $(\"#edit-contact\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-contact\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-contact\").show();\r\n    //     $(\"#edit-contact\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn-contact\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-contact\").hide();\r\n    //       $(\"#edit-contact\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-contact\").show();\r\n    //       $(\"#edit-contact\").hide();\r\n    //       document.getElementById(\"ContactInfo\").reset();\r\n    //     }\r\n    //   });\r\n\r\n    //   $(\"#edit-btn1\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-contact\").hide();\r\n    //       $(\"#edit-contact\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-contact\").show();\r\n    //       $(\"#edit-contact\").hide();\r\n    //     }\r\n    //   });\r\n    // });\r\n\r\n    //Bio Info\r\n    // $(document).ready(function () {\r\n    //   $(\"#edit-Bio\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Bio\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-Bio\").show();\r\n    //     $(\"#edit-Bio\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Bio\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-Bio\").show();\r\n    //     $(\"#edit-Bio\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn-Bio\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-Bio\").hide();\r\n    //       $(\"#edit-Bio\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-Bio\").show();\r\n    //       $(\"#edit-Bio\").hide();\r\n    //       document.getElementById(\"BioInfo\").reset();\r\n    //     }\r\n    //   });\r\n\r\n    //   $(\"#edit-btn1\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-Bio\").hide();\r\n    //       $(\"#edit-Bio\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-Bio\").show();\r\n    //       $(\"#edit-Bio\").hide();\r\n    //     }\r\n    //   });\r\n    // });\r\n\r\n    //Address Info\r\n    // $(document).ready(function () {\r\n    //   $(\"#edit-Address\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Address\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-Address\").show();\r\n    //     $(\"#edit-Address\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Address\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-Address\").show();\r\n    //     $(\"#edit-Address\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn-Address\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-Address\").hide();\r\n    //       $(\"#edit-Address\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-Address\").show();\r\n    //       $(\"#edit-Address\").hide();\r\n    //       document.getElementById(\"AddressInfo\").reset();\r\n    //     }\r\n\r\n    //   });\r\n    // });\r\n\r\n    //Social media Info\r\n\r\n    // $(document).ready(function () {\r\n    //   $(\"#edit-media\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-media\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-media\").show();\r\n    //     $(\"#edit-media\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-media\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-media\").show();\r\n    //     $(\"#edit-media\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn-media\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-media\").hide();\r\n    //       $(\"#edit-media\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-media\").show();\r\n    //       $(\"#edit-media\").hide();\r\n    //       document.getElementById(\"SocialInfo\").reset();\r\n    //     }\r\n    //   });\r\n\r\n    //   $(\"#edit-btn1\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-media\").hide();\r\n    //       $(\"#edit-media\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-media\").show();\r\n    //       $(\"#edit-media\").hide();\r\n    //     }\r\n    //   });\r\n    // });\r\n\r\n    //Education info\r\n    $(document).ready(function () {\r\n      $(\"#Edit-EducationDetails\").hide();\r\n\r\n      $(\"#edit-cancel\").on(\"click\", function () {\r\n        var c = $(\"#edit-btn-Education\").find(\"i\");\r\n        c.removeClass(\"icofont-close\");\r\n        c.addClass(\"icofont-edit\");\r\n        $(\"#view-EducationDetails\").show();\r\n        $(\"#Edit-EducationDetails\").hide();\r\n      });\r\n\r\n      $(\"#edit-save\").on(\"click\", function () {\r\n        var c = $(\"#edit-btn-Education\").find(\"i\");\r\n        c.removeClass(\"icofont-close\");\r\n        c.addClass(\"icofont-edit\");\r\n        $(\"#view-EducationDetails\").show();\r\n        $(\"#Edit-EducationDetails\").hide();\r\n      });\r\n\r\n      $(\"#edit-btn-Education\").on(\"click\", function () {\r\n        var b = $(this).find(\"i\");\r\n        var edit_class = b.attr(\"class\");\r\n        if (edit_class === \"icofont icofont-edit\") {\r\n          b.removeClass(\"icofont-edit\");\r\n          b.addClass(\"icofont-close\");\r\n          $(\"#view-EducationDetails\").hide();\r\n          $(\"#Edit-EducationDetails\").show();\r\n        } else {\r\n          b.removeClass(\"icofont-close\");\r\n          b.addClass(\"icofont-edit\");\r\n          $(\"#view-EducationDetails\").show();\r\n          $(\"#Edit-EducationDetails\").hide();\r\n        }\r\n      });\r\n      $(\"#edit-btn1\").on(\"click\", function () {\r\n        var b = $(this).find(\"i\");\r\n        var edit_class = b.attr(\"class\");\r\n        if (edit_class === \"icofont icofont-edit\") {\r\n          b.removeClass(\"icofont-edit\");\r\n          b.addClass(\"icofont-close\");\r\n          $(\"#view-EducationDetails\").hide();\r\n          $(\"#Edit-EducationDetails\").show();\r\n        } else {\r\n          b.removeClass(\"icofont-close\");\r\n          b.addClass(\"icofont-edit\");\r\n          $(\"#view-EducationDetails\").show();\r\n          $(\"#Edit-EducationDetails\").hide();\r\n        }\r\n      });\r\n    });\r\n\r\n    //Banking info\r\n    // $(document).ready(function () {\r\n    //   $(\"#Edit-BankDetails\").hide();\r\n\r\n    //   $(\"#edit-cancel\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Bank\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-BankDetails\").show();\r\n    //     $(\"#Edit-BankDetails\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-save\").on(\"click\", function () {\r\n    //     var c = $(\"#edit-btn-Bank\").find(\"i\");\r\n    //     c.removeClass(\"icofont-close\");\r\n    //     c.addClass(\"icofont-edit\");\r\n    //     $(\"#view-BankDetails\").show();\r\n    //     $(\"#Edit-BankDetails\").hide();\r\n    //   });\r\n\r\n    //   $(\"#edit-btn-Bank\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-BankDetails\").hide();\r\n    //       $(\"#Edit-BankDetails\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-BankDetails\").show();\r\n    //       $(\"#Edit-BankDetails\").hide();\r\n    //       document.getElementById(\"BankingForm\").reset();\r\n    //     }\r\n    //   });\r\n    //   $(\"#edit-btn1\").on(\"click\", function () {\r\n    //     var b = $(this).find(\"i\");\r\n    //     var edit_class = b.attr(\"class\");\r\n    //     if (edit_class === \"icofont icofont-edit\") {\r\n    //       b.removeClass(\"icofont-edit\");\r\n    //       b.addClass(\"icofont-close\");\r\n    //       $(\"#view-BankDetails\").hide();\r\n    //       $(\"#Edit-BankDetails\").show();\r\n    //     } else {\r\n    //       b.removeClass(\"icofont-close\");\r\n    //       b.addClass(\"icofont-edit\");\r\n    //       $(\"#view-BankDetails\").show();\r\n    //       $(\"#Edit-BankDetails\").hide();\r\n    //     }\r\n    //   });\r\n    // });\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  profilelist() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Profile/Get`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ profile: data });\r\n        // console.log(\"check\", data);\r\n      });\r\n  }\r\n\r\n  ProfileClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.ProfileClick) {\r\n      this.handleEdit();\r\n    }\r\n  }\r\n\r\n  SkillClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.SkillClick) {\r\n      this.SkillEdit();\r\n    }\r\n  }\r\n\r\n  BioClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.BioClick) {\r\n      this.BioEdits();\r\n    }\r\n  }\r\n\r\n  ContactsClicks() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.ContactsClicks) {\r\n      this.contactEd();\r\n    }\r\n  }\r\n\r\n  AddressClick() {\r\n    const { location } = this.props;\r\n    var checkbox = document.getElementById(\"SameAddress\").checked;\r\n    if (location.state && location.state.AddressClick) {\r\n      this.AddressEd();\r\n      if (checkbox === true) {\r\n        this.handlecheckbox();\r\n      }\r\n    }\r\n  }\r\n\r\n  FamilyClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.FamilyClick) {\r\n      this.FamilyEdits();\r\n    }\r\n  }\r\n\r\n  SocialClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.SocialClick) {\r\n      this.socialEdit();\r\n    }\r\n  }\r\n\r\n  BankClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.BankClick) {\r\n      this.bankEdit();\r\n    }\r\n  }\r\n\r\n  EducationClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.EducationClick) {\r\n      this.eduEdit();\r\n    }\r\n  }\r\n\r\n  LifeStyleClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.LifeStyleClick) {\r\n      this.lifeStyleEdit();\r\n    }\r\n  }\r\n\r\n  PersonalityClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.PersonalityClick) {\r\n      this.personalityEdit();\r\n    }\r\n  }\r\n\r\n  InterestClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.InterestClick) {\r\n      this.interestEdit();\r\n    }\r\n  }\r\n\r\n  ActivitiesClick() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.ActivitiesClick) {\r\n      this.activitiesEdit();\r\n    }\r\n  }\r\n\r\n  EducationDetailList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserEducationDetails/GetUserEducation`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"EducationDetail\", data)\r\n        this.setState({ EducationDetail: data });\r\n      });\r\n  }\r\n\r\n  BankdetailList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserBank/GetUserBankdetails`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Bankdetail: data });\r\n        // console.log(data);\r\n      });\r\n  }\r\n\r\n  SkillDetailList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetUserSkill`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SkillDetails: data });\r\n        // console.log(\"skillsdetails\", data)\r\n      });\r\n  }\r\n\r\n  FamilyDetailList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Family/GetUserFamily`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ FamilyDetails: data });\r\n        // console.log(data, \"Familydetails\");\r\n      });\r\n  }\r\n\r\n  EmergencyDetailList() {\r\n    // const options = {\r\n    //   method: \"GET\",\r\n    //       headers: {\r\n    //       \"Access-Control-Allow-Origin\": \"*\",\r\n    //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n    //     \"Content-Type\": \"application/json\",\r\n    //     Authorization: `Bearer ${JSON.parse(localStorage.user)}`\r\n    //   },\r\n    // };\r\n    // fetch('h${BASE_URLs}/Family/GetUserEmergency', options)\r\n    //   .then(response => response.json())\r\n    //   .then(data => {\r\n    //     this.setState({ EmergencyDetails: data });\r\n    //   }\r\n    //   );\r\n  }\r\n\r\n  RelationshipDropList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Family/RelationshipDropdown`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ RelationshipDrop: data });\r\n      });\r\n  }\r\n\r\n  GetUserSkillDrop() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetUserSkillDrop`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SKillAdminCategoryDrop: data });\r\n        // console.log(data, \"SKillAdminCategoryDrop\");\r\n      });\r\n  }\r\n\r\n  Skillsubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.handleSkillValidation()) {\r\n      this.setState({ isButtonDisabledB: true });\r\n      const data = new FormData(e.target);\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      await fetch(`${BASE_URLs}/UserSkillDetails/AddUserSkill`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            if (this.state.SkillDetails.length === 0) {\r\n              setTimeout(() => {\r\n                window.location.reload(true);\r\n              }, 3200);\r\n            }\r\n            this.setState({\r\n              UploadCertificate: false,\r\n            });\r\n          }\r\n        });\r\n      this.setState({ isButtonDisabledB: false });\r\n      document.getElementById(\"skillform\").reset();\r\n      // document.getElementById(\"add-row\").style.display = \"none\";\r\n      this.setState({ openskill: false, showing1: true, clickCount: 0, });\r\n      this.setState({ SkillName: \"\" });\r\n      this.setState({ SkillDescription: \"\" });\r\n      this.setState({ Category: \"\" });\r\n      this.setState({ Experience: \"\" });\r\n    }\r\n    this.SkillDetailList();\r\n  };\r\n\r\n  EditBankDetails = (e) => {\r\n    e.preventDefault();\r\n    if (this.BankValidation()) {\r\n      const data = new FormData(e.target);\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      fetch(`${BASE_URLs}/UserBank/AddUserBank`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            this.BankdetailList();\r\n            document.getElementById(\"edit-btn-Bank\").click();\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: false,\r\n            });\r\n            // setTimeout(() => {\r\n            //   window.location.reload();\r\n            // }, 3200);\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n\r\n      this.BankdetailList();\r\n    }\r\n  };\r\n\r\n  EditEducationDetails = async (e) => {\r\n    e.preventDefault();\r\n    if (this.EducationValidation()) {\r\n      const data = new FormData(e.target);\r\n\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      await fetch(\r\n        `${BASE_URLs}/UserEducationDetails/EditUserEducation`,\r\n        options\r\n      )\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            alert(resp.message);\r\n          } else {\r\n            alert(resp.message);\r\n            document.getElementById(\"Close_education\").click();\r\n          }\r\n          this.EducationDetailList();\r\n        });\r\n    }\r\n  };\r\n\r\n  FamlySubmit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    const data = new FormData(e.target);\r\n\r\n    if (this.DepentsformValidation()) {\r\n      this.setState({ isButtonDisabled: true });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      await fetch(`${BASE_URLs}/Family/AddUserFamily`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            this.setState({ openfam: true, showing2: false, clickCount: 1, });\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            this.setState({ openfam: false, showing2: true, clickCount: 0, });\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n      // document.getElementById(\"familyform\").reset();\r\n      // console.log(\"family\", data);\r\n      // document.getElementById(\"add-rowFamily\").style.display = \"none\";\r\n      // this.setState({ openfam: false , showing2: true, clickCount: 0, });\r\n    }\r\n    this.setState({ isButtonDisabled: false });\r\n    this.FamilyDetailList();\r\n  };\r\n\r\n  EmergencySubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.DepentsformValidation()) {\r\n      const data = new FormData(e.target);\r\n\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      await fetch(`${BASE_URLs}/Family/AddUserEmergency`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            alert(resp.message);\r\n          } else {\r\n            alert(resp.message);\r\n          }\r\n        });\r\n      document.getElementById(\"Emergencyform\").reset();\r\n      document.getElementById(\"add-rowEmergency\").style.display = \"none\";\r\n    }\r\n    this.EmergencyDetailList();\r\n  };\r\n  handleprofilechange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var FirstNameinfo = document.getElementById(\"FirstNameinfo\").value;\r\n    var LastNameinfo = document.getElementById(\"LastNameinfo\").value;\r\n    var Genderinfo = document.getElementById(\"Genderinfo\").value;\r\n    var MaritalStatusinfo = document.getElementById(\"MaritalStatusinfo\").value;\r\n    var DOBinfo = document.getElementById(\"DOBinfo\").value;\r\n    var Bloodgroupinfo = document.getElementById(\"Bloodgroupinfo\").value;\r\n    var PersonalEmail = document.getElementById(\"PersonalEmail\").value;\r\n    var myDate = new Date(DOBinfo);\r\n\r\n    var today = new Date();\r\n    if (!FirstNameinfo) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameinfo\"] = \"First Name  is required\";\r\n    } else if (!LastNameinfo) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameinfo\"] = \"Last Name is required\";\r\n    } else if (!Genderinfo || Genderinfo === '-') {\r\n      formIsValid = false;\r\n      formErrors[\"Genderinfo\"] = \"Gender is required\";\r\n    } else if (\r\n      !/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(PersonalEmail)\r\n    ) {\r\n      formIsValid = false;\r\n      // formErrors[\"PersonalEmailerr\"] = \"Enter valid Email!.\";\r\n    } else if (!MaritalStatusinfo || MaritalStatusinfo === '-') {\r\n      formIsValid = false;\r\n      formErrors[\"MaritalStatusinfo\"] = \"Marital status is required\";\r\n    } else if (!DOBinfo) {\r\n      formIsValid = false;\r\n      formErrors[\"DOBinfo\"] = \"DOB is required\";\r\n    } else if (myDate > today) {\r\n      formIsValid = false;\r\n      formErrors[\"DOBinfo\"] = \"Valid DOB is required\";\r\n    }\r\n    // else if (!Bloodgroupinfo) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Bloodgroupinfo\"] = \"Blood Group is required\";\r\n    // }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  ProfileValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var FirstNameinfo = document.getElementById(\"FirstNameinfo\").value;\r\n    var LastNameinfo = document.getElementById(\"LastNameinfo\").value;\r\n    var Genderinfo = document.getElementById(\"Genderinfo\").value;\r\n    var MaritalStatusinfo = document.getElementById(\"MaritalStatusinfo\").value;\r\n    var DOBinfo = document.getElementById(\"DOBinfo\").value;\r\n    var Bloodgroupinfo = document.getElementById(\"Bloodgroupinfo\").value;\r\n    var PersonalEmail = document.getElementById(\"PersonalEmail\").value;\r\n    var myDate = new Date(DOBinfo);\r\n\r\n    var today = new Date();\r\n    if (!FirstNameinfo) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameinfo\"] = \"First Name  is required\";\r\n    }\r\n\r\n    if (!LastNameinfo) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameinfo\"] = \"Last Name is required\";\r\n    }\r\n\r\n    if (!Genderinfo || Genderinfo === '-') {\r\n      formIsValid = false;\r\n      formErrors[\"Genderinfo\"] = \"Gender is required\";\r\n    }\r\n    //  else if (\r\n    //   !/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(PersonalEmail)\r\n    // ) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"PersonalEmailerr\"] = \"Enter valid Email!.\";\r\n    // }\r\n    if (!MaritalStatusinfo || MaritalStatusinfo === '-') {\r\n      formIsValid = false;\r\n      formErrors[\"MaritalStatusinfo\"] = \"Marital status is required\";\r\n    }\r\n    if (!DOBinfo) {\r\n      formIsValid = false;\r\n      formErrors[\"DOBinfo\"] = \"DOB is required\";\r\n    }\r\n    if (DOBinfo === \"dd-mm-yyyy\") {\r\n      formIsValid = false;\r\n      formErrors[\"DOBinfo\"] = \"DOB is required\";\r\n    }\r\n    if (myDate > today) {\r\n      formIsValid = false;\r\n      formErrors[\"DOBinfo\"] = \"Valid DOB is required\";\r\n    }\r\n    // if (!Bloodgroupinfo) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Bloodgroupinfo\"] = \"Blood Group is required\";\r\n    // }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  EducationValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Qualification = document.getElementById(\"Qualification\").value;\r\n    var St_date = document.getElementById(\"St_date\").value;\r\n    var Coursename = document.getElementById(\"Coursename\").value;\r\n    var End_date = document.getElementById(\"End_date\").value;\r\n    var Coursetype = document.getElementById(\"Coursetype\").value;\r\n    var clg_name = document.getElementById(\"clg_name\").value;\r\n    var stream = document.getElementById(\"stream\").value;\r\n    var unisty_name = document.getElementById(\"unisty_name\").value;\r\n\r\n    if (!Qualification) {\r\n      formIsValid = false;\r\n      formErrors[\"Qualification\"] = \"Qualification  is required\";\r\n    }\r\n\r\n    if (!St_date) {\r\n      formIsValid = false;\r\n      formErrors[\"St_date\"] = \"Start From is required\";\r\n    }\r\n\r\n    if (!Coursename) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursename\"] = \"Coursename is required\";\r\n    }\r\n    if (!End_date) {\r\n      formIsValid = false;\r\n      formErrors[\"End_date\"] = \"End is required\";\r\n    }\r\n    if (St_date != null && End_date != null) {\r\n      if (St_date === End_date) {\r\n        formIsValid = false;\r\n        formErrors[\"End_date\"] = \"Start From and End  is Same\";\r\n      }\r\n      if (new Date(St_date).getTime() > new Date(End_date).getTime()) {\r\n        formIsValid = false;\r\n\r\n        formErrors[\"End_date\"] = \"Start From is less then End\";\r\n      }\r\n    }\r\n\r\n    if (!Coursetype) {\r\n      formIsValid = false;\r\n      formErrors[\"Coursetype\"] = \"Course Type is required\";\r\n    }\r\n    if (!clg_name) {\r\n      formIsValid = false;\r\n      formErrors[\"clg_name\"] = \"College Name  is required\";\r\n    }\r\n    if (!stream) {\r\n      formIsValid = false;\r\n      formErrors[\"stream\"] = \"Specialization is required\";\r\n    } else if (stream.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"stream\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    if (!unisty_name) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"University Name is required\";\r\n    } else if (unisty_name.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (unisty_name.length > 8) {\r\n      formIsValid = false;\r\n      formErrors[\"unisty_name\"] = \"A Maximum of 8 characters are required\";\r\n    }\r\n    if (clg_name) {\r\n      if (clg_name.length <= 2) {\r\n        formIsValid = false;\r\n        formErrors[\"clg_name\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  handleAddresschange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var checkbox = document.getElementById(\"SameAddress\").checked;\r\n    if (checkbox === true) {\r\n   this.handlecheckbox();\r\n    }\r\n\r\n    var CurrentAddress = document.getElementById(\"CurrentAddress\").value;\r\n    var CurrentAddress_Country = document.getElementById(\r\n      \"CurrentAddress_Country\"\r\n    ).value;\r\n    var CurrentAddress_State = document.getElementById(\r\n      \"CurrentAddress_State\"\r\n    ).value;\r\n    var CurrentAddress_City = document.getElementById(\r\n      \"CurrentAddress_City\"\r\n    ).value;\r\n    var CurrentAddress_Pincode = document.getElementById(\r\n      \"CurrentAddress_Pincode\"\r\n    ).value;\r\n    var PermanentAddress = document.getElementById(\"PermanentAddress\").value;\r\n    var PermanentAddress_Country = document.getElementById(\r\n      \"PermanentAddress_Country\"\r\n    ).value;\r\n    var PermanentAddress_State = document.getElementById(\r\n      \"PermanentAddress_State\"\r\n    ).value;\r\n    var PermanentAddress_City = document.getElementById(\r\n      \"PermanentAddress_City\"\r\n    ).value;\r\n    var PermanentAddress_Pincode = document.getElementById(\r\n      \"PermanentAddress_Pincode\"\r\n    ).value;\r\n    var OthersHouseType = document.getElementById(\"HouseText\").value;\r\n    var HouseType = document.getElementById(\"HouseType\").value;\r\n    var StayingSince = document.getElementById(\"StayingSince\").value;\r\n    //var CurrentCitySince = document.getElementById(\"CurrentCitySince\").value\r\n    var myDate = new Date(StayingSince);\r\n\r\n    var today = new Date();\r\n    const pincodeRegex = /^[1-9][0-9]{5}$/;\r\n    if (CurrentAddress_Country == \"India\") {\r\n      // alert(country);\r\n\r\n      this.setState({\r\n        isSelected: true,\r\n      });\r\n    } else if (CurrentAddress_Country != \"India\") {\r\n      this.setState({\r\n        isSelected: false,\r\n      });\r\n    }\r\n\r\n    if (CurrentAddress === \" \" || !CurrentAddress || CurrentAddress === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress\"] = \"Current Address is required\";\r\n    } else if (CurrentAddress.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (\r\n      CurrentAddress_City === \"\" ||\r\n      !CurrentAddress_City ||\r\n      CurrentAddress_City === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_City\"] = \"City is required\";\r\n    } else if (CurrentAddress_City.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_City\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (\r\n      !CurrentAddress_Country === \"\" ||\r\n      !CurrentAddress_Country ||\r\n      CurrentAddress_Country === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_Country\"] = \"Country is required\";\r\n    } else if (\r\n      CurrentAddress_State === \"\" ||\r\n      !CurrentAddress_State ||\r\n      CurrentAddress_State === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_State\"] = \"State is required\";\r\n    } else if (\r\n      CurrentAddress_Pincode === \"\" ||\r\n      !CurrentAddress_Pincode ||\r\n      CurrentAddress_Pincode === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_Pincode\"] = \"Pincode is required\";\r\n    } else if (CurrentAddress_Pincode.length < 6) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_Pincode\"] = \"Maximum 6 Charatcers Required\";\r\n    } else if (!HouseType || HouseType == \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"HouseType\"] = \"House Type is required\";\r\n    }\r\n    else if (HouseType === 'others' && !OthersHouseType) {\r\n      formIsValid = false;\r\n      formErrors[\"HouseType\"] = \"House Type is required\";\r\n    }\r\n    else if (OthersHouseType !== \"\" && OthersHouseType.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"HouseType\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (!StayingSince) {\r\n      formIsValid = false;\r\n      formErrors[\"StayingSince\"] = \"Staying Since is required\";\r\n    } else if (myDate > today) {\r\n      formIsValid = false;\r\n      formErrors[\"StayingSince\"] = \"Valid Staying Since is required\";\r\n    }\r\n    // if (!CurrentCitySince) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"CurrentCitySince\"] = \"Current City Since is required\";\r\n    // }\r\n    if (PermanentAddress != '-') {\r\n      if (PermanentAddress.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n    if (\r\n      PermanentAddress_City != '-'\r\n    ) {\r\n      if (PermanentAddress_City.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_City\"] =\r\n          \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n    if (PermanentAddress_Country === '-' || PermanentAddress_Country === \"Select\") {\r\n      if (!PermanentAddress_Country) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Country\"] = \"Country is required\";\r\n      }\r\n    }\r\n\r\n    if (PermanentAddress_State === 'Select state' || PermanentAddress_State === 'State') {\r\n      if (PermanentAddress_State.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_State\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n\r\n    if (PermanentAddress_Pincode != '-') {\r\n      if (PermanentAddress_Pincode !== \"-\" && !pincodeRegex.test(PermanentAddress_Pincode)) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Pincode\"] = \"Invalid Pincode\";\r\n      } else if (PermanentAddress_Pincode.length < 6) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Pincode\"] = \"Minimum 6 Characters Required\";\r\n      }\r\n    }\r\n\r\n\r\n\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n\r\n  GetUserSkillName() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetUserSkillName`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SKillAdminNameDrop: data });\r\n        // console.log(data, \"SKillName\");\r\n      });\r\n  }\r\n  AddressValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    var CurrentAddress = document.getElementById(\"CurrentAddress\").value;\r\n    var CurrentAddress_Country = document.getElementById(\r\n      \"CurrentAddress_Country\"\r\n    ).value;\r\n    var CurrentAddress_State = document.getElementById(\r\n      \"CurrentAddress_State\"\r\n    ).value;\r\n    var CurrentAddress_City = document.getElementById(\r\n      \"CurrentAddress_City\"\r\n    ).value;\r\n    var CurrentAddress_Pincode = document.getElementById(\r\n      \"CurrentAddress_Pincode\"\r\n    ).value;\r\n    var PermanentAddress = document.getElementById(\"PermanentAddress\").value;\r\n    var PermanentAddress_Country = document.getElementById(\r\n      \"PermanentAddress_Country\"\r\n    ).value;\r\n    var PermanentAddress_State = document.getElementById(\r\n      \"PermanentAddress_State\"\r\n    ).value;\r\n    var PermanentAddress_City = document.getElementById(\r\n      \"PermanentAddress_City\"\r\n    ).value;\r\n    var PermanentAddress_Pincode = document.getElementById(\r\n      \"PermanentAddress_Pincode\"\r\n    ).value;\r\n    var HouseType = document.getElementById(\"HouseType\").value;\r\n    var OthersHouseType = document.getElementById(\"HouseText\").value;\r\n    var StayingSince = document.getElementById(\"StayingSince\").value;\r\n    //var CurrentCitySince = document.getElementById(\"CurrentCitySince\").value\r\n    var myDate = new Date(StayingSince);\r\n\r\n    var today = new Date();\r\n    const pincodeRegex = /^[1-9][0-9]{5}$/;\r\n    if (CurrentAddress === \" \" || !CurrentAddress || CurrentAddress === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress\"] = \"Current Address is required\";\r\n    } else if (CurrentAddress.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    if (\r\n      CurrentAddress_City === \"\" ||\r\n      !CurrentAddress_City ||\r\n      CurrentAddress_City === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_City\"] = \"City is required\";\r\n    } else if (CurrentAddress_City.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_City\"] =\r\n        \"A Minimum of 3 characters are required\";\r\n    }\r\n    if (\r\n      CurrentAddress_Country === \"\" ||\r\n      !CurrentAddress_Country ||\r\n      CurrentAddress_Country === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_Country\"] = \"Country is required\";\r\n    }\r\n    if (\r\n      CurrentAddress_State === \"\" ||\r\n      !CurrentAddress_State ||\r\n      CurrentAddress_State === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_State\"] = \"State is required\";\r\n    }\r\n\r\n    if (\r\n      CurrentAddress_Pincode === \"\" ||\r\n      !CurrentAddress_Pincode ||\r\n      CurrentAddress_Pincode === \"-\"\r\n    ) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_Pincode\"] = \"Pincode is required\";\r\n    } else if (CurrentAddress_Pincode.length < 6) {\r\n      formIsValid = false;\r\n      formErrors[\"CurrentAddress_Pincode\"] = \"A Maximum of 6 characters are required\";\r\n    }\r\n    if (!HouseType || HouseType == \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"HouseType\"] = \"House Type is required\";\r\n    }\r\n\r\n\r\n    if (HouseType === 'others' && !OthersHouseType) {\r\n      formIsValid = false;\r\n      formErrors[\"HouseType\"] = \"House Type is required\";\r\n    }\r\n    if (OthersHouseType !== \"\" && OthersHouseType.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"HouseType\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    if (!StayingSince) {\r\n      formIsValid = false;\r\n      formErrors[\"StayingSince\"] = \"Staying Since is required\";\r\n    }\r\n    if (StayingSince === \"dd-mm-yyyy\") {\r\n      formIsValid = false;\r\n\r\n      formErrors[\"StayingSince\"] = \"Staying Since is required\";\r\n    } else if (myDate > today) {\r\n      formIsValid = false;\r\n      formErrors[\"StayingSince\"] = \"Valid Staying Since is required\";\r\n    }\r\n\r\n    if (PermanentAddress != \"-\") {\r\n      if (!PermanentAddress) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress\"] = \"Address is required\";\r\n      }\r\n      else if (PermanentAddress.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n    if (\r\n      PermanentAddress_City != '-'\r\n    ) {\r\n      if (!PermanentAddress_City) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_City\"] = \"City is required\";\r\n      }\r\n      else if (PermanentAddress_City.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_City\"] =\r\n          \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n    if (PermanentAddress_Country === '-' || PermanentAddress_Country === \"Select\") {\r\n      if (!PermanentAddress_Country) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Country\"] = \"Country is required\";\r\n      }\r\n    }\r\n\r\n    if (PermanentAddress_State === 'Select state' || PermanentAddress_State === 'State') {\r\n      if (!PermanentAddress_State) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_State\"] = \"State is required\";\r\n      }\r\n      else if (PermanentAddress_State.length < 3) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_State\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n\r\n    if (PermanentAddress_Pincode != '-') {\r\n      if (!PermanentAddress_Pincode) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Pincode\"] = \"Pincode is required\";\r\n      }\r\n      else if (PermanentAddress_Pincode !== \"-\" && !pincodeRegex.test(PermanentAddress_Pincode)) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Pincode\"] = \"Invalid Pincode\";\r\n      } else if (PermanentAddress_Pincode.length < 6) {\r\n        formIsValid = false;\r\n        formErrors[\"PermanentAddress_Pincode\"] = \"Minimum 6 Characters Required\";\r\n      }\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  handlebankchange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //var Bankname = document.getElementById(\"Bankname\").value\r\n    var Branchname = document.getElementById(\"Branchname\").value;\r\n    var Branchaddress = document.getElementById(\"Branchaddress\").value;\r\n    var IFSC = document.getElementById(\"IFSC\").value;\r\n    var confirmAcNo = document.getElementById(\"confirmAcNo\").value;\r\n    var AcNo = document.getElementById(\"AcNo\").value;\r\n    var AcType = document.getElementById(\"AcType\").value;\r\n    var PhoneNo = document.getElementById(\"PhoneNo\").value;\r\n    var IFSCpattern = /^[A-Z]{4}0[A-Z0-9]{6}$/;\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    if (!AcNo || AcNo === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"AcNo\"] = \"Account Number is required\";\r\n    }\r\n    else if (AcNo.length < 9 || !/^\\d+$/.test(AcNo)) {\r\n      formIsValid = false;\r\n      formErrors[\"AcNo\"] = \"Invalid Account Number\";\r\n    }\r\n    else if (!confirmAcNo || confirmAcNo === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"AcName\"] = \"confirm Account Number is required\";\r\n    } else if (AcNo !== confirmAcNo) {\r\n      formIsValid = false;\r\n      formErrors[\"AcName\"] = \"Account Number and  confirm Account Number is not same\";\r\n    } else if (!IFSC || IFSC === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"IFSC\"] = \"IFSC Code is required\";\r\n    } else if (!IFSCpattern.test(IFSC)) {\r\n      formIsValid = false;\r\n      formErrors[\"IFSC\"] = \"IFSC Code is Invalid\";\r\n    } else if (!AcType || AcType === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"AcType\"] = \"Account Type is required\";\r\n    } else if (!Branchname || Branchname === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"Branchname\"] = \"Branch Name is required\";\r\n    } else if (Branchname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Branchname\"] = \"Minimum 3 Characters Required\";\r\n    }\r\n\r\n    // else if (!PhoneNo || PhoneNo === '-') {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"PhoneNo\"] = \"Phone Number is required\";\r\n    // }\r\n    else if (!mobPattern.test(PhoneNo)) {\r\n      formIsValid = false;\r\n      // formErrors[\"PhoneNo\"] = \" Enter the valid Phone Number.\";\r\n    }\r\n\r\n    // else if (!Branchaddress || Branchaddress === '-') {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"Branchaddress\"] = \"Branch Address is required\";\r\n    // }\r\n\r\n    // else if (Branchaddress.length < 3) {\r\n    //   formIsValid = false;\r\n    //   // formErrors[\"Branchaddress\"] = \"Minimum 3 Characters Required\";\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  BankValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //var Bankname = document.getElementById(\"Bankname\").value\r\n    var Branchname = document.getElementById(\"Branchname\").value;\r\n    var Branchaddress = document.getElementById(\"Branchaddress\").value;\r\n    var IFSC = document.getElementById(\"IFSC\").value;\r\n    var confirmAcNo = document.getElementById(\"confirmAcNo\").value;\r\n    var AcNo = document.getElementById(\"AcNo\").value;\r\n    var AcType = document.getElementById(\"AcType\").value;\r\n    var PhoneNo = document.getElementById(\"PhoneNo\").value;\r\n    var IFSCpattern = /^[A-Z]{4}0[A-Z0-9]{6}$/;\r\n    var mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n    // if (!Bankname) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Bankname\"] = \"Bank Name  is required\";\r\n    // }\r\n    const re = /^[0-9\\b]+$/;\r\n    if (!re.test(AcNo) || AcNo === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"AcNo\"] = \"Account Number  is required\";\r\n    } else if (AcNo.length < 9) {\r\n      formIsValid = false;\r\n      formErrors[\"AcNo\"] = \"Invalid Account Number \";\r\n    }\r\n    if (!confirmAcNo || confirmAcNo === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"AcName\"] = \"confirm Account Number is required\";\r\n    } else if (AcNo !== confirmAcNo) {\r\n      formIsValid = false;\r\n      formErrors[\"AcName\"] =\r\n        \"Account Number and  confirm Account Number is not same\";\r\n    }\r\n    if (!IFSC || IFSC === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"IFSC\"] = \"IFSC Code is required\";\r\n    } else if (!IFSCpattern.test(IFSC)) {\r\n      formIsValid = false;\r\n      formErrors[\"IFSC\"] = \"IFSC Code is Invalid\";\r\n    }\r\n    if (!AcType || AcType === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"AcType\"] = \"Account Type is required\";\r\n    }\r\n\r\n    if (!Branchname || Branchname === \"-\") {\r\n      formIsValid = false;\r\n      formErrors[\"Branchname\"] = \"Branch Name is required\";\r\n    } else if (Branchname.length < 3) {\r\n      formIsValid = false;\r\n      formErrors[\"Branchname\"] = \"Minimum 3 Characters Required\";\r\n    }\r\n\r\n    if (PhoneNo !== \"-\" && PhoneNo !== \"\") {\r\n      if (!mobPattern.test(PhoneNo)) {\r\n        formIsValid = false;\r\n        formErrors[\"PhoneNo\"] = \"Enter a valid phone number.\";\r\n      }\r\n    }\r\n    // else if (!mobPattern.test(PhoneNo)) {\r\n\r\n    //   formIsValid = false;\r\n    //   formErrors[\"PhoneNo\"] = \" Enter the valid Phone Number.\";\r\n    // }\r\n\r\n    // if (!Branchaddress || Branchaddress === '-') {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Branchaddress\"] = \"Branch Address is required\";\r\n    // }\r\n    // else if (Branchaddress.length < 3) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"Branchaddress\"] = \"Minimum 3 Characters Required\";\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  submit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    const data = new FormData(e.target);\r\n\r\n    if (this.ProfileValidation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/Put`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            this.profilelist();\r\n\r\n            document.getElementById(\"edit-btn\").click();\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: false,\r\n            });\r\n            // setTimeout(() => {\r\n            //   window.location.reload(true);\r\n            // }, 3200);\r\n            // document.getElementById('edit-btn-contact').disabled = true\r\n            // document.getElementById('edit-btn-Address').disabled = true\r\n            // document.getElementById('edit-btn-media').disabled = true\r\n            // document.getElementById('edit-btn').disabled = true\r\n          }\r\n\r\n          if (resp.status === \"Error\") {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n          //resp.errors.MiddleName===null?document.getElementById('middlename').innerHTML=\"MiddleName\":document.getElementById('middlename').innerHTML=resp.errors.MiddleName,document.getElementById('middlename').style.color=\"red\"\r\n\r\n          this.setState({ imagePreviewUrl: null });\r\n          this.setState({ imageCoverPreviewUrl: null });\r\n        });\r\n    }\r\n  };\r\n\r\n  ContactEdit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    if (this.ContactValidation()) {\r\n      const data = new FormData(e.target);\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept':'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          // 'Content-Type':'application/json'\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/ContactEDit`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            this.profilelist();\r\n            document.getElementById(\"edit-btn-contact\").click();\r\n\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: false,\r\n            });\r\n            // setTimeout(() => {\r\n            //   window.location.reload(true);\r\n            // }, 3200);\r\n            // document.getElementById('edit-btn-contact').disabled = true\r\n            // document.getElementById('edit-btn-Address').disabled = true\r\n            // document.getElementById('edit-btn-media').disabled = true\r\n            // document.getElementById('edit-btn').disabled = true\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n\r\n      this.setState({ imagePreviewUrl: null });\r\n      this.setState({ imageCoverPreviewUrl: null });\r\n    }\r\n  };\r\n\r\n  AddressEdit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n\r\n    if (this.AddressValidation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      try {\r\n        const response = await fetch(`${BASE_URLs}/Profile/AddressEdit`, options);\r\n        const resp = await response.json();\r\n\r\n        if (resp.status === \"Success\") {\r\n          // Reset form and handle success\r\n          setTimeout(() => {\r\n            this.profilelist();\r\n            this.HandleHouse();\r\n          }, 1000);\r\n\r\n          document.getElementById(\"edit-btn-Address\").click();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          // Handle error response\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      } catch (error) {\r\n        // Handle fetch error\r\n        console.error('Error:', error);\r\n        toast.error(\"Error occurred while saving address\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n\r\n      // Reset form and state after operation\r\n      document.getElementById(\"AddressInfo\").reset();\r\n      setTimeout(() => {\r\n        this.setState({\r\n          ButtonDisabled: false,\r\n        });\r\n        this.profilelist();\r\n        this.HandleHouse();\r\n        this.setState({ imagePreviewUrl: null });\r\n        this.setState({ imageCoverPreviewUrl: null });\r\n        this.setState({ houseType: \"\" });\r\n      }, 1000);\r\n    }\r\n  };\r\n\r\n  SocailValidation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    var facebkPattern = /^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/;\r\n    var Whatsapp = document.getElementById(\"Whatsapp\").value;\r\n    var facebook = document.getElementById(\"facebk\").value;\r\n    var LinkedIn = document.getElementById(\"linkedIn\").value;\r\n    var Skype = document.getElementById(\"skype\").value;\r\n    var Twitter = document.getElementById(\"twitter\").value;\r\n\r\n\r\n    if (Whatsapp != '-' && Whatsapp != '') {\r\n      if (!mobPattern.test(Whatsapp)) {\r\n        formIsValid = false;\r\n        formErrors[\"WhatsappErr\"] = \" Enter the valid Whatsapp Number\";\r\n      }\r\n    }\r\n\r\n    // if (facebook != '-') {\r\n    //   if (!facebkPattern.test(facebook) && !mobPattern.test(facebook)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"FacebookErr\"] = \"Enter valid Facebook account ID\";\r\n    //   }\r\n    // }\r\n    // if (LinkedIn != '-') {\r\n    //   if (!facebkPattern.test(LinkedIn)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"linkedInErr\"] = \" Enter the valid Account\";\r\n    //   }\r\n    // }\r\n    // if (Skype != '-') {\r\n    //   if (!facebkPattern.test(Skype)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"SkypeErr\"] = \" Enter the valid Account\";\r\n    //   }\r\n    // }\r\n    // if (Twitter != '-') {\r\n    //   if (!facebkPattern.test(Twitter)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"TwitterErr\"] = \" Enter the valid Account\";\r\n    //   }\r\n    // }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n  handleSocailchange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n    var facebkPattern = /^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/;\r\n    var Whatsapp = document.getElementById(\"Whatsapp\").value;\r\n    var facebook = document.getElementById(\"facebk\").value;\r\n    var LinkedIn = document.getElementById(\"linkedIn\").value;\r\n    var Twitter = document.getElementById(\"twitter\").value;\r\n    var Skype = document.getElementById(\"skype\").value;\r\n\r\n\r\n    if (Whatsapp != '-' && Whatsapp != '') {\r\n      if (!mobPattern.test(Whatsapp)) {\r\n        formIsValid = false;\r\n        formErrors[\"WhatsappErr\"] = \" Enter the valid Whatsapp Number\";\r\n      }\r\n    }\r\n\r\n    // if(facebook!='-'){\r\n    //   if (!facebkPattern.test(facebook)&& !mobPattern.test(facebook)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"FacebookErr\"] = \"Enter valid Facebook account ID\";\r\n    //   }\r\n    // }\r\n\r\n    // if(LinkedIn!='-'){\r\n    //   if (!facebkPattern.test(LinkedIn)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"linkedInErr\"] = \" Enter the valid Account\";\r\n    //   }\r\n    // }\r\n    // if(Twitter!='-'){\r\n    //   if (!facebkPattern.test(Twitter)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"TwitterErr\"] = \" Enter the valid Account\";\r\n    //   }\r\n    // }\r\n    // if(Skype!='-'){\r\n    //   if (!facebkPattern.test(Skype)) {\r\n    //     formIsValid = false;\r\n    //     formErrors[\"SkypeErr\"] = \" Enter the valid Account\";\r\n    //   }\r\n    // }\r\n\r\n\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  SocialEdit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.SocailValidation()) {\r\n      const data = new FormData(e.target);\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept':'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          // 'Content-Type':'application/json'\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/SocialEdit`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            this.profilelist();\r\n\r\n            document.getElementById(\"edit-btn-media\").click();\r\n\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: false,\r\n            });\r\n            // setTimeout(() => {\r\n            //   window.location.reload(true);\r\n            // }, 3200);\r\n            // document.getElementById('edit-btn-contact').disabled = true\r\n            // document.getElementById('edit-btn-Address').disabled = true\r\n            // document.getElementById('edit-btn-media').disabled = true\r\n            // document.getElementById('edit-btn').disabled = true\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  handleFileSelected(event) {\r\n    event.preventDefault();\r\n    this.photofilename = event.target.files[0].name;\r\n    const formData = new FormData();\r\n    formData.append(\r\n      \"myFile\",\r\n      event.target.files[0],\r\n      event.target.files[0].name\r\n    );\r\n\r\n    fetch(\"\", {\r\n      method: \"POST\",\r\n      body: formData,\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => {\r\n          this.imagesrc = process.env.REACT_APP_PHOTOPATH + result;\r\n        },\r\n        (error) => {\r\n          alert(\"Failed\");\r\n        }\r\n      );\r\n    setTimeout(this.profilelist(), 400);\r\n  }\r\n\r\n  componentDidMount() {\r\n    // this.Getdetail();\r\n    this.fetchPersonalInfoDetails();\r\n    this.ProfileClick();\r\n    this.BioClick();\r\n    this.ContactsClicks();\r\n    this.AddressClick();\r\n    this.FamilyClick();\r\n    this.SocialClick();\r\n    this.SkillClick();\r\n    this.BankClick();\r\n    this.EducationClick();\r\n    this.LifeStyleClick();\r\n    this.PersonalityClick();\r\n    this.InterestClick();\r\n    this.ActivitiesClick();\r\n    this.profilelist();\r\n    this.EducationDetailList();\r\n    this.BankdetailList();\r\n    this.GetUserProfile();\r\n    this.GetUserPersonality();\r\n    this.GetUserLifeStyle();\r\n    this.GetUserInterests();\r\n    this.GetUserActivities();\r\n    this.GetPersonality();\r\n    this.GetLifeStyle();\r\n    this.GetInterests();\r\n    this.GetActivities();\r\n    this.SkillDetailList();\r\n    this.FamilyDetailList();\r\n    this.EmergencyDetailList();\r\n    this.RelationshipDropList();\r\n    this.HouseTypeDropdownList();\r\n    this.UserEducationDropdownList();\r\n    this.GetUserSkillDrop();\r\n    this.GetOrgLogo();\r\n    this.UserEducationDropdownList();\r\n    this.GetUserSkillName();\r\n\r\n    const isChrome = navigator.userAgent.indexOf(\"Chrome\") !== -1;\r\n    this.setState({ isChrome });\r\n  }\r\n\r\n  componentDidUpdate(prevProps) {\r\n    if (prevProps.location !== this.props.location) {\r\n      this.ProfileClick();\r\n      this.BioClick();\r\n      this.ContactsClicks();\r\n      this.AddressClick();\r\n      this.FamilyClick();\r\n      this.SocialClick();\r\n      this.BankClick();\r\n      this.EducationClick();\r\n      this.SkillClick();\r\n      this.LifeStyleClick();\r\n      this.PersonalityClick();\r\n      this.InterestClick();\r\n      this.ActivitiesClick();\r\n    }\r\n  }\r\n  GetUserProfile() {\r\n    let url = `${BASE_URLs}/Profile/Userprofile`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Profile_Pic: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  handleImageChange(e) {\r\n    e.preventDefault();\r\n    this.setState({ imagePreviewUrl: URL.createObjectURL(e.target.files[0]) });\r\n  }\r\n\r\n  handleCoverImageChange(e) {\r\n    e.preventDefault();\r\n    this.setState({\r\n      imageCoverPreviewUrl: URL.createObjectURL(e.target.files[0]),\r\n    });\r\n  }\r\n  FamModel = (e, fn, mn, ln, cn, em, relationship, emergencyContact, cdate) => {\r\n\r\n    this.setState({ FamilyEditId: cdate });\r\n    this.setState({\r\n      EditFamValues: {\r\n        id: e,\r\n        FirstName: fn,\r\n        MiddleName: mn,\r\n        LastName: ln,\r\n        Contact: cn,\r\n        Email: em,\r\n        Relationship: relationship,\r\n        emergencyContact: emergencyContact,\r\n        created_Date: cdate\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      FamModel: !prevState.FamModel,\r\n    }));\r\n\r\n    this.FamilyDetailList();\r\n  };\r\n\r\n  EmergencyModel = (e, fn, ln, cn, em, relationship) => {\r\n    this.setState({ EmergencyEditId: e });\r\n    this.setState({\r\n      EditECValues: {\r\n        id: e,\r\n        FirstName: fn,\r\n        LastName: ln,\r\n        Contact: cn,\r\n        Email: em,\r\n        Relationship: relationship,\r\n      },\r\n    });\r\n\r\n    this.setState((prevState) => ({\r\n      EmergencyModel: !prevState.EmergencyModel,\r\n    }));\r\n\r\n    this.EmergencyDetailList();\r\n  };\r\n\r\n  SkillModel = (\r\n    id,\r\n    categ,\r\n    Skillname,\r\n    Skilldescrp,\r\n    exp,\r\n    trainer,\r\n    coursename,\r\n    startdate,\r\n    enddate,\r\n    certificate,\r\n    certificates,\r\n    created_Date\r\n  ) => {\r\n    // this.setState({SkillEditId: id});\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: id,\r\n        categ: categ,\r\n        Skillname: Skillname,\r\n        Skilldescrp: Skilldescrp,\r\n        exp: exp,\r\n        trainer: trainer,\r\n        coursename: coursename,\r\n        startdate: startdate,\r\n        enddate: enddate,\r\n        certificate: certificate,\r\n        certificates: certificates,\r\n        created_Date: created_Date\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      SkillModel: !prevState.SkillModel,\r\n    }));\r\n    this.SkillDetailList();\r\n  };\r\n\r\n  HouseTypeDropdownList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/profile/HouseTypeDropdown`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ HouseTypeDrop: data });\r\n      });\r\n  }\r\n  UserEducationDropdownList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserEducationDetails/GetQualificationtype`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ EducationDrop: data });\r\n      });\r\n  }\r\n\r\n  UserEduModel = (\r\n    id,\r\n    QualificationType,\r\n    Coursename,\r\n    Coursetype,\r\n    Stream,\r\n    CourseStartDate,\r\n    CourseEndDate,\r\n    UniversityName,\r\n    CollegeName,\r\n    Created_Date\r\n  ) => {\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: id,\r\n        QualificationType: QualificationType,\r\n        Coursename: Coursename,\r\n        Coursetype: Coursetype,\r\n        Stream: Stream,\r\n        CourseStartDate: CourseStartDate,\r\n        CourseEndDate: CourseEndDate,\r\n        UniversityName: UniversityName,\r\n        CollegeName: CollegeName,\r\n        Created_Date: Created_Date\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      UserEduModel: !prevState.UserEduModel,\r\n    }));\r\n    this.EducationDetailList();\r\n  };\r\n\r\n  HandleSkillCertificate = (e) => {\r\n    e.preventDefault();\r\n    var uploadcertificate =\r\n      document.getElementById(\"UploadCertificate\").checked;\r\n    if (uploadcertificate === true) {\r\n      this.setState({\r\n        UploadCertificate: true,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        UploadCertificate: false,\r\n      });\r\n    }\r\n  };\r\n\r\n  HandleHouse = () => {\r\n    var HouseType = document.getElementById(\"HouseType\").value;\r\n    if (HouseType === \"others\") {\r\n      document.getElementById(\"HouseText\").value = \"\";\r\n      document.getElementById(\"HouseText\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"HouseText\").value = \"None\";\r\n      document.getElementById(\"HouseText\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  reformatDate = (dateString) => {\r\n    const parts = dateString.split(\"-\");\r\n    if (parts.length === 3) {\r\n      return `${parts[2]}-${parts[1]}-${parts[0]}`;\r\n    } else {\r\n      return dateString;\r\n    }\r\n  };\r\n\r\n  // formatDate = (inputDate) => {\r\n  //   const date = new Date(inputDate);\r\n  //   const day = String(date.getDate()).padStart(2, \"0\");\r\n  //   const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n  //   const year = date.getFullYear();\r\n  //   if (day === 'NaN') {\r\n  //     return `dd-mm-yyyy`;\r\n  //   }\r\n  //   else {\r\n  //     return `${day}-${month}-${year}`;\r\n  //   }\r\n  // };\r\n\r\n\r\n\r\n  DelUserSkill = (SName, UId) => {\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      const data = {\r\n        SkillName: SName,\r\n        UserId: UId\r\n      };\r\n\r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/UserSkillDetails/DelUserSkill`,\r\n        data: data,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      }).then((response) => {\r\n        if (response.data.status === \"Success\") {\r\n          toast.success(response.data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n        this.SkillDetailList();\r\n      });\r\n    }\r\n  };\r\n  formatted(dateString) {\r\n    const options = { year: \"numeric\", month: \"short\" };\r\n    const date = new Date(`${dateString}-01`);\r\n    return date.toLocaleDateString(\"en-US\", options);\r\n  }\r\n\r\n  Getvalue() {\r\n    this.profilelist();\r\n    var Pvalue = document.getElementById('PermanentAddress').value;\r\n    var Cvalue = document.getElementById('CurrentAddress').value;\r\n    var status = document.getElementById('SameAddress')\r\n    if (Pvalue !== Cvalue || Pvalue === '-') {\r\n      status.checked = false\r\n    }\r\n    else {\r\n      status.checked = true\r\n\r\n      this.setState({\r\n        isReadOnly: true,\r\n      });\r\n    }\r\n    var CurrentAddress_Country = document.getElementById(\"CurrentAddress_Country\").value;\r\n    if (CurrentAddress_Country == \"India\") {\r\n      this.setState({\r\n        isSelected: true,\r\n      });\r\n    } else if (CurrentAddress_Country != \"India\") {\r\n      this.setState({\r\n        isSelected: false,\r\n      });\r\n    }\r\n  }\r\n\r\n  handleInfoClick = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n    });\r\n  };\r\n  handleInfoClick1 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n  handleInfoClick2 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n  handleInfoClick3 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n  handleInfoClick4 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n  handleInfoClick5 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n\r\n  handleInfoClick6 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n\r\n  handleInfoClick7 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n\r\n  handleInfoClick8 = () => {\r\n    this.setState({\r\n      clickCount: 0,\r\n\r\n      openskill: false,\r\n      openfam: false,\r\n      openedu: false,\r\n      openpersonality: false,\r\n      openlifeStyle: false,\r\n      openinterests: false,\r\n      openactivities: false,\r\n      showing: true,\r\n      showing1: true,\r\n      showing2: true,\r\n      showing3: true,\r\n      showing4: true,\r\n      showing5: true,\r\n      showing6: true,\r\n\r\n    });\r\n\r\n  };\r\n\r\n\r\n  handleIconClick = () => {\r\n\r\n    this.fileInputRef.current.click();\r\n  };\r\n  handlePersonalityChange = (selectedOptions) => {\r\n    this.setState({ selectedSkills: selectedOptions }, this.validatePersonality);\r\n  };\r\n\r\n  // Validate Personality selection\r\n  validatePersonality = () => {\r\n    let formErrors = { ...this.state.formErrors };\r\n    if (this.state.selectedSkills.length === 0) {\r\n      formErrors.PersonalityError = \"Select at least one Personality\";\r\n    } else {\r\n      formErrors.PersonalityError = \"\";\r\n    }\r\n    this.setState({ formErrors });\r\n  };\r\n  handleLifeStyleChange = (selectedOptions) => {\r\n    this.setState({ selectedSkills1: selectedOptions }, this.validateLifeStyle);\r\n  };\r\n  validateLifeStyle = () => {\r\n    let formErrors = { ...this.state.formErrors };\r\n    if (this.state.selectedSkills1.length === 0) {\r\n      formErrors.LifeStyleError = \"Select at least one LifeStyle\";\r\n    } else {\r\n      formErrors.LifeStyleError = \"\";\r\n    }\r\n    this.setState({ formErrors });\r\n  };\r\n  handleInterestsChange = (selectedOptions) => {\r\n    this.setState({ selectedSkills2: selectedOptions }, this.validateInterest);\r\n  };\r\n  validateInterest = () => {\r\n    let formErrors = { ...this.state.formErrors };\r\n    if (this.state.selectedSkills2.length === 0) {\r\n      formErrors.InterestsError = \"Select at least one Interest\";\r\n    } else {\r\n      formErrors.InterestsError = \"\";\r\n    }\r\n    this.setState({ formErrors });\r\n  };\r\n  handleActivitiesChange = (selectedOptions) => {\r\n    this.setState({ selectedSkills3: selectedOptions }, this.validateActivities);\r\n  };\r\n  validateActivities = () => {\r\n    let formErrors = { ...this.state.formErrors };\r\n    if (this.state.selectedSkills3.length === 0) {\r\n      formErrors.ActivitiesError = \"Select at least one Activity\";\r\n    } else {\r\n      formErrors.ActivitiesError = \"\";\r\n    }\r\n    this.setState({ formErrors });\r\n  };\r\n  handleBioChange = (e) => {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n\r\n    var Bio = document.getElementById(\"Bio\").value;\r\n\r\n\r\n    if (!Bio) {\r\n      formIsValid = false;\r\n      formErrors[\"bioError\"] = \"Description  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  };\r\n\r\n  validateBio() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Bio = document.getElementById(\"Bio\").value;\r\n    if (!Bio) {\r\n      formIsValid = false;\r\n      formErrors[\"bioError\"] = \"Description  is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n\r\n  BioEdit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    if (this.validateBio()) {\r\n      const data = new FormData(e.target);\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept':'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          // 'Content-Type':'application/json'\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/BioEdit`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            this.profilelist();\r\n            document.getElementById(\"edit-btn-Bio\").click();\r\n\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: false,\r\n            });\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n\r\n      this.setState({ imagePreviewUrl: null });\r\n      this.setState({ imageCoverPreviewUrl: null });\r\n    }\r\n  };\r\n  GetPersonality() {\r\n    const tableName = \"MasterPersonality\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log('adfsfs', data)\r\n        this.setState({\r\n          PersonalityDetails: data,\r\n        });\r\n      });\r\n  }\r\n  GetLifeStyle() {\r\n    const tableName = \"MasterLifeStyle\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log('lifeStyle', data)\r\n        this.setState({\r\n          LifeStyleDetails: data,\r\n        });\r\n      });\r\n  }\r\n  GetInterests() {\r\n    const tableName = \"MasterInterests\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log('Interests', data)\r\n        this.setState({\r\n          InterestsDetails: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetActivities() {\r\n    const tableName = \"MasterActivities\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log('Activities', data)\r\n        this.setState({\r\n          ActivitiesDetails: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  Personalitysubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.state.selectedSkills.length === 0) {\r\n      this.setState({ formErrors: { ...this.state.formErrors, PersonalityError: \"Select at least one Personality\" } });\r\n      return;\r\n    }\r\n    this.setState({ isButtonDisabled: true });\r\n    const { selectedSkills } = this.state;\r\n\r\n    const data = new FormData();\r\n    selectedSkills.forEach(skill => {\r\n      data.append('Values', skill.value); // Assuming the value is the name of the skill\r\n    });\r\n\r\n    // Set default TableName\r\n    const defaultTableName = 'AdminPersonality';\r\n    data.append('TableName', defaultTableName);\r\n\r\n    const defaultAction = 'I';\r\n    data.append('Action', defaultAction);\r\n\r\n    const defaultCategory = '-';\r\n    data.append('Category', defaultCategory);\r\n\r\n    for (let pair of data.entries()) {\r\n      // console.log(pair[0] + ', ' + pair[1]);\r\n    }\r\n\r\n    const token = JSON.parse(localStorage.getItem('user'));\r\n    if (!token) {\r\n      toast.error(\"User not authenticated\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n      return;\r\n    }\r\n\r\n    // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Authorization: `Bearer ${token}`,\r\n      },\r\n      body: data,\r\n    };\r\n\r\n    try {\r\n      const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n      // console.log('Response status:', response.status);\r\n      const resp = await response.json();\r\n      // console.log('Response:', resp);\r\n\r\n      if (resp.status === \"Already Exist\") {\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.error(resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      } else {\r\n        this.GetUserPersonality();\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.success(\"Personality\" + \" \" + resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      this.setState({ isButtonDisabled: true });\r\n      toast.error(\"Records Already Exists\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n\r\n    this.setState({ isButtonDisabled: false });\r\n    document.getElementById(\"Personalityform\").reset();\r\n    this.setState({ openpersonality: false, showing3: true, clickCount: 0 });\r\n    this.setState({ personalityName: \"\", selectedSkills: \"\" });\r\n\r\n    this.GetPersonality(); // Assuming this is a function to refresh the personality data\r\n  };\r\n\r\n  LifeStyleSubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.state.selectedSkills1.length === 0) {\r\n      this.setState({ formErrors: { ...this.state.formErrors, LifeStyleError: \"Select at least one LifeStyle.\" } });\r\n      return;\r\n    }\r\n    this.setState({ isButtonDisabled: true });\r\n\r\n    const { selectedSkills1 } = this.state;\r\n\r\n    const data = new FormData();\r\n    selectedSkills1.forEach(skill => {\r\n      data.append('Values', skill.value); // Assuming the value is the name of the skill\r\n    });\r\n\r\n    // Set default TableName\r\n    const defaultTableName = 'AdminLifeStyle';\r\n    data.append('TableName', defaultTableName);\r\n\r\n    const defaultAction = 'I';\r\n    data.append('Action', defaultAction);\r\n\r\n    const defaultCategory = '-';\r\n    data.append('Category', defaultCategory);\r\n\r\n    for (let pair of data.entries()) {\r\n      // console.log(pair[0] + ', ' + pair[1]);\r\n    }\r\n\r\n    const token = JSON.parse(localStorage.getItem('user'));\r\n    if (!token) {\r\n      toast.error(\"User not authenticated\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n      return;\r\n    }\r\n\r\n    // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Authorization: `Bearer ${token}`,\r\n      },\r\n      body: data,\r\n    };\r\n\r\n    try {\r\n      const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n      // console.log('Response status:', response.status);\r\n      const resp = await response.json();\r\n      // console.log('Response:', resp);\r\n\r\n      if (resp.status === \"Already Exist\") {\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.error(resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      } else {\r\n        this.GetUserLifeStyle();\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.success(\"LifeStyle\" + \" \" + resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      this.setState({ isButtonDisabled: true });\r\n      toast.error(\"Records Already Exists\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n\r\n    this.setState({ isButtonDisabled: false });\r\n    document.getElementById(\"LifeStyleform\").reset();\r\n    this.setState({ openlifeStyle: false, showing4: true, clickCount: 0 });\r\n    this.setState({ lifestyleName: \"\", selectedSkills1: \"\" });\r\n\r\n    this.GetLifeStyle(); // Assuming this is a function to refresh the personality data\r\n  };\r\n\r\n  InterestsSubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.state.selectedSkills2.length === 0) {\r\n      this.setState({ formErrors: { ...this.state.formErrors, InterestsError: \"Select at least one Interest\" } });\r\n      return;\r\n    }\r\n    this.setState({ isButtonDisabled: true });\r\n\r\n    const { selectedSkills2 } = this.state;\r\n\r\n    const data = new FormData();\r\n    selectedSkills2.forEach(skill => {\r\n      data.append('Values', skill.value); // Assuming the value is the name of the skill\r\n    });\r\n\r\n    // Set default TableName\r\n    const defaultTableName = 'AdminInterests';\r\n    data.append('TableName', defaultTableName);\r\n\r\n    const defaultAction = 'I';\r\n    data.append('Action', defaultAction);\r\n\r\n    const defaultCategory = '-';\r\n    data.append('Category', defaultCategory);\r\n\r\n    for (let pair of data.entries()) {\r\n      // console.log(pair[0] + ', ' + pair[1]);\r\n    }\r\n\r\n    const token = JSON.parse(localStorage.getItem('user'));\r\n    if (!token) {\r\n      toast.error(\"User not authenticated\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n      return;\r\n    }\r\n\r\n    // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Authorization: `Bearer ${token}`,\r\n      },\r\n      body: data,\r\n    };\r\n\r\n    try {\r\n      const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n      // console.log('Response status:', response.status);\r\n      const resp = await response.json();\r\n      // console.log('Response:', resp);\r\n\r\n      if (resp.status === \"Already Exist\") {\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.error(resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      } else {\r\n        this.GetUserInterests();\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.success(\"Interest\" + \" \" + resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      this.setState({ isButtonDisabled: true });\r\n      toast.error(\"Records Already Exists\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n\r\n    this.setState({ isButtonDisabled: false });\r\n    document.getElementById(\"Interestsform\").reset();\r\n    this.setState({ openinterests: false, showing5: true, clickCount: 0 });\r\n    this.setState({ interestsName: \"\", selectedSkills2: \"\" });\r\n\r\n    this.GetInterests(); // Assuming this is a function to refresh the personality data\r\n  };\r\n\r\n  ActivitiesSubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.state.selectedSkills3.length === 0) {\r\n      this.setState({ formErrors: { ...this.state.formErrors, ActivitiesError: \"Select at least one Activity\" } });\r\n      return;\r\n    }\r\n    this.setState({ isButtonDisabled: true });\r\n\r\n    const { selectedSkills3 } = this.state;\r\n\r\n    const data = new FormData();\r\n    selectedSkills3.forEach(skill => {\r\n      data.append('Values', skill.value); // Assuming the value is the name of the skill\r\n    });\r\n\r\n    // Set default TableName\r\n    const defaultTableName = 'AdminActivities';\r\n    data.append('TableName', defaultTableName);\r\n\r\n    const defaultAction = 'I';\r\n    data.append('Action', defaultAction);\r\n\r\n    const defaultCategory = '-';\r\n    data.append('Category', defaultCategory);\r\n\r\n    for (let pair of data.entries()) {\r\n      // console.log(pair[0] + ', ' + pair[1]);\r\n    }\r\n\r\n    const token = JSON.parse(localStorage.getItem('user'));\r\n    if (!token) {\r\n      toast.error(\"User not authenticated\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n      return;\r\n    }\r\n\r\n    // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Authorization: `Bearer ${token}`,\r\n      },\r\n      body: data,\r\n    };\r\n\r\n    try {\r\n      const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n      // console.log('Response status:', response.status);\r\n      const resp = await response.json();\r\n      // console.log('Response:', resp);\r\n\r\n      if (resp.status === \"Already Exist\") {\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.error(resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      } else {\r\n        this.GetUserActivities();\r\n        this.setState({ isButtonDisabled: true });\r\n        toast.success(\"Activities\" + \" \" + resp.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      this.setState({ isButtonDisabled: true });\r\n      toast.error(\"Records Already Exists\", {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n\r\n    this.setState({ isButtonDisabled: false });\r\n    document.getElementById(\"Activitiesform\").reset();\r\n    this.setState({ openactivities: false, showing6: true, clickCount: 0 });\r\n    this.setState({ activitiesName: \"\", selectedSkills3: \"\" });\r\n\r\n    this.GetActivities(); // Assuming this is a function to refresh the personality data\r\n  };\r\n  GetUserPersonality() {\r\n    const tableName = \"AdminPersonality\"; // Replace with the actual table name needed\r\n    const User_Id = JSON.parse(localStorage.getItem('userId'));\r\n    const url = `${BASE_URLs}/AdminProfile/GetTabDetails?TableName=${tableName}&Id=${User_Id}`;\r\n    const user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        \"Accept\": \"application/json\",\r\n        \"Authorization\": \"Bearer \" + accessToken,\r\n      },\r\n    })\r\n      .then(response => response.json())\r\n      .then(data => {\r\n        // console.log('UserPersonality', data);\r\n        this.setState({\r\n          PersonalityUser: data,\r\n        });\r\n      })\r\n      .catch(error => {\r\n        // console.error('Error fetching admin personality:', error);\r\n      });\r\n  }\r\n  GetUserLifeStyle() {\r\n    const tableName = \"AdminLifeStyle\"; // Replace with the actual table name needed\r\n    const User_Id = JSON.parse(localStorage.getItem('userId'));\r\n    const url = `${BASE_URLs}/AdminProfile/GetTabDetails?TableName=${tableName}&Id=${User_Id}`;\r\n    const user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        \"Accept\": \"application/json\",\r\n        \"Authorization\": \"Bearer \" + accessToken,\r\n      },\r\n    })\r\n      .then(response => response.json())\r\n      .then(data => {\r\n        // console.log('UserLife', data);\r\n        this.setState({\r\n          LifeStyleUser: data,\r\n        });\r\n      })\r\n      .catch(error => {\r\n        // console.error('Error fetching admin personality:', error);\r\n      });\r\n  }\r\n  GetUserInterests() {\r\n    const tableName = \"AdminInterests\"; // Replace with the actual table name needed\r\n    const User_Id = JSON.parse(localStorage.getItem('userId'));\r\n    const url = `${BASE_URLs}/AdminProfile/GetTabDetails?TableName=${tableName}&Id=${User_Id}`;\r\n    const user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        \"Accept\": \"application/json\",\r\n        \"Authorization\": \"Bearer \" + accessToken,\r\n      },\r\n    })\r\n      .then(response => response.json())\r\n      .then(data => {\r\n        // console.log('gfhhghgn', data);\r\n        this.setState({\r\n          InterestsUser: data,\r\n        });\r\n      })\r\n      .catch(error => {\r\n        // console.error('Error fetching admin personality:', error);\r\n      });\r\n  }\r\n\r\n  GetUserActivities() {\r\n    const tableName = \"AdminActivities\"; // Replace with the actual table name needed\r\n    const User_Id = JSON.parse(localStorage.getItem('userId'));\r\n    const url = `${BASE_URLs}/AdminProfile/GetTabDetails?TableName=${tableName}&Id=${User_Id}`;\r\n    const user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        \"Accept\": \"application/json\",\r\n        \"Authorization\": \"Bearer \" + accessToken,\r\n      },\r\n    })\r\n      .then(response => response.json())\r\n      .then(data => {\r\n        // console.log('gfhhghgn', data);\r\n        this.setState({\r\n          ActivitiesUser: data,\r\n        });\r\n      })\r\n      .catch(error => {\r\n        // console.error('Error fetching admin personality:', error);\r\n      });\r\n  }\r\n  DelUserPersonality = async (name) => {\r\n    if (window.confirm(\"Are you sure you want to delete this record permanently?\")) {\r\n      const data = new FormData();\r\n      data.append('Action', 'D');\r\n      data.append('Values', name);\r\n      data.append('TableName', 'AdminPersonality');\r\n\r\n      // console.log(\"FormData content:\");\r\n      for (let pair of data.entries()) {\r\n        // console.log(`${pair[0]}: ${pair[1]}`);\r\n      }\r\n\r\n      const token = JSON.parse(localStorage.getItem('user'));\r\n      if (!token) {\r\n        toast.error(\"User not authenticated\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        return;\r\n      }\r\n      // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${token}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      try {\r\n        const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n        // console.log('Response status:', response.status);\r\n        const resp = await response.json();\r\n        // console.log('Response:', resp);\r\n\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          this.GetUserPersonality();\r\n          this.GetPersonality();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      } catch (error) {\r\n        // console.error(\"Error:\", error);\r\n        toast.error(\"An error occurred. Please try again later.\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n  DelUserLifeStyle = async (name) => {\r\n    if (window.confirm(\"Are you sure you want to delete this record permanently?\")) {\r\n      const data = new FormData();\r\n      data.append('Action', 'D');\r\n      data.append('Values', name);\r\n      data.append('TableName', 'AdminLifeStyle');\r\n\r\n      // console.log(\"FormData content:\");\r\n      for (let pair of data.entries()) {\r\n        // console.log(`${pair[0]}: ${pair[1]}`);\r\n      }\r\n\r\n      const token = JSON.parse(localStorage.getItem('user'));\r\n      if (!token) {\r\n        toast.error(\"User not authenticated\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        return;\r\n      }\r\n      // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${token}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      try {\r\n        const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n        // console.log('Response status:', response.status);\r\n        const resp = await response.json();\r\n        // console.log('Response:', resp);\r\n\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          this.GetUserLifeStyle();\r\n          this.GetLifeStyle();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      } catch (error) {\r\n        // console.error(\"Error:\", error);\r\n        toast.error(\"An error occurred. Please try again later.\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n  DelUserInterests = async (name) => {\r\n    if (window.confirm(\"Are you sure you want to delete this record permanently?\")) {\r\n      const data = new FormData();\r\n      data.append('Action', 'D');\r\n      data.append('Values', name);\r\n      data.append('TableName', 'AdminInterests');\r\n\r\n      // console.log(\"FormData content:\");\r\n      for (let pair of data.entries()) {\r\n        // console.log(`${pair[0]}: ${pair[1]}`);\r\n      }\r\n\r\n      const token = JSON.parse(localStorage.getItem('user'));\r\n      if (!token) {\r\n        toast.error(\"User not authenticated\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        return;\r\n      }\r\n      // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${token}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      try {\r\n        const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n        // console.log('Response status:', response.status);\r\n        const resp = await response.json();\r\n        // console.log('Response:', resp);\r\n\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          this.GetUserInterests();\r\n          this.GetInterests();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      } catch (error) {\r\n        // console.error(\"Error:\", error);\r\n        toast.error(\"An error occurred. Please try again later.\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n  DelUserActivities = async (name) => {\r\n    if (window.confirm(\"Are you sure you want to delete this record permanently?\")) {\r\n      const data = new FormData();\r\n      data.append('Action', 'D');\r\n      data.append('Values', name);\r\n      data.append('TableName', 'AdminActivities');\r\n\r\n      // console.log(\"FormData content:\");\r\n      for (let pair of data.entries()) {\r\n        // console.log(`${pair[0]}: ${pair[1]}`);\r\n      }\r\n\r\n      const token = JSON.parse(localStorage.getItem('user'));\r\n      if (!token) {\r\n        toast.error(\"User not authenticated\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        return;\r\n      }\r\n      // console.log(`Sending request to ${BASE_URLs}/AdminProfile/manageadmindata with token: ${token}`);\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Bearer ${token}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      try {\r\n        const response = await fetch(`${BASE_URLs}/AdminProfile/manageadmindata`, options);\r\n        // console.log('Response status:', response.status);\r\n        const resp = await response.json();\r\n        // console.log('Response:', resp);\r\n\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          this.GetUserActivities();\r\n          this.GetActivities();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      } catch (error) {\r\n        // console.error(\"Error:\", error);\r\n        toast.error(\"An error occurred. Please try again later.\", {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n\r\n  handleDateChange = (date, name) => {\r\n    this.setState({\r\n      [name]: date,\r\n      [`${name}_formatted`]: date ? moment(date).format('YYYY-MM') : ''\r\n    }, () => this.handleEducationChange());\r\n  };\r\n\r\n  handleChangeD = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value }, () => this.handleEducationChange());\r\n  };\r\n\r\n  HandleQualification = () => {\r\n    var QualificationType = document.getElementById(\"Qualification\").value;\r\n    if (QualificationType === \"Others\") {\r\n      document.getElementById(\"othersQualification\").value = \"\";\r\n      document.getElementById(\"othersQualification\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"othersQualification\").value = \"None\";\r\n      document.getElementById(\"othersQualification\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  handleFocus = (e) => {\r\n    const { isFirefox } = this.state;\r\n    e.target.type = \"month\";\r\n    const calElement = document.getElementById('Cal');\r\n    if (isFirefox) {\r\n      e.target.setAttribute('placeholder', '------,---');\r\n      if (calElement) {\r\n        calElement.style.display = 'block';\r\n      }\r\n    } else {\r\n      e.target.removeAttribute('placeholder');\r\n    }\r\n  };\r\n  render() {\r\n    const {\r\n      TwitterErr,\r\n      SkypeErr,\r\n      linkedInErr,\r\n      contactphnerr,\r\n      PersonalEmailerr,\r\n      officialEmailerr,\r\n      Qualification,\r\n      St_date,\r\n      Coursename,\r\n      End_date,\r\n      Coursetype,\r\n      WhatsappErr,\r\n      AlternatePhoneNoerr,\r\n      HomeErr,\r\n      FirstNameinfo,\r\n      LastNameinfo,\r\n      Genderinfo,\r\n      MaritalStatusinfo,\r\n      bioError,\r\n      clg_name,\r\n      stream,\r\n      unisty_name,\r\n      CurrentAddress,\r\n      CurrentAddress_Country,\r\n      CurrentAddress_State,\r\n      CurrentAddress_City,\r\n      CurrentAddress_Pincode,\r\n      HouseType,\r\n      StayingSince,\r\n      PermanentAddress,\r\n      PermanentAddress_Country,\r\n      PermanentAddress_State,\r\n      PermanentAddress_City,\r\n      PermanentAddress_Pincode,\r\n      CurrentCitySince,\r\n      DOBinfo,\r\n      Bloodgroupinfo,\r\n      Profilepicinfo,\r\n      SkillNameErr,\r\n      SkillDescriptionErr,\r\n      CategoryErr,\r\n      ExperienceErr,\r\n      FirstNameErr,\r\n      LastNameErr,\r\n      ContactErr,\r\n      EmailErr,\r\n      RelationshipErr,\r\n      Bankname,\r\n      Branchname,\r\n      Branchaddress,\r\n      IFSC,\r\n      AcName,\r\n      AcNo,\r\n      AcType,\r\n      PhoneNo,\r\n      skillcoursenameErr,\r\n      skillCoursestartdateErr,\r\n      skillCourseEnddateErr,\r\n      skillCertificateErr,\r\n      FacebookErr\r\n    } = this.state.formErrors;\r\n    const { profile, isSelected, editMode, bioEdits, contactEd, addressEd, FamilyEdits, socialEdit, bankEdit, eduEdit, tab9Selected, tab4Selected, tab2Selected, tab6Selected } = this.state;\r\n    const { EducationDetail, details, personalInfoDetails, tab3Selected, tab5Selected, tab7Selected, tab8Selected } = this.state;\r\n    const { SkillDetails } = this.state;\r\n    const { FamilyDetails } = this.state;\r\n    const { RelationshipDrop } = this.state;\r\n    const { HouseTypeDrop } = this.state;\r\n    const { EducationDrop } = this.state;\r\n    const { openedu } = this.state;\r\n    const { openfam } = this.state;\r\n    const { openskill } = this.state;\r\n    const { openpersonality } = this.state;\r\n    const { openlifeStyle } = this.state;\r\n    const { openinterests } = this.state;\r\n    const { openactivities } = this.state;\r\n    const { selectedSkills } = this.state;\r\n    const { selectedSkills1 } = this.state;\r\n    const { selectedSkills2 } = this.state;\r\n    const { selectedSkills3 } = this.state;\r\n    const { SKillAdminCategoryDrop, SKillAdminNameDrop } = this.state;\r\n    const { EducationCourseName } = this.state;\r\n    const { Bankdetail, UploadCertificate } = this.state;\r\n    const { showing } = this.state;\r\n    const { showing1 } = this.state;\r\n    const { showing2 } = this.state;\r\n    const { showing3 } = this.state;\r\n    const { showing4 } = this.state;\r\n    const { showing5 } = this.state;\r\n    const { showing6 } = this.state;\r\n    const { isChrome, ischrome1, isFirefox } = this.state;\r\n    const { PersonalityDetails } = this.state;\r\n    const { LifeStyleDetails } = this.state;\r\n    const { InterestsDetails } = this.state;\r\n    const { ActivitiesDetails } = this.state;\r\n    const { PersonalityUser } = this.state;\r\n    const { LifeStyleUser } = this.state;\r\n    const { InterestsUser } = this.state;\r\n    const { ActivitiesUser, startDate, endDate, maxDateS } = this.state;\r\n\r\n    const { location } = this.props;\r\n\r\n    const options = PersonalityDetails.map((PL) => ({\r\n      value: PL.personalityName,\r\n      label: PL.personalityName,\r\n      Id: PL.id\r\n    }));\r\n    const options1 = LifeStyleDetails.map((LS) => ({\r\n      value: LS.lifestyleName,\r\n      label: LS.lifestyleName,\r\n      Id: LS.id\r\n    }));\r\n\r\n    const options2 = InterestsDetails.map((IT) => ({\r\n      value: IT.interestName,\r\n      label: IT.interestName,\r\n      Id: IT.id\r\n    }));\r\n\r\n    const options3 = ActivitiesDetails.map((AD) => ({\r\n      value: AD.activityName,\r\n      label: AD.activityName,\r\n      Id: AD.id\r\n    }));\r\n\r\n    const now = 20;\r\n\r\n    const now1 = 40;\r\n\r\n    const now2 = 60;\r\n\r\n    const now3 = 80;\r\n\r\n    const now4 = 100;\r\n\r\n    var email = JSON.parse(localStorage.email);\r\n\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.FamModel ? (\r\n          <EditFamilyModel\r\n            id={this.state.FamilyEditId}\r\n            value={this.state.EditFamValues}\r\n            close={() => this.FamModel(\"\")}\r\n          />\r\n        ) : null}\r\n        {this.state.EmergencyModel ? (\r\n          <EditEmergencyModel\r\n            value={this.state.EditECValues}\r\n            id={this.state.EmergencyEditId}\r\n            close={() => this.EmergencyModel(\"\")}\r\n          />\r\n        ) : null}\r\n        {this.state.SkillModel ? (\r\n          <EditSkillModel\r\n            value={this.state.EditSkillValues}\r\n            id={this.state.SkillEditId}\r\n            close={() => this.SkillModel(\"\")}\r\n          />\r\n        ) : null}\r\n        {this.state.UserEduModel ? (\r\n          <EditUserEduModel\r\n            value={this.state.EditSkillValues}\r\n            id={this.state.UserEduEditId}\r\n            close={() => this.UserEduModel(\"\")}\r\n          />\r\n        ) : null}\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body user-profile\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-body\">\r\n                  <div className=\"j-tabs-container md-tabs\">\r\n                    <center>\r\n                      {SkillDetails.length > 0 ? (\r\n                        <div>\r\n                          <h5 style={{ color: \"green\" }}>\r\n                            <b>Your Profile Has Been Completed</b>\r\n                          </h5>\r\n                        </div>\r\n                      ) : null}\r\n                      <br />\r\n                      <div id=\"ProgressBar\">\r\n                        {/* <div id=\"ProgressBar-Info\"> </div>\r\n                <div id=\"ProgressBar-Info-Done\">\r\n                  <i aria-hidden=\"true\" style={{color:\"#7666f0b8\",marginTop:\"5px\"}}><b>1</b></i>\r\n                  </div> */}\r\n                        {/* <div id=\"ProgressBar-Info\"> </div> */}\r\n                        {profile.map((profile) => (\r\n                          <>\r\n                            {profile.percentageP != null &&\r\n                              profile.percentageC == null &&\r\n                              profile.percentageA == null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={profile.percentageP}\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP == null &&\r\n                              profile.percentageC != null &&\r\n                              profile.percentageA == null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={profile.percentageC}\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP == null &&\r\n                              profile.percentageC == null &&\r\n                              profile.percentageA != null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={profile.percentageA}\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP == null &&\r\n                              profile.percentageC == null &&\r\n                              profile.percentageA == null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={0}\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP != null &&\r\n                              profile.percentageC != null &&\r\n                              profile.percentageA != null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={\r\n                                    profile.percentageP +\r\n                                    profile.percentageC +\r\n                                    profile.percentageA\r\n                                  }\r\n                                  label={`${now}%`}\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP != null &&\r\n                              profile.percentageC != null &&\r\n                              profile.percentageA == null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={\r\n                                    profile.percentageP + profile.percentageC\r\n                                  }\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP != null &&\r\n                              profile.percentageC == null &&\r\n                              profile.percentageA != null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={\r\n                                    profile.percentageP + profile.percentageA\r\n                                  }\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP == null &&\r\n                              profile.percentageC != null &&\r\n                              profile.percentageA != null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={\r\n                                    profile.percentageA + profile.percentageC\r\n                                  }\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : profile.percentageP != null &&\r\n                              profile.percentageC == null &&\r\n                              profile.percentageA != null ? (\r\n                              <div title=\"Info\">\r\n                                <ProgressBar\r\n                                  id=\"ProgressBar-Info\"\r\n                                  animated\r\n                                  now={\r\n                                    profile.percentageA + profile.percentageP\r\n                                  }\r\n                                />{\" \"}\r\n                              </div>\r\n                            ) : null}\r\n\r\n                            {profile.percentageP != null &&\r\n                              profile.percentageC != null &&\r\n                              profile.percentageA != null ? (\r\n                              <div id=\"ProgressBar-Info-Done\">\r\n                                {\" \"}\r\n                                <i\r\n                                  className=\"fa fa-check\"\r\n                                  aria-hidden=\"true\"\r\n                                  style={{\r\n                                    color: \"#7666f0b8\",\r\n                                    marginTop: \"5px\",\r\n                                  }}\r\n                                ></i>\r\n                              </div>\r\n                            ) : (\r\n                              <div id=\"ProgressBar-Info-Done\">\r\n                                {\" \"}\r\n                                <b\r\n                                  style={{\r\n                                    color: \"#7666f0b8\",\r\n                                    marginTop: \"5px\",\r\n                                  }}\r\n                                >\r\n                                  1\r\n                                </b>\r\n                              </div>\r\n                            )}\r\n                          </>\r\n                        ))}\r\n\r\n                        {/* <div id=\"ProgressBar-Family\"> </div> */}\r\n                        {Bankdetail.map((Bankdetail) => (\r\n                          <>\r\n                            <div title=\"Banking\">\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Banking\"\r\n                                animated\r\n                                now={Bankdetail.percentage}\r\n                                label={\r\n                                  Bankdetail.percentage == 100\r\n                                    ? `${now1}%`\r\n                                    : null\r\n                                }\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Banking-Done\">\r\n                              {\" \"}\r\n                              <b\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              >\r\n                                2\r\n                              </b>\r\n                            </div>\r\n                            {Bankdetail.percentage == 100 ? (\r\n                              <div id=\"ProgressBar-Banking-Done\">\r\n                                {\" \"}\r\n                                <i\r\n                                  className=\"fa fa-check\"\r\n                                  aria-hidden=\"true\"\r\n                                  style={{\r\n                                    color: \"#7666f0b8\",\r\n                                    marginTop: \"5px\",\r\n                                  }}\r\n                                ></i>\r\n                              </div>\r\n                            ) : null}\r\n                          </>\r\n                        ))}\r\n                        {/* <div id=\"ProgressBar-Family\"> </div> */}\r\n                        {FamilyDetails.length == 0 ? (\r\n                          <>\r\n                            <div>\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Family\"\r\n                                animated\r\n                                now={0}\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Family-Done\">\r\n                              {\" \"}\r\n                              <b\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              >\r\n                                3\r\n                              </b>\r\n                            </div>\r\n                          </>\r\n                        ) : (\r\n                          <>\r\n                            <div title=\"Contacts\">\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Family\"\r\n                                animated\r\n                                now={100}\r\n                                label={`${now2}%`}\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Family-Done\">\r\n                              {\" \"}\r\n                              <i\r\n                                className=\"fa fa-check\"\r\n                                aria-hidden=\"true\"\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              ></i>\r\n                            </div>\r\n                          </>\r\n                        )}\r\n                        {/* <div id=\"ProgressBar-Family-Done\"></div> */}\r\n                        {EducationDetail.length == 0 ? (\r\n                          <>\r\n                            <div>\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Education\"\r\n                                animated\r\n                                now={0}\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Education-Done\">\r\n                              {\" \"}\r\n                              <b\r\n                                aria-hidden=\"true\"\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              >\r\n                                4\r\n                              </b>\r\n                            </div>\r\n                          </>\r\n                        ) : (\r\n                          <>\r\n                            <div title=\"Education\">\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Education\"\r\n                                animated\r\n                                now={100}\r\n                                label={`${now3}%`}\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Education-Done\">\r\n                              {\" \"}\r\n                              <i\r\n                                className=\"fa fa-check\"\r\n                                aria-hidden=\"true\"\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              ></i>\r\n                            </div>\r\n                          </>\r\n                        )}\r\n                        {SkillDetails.length == 0 ? (\r\n                          <>\r\n                            <div>\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Skills\"\r\n                                animated\r\n                                now={0}\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Skills-Done\">\r\n                              {\" \"}\r\n                              <b\r\n                                aria-hidden=\"true\"\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              >\r\n                                5\r\n                              </b>\r\n                            </div>\r\n                          </>\r\n                        ) : (\r\n                          <>\r\n                            <div title=\"Skills\">\r\n                              <ProgressBar\r\n                                id=\"ProgressBar-Skills\"\r\n                                animated\r\n                                now={100}\r\n                                label={`${now4}%`}\r\n                              />{\" \"}\r\n                            </div>\r\n                            <div id=\"ProgressBar-Skills-Done\">\r\n                              {\" \"}\r\n                              <i\r\n                                className=\"fa fa-check\"\r\n                                aria-hidden=\"true\"\r\n                                style={{ color: \"#7666f0b8\", marginTop: \"5px\" }}\r\n                              ></i>\r\n                            </div>\r\n                          </>\r\n                        )}\r\n                        {/* <div id=\"ProgressBar-Skills\"> </div> */}\r\n                        {/* <div id=\"ProgressBar-Skills-Done\"></div> */}\r\n                      </div>\r\n                      <br id=\"br-mobile\" />\r\n                      <div  id=\"profilebackarrow\" style={{ float: \"left\",}}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                class=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"rgb(95 77 223 / 72%)\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                    </center>\r\n                    <br />\r\n                    <br />\r\n                    <input id=\"tab1\" type=\"radio\" name=\"tabs\" defaultChecked />\r\n                    <label\r\n                      id=\"supertab\"\r\n                      className=\"j-tabs-label\"\r\n                      htmlFor=\"tab1\"\r\n                      title=\"Info\"\r\n                      onClick={this.handleInfoClick}\r\n                    >\r\n                      <span>&nbsp;&nbsp;Info&nbsp;&nbsp;</span>\r\n                    </label>\r\n                    {profile.map((profile) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab9\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab9Selected}\r\n                          disabled={\r\n                            profile.percentageP != null &&\r\n                              profile.percentageC != null &&\r\n                              profile.percentageA != null\r\n                              ? null\r\n                              : \"disabled\"\r\n                          }\r\n                        />\r\n                        <label\r\n                          id=\"pendingtab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab9\"\r\n                          title=\"Banking\"\r\n                          style={{\r\n                            opacity:\r\n                              profile.percentageP != null &&\r\n                                profile.percentageC != null &&\r\n                                profile.percentageA != null\r\n                                ? 1\r\n                                : 0.7,\r\n                          }}\r\n                          onClick={this.handleInfoClick1}\r\n                        >\r\n                          <span>&nbsp;Banking &nbsp;&nbsp;</span>\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((Bankdetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab4\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab4Selected}\r\n                          disabled={\r\n                            Bankdetail.percentage == 100 ? null : \"disabled\"\r\n                          }\r\n                        />\r\n                        <label\r\n                          id=\"pendingtab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab4\"\r\n                          title=\"Contacts\"\r\n                          style={{\r\n                            opacity: Bankdetail.percentage == 100 ? 1 : 0.7,\r\n                          }}\r\n                          onClick={this.handleInfoClick3}\r\n                        >\r\n                          <span>&nbsp;Contacts&nbsp;&nbsp;</span>\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((FamilyDetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab2\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab2Selected}\r\n                          disabled={FamilyDetails.length == 0 ? \"disabled\" : null}\r\n                        />\r\n                        <label\r\n                          id=\"pendingtab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab2\"\r\n                          title=\"Education\"\r\n                          style={{ opacity: FamilyDetails.length == 0 ? 0.7 : 1 }}\r\n                          onClick={this.handleInfoClick4}\r\n                        >\r\n                          <span>&nbsp;&nbsp;Education&nbsp;&nbsp;</span>\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((FamilyDetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab3\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab3Selected}\r\n                          disabled={EducationDetail.length == 0 ? \"disabled\" : null}\r\n                        />\r\n                        <label\r\n                          id=\"pendingtab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab3\"\r\n                          title=\"Skills\"\r\n                          style={{ opacity: EducationDetail.length == 0 ? 0.7 : 1 }}\r\n                          onClick={this.handleInfoClick5}\r\n                        >\r\n                          <span>&nbsp;&nbsp;Skills&nbsp;&nbsp;</span>\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((FamilyDetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab6\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab6Selected}\r\n                          disabled={SkillDetails.length == 0 ? \"disabled\" : null}\r\n                        />\r\n                        <label\r\n                          id=\"pendingtab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab6\"\r\n                          title=\"LifeStyle\"\r\n                          style={{ opacity: SkillDetails.length == 0 ? 0.7 : 1 }}\r\n                          onClick={this.handleInfoClick6}\r\n                        >\r\n                          <span>&nbsp;&nbsp;Life Style&nbsp;&nbsp;</span>\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((FamilyDetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab5\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab5Selected}\r\n                          disabled={SkillDetails.length == 0 ? \"disabled\" : null}\r\n                        />\r\n                        <label\r\n                          id=\"pendingtab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab5\"\r\n                          title=\"Personality\"\r\n                          onClick={this.handleInfoClick5}\r\n                          style={{ opacity: SkillDetails.length == 0 ? 0.7 : 1 }}\r\n                        >\r\n                          <span>&nbsp;&nbsp;Personality&nbsp;&nbsp;</span>\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((FamilyDetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab7\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab7Selected}\r\n                          disabled={SkillDetails.length == 0 ? \"disabled\" : null}\r\n                        />\r\n                        <label\r\n                          id=\"inactivetab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab7\"\r\n                          title=\"Interests\"\r\n                          onClick={this.handleInfoClick7}\r\n                          style={{ opacity: SkillDetails.length == 0 ? 0.7 : 1 }}\r\n                        >\r\n                          <span>&nbsp;&nbsp;Interests&nbsp;&nbsp;</span>\r\n                        </label>\r\n                      </>\r\n                    ))}\r\n                    {Bankdetail.map((FamilyDetail) => (\r\n                      <>\r\n                        <input\r\n                          id=\"tab8\"\r\n                          type=\"radio\"\r\n                          name=\"tabs\"\r\n                          defaultChecked={tab8Selected}\r\n                          disabled={SkillDetails.length == 0 ? \"disabled\" : null}\r\n                        />\r\n                        <label\r\n                          id=\"inactivetab\"\r\n                          className=\"j-tabs-label\"\r\n                          htmlFor=\"tab8\"\r\n                          title=\"Activities\"\r\n                          onClick={this.handleInfoClick8}\r\n                          style={{ opacity: SkillDetails.length == 0 ? 0.7 : 1 }}\r\n                        >\r\n                          <span>&nbsp;&nbsp;Activities&nbsp;&nbsp;</span>\r\n                        </label>\r\n                      </>))}\r\n                    <Link\r\n                      to=\"/UserRequest\"\r\n                      style={{\r\n                        height: \"41.2px\",\r\n                        float: \"right\",\r\n                        position: \"inherit\",\r\n                        background: \"white\",\r\n                      }}\r\n                      id=\"addRow\"\r\n                      className=\"btn\"\r\n                    >\r\n                      {\" \"}\r\n                      Request to Admin{\" \"}\r\n                    </Link>\r\n\r\n                    <br />\r\n                    <br />\r\n                    <br />\r\n                    <br />\r\n                    <div id=\"tabs-section-1\" className=\"j-tabs-section\">\r\n                      <span>Please fill all the mandatory fields to follow the steps\r\n                        <span style={{\r\n                          marginTop: '-4px',\r\n                          color: 'red',\r\n                          fontSize: '25px',\r\n                          position: 'absolute',\r\n                          marginLeft: '4px',\r\n                          fontWeight: 'bold'\r\n\r\n                        }}>*</span> </span>\r\n\r\n\r\n\r\n                      <div className=\"card\">\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginTop: \"10px\",\r\n                              marginLeft: \"2%\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            PROFILE <span style={{ color: \"red\", marginLeft: \"73px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                              *\r\n                            </span>\r\n                          </h5>\r\n                          <button\r\n                            id=\"edit-btn\"\r\n                            type=\"button\"\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            onClick={() => { this.setState({ formErrors: \"\", ButtonDisabled: false }); this.handleEdit();document.getElementById(\"PersonalInfo\").reset(); }}\r\n                          >\r\n                            {editMode ? (\r\n                              <i className=\"icofont icofont-close\" onClick={() => {\r\n                                document.getElementById(\"PersonalInfo\").reset();\r\n                                this.setState({ Preview: \"\" });\r\n                              }}></i>\r\n                            ) : (\r\n                              <i className=\"icofont icofont-edit\"></i>\r\n                            )}\r\n                          </button>\r\n                        </div>\r\n\r\n                        {/* Personal Info*/}\r\n                        <div className=\"card-block\">\r\n                          <div id=\"view-info\" style={{ display: editMode ? \"none\" : \"block\" }}>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"row\">\r\n                                <div\r\n                                  className=\"profile-bg-img\"\r\n                                  style={{ marginBottom: \"6%\" }}\r\n                                >\r\n                                  {profile.map((profile) => (\r\n                                    <img\r\n                                      className=\"user-img img-circle\"\r\n                                      src={profile.profile_Picture}\r\n                                      style={{\r\n                                        borderRadius: \"50%\",\r\n                                        height: \"100px\",\r\n                                        width: \"100px\",\r\n                                      }}\r\n                                      alt=\"user-img\"\r\n                                    />\r\n                                  ))}\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Name </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.firstName +\r\n                                          \"   \" +\r\n                                          profile.middleName +\r\n                                          \"   \" +\r\n                                          profile.lastName +\r\n                                          \"   \"}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Birth Date </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      {profile.gender !== '-' ? <lable>{profile.dob}</lable> : '-'}{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Gender </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.gender}</lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Marital Status </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.maritalStatus}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Blood Group </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.bloodGroup}</lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <div id=\"edit-info\" style={{ display: editMode ? \"block\" : \"none\" }}>\r\n                            <div className=\"row\">\r\n                              <div className=\"col-lg-12\">\r\n                                <div className=\"general-info\">\r\n                                  <form\r\n                                    autoComplete=\"off\"\r\n                                    onSubmit={this.submit}\r\n                                    id=\"PersonalInfo\"\r\n                                  >\r\n                                    <div className=\"col-lg-12 \">\r\n                                      <div className=\"row \">\r\n                                        <div className=\"col-sm-3\"></div>\r\n                                        <div className=\"col-lg-12 \">\r\n                                          {profile.map((profile) => (\r\n                                            <center>\r\n                                              <div\r\n                                                className=\"col-sm-6 clogo\"\r\n                                                style={{\r\n                                                  flexDirection: \"column\",\r\n                                                  justifyContent: \"center\",\r\n                                                }}\r\n                                              >\r\n                                                <label\r\n                                                  style={{ height: \"105px\" }}\r\n                                                >\r\n                                                  <input\r\n                                                    type=\"hidden\"\r\n                                                    name=\"Profile_Picture\"\r\n                                                    value={\r\n                                                      profile.profile_Picture\r\n                                                    }\r\n                                                  />\r\n                                                  <img\r\n                                                    alt=\"preview\"\r\n                                                    src={\r\n                                                      !this.state.Preview\r\n                                                        ? profile.profile_Picture\r\n                                                        : this.state.Preview\r\n                                                    }\r\n                                                    id=\"clogo\"\r\n                                                    style={{\r\n                                                      height: \"100px\",\r\n                                                      width: \"100px\",\r\n                                                      // marginLeft: \"170%\",\r\n                                                      borderRadius: \"50px\",\r\n                                                    }}\r\n                                                  />   </label>\r\n                                                <center>\r\n                                                  <i\r\n                                                    className=\" fa fa-pencil editbtn\"\r\n                                                    aria-hidden=\"true\"\r\n                                                    style={{\r\n                                                      fontSize: \"20px\",\r\n                                                      marginLeft: \"-160%\",\r\n                                                      paddingTop: \"8px\",\r\n                                                      paddingLeft: \"4px\",\r\n                                                      marginTop: '-15px'\r\n                                                    }}\r\n                                                    onClick={this.handleIconClick}\r\n                                                  ></i>\r\n                                                </center>\r\n                                                <input\r\n                                                  accept=\"image/*\"\r\n                                                  htmlFor=\"clogo\"\r\n                                                  ref={this.fileInputRef}\r\n                                                  onChange={this.HandleImage}\r\n                                                  style={{ display: \"none\" }}\r\n                                                  id=\"Profilepicinfo\"\r\n                                                  name=\"Profile_Picture\"\r\n                                                  type=\"file\"\r\n                                                />\r\n\r\n                                                <center>\r\n                                                  <span\r\n                                                    style={{\r\n                                                      display: \"flex\",\r\n                                                      flexDirection: \"column\",\r\n                                                      // marginLeft: \"83%\",\r\n                                                      color: \"#a7a2a2\",\r\n                                                      marginTop: '-30px'\r\n                                                    }}\r\n                                                  >\r\n                                                    Profile Logo\r\n                                                  </span>\r\n                                                </center>\r\n                                                <input\r\n                                                  accept=\"image/*\"\r\n                                                  type=\"hidden\"\r\n                                                  name=\"Old_Profile_Picture\"\r\n                                                  defaultValue={\r\n                                                    profile.profile_Picture\r\n                                                  }\r\n                                                />\r\n                                              </div>\r\n                                            </center>\r\n                                          ))}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4 \">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              onChange={\r\n                                                this.handleprofilechange\r\n                                              }\r\n                                              maxLength=\"20\"\r\n                                              defaultValue={profile.firstName}\r\n                                              name=\"FirstName\"\r\n                                              type=\"text\"\r\n                                              id=\"FirstNameinfo\"\r\n                                              placeholder=\"First Name\"\r\n                                              readOnly\r\n                                            />\r\n                                          ))}\r\n\r\n                                          {!FirstNameinfo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              First Name{\" \"}\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div\r\n                                              style={{ color: \"red\" }}\r\n                                              id=\"HideName\"\r\n                                            >\r\n                                              {FirstNameinfo}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-4 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <div>\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                onFocus={(e) =>\r\n                                                  e.target.select()\r\n                                                }\r\n                                                onChange={\r\n                                                  this.handleprofilechange\r\n                                                }\r\n                                                maxLength=\"20\"\r\n                                                defaultValue={\r\n                                                  profile.middleName\r\n                                                }\r\n                                                name=\"MiddleName\"\r\n                                                type=\"text\"\r\n                                                placeholder=\"Middle Name\"\r\n                                              />\r\n                                              <input\r\n                                                type=\"hidden\"\r\n                                                name=\"Old_middleName\"\r\n                                                defaultValue={\r\n                                                  profile.middleName\r\n                                                }\r\n                                              />\r\n                                            </div>\r\n                                          ))}\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Middle Name{\" \"}\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-lg-4 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              onChange={\r\n                                                this.handleprofilechange\r\n                                              }\r\n                                              maxLength=\"20\"\r\n                                              defaultValue={profile.lastName.trimStart()}\r\n                                              name=\"LastName\"\r\n                                              type=\"text\"\r\n                                              id=\"LastNameinfo\"\r\n                                              placeholder=\"Last Name\"\r\n                                            />\r\n                                          ))}\r\n                                          {!LastNameinfo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Last Name{\" \"}\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {LastNameinfo}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              defaultValue={profile.gender}\r\n                                              name=\"Gender\"\r\n                                              onChange={\r\n                                                this.handleprofilechange\r\n                                              }\r\n                                              id=\"Genderinfo\"\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' })\r\n                                              }}\r\n                                            >\r\n                                              <option hidden>{profile.gender}</option>\r\n                                              <option value=\"\">\r\n                                                Select your Gender\r\n                                              </option>\r\n                                              <option value=\"Male\">Male</option>\r\n                                              <option value=\"Female\">\r\n                                                Female\r\n                                              </option>\r\n                                              <option value=\"Transgender\">\r\n                                                Transgender\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}\r\n                                          {!Genderinfo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Gender{\" \"}\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {Genderinfo}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-4 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              defaultValue={\r\n                                                profile.maritalStatus\r\n                                              }\r\n                                              name=\"MaritalStatus\"\r\n                                              onChange={\r\n                                                this.handleprofilechange\r\n                                              }\r\n                                              id=\"MaritalStatusinfo\"\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' })\r\n                                              }}\r\n                                            >\r\n                                              <option hidden>{profile.maritalStatus}</option>\r\n                                              <option value=\"\">\r\n                                                Marital status\r\n                                              </option>\r\n                                              <option value=\"Single\">\r\n                                                Single\r\n                                              </option>\r\n                                              <option value=\"Married\">\r\n                                                Married\r\n                                              </option>\r\n                                              <option value=\"divorced\">\r\n                                                Divorced\r\n                                              </option>\r\n                                              <option value=\"widowed\">\r\n                                                Widowed\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}{\" \"}\r\n                                          {!MaritalStatusinfo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Marital status{\" \"}\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>{\" \"}\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {MaritalStatusinfo}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-4 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            // <input className=\"effect-16\" onFocus={(e) => e.target.select()} defaultValue={profile.dob} max={new Date(new Date().getFullYear() - 18, new Date().getMonth(), new Date().getDate()).toJSON().slice(0, 10)} min={new Date(new Date().getFullYear() - 80, new Date().getMonth(), new Date().getDate()).toJSON().slice(0, 10)} onFocus={(e) => e.target.type = 'date'} onBlur={(e) => { e.target.type = 'text'; e.target.value = this.formatDate(e.target.value) }} id=\"DOBinfo\" name=\"DOB\" onChange={this.handleprofilechange} placeholder=\"Dob\" />\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              type=\"date\"\r\n                                              max={new Date(\r\n                                                new Date().getFullYear() - 18,\r\n                                                new Date().getMonth(),\r\n                                                new Date().getDate()\r\n                                              )\r\n                                                .toJSON()\r\n                                                .slice(0, 10)}\r\n                                              min={new Date(\r\n                                                new Date().getFullYear() - 80,\r\n                                                new Date().getMonth(),\r\n                                                new Date().getDate()\r\n                                              )\r\n                                                .toJSON()\r\n                                                .slice(0, 10)}\r\n                                              defaultValue={profile.gender !== '-' ? this.reformatDate(profile.dob) : 'dd-mm-yyyy'}\r\n                                              id=\"DOBinfo\"\r\n                                              name=\"DOB\"\r\n                                              onChange={\r\n                                                this.handleprofilechange\r\n                                              }\r\n                                            />\r\n                                          ))}\r\n                                          {!DOBinfo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              DOB\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {DOBinfo}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-4 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              defaultValue={profile.bloodGroup}\r\n                                              name=\"Bloodgroup\"\r\n                                              id=\"Bloodgroupinfo\"\r\n                                              onChange={\r\n                                                this.handleprofilechange\r\n                                              }\r\n                                              type=\"text\"\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' })\r\n                                              }}\r\n                                            >\r\n                                              <option hidden>{profile.bloodGroup}</option>\r\n                                              <option value=\"\">\r\n                                                Blood Group\r\n                                              </option>\r\n                                              <option value=\"A+\">A+</option>\r\n                                              <option value=\"A-\">A-</option>\r\n                                              <option value=\"B+\">B+</option>\r\n                                              <option value=\"B-\">B-</option>\r\n                                              <option value=\"O+\">O+</option>\r\n                                              <option value=\"O-\">O-</option>\r\n                                              <option value=\"AB+\">AB+</option>\r\n                                              <option value=\"AB-\">AB-</option>\r\n                                            </select>\r\n                                          ))}\r\n                                          {!Bloodgroupinfo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Blood Group\r\n                                              {/* <span style={{ color: \"red\" }}>*</span> */}\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {Bloodgroupinfo}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        {/* <div className=\"col-lg-4 input-effect\" >\r\n                                          {profile.map(profile => <div>\r\n                                            <input className=\"effect-16\" style={{ width: \"100%\" }} name=\"Profile_Picture\" onFocus={(e) => e.target.select()} defaultValue={profile.profile_Picture} onFocus={(e) => e.target.type = 'file'} onChange={this.handleImageChange} type=\"text\" id=\"Profilepicinfo\" placeholder=\"profile picture\" />\r\n                                            {this.state.imagePreviewUrl != null ? <img alt=\"preview\" src={this.state.imagePreviewUrl} style={{ height: \"70px\" }} /> : null}\r\n                                            <input type=\"hidden\" name=\"Old_Profile_Picture\" defaultValue={profile.profile_Picture} />\r\n                                          </div>)}{!Profilepicinfo ? <span style={{ color: '#a29d9d', float: \"left\" }}>Profile Picture</span> : <div style={{ color: \"red\" }}>{Profilepicinfo}</div>}\r\n\r\n                                        </div> */}\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row  justify-content-center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          disabled={this.state.ButtonDisabled}\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          onClickCapture={this.resetImage}\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={() =>\r\n                                            this.setState({ formErrors: \"\" })\r\n                                          }\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      {/* Bio Info */}\r\n                      <div className=\"card\">\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginTop: \"10px\",\r\n                              marginLeft: \"2%\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            Bio <span style={{ color: \"red\", marginLeft: \"33px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                              *\r\n                            </span>\r\n                          </h5>\r\n                          <button\r\n                            id=\"edit-btn-Bio\"\r\n                            type=\"button\"\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            onClick={() => { this.setState({ formErrors: \"\", ButtonDisabled: false }); this.BioEdits(); document.getElementById(\"BioInfo\").reset()}}\r\n                          >\r\n                            {bioEdits ? (\r\n                              <i className=\"icofont icofont-close\" onClick={() => document.getElementById(\"BioInfo\").reset()}></i>\r\n                            ) : (\r\n                              <i className=\"icofont icofont-edit\"></i>\r\n                            )}\r\n                          </button>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          <div id=\"view-Bio\" style={{ display: bioEdits ? \"none\" : \"block\" }}>\r\n                            <div className=\"col-lg-12\">\r\n                              {/* vfv */}\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Description </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-12\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable\r\n                                        style={{ overflowWrap: \"break-word\" }}\r\n                                      >\r\n                                        {profile.bio}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div id=\"edit-Bio\" style={{ display: bioEdits ? \"block\" : \"none\" }}>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"general-info\">\r\n                                <form\r\n                                  autoComplete=\"off\"\r\n                                  onSubmit={this.BioEdit}\r\n                                  id=\"BioInfo\"\r\n                                >\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <textarea\r\n                                              className=\"effect-16\"\r\n                                              style={{\r\n                                                width: \"82%\",\r\n                                              }}\r\n                                              type=\"text\"\r\n                                              defaultValue={profile.bio}\r\n                                              id=\"Bio\"\r\n                                              name=\"Bio\"\r\n                                              onChange={\r\n                                                this.handleBioChange\r\n                                              }\r\n                                              placeholder=\"Description\"\r\n                                            />\r\n                                          ))}\r\n                                          {!bioError ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Description\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {bioError}\r\n                                            </div>\r\n                                          )}\r\n\r\n                                          <br />\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div>\r\n                                    <br /> <br />\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row  justify-content-center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          disabled={this.state.ButtonDisabled}\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={() =>\r\n                                            this.setState({ formErrors: \"\" })\r\n                                          }\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n\r\n\r\n                      {/* Contact Info  */}\r\n                      <div className=\"card\">\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginTop: \"10px\",\r\n                              marginLeft: \"2%\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            Contact <span style={{ color: \"red\", marginLeft: \"83px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                              *\r\n                            </span>\r\n                          </h5>\r\n                          <button\r\n                            id=\"edit-btn-contact\"\r\n                            type=\"button\"\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            onClick={() => { this.setState({ formErrors: \"\", ButtonDisabled: false }); this.contactEd();document.getElementById(\"ContactInfo\").reset() }}\r\n                          >\r\n                            {contactEd ? (\r\n                              <i className=\"icofont icofont-close\" onClick={() => document.getElementById(\"ContactInfo\").reset()}></i>\r\n                            ) : (\r\n                              <i className=\"icofont icofont-edit\"></i>\r\n                            )}\r\n                          </button>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          <div id=\"view-contact\" style={{ display: contactEd ? \"none\" : \"block\" }}>\r\n                            <div className=\"col-lg-12\">\r\n                              {/* vfv */}\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Official Email </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable\r\n                                        style={{ overflowWrap: \"break-word\" }}\r\n                                      >\r\n                                        {profile.email}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Personal Email </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable\r\n                                        style={{ overflowWrap: \"break-word\" }}\r\n                                      >\r\n                                        {profile.officialEmail}{\" \"}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Phone Number </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.homeNumber}</lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Office Number </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.phoneNumber}</lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    <span>Alternate Phone Number</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.alternatePhoneNo}</lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div id=\"edit-contact\" style={{ display: contactEd ? \"block\" : \"none\" }}>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"general-info\">\r\n                                <form\r\n                                  autoComplete=\"off\"\r\n                                  onSubmit={this.ContactEdit}\r\n                                  id=\"ContactInfo\"\r\n                                >\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              style={{\r\n                                                width: \"82%\",\r\n                                                pointerEvents: \"none\",\r\n                                              }}\r\n                                              type=\"text\"\r\n                                              id=\"PersonalEmail\"\r\n                                              name=\"Email\"\r\n                                              value={profile.email}\r\n                                              onChange={\r\n                                                this.handlecontactChange\r\n                                              }\r\n                                              placeholder=\"Personal Email  \"\r\n                                            />\r\n                                          ))}\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Official Email\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              *\r\n                                            </span>\r\n                                          </span>\r\n                                          <br />\r\n                                        </div>\r\n                                        <br />\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              maxLength=\"10\"\r\n                                              style={{ width: \"82%\" }}\r\n                                              type=\"text\"\r\n                                              id=\"PhoneNumber\"\r\n                                              name=\"PhoneNumber\"\r\n                                              onKeyPress={(event) => {\r\n                                                const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                                if (isLetter) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              onInputCapture={(event) => {\r\n                                                if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                                  event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                                }\r\n                                              }}\r\n                                              defaultValue={profile.phoneNumber}\r\n                                              onChange={\r\n                                                this.handlecontactChange\r\n                                              }\r\n                                              placeholder=\"Office Number \"\r\n                                            />\r\n                                          ))}\r\n                                          <br />{\" \"}\r\n                                          {!contactphnerr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Office Number\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {contactphnerr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>{\" \"}\r\n                                        <br />\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              maxLength=\"10\"\r\n                                              style={{ width: \"82%\" }}\r\n                                              type=\"text\"\r\n                                              id=\"HomeNumber\"\r\n                                              name=\"HomeNumber\"\r\n                                              onKeyPress={(event) => {\r\n                                                const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                                if (isLetter) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              onInputCapture={(event) => {\r\n                                                if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                                  event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                                }\r\n                                              }}\r\n                                              defaultValue={profile.homeNumber}\r\n                                              onChange={\r\n                                                this.handlecontactChange\r\n                                              }\r\n                                              placeholder=\"Phone Number \"\r\n                                            />\r\n                                          ))}\r\n                                          <br />{\" \"}\r\n                                          {!HomeErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Phone Number\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {HomeErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>{\" \"}\r\n                                        <br />\r\n                                      </div>\r\n\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              style={{ width: \"82%\" }}\r\n                                              type=\"text\"\r\n                                              id=\"OfficialEmail\"\r\n                                              name=\"OfficialEmail\"\r\n                                              defaultValue={\r\n                                                profile.officialEmail\r\n                                              }\r\n                                              placeholder=\"-\"\r\n                                              onChange={\r\n                                                this.handlecontactChange\r\n                                              }\r\n                                            />\r\n                                          ))}\r\n                                          <br />\r\n\r\n                                          {!officialEmailerr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Personal Email\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {officialEmailerr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <br />\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              maxLength=\"10\"\r\n                                              style={{ width: \"82%\" }}\r\n                                              type=\"text\"\r\n                                              id=\"AlternatePhoneNo\"\r\n                                              onKeyPress={(event) => {\r\n                                                const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                                if (isLetter) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              onInputCapture={(event) => {\r\n                                                if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                                  event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                                }\r\n                                              }}\r\n                                              defaultValue={\r\n                                                profile.alternatePhoneNo\r\n                                              }\r\n                                              onChange={\r\n                                                this.handlecontactChange\r\n                                              }\r\n                                              name=\"AlternatePhoneNo\"\r\n\r\n                                              placeholder=\"-\"\r\n                                            />\r\n                                          ))}\r\n                                          <br />{\" \"}\r\n                                          {!AlternatePhoneNoerr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Alternate Phone Number\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {AlternatePhoneNoerr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <br />\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div>\r\n                                    <br /> <br />\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row  justify-content-center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          disabled={this.state.ButtonDisabled}\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={() =>\r\n                                            this.setState({ formErrors: \"\" })\r\n                                          }\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      {/* Address  */}\r\n                      <div className=\"card\">\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginTop: \"10px\",\r\n                              marginLeft: \"2%\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            Address  <span style={{ color: \"red\", marginLeft: \"83px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                              *\r\n                            </span>\r\n                          </h5>\r\n                          <button\r\n                            id=\"edit-btn-Address\"\r\n                            type=\"button\"\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            onClick={() => {\r\n                              this.setState({ formErrors: \"\", ButtonDisabled: false })\r\n                              this.HandleHouse();\r\n                              document.getElementById(\"AddressInfo\").reset();\r\n                              this.Getvalue();\r\n                              this.AddressEd();\r\n                            }}\r\n                          >\r\n                            {addressEd ? (\r\n                              <i\r\n                                className=\"icofont icofont-close\"\r\n                                onClick={() => {\r\n                                  document.getElementById(\"AddressInfo\").reset();\r\n                                  this.profilelist();\r\n                                }}\r\n                              ></i>\r\n                            ) : (\r\n                              <i\r\n                                className=\"icofont icofont-edit\"\r\n                                onClick={() => {\r\n                                  this.profilelist();\r\n                                }}\r\n                              ></i>\r\n                            )}\r\n                          </button>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          <div id=\"view-Address\" style={{ display: addressEd ? \"none\" : \"block\" }}>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Current Address </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable style={{ wordWrap: \"break-word\" }}>\r\n                                        {profile.currentAddress}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Permanent Address </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable style={{ wordWrap: \"break-word\" }}>\r\n                                        {profile.permanentAddress}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              {/* City */}\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> City </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.currentAddress_City}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span>City</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.permanentAddress_City}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              {/* Country */}\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> State </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.currentAddress_State}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span>State</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.permanentAddress_State}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              {/* Country */}\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Country </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.currentAddress_Country}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span>Country</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.permanentAddress_Country}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />{\" \"}\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Pincode </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.currentAddress_Pincode}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span>Pincode</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.permanentAddress_Pincode}\r\n                                      </lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> HouseType </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.houseType}</lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3 \">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Staying Since </span>\r\n                                    <span style={{ color: \"red\" }}>*</span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3 \">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>{profile.stayingSince}</lable>\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n\r\n                        <div id=\"edit-Address\" style={{ display: addressEd ? \"block\" : \"none\" }}>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"general-info\">\r\n                                <form\r\n                                  autoComplete=\"off\"\r\n                                  onSubmit={this.AddressEdit}\r\n                                  id=\"AddressInfo\"\r\n                                >\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-6\">\r\n                                      <div className=\"row\">\r\n                                        <h5 style={{ marginLeft: \"13px\" }}>\r\n                                          Current Address\r\n                                        </h5>\r\n                                        <div className=\"col-12 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <textarea\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              onChange={\r\n                                                this.handleAddresschange\r\n                                              }\r\n                                              defaultValue={\r\n                                                profile.currentAddress\r\n                                              }\r\n                                              name=\"CurrentAddress\"\r\n                                              id=\"CurrentAddress\"\r\n                                              type=\"text\"\r\n                                              placeholder=\"Current Address\"\r\n                                            />\r\n                                          ))}\r\n                                          {!CurrentAddress ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Current Address{\" \"}\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {CurrentAddress}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              onInputCapture={(event) => {\r\n                                                if (\r\n                                                  !/[a-zA-Z\\s ]+/.test(\r\n                                                    event.key\r\n                                                  )\r\n                                                ) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              type=\"text\"\r\n                                              id=\"CurrentAddress_City\"\r\n                                              name=\"CurrentAddress_City\"\r\n                                              defaultValue={\r\n                                                profile.currentAddress_City\r\n                                              }\r\n                                              placeholder=\"City \"\r\n                                              onChange={\r\n                                                this.handleAddresschange\r\n                                              }\r\n                                            />\r\n                                          ))}\r\n                                          <br />{\" \"}\r\n                                          {!CurrentAddress_City ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              City\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {CurrentAddress_City}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              id=\"CurrentAddress_Country\"\r\n                                              name=\"CurrentAddress_Country\"\r\n                                              defaultValue={\r\n                                                profile.currentAddress_Country\r\n                                              }\r\n                                              data-default-value={profile.currentAddress_Country || \"\"}\r\n                                              type=\"text\"\r\n                                              onChange={\r\n                                                this.handleAddresschange\r\n                                              }\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' })\r\n                                              }}\r\n                                            >\r\n                                              <option hidden>{profile.currentAddress_Country}</option>\r\n                                              <option value=\"\">Select</option>\r\n                                              <option value=\"Afghanistan\">\r\n                                                Afghanistan\r\n                                              </option>\r\n                                              <option value=\"Åland Islands\">\r\n                                                Åland Islands\r\n                                              </option>\r\n                                              <option value=\"Albania\">\r\n                                                Albania\r\n                                              </option>\r\n                                              <option value=\"Algeria\">\r\n                                                Algeria\r\n                                              </option>\r\n                                              <option value=\"American Samoa\">\r\n                                                American Samoa\r\n                                              </option>\r\n                                              <option value=\"Andorra\">\r\n                                                Andorra\r\n                                              </option>\r\n                                              <option value=\"Angola\">\r\n                                                Angola\r\n                                              </option>\r\n                                              <option value=\"Anguilla\">\r\n                                                Anguilla\r\n                                              </option>\r\n                                              <option value=\"Antarctica\">\r\n                                                Antarctica\r\n                                              </option>\r\n                                              <option value=\"Antigua and Barbuda\">\r\n                                                Antigua and Barbuda\r\n                                              </option>\r\n                                              <option value=\"Argentina\">\r\n                                                Argentina\r\n                                              </option>\r\n                                              <option value=\"Armenia\">\r\n                                                Armenia\r\n                                              </option>\r\n                                              <option value=\"Aruba\">\r\n                                                Aruba\r\n                                              </option>\r\n                                              <option value=\"Australia\">\r\n                                                Australia\r\n                                              </option>\r\n                                              <option value=\"Austria\">\r\n                                                Austria\r\n                                              </option>\r\n                                              <option value=\"Azerbaijan\">\r\n                                                Azerbaijan\r\n                                              </option>\r\n                                              <option value=\"Bahamas\">\r\n                                                Bahamas\r\n                                              </option>\r\n                                              <option value=\"Bahrain\">\r\n                                                Bahrain\r\n                                              </option>\r\n                                              <option value=\"Bangladesh\">\r\n                                                Bangladesh\r\n                                              </option>\r\n                                              <option value=\"Barbados\">\r\n                                                Barbados\r\n                                              </option>\r\n                                              <option value=\"Belarus\">\r\n                                                Belarus\r\n                                              </option>\r\n                                              <option value=\"Belgium\">\r\n                                                Belgium\r\n                                              </option>\r\n                                              <option value=\"Belize\">\r\n                                                Belize\r\n                                              </option>\r\n                                              <option value=\"Benin\">\r\n                                                Benin\r\n                                              </option>\r\n                                              <option value=\"Bermuda\">\r\n                                                Bermuda\r\n                                              </option>\r\n                                              <option value=\"Bhutan\">\r\n                                                Bhutan\r\n                                              </option>\r\n                                              <option value=\"Bolivia\">\r\n                                                Bolivia\r\n                                              </option>\r\n                                              <option value=\"Bosnia and Herzegovina\">\r\n                                                Bosnia and Herzegovina\r\n                                              </option>\r\n                                              <option value=\"Botswana\">\r\n                                                Botswana\r\n                                              </option>\r\n                                              <option value=\"Bouvet Island\">\r\n                                                Bouvet Island\r\n                                              </option>\r\n                                              <option value=\"Brazil\">\r\n                                                Brazil\r\n                                              </option>\r\n                                              <option value=\"British Indian Ocean Territory\">\r\n                                                British Indian Ocean Territory\r\n                                              </option>\r\n                                              <option value=\"Brunei Darussalam\">\r\n                                                Brunei Darussalam\r\n                                              </option>\r\n                                              <option value=\"Bulgaria\">\r\n                                                Bulgaria\r\n                                              </option>\r\n                                              <option value=\"Burkina Faso\">\r\n                                                Burkina Faso\r\n                                              </option>\r\n                                              <option value=\"Burundi\">\r\n                                                Burundi\r\n                                              </option>\r\n                                              <option value=\"Cambodia\">\r\n                                                Cambodia\r\n                                              </option>\r\n                                              <option value=\"Cameroon\">\r\n                                                Cameroon\r\n                                              </option>\r\n                                              <option value=\"Canada\">\r\n                                                Canada\r\n                                              </option>\r\n                                              <option value=\"Cape Verde\">\r\n                                                Cape Verde\r\n                                              </option>\r\n                                              <option value=\"Cayman Islands\">\r\n                                                Cayman Islands\r\n                                              </option>\r\n                                              <option value=\"Central African Republic\">\r\n                                                Central African Republic\r\n                                              </option>\r\n                                              <option value=\"Chad\">Chad</option>\r\n                                              <option value=\"Chile\">\r\n                                                Chile\r\n                                              </option>\r\n                                              <option value=\"China\">\r\n                                                China\r\n                                              </option>\r\n                                              <option value=\"Christmas Island\">\r\n                                                Christmas Island\r\n                                              </option>\r\n                                              <option value=\"Cocos (Keeling) Islands\">\r\n                                                Cocos (Keeling) Islands\r\n                                              </option>\r\n                                              <option value=\"Colombia\">\r\n                                                Colombia\r\n                                              </option>\r\n                                              <option value=\"Comoros\">\r\n                                                Comoros\r\n                                              </option>\r\n                                              <option value=\"Congo\">\r\n                                                Congo\r\n                                              </option>\r\n                                              <option value=\"Congo, The Democratic Republic of The\">\r\n                                                Congo, The Democratic Republic\r\n                                                of The\r\n                                              </option>\r\n                                              <option value=\"Cook Islands\">\r\n                                                Cook Islands\r\n                                              </option>\r\n                                              <option value=\"Costa Rica\">\r\n                                                Costa Rica\r\n                                              </option>\r\n                                              <option value=\"Cote D'ivoire\">\r\n                                                Cote D'ivoire\r\n                                              </option>\r\n                                              <option value=\"Croatia\">\r\n                                                Croatia\r\n                                              </option>\r\n                                              <option value=\"Cuba\">Cuba</option>\r\n                                              <option value=\"Cyprus\">\r\n                                                Cyprus\r\n                                              </option>\r\n                                              <option value=\"Czech Republic\">\r\n                                                Czech Republic\r\n                                              </option>\r\n                                              <option value=\"Denmark\">\r\n                                                Denmark\r\n                                              </option>\r\n                                              <option value=\"Djibouti\">\r\n                                                Djibouti\r\n                                              </option>\r\n                                              <option value=\"Dominica\">\r\n                                                Dominica\r\n                                              </option>\r\n                                              <option value=\"Dominican Republic\">\r\n                                                Dominican Republic\r\n                                              </option>\r\n                                              <option value=\"Ecuador\">\r\n                                                Ecuador\r\n                                              </option>\r\n                                              <option value=\"Egypt\">\r\n                                                Egypt\r\n                                              </option>\r\n                                              <option value=\"El Salvador\">\r\n                                                El Salvador\r\n                                              </option>\r\n                                              <option value=\"Equatorial Guinea\">\r\n                                                Equatorial Guinea\r\n                                              </option>\r\n                                              <option value=\"Eritrea\">\r\n                                                Eritrea\r\n                                              </option>\r\n                                              <option value=\"Estonia\">\r\n                                                Estonia\r\n                                              </option>\r\n                                              <option value=\"Ethiopia\">\r\n                                                Ethiopia\r\n                                              </option>\r\n                                              <option value=\"Falkland Islands (Malvinas)\">\r\n                                                Falkland Islands (Malvinas)\r\n                                              </option>\r\n                                              <option value=\"Faroe Islands\">\r\n                                                Faroe Islands\r\n                                              </option>\r\n                                              <option value=\"Fiji\">Fiji</option>\r\n                                              <option value=\"Finland\">\r\n                                                Finland\r\n                                              </option>\r\n                                              <option value=\"France\">\r\n                                                France\r\n                                              </option>\r\n                                              <option value=\"French Guiana\">\r\n                                                French Guiana\r\n                                              </option>\r\n                                              <option value=\"French Polynesia\">\r\n                                                French Polynesia\r\n                                              </option>\r\n                                              <option value=\"French Southern Territories\">\r\n                                                French Southern Territories\r\n                                              </option>\r\n                                              <option value=\"Gabon\">\r\n                                                Gabon\r\n                                              </option>\r\n                                              <option value=\"Gambia\">\r\n                                                Gambia\r\n                                              </option>\r\n                                              <option value=\"Georgia\">\r\n                                                Georgia\r\n                                              </option>\r\n                                              <option value=\"Germany\">\r\n                                                Germany\r\n                                              </option>\r\n                                              <option value=\"Ghana\">\r\n                                                Ghana\r\n                                              </option>\r\n                                              <option value=\"Gibraltar\">\r\n                                                Gibraltar\r\n                                              </option>\r\n                                              <option value=\"Greece\">\r\n                                                Greece\r\n                                              </option>\r\n                                              <option value=\"Greenland\">\r\n                                                Greenland\r\n                                              </option>\r\n                                              <option value=\"Grenada\">\r\n                                                Grenada\r\n                                              </option>\r\n                                              <option value=\"Guadeloupe\">\r\n                                                Guadeloupe\r\n                                              </option>\r\n                                              <option value=\"Guam\">Guam</option>\r\n                                              <option value=\"Guatemala\">\r\n                                                Guatemala\r\n                                              </option>\r\n                                              <option value=\"Guernsey\">\r\n                                                Guernsey\r\n                                              </option>\r\n                                              <option value=\"Guinea\">\r\n                                                Guinea\r\n                                              </option>\r\n                                              <option value=\"Guinea-bissau\">\r\n                                                Guinea-bissau\r\n                                              </option>\r\n                                              <option value=\"Guyana\">\r\n                                                Guyana\r\n                                              </option>\r\n                                              <option value=\"Haiti\">\r\n                                                Haiti\r\n                                              </option>\r\n                                              <option value=\"Heard Island and Mcdonald Islands\">\r\n                                                Heard Island and Mcdonald\r\n                                                Islands\r\n                                              </option>\r\n                                              <option value=\"Holy See (Vatican City State)\">\r\n                                                Holy See (Vatican City State)\r\n                                              </option>\r\n                                              <option value=\"Honduras\">\r\n                                                Honduras\r\n                                              </option>\r\n                                              <option value=\"Hong Kong\">\r\n                                                Hong Kong\r\n                                              </option>\r\n                                              <option value=\"Hungary\">\r\n                                                Hungary\r\n                                              </option>\r\n                                              <option value=\"Iceland\">\r\n                                                Iceland\r\n                                              </option>\r\n                                              <option value=\"India\">\r\n                                                India\r\n                                              </option>\r\n                                              <option value=\"Indonesia\">\r\n                                                Indonesia\r\n                                              </option>\r\n                                              <option value=\"Iran, Islamic Republic of\">\r\n                                                Iran, Islamic Republic of\r\n                                              </option>\r\n                                              <option value=\"Iraq\">Iraq</option>\r\n                                              <option value=\"Ireland\">\r\n                                                Ireland\r\n                                              </option>\r\n                                              <option value=\"Isle of Man\">\r\n                                                Isle of Man\r\n                                              </option>\r\n                                              <option value=\"Israel\">\r\n                                                Israel\r\n                                              </option>\r\n                                              <option value=\"Italy\">\r\n                                                Italy\r\n                                              </option>\r\n                                              <option value=\"Jamaica\">\r\n                                                Jamaica\r\n                                              </option>\r\n                                              <option value=\"Japan\">\r\n                                                Japan\r\n                                              </option>\r\n                                              <option value=\"Jersey\">\r\n                                                Jersey\r\n                                              </option>\r\n                                              <option value=\"Jordan\">\r\n                                                Jordan\r\n                                              </option>\r\n                                              <option value=\"Kazakhstan\">\r\n                                                Kazakhstan\r\n                                              </option>\r\n                                              <option value=\"Kenya\">\r\n                                                Kenya\r\n                                              </option>\r\n                                              <option value=\"Kiribati\">\r\n                                                Kiribati\r\n                                              </option>\r\n                                              <option value=\"Korea, Democratic People's Republic of\">\r\n                                                Korea, Democratic People's\r\n                                                Republic of\r\n                                              </option>\r\n                                              <option value=\"Korea, Republic of\">\r\n                                                Korea, Republic of\r\n                                              </option>\r\n                                              <option value=\"Kuwait\">\r\n                                                Kuwait\r\n                                              </option>\r\n                                              <option value=\"Kyrgyzstan\">\r\n                                                Kyrgyzstan\r\n                                              </option>\r\n                                              <option value=\"Lao People's Democratic Republic\">\r\n                                                Lao People's Democratic Republic\r\n                                              </option>\r\n                                              <option value=\"Latvia\">\r\n                                                Latvia\r\n                                              </option>\r\n                                              <option value=\"Lebanon\">\r\n                                                Lebanon\r\n                                              </option>\r\n                                              <option value=\"Lesotho\">\r\n                                                Lesotho\r\n                                              </option>\r\n                                              <option value=\"Liberia\">\r\n                                                Liberia\r\n                                              </option>\r\n                                              <option value=\"Libyan Arab Jamahiriya\">\r\n                                                Libyan Arab Jamahiriya\r\n                                              </option>\r\n                                              <option value=\"Liechtenstein\">\r\n                                                Liechtenstein\r\n                                              </option>\r\n                                              <option value=\"Lithuania\">\r\n                                                Lithuania\r\n                                              </option>\r\n                                              <option value=\"Luxembourg\">\r\n                                                Luxembourg\r\n                                              </option>\r\n                                              <option value=\"Macao\">\r\n                                                Macao\r\n                                              </option>\r\n                                              <option value=\"Macedonia, The Former Yugoslav Republic of\">\r\n                                                Macedonia, The Former Yugoslav\r\n                                                Republic of\r\n                                              </option>\r\n                                              <option value=\"Madagascar\">\r\n                                                Madagascar\r\n                                              </option>\r\n                                              <option value=\"Malawi\">\r\n                                                Malawi\r\n                                              </option>\r\n                                              <option value=\"Malaysia\">\r\n                                                Malaysia\r\n                                              </option>\r\n                                              <option value=\"Maldives\">\r\n                                                Maldives\r\n                                              </option>\r\n                                              <option value=\"Mali\">Mali</option>\r\n                                              <option value=\"Malta\">\r\n                                                Malta\r\n                                              </option>\r\n                                              <option value=\"Marshall Islands\">\r\n                                                Marshall Islands\r\n                                              </option>\r\n                                              <option value=\"Martinique\">\r\n                                                Martinique\r\n                                              </option>\r\n                                              <option value=\"Mauritania\">\r\n                                                Mauritania\r\n                                              </option>\r\n                                              <option value=\"Mauritius\">\r\n                                                Mauritius\r\n                                              </option>\r\n                                              <option value=\"Mayotte\">\r\n                                                Mayotte\r\n                                              </option>\r\n                                              <option value=\"Mexico\">\r\n                                                Mexico\r\n                                              </option>\r\n                                              <option value=\"Micronesia, Federated States of\">\r\n                                                Micronesia, Federated States of\r\n                                              </option>\r\n                                              <option value=\"Moldova, Republic of\">\r\n                                                Moldova, Republic of\r\n                                              </option>\r\n                                              <option value=\"Monaco\">\r\n                                                Monaco\r\n                                              </option>\r\n                                              <option value=\"Mongolia\">\r\n                                                Mongolia\r\n                                              </option>\r\n                                              <option value=\"Montenegro\">\r\n                                                Montenegro\r\n                                              </option>\r\n                                              <option value=\"Montserrat\">\r\n                                                Montserrat\r\n                                              </option>\r\n                                              <option value=\"Morocco\">\r\n                                                Morocco\r\n                                              </option>\r\n                                              <option value=\"Mozambique\">\r\n                                                Mozambique\r\n                                              </option>\r\n                                              <option value=\"Myanmar\">\r\n                                                Myanmar\r\n                                              </option>\r\n                                              <option value=\"Namibia\">\r\n                                                Namibia\r\n                                              </option>\r\n                                              <option value=\"Nauru\">\r\n                                                Nauru\r\n                                              </option>\r\n                                              <option value=\"Nepal\">\r\n                                                Nepal\r\n                                              </option>\r\n                                              <option value=\"Netherlands\">\r\n                                                Netherlands\r\n                                              </option>\r\n                                              <option value=\"Netherlands Antilles\">\r\n                                                Netherlands Antilles\r\n                                              </option>\r\n                                              <option value=\"New Caledonia\">\r\n                                                New Caledonia\r\n                                              </option>\r\n                                              <option value=\"New Zealand\">\r\n                                                New Zealand\r\n                                              </option>\r\n                                              <option value=\"Nicaragua\">\r\n                                                Nicaragua\r\n                                              </option>\r\n                                              <option value=\"Niger\">\r\n                                                Niger\r\n                                              </option>\r\n                                              <option value=\"Nigeria\">\r\n                                                Nigeria\r\n                                              </option>\r\n                                              <option value=\"Niue\">Niue</option>\r\n                                              <option value=\"Norfolk Island\">\r\n                                                Norfolk Island\r\n                                              </option>\r\n                                              <option value=\"Northern Mariana Islands\">\r\n                                                Northern Mariana Islands\r\n                                              </option>\r\n                                              <option value=\"Norway\">\r\n                                                Norway\r\n                                              </option>\r\n                                              <option value=\"Oman\">Oman</option>\r\n                                              <option value=\"Pakistan\">\r\n                                                Pakistan\r\n                                              </option>\r\n                                              <option value=\"Palau\">\r\n                                                Palau\r\n                                              </option>\r\n                                              <option value=\"Palestinian Territory, Occupied\">\r\n                                                Palestinian Territory, Occupied\r\n                                              </option>\r\n                                              <option value=\"Panama\">\r\n                                                Panama\r\n                                              </option>\r\n                                              <option value=\"Papua New Guinea\">\r\n                                                Papua New Guinea\r\n                                              </option>\r\n                                              <option value=\"Paraguay\">\r\n                                                Paraguay\r\n                                              </option>\r\n                                              <option value=\"Peru\">Peru</option>\r\n                                              <option value=\"Philippines\">\r\n                                                Philippines\r\n                                              </option>\r\n                                              <option value=\"Pitcairn\">\r\n                                                Pitcairn\r\n                                              </option>\r\n                                              <option value=\"Poland\">\r\n                                                Poland\r\n                                              </option>\r\n                                              <option value=\"Portugal\">\r\n                                                Portugal\r\n                                              </option>\r\n                                              <option value=\"Puerto Rico\">\r\n                                                Puerto Rico\r\n                                              </option>\r\n                                              <option value=\"Qatar\">\r\n                                                Qatar\r\n                                              </option>\r\n                                              <option value=\"Reunion\">\r\n                                                Reunion\r\n                                              </option>\r\n                                              <option value=\"Romania\">\r\n                                                Romania\r\n                                              </option>\r\n                                              <option value=\"Russian Federation\">\r\n                                                Russian Federation\r\n                                              </option>\r\n                                              <option value=\"Rwanda\">\r\n                                                Rwanda\r\n                                              </option>\r\n                                              <option value=\"Saint Helena\">\r\n                                                Saint Helena\r\n                                              </option>\r\n                                              <option value=\"Saint Kitts and Nevis\">\r\n                                                Saint Kitts and Nevis\r\n                                              </option>\r\n                                              <option value=\"Saint Lucia\">\r\n                                                Saint Lucia\r\n                                              </option>\r\n                                              <option value=\"Saint Pierre and Miquelon\">\r\n                                                Saint Pierre and Miquelon\r\n                                              </option>\r\n                                              <option value=\"Saint Vincent and The Grenadines\">\r\n                                                Saint Vincent and The Grenadines\r\n                                              </option>\r\n                                              <option value=\"Samoa\">\r\n                                                Samoa\r\n                                              </option>\r\n                                              <option value=\"San Marino\">\r\n                                                San Marino\r\n                                              </option>\r\n                                              <option value=\"Sao Tome and Principe\">\r\n                                                Sao Tome and Principe\r\n                                              </option>\r\n                                              <option value=\"Saudi Arabia\">\r\n                                                Saudi Arabia\r\n                                              </option>\r\n                                              <option value=\"Senegal\">\r\n                                                Senegal\r\n                                              </option>\r\n                                              <option value=\"Serbia\">\r\n                                                Serbia\r\n                                              </option>\r\n                                              <option value=\"Seychelles\">\r\n                                                Seychelles\r\n                                              </option>\r\n                                              <option value=\"Sierra Leone\">\r\n                                                Sierra Leone\r\n                                              </option>\r\n                                              <option value=\"Singapore\">\r\n                                                Singapore\r\n                                              </option>\r\n                                              <option value=\"Slovakia\">\r\n                                                Slovakia\r\n                                              </option>\r\n                                              <option value=\"Slovenia\">\r\n                                                Slovenia\r\n                                              </option>\r\n                                              <option value=\"Solomon Islands\">\r\n                                                Solomon Islands\r\n                                              </option>\r\n                                              <option value=\"Somalia\">\r\n                                                Somalia\r\n                                              </option>\r\n                                              <option value=\"South Africa\">\r\n                                                South Africa\r\n                                              </option>\r\n                                              <option value=\"South Georgia and The South Sandwich Islands\">\r\n                                                South Georgia and The South\r\n                                                Sandwich Islands\r\n                                              </option>\r\n                                              <option value=\"Spain\">\r\n                                                Spain\r\n                                              </option>\r\n                                              <option value=\"Sri Lanka\">\r\n                                                Sri Lanka\r\n                                              </option>\r\n                                              <option value=\"Sudan\">\r\n                                                Sudan\r\n                                              </option>\r\n                                              <option value=\"Suriname\">\r\n                                                Suriname\r\n                                              </option>\r\n                                              <option value=\"Svalbard and Jan Mayen\">\r\n                                                Svalbard and Jan Mayen\r\n                                              </option>\r\n                                              <option value=\"Swaziland\">\r\n                                                Swaziland\r\n                                              </option>\r\n                                              <option value=\"Sweden\">\r\n                                                Sweden\r\n                                              </option>\r\n                                              <option value=\"Switzerland\">\r\n                                                Switzerland\r\n                                              </option>\r\n                                              <option value=\"Syrian Arab Republic\">\r\n                                                Syrian Arab Republic\r\n                                              </option>\r\n                                              <option value=\"Taiwan, Province of China\">\r\n                                                Taiwan, Province of China\r\n                                              </option>\r\n                                              <option value=\"Tajikistan\">\r\n                                                Tajikistan\r\n                                              </option>\r\n                                              <option value=\"Tanzania, United Republic of\">\r\n                                                Tanzania, United Republic of\r\n                                              </option>\r\n                                              <option value=\"Thailand\">\r\n                                                Thailand\r\n                                              </option>\r\n                                              <option value=\"Timor-leste\">\r\n                                                Timor-leste\r\n                                              </option>\r\n                                              <option value=\"Togo\">Togo</option>\r\n                                              <option value=\"Tokelau\">\r\n                                                Tokelau\r\n                                              </option>\r\n                                              <option value=\"Tonga\">\r\n                                                Tonga\r\n                                              </option>\r\n                                              <option value=\"Trinidad and Tobago\">\r\n                                                Trinidad and Tobago\r\n                                              </option>\r\n                                              <option value=\"Tunisia\">\r\n                                                Tunisia\r\n                                              </option>\r\n                                              <option value=\"Turkey\">\r\n                                                Turkey\r\n                                              </option>\r\n                                              <option value=\"Turkmenistan\">\r\n                                                Turkmenistan\r\n                                              </option>\r\n                                              <option value=\"Turks and Caicos Islands\">\r\n                                                Turks and Caicos Islands\r\n                                              </option>\r\n                                              <option value=\"Tuvalu\">\r\n                                                Tuvalu\r\n                                              </option>\r\n                                              <option value=\"Uganda\">\r\n                                                Uganda\r\n                                              </option>\r\n                                              <option value=\"Ukraine\">\r\n                                                Ukraine\r\n                                              </option>\r\n                                              <option value=\"United Arab Emirates\">\r\n                                                United Arab Emirates\r\n                                              </option>\r\n                                              <option value=\"United Kingdom\">\r\n                                                United Kingdom\r\n                                              </option>\r\n                                              <option value=\"United States\">\r\n                                                United States\r\n                                              </option>\r\n                                              <option value=\"United States Minor Outlying Islands\">\r\n                                                United States Minor Outlying\r\n                                                Islands\r\n                                              </option>\r\n                                              <option value=\"Uruguay\">\r\n                                                Uruguay\r\n                                              </option>\r\n                                              <option value=\"Uzbekistan\">\r\n                                                Uzbekistan\r\n                                              </option>\r\n                                              <option value=\"Vanuatu\">\r\n                                                Vanuatu\r\n                                              </option>\r\n                                              <option value=\"Venezuela\">\r\n                                                Venezuela\r\n                                              </option>\r\n                                              <option value=\"Viet Nam\">\r\n                                                Viet Nam\r\n                                              </option>\r\n                                              <option value=\"Virgin Islands, British\">\r\n                                                Virgin Islands, British\r\n                                              </option>\r\n                                              <option value=\"Virgin Islands, U.S.\">\r\n                                                Virgin Islands, U.S.\r\n                                              </option>\r\n                                              <option value=\"Wallis and Futuna\">\r\n                                                Wallis and Futuna\r\n                                              </option>\r\n                                              <option value=\"Western Sahara\">\r\n                                                Western Sahara\r\n                                              </option>\r\n                                              <option value=\"Yemen\">\r\n                                                Yemen\r\n                                              </option>\r\n                                              <option value=\"Zambia\">\r\n                                                Zambia\r\n                                              </option>\r\n                                              <option value=\"Zimbabwe\">\r\n                                                Zimbabwe\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}\r\n                                          <br />\r\n                                          {!CurrentAddress_Country ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Country\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {CurrentAddress_Country}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <>\r\n                                              {this.state.isSelected ? (\r\n                                                <select\r\n                                                  id=\"CurrentAddress_State\"\r\n                                                  name=\"CurrentAddress_State\"\r\n                                                  className=\"effect-16\"\r\n                                                  onChange={(e) => {\r\n                                                    this.handleAddresschange(e);\r\n                                                    // this.AutoCaps(e);\r\n                                                  }}\r\n                                                  // onFocus={this.handleFocus}\r\n                                                  defaultValue={\r\n                                                    profile.currentAddress_State\r\n                                                  }\r\n                                                  data-default-value={profile.currentAddress_State || \"\"}\r\n                                                  onKeyPress={(event) => {\r\n                                                    if (\r\n                                                      !/[a-zA-Z\\s ]+/.test(\r\n                                                        event.key\r\n                                                      )\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                  style={{\r\n                                                    // Apply the marginLeft style only if the browser is Chrome\r\n                                                    ...(isChrome && { marginLeft: '-3px' })\r\n                                                  }}\r\n                                                >\r\n                                                  <option hidden>{profile.currentAddress_State}</option>\r\n                                                  <option value=\"\">\r\n                                                    Select state\r\n                                                  </option>\r\n                                                  <option value=\"Andaman and Nicobar Islands\">\r\n                                                    Andaman and Nicobar Islands\r\n                                                  </option>\r\n                                                  <option value=\"Andhra Pradesh\">\r\n                                                    Andhra Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Arunachal Pradesh\">\r\n                                                    Arunachal Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Assam\">\r\n                                                    Assam\r\n                                                  </option>\r\n                                                  <option value=\"Bihar\">\r\n                                                    Bihar\r\n                                                  </option>\r\n                                                  <option value=\"Chandigarh\">\r\n                                                    Chandigarh\r\n                                                  </option>\r\n                                                  <option value=\"Chhattisgarh\">\r\n                                                    Chhattisgarh\r\n                                                  </option>\r\n                                                  <option value=\"Dadra and Nagar Haveli\">\r\n                                                    Dadra and Nagar Haveli\r\n                                                  </option>\r\n                                                  <option value=\"Daman and Diu\">\r\n                                                    Daman and Diu\r\n                                                  </option>\r\n                                                  <option value=\"Delhi\">\r\n                                                    Delhi\r\n                                                  </option>\r\n                                                  <option value=\"Goa\">\r\n                                                    Goa\r\n                                                  </option>\r\n                                                  <option value=\"Gujarat\">\r\n                                                    Gujarat\r\n                                                  </option>\r\n                                                  <option value=\"Haryana\">\r\n                                                    Haryana\r\n                                                  </option>\r\n                                                  <option value=\"Himachal Pradesh\">\r\n                                                    Himachal Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Jammu and Kashmir\">\r\n                                                    Jammu and Kashmir\r\n                                                  </option>\r\n                                                  <option value=\"Jharkhand\">\r\n                                                    Jharkhand\r\n                                                  </option>\r\n                                                  <option value=\"Karnataka\">\r\n                                                    Karnataka\r\n                                                  </option>\r\n                                                  <option value=\"Kerala\">\r\n                                                    Kerala\r\n                                                  </option>\r\n                                                  <option value=\"Ladakh\">\r\n                                                    Ladakh\r\n                                                  </option>\r\n                                                  <option value=\"Lakshadweep\">\r\n                                                    Lakshadweep\r\n                                                  </option>\r\n                                                  <option value=\"Madhya Pradesh\">\r\n                                                    Madhya Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Maharashtra\">\r\n                                                    Maharashtra\r\n                                                  </option>\r\n                                                  <option value=\"Manipur\">\r\n                                                    Manipur\r\n                                                  </option>\r\n                                                  <option value=\"Meghalaya\">\r\n                                                    Meghalaya\r\n                                                  </option>\r\n                                                  <option value=\"Mizoram\">\r\n                                                    Mizoram\r\n                                                  </option>\r\n                                                  <option value=\"Nagaland\">\r\n                                                    Nagaland\r\n                                                  </option>\r\n                                                  <option value=\"Odisha\">\r\n                                                    Odisha\r\n                                                  </option>\r\n                                                  <option value=\"Puducherry\">\r\n                                                    Puducherry\r\n                                                  </option>\r\n                                                  <option value=\"Punjab\">\r\n                                                    Punjab\r\n                                                  </option>\r\n                                                  <option value=\"Rajasthan\">\r\n                                                    Rajasthan\r\n                                                  </option>\r\n                                                  <option value=\"Sikkim\">\r\n                                                    Sikkim\r\n                                                  </option>\r\n                                                  <option value=\"Tamil Nadu\">\r\n                                                    Tamil Nadu\r\n                                                  </option>\r\n                                                  <option value=\"Telangana\">\r\n                                                    Telangana\r\n                                                  </option>\r\n                                                  <option value=\"Tripura\">\r\n                                                    Tripura\r\n                                                  </option>\r\n                                                  <option value=\"Uttar Pradesh\">\r\n                                                    Uttar Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Uttarakhand\">\r\n                                                    Uttarakhand\r\n                                                  </option>\r\n                                                  <option value=\"West Bengal\">\r\n                                                    West Bengal\r\n                                                  </option>\r\n                                                </select>\r\n                                              ) : (\r\n                                                <input\r\n                                                  className=\"effect-16\"\r\n                                                  onFocus={(e) =>\r\n                                                    e.target.select()\r\n                                                  }\r\n                                                  onInputCapture={(event) => {\r\n                                                    if (\r\n                                                      !/[a-zA-Z\\s ]+/.test(\r\n                                                        event.key\r\n                                                      )\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                  type=\"text\"\r\n                                                  id=\"CurrentAddress_State\"\r\n                                                  name=\"CurrentAddress_State\"\r\n                                                  defaultValue={\r\n                                                    profile.currentAddress_State\r\n                                                  }\r\n                                                  placeholder=\"State \"\r\n                                                  onChange={\r\n                                                    this.handleAddresschange\r\n                                                  }\r\n                                                />\r\n                                              )}\r\n                                            </>\r\n                                          ))}\r\n                                          {!CurrentAddress_State ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              State\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {CurrentAddress_State}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              type=\"text\"\r\n                                              id=\"CurrentAddress_Pincode\"\r\n                                              name=\"CurrentAddress_Pincode\"\r\n                                              onKeyPress={(event) => {\r\n                                                if (!/[0-9]/.test(event.key)) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              maxLength=\"6\"\r\n                                              defaultValue={\r\n                                                profile.currentAddress_Pincode\r\n                                              }\r\n                                              placeholder=\"Pincode \"\r\n                                              onInputCapture={(event) => {\r\n                                                if (!/[0-9]/.test(event.key)) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              onChange={\r\n                                                this.handleAddresschange\r\n                                              }\r\n                                            />\r\n                                          ))}\r\n                                          <br />{\" \"}\r\n                                          {!CurrentAddress_Pincode ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Pincode\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {CurrentAddress_Pincode}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              defaultValue={profile.houseType}\r\n                                              onInputCapture={this.HandleHouse}\r\n                                              data-default-value={profile.houseType || \"\"}\r\n                                              id=\"HouseType\"\r\n                                              name=\"HouseType\"\r\n                                              onChange={\r\n                                                this.handleAddresschange\r\n                                              }\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' })\r\n                                              }}\r\n                                            >\r\n                                              <option value={profile.houseType} hidden>{profile.houseType}</option>\r\n                                              <option value=\"\">Select</option>\r\n\r\n                                              {HouseTypeDrop.map(\r\n                                                (HouseTypeDrop) => (\r\n                                                  <option\r\n                                                    value={\r\n                                                      HouseTypeDrop.housetype\r\n                                                    }\r\n                                                    selected={\r\n                                                      HouseTypeDrop.housetype ===\r\n                                                      profile.houseType\r\n                                                    }\r\n                                                  >\r\n                                                    {HouseTypeDrop.housetype}\r\n                                                  </option>\r\n                                                )\r\n                                              )}\r\n                                              <option value=\"others\">\r\n                                                Others\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}\r\n                                          <input\r\n                                            type=\"hidden\"\r\n                                            Name=\"otherType\"\r\n                                            placeholder=\"House Type\"\r\n                                            className=\"form\"\r\n                                            id=\"HouseText\"\r\n                                            defaultValue={profile.houseType}\r\n                                            maxLength={30}\r\n                                          // onChange={this.handleAddresschange}\r\n                                          />\r\n                                          <br />{\" \"}\r\n                                          {!HouseType ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              House Type\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {HouseType}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            // <input className=\"effect-16\" max={new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() + 1).toJSON().slice(0, 10)} id=\"StayingSince\" type=\"text\" name=\"StayingSince\" onFocus={(e) => e.target.type = 'date'} onBlur={(e) => { e.target.type = 'text'; e.target.value = this.formatDate(e.target.value) }} defaultValue={profile.stayingSince} placeholder=\"Staying Since  \" onChange={this.handleAddresschange} />\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              type=\"date\"\r\n                                              name=\"StayingSince\"\r\n                                              max={new Date(\r\n                                                new Date().getFullYear(),\r\n                                                new Date().getMonth(),\r\n                                                new Date().getDate()\r\n                                              )\r\n                                                .toJSON()\r\n                                                .slice(0, 10)}\r\n                                              defaultValue={this.reformatDate(\r\n                                                profile.stayingSince\r\n                                              )}\r\n                                              id=\"StayingSince\"\r\n                                              placeholder=\"Staying Since\"\r\n                                              onChange={\r\n                                                this.handleAddresschange\r\n                                              }\r\n                                            />\r\n                                          ))}\r\n                                          <br />{\" \"}\r\n                                          {!StayingSince ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Staying since\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {StayingSince}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n\r\n                                      <div\r\n                                        className=\"checkbox-fade fade-in-primary\"\r\n                                        style={{ marginLeft: \"10px\" }}\r\n                                      >\r\n                                        <label>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            onClick={this.handlecheckbox}\r\n                                            onClickCapture={\r\n                                              this.handleTextareaClick\r\n                                            }\r\n\r\n                                            name=\"SameAddress\"\r\n                                            id=\"SameAddress\"\r\n                                          />\r\n                                          <span className=\"cr\">\r\n                                            <i className=\"cr-icon icofont icofont-ui-check txt-primary\" />\r\n                                          </span>{\" \"}\r\n                                          <span>\r\n                                            Permanent address is the same as\r\n                                            current address\r\n                                          </span>\r\n                                        </label>\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-lg-6\">\r\n                                      <h5 style={{ marginLeft: \"9px\" }}>\r\n                                        Permanent Address\r\n                                      </h5>\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-12 input-effect\">\r\n                                          {profile.map((profile) => (\r\n                                            <textarea\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              readOnly={this.state.isReadOnly}\r\n                                              onChange={this.handlePermanentAddress}\r\n                                              defaultValue={\r\n                                                profile.permanentAddress\r\n                                              }\r\n                                              id=\"PermanentAddress\"\r\n                                              name=\"PermanentAddress\"\r\n                                              type=\"text\"\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Permanent Address{\" \"}\r\n                                        </span> */}\r\n                                          {!PermanentAddress ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Permanent Address\r\n\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {PermanentAddress}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </div>\r\n\r\n\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              disabled={this.state.isReadOnly}\r\n                                              onInputCapture={(event) => {\r\n                                                if (\r\n                                                  !/[a-zA-Z\\s ]+/.test(\r\n                                                    event.key\r\n                                                  )\r\n                                                ) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              onChange={this.handlePermanentAddress}\r\n                                              type=\"text\"\r\n                                              id=\"PermanentAddress_City\"\r\n                                              name=\"PermanentAddress_City\"\r\n                                              defaultValue={\r\n                                                profile.permanentAddress_City\r\n                                              }\r\n                                            />\r\n                                          ))}{\" \"}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            City{\" \"}\r\n                                          </span> */}\r\n\r\n                                          {!PermanentAddress_City ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              City\r\n\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {PermanentAddress_City}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              id=\"PermanentAddress_Country\"\r\n                                              disabled={this.state.isReadOnly}\r\n                                              name=\"PermanentAddress_Country\"\r\n                                              defaultValue={\r\n                                                profile.permanentAddress_Country\r\n                                              }\r\n                                              data-default-value={profile.permanentAddress_Country || \"\"}\r\n                                              onChange={\r\n                                                this.handlePermanentAddress\r\n                                              }\r\n                                              type=\"text\"\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' })\r\n                                              }}\r\n                                            >\r\n                                              <option hidden>{profile.permanentAddress_Country}</option>\r\n                                              <option value=\"\">Select</option>\r\n                                              <option value=\"Afghanistan\">\r\n                                                Afghanistan\r\n                                              </option>\r\n                                              <option value=\"Åland Islands\">\r\n                                                Åland Islands\r\n                                              </option>\r\n                                              <option value=\"Albania\">\r\n                                                Albania\r\n                                              </option>\r\n                                              <option value=\"Algeria\">\r\n                                                Algeria\r\n                                              </option>\r\n                                              <option value=\"American Samoa\">\r\n                                                American Samoa\r\n                                              </option>\r\n                                              <option value=\"Andorra\">\r\n                                                Andorra\r\n                                              </option>\r\n                                              <option value=\"Angola\">\r\n                                                Angola\r\n                                              </option>\r\n                                              <option value=\"Anguilla\">\r\n                                                Anguilla\r\n                                              </option>\r\n                                              <option value=\"Antarctica\">\r\n                                                Antarctica\r\n                                              </option>\r\n                                              <option value=\"Antigua and Barbuda\">\r\n                                                Antigua and Barbuda\r\n                                              </option>\r\n                                              <option value=\"Argentina\">\r\n                                                Argentina\r\n                                              </option>\r\n                                              <option value=\"Armenia\">\r\n                                                Armenia\r\n                                              </option>\r\n                                              <option value=\"Aruba\">\r\n                                                Aruba\r\n                                              </option>\r\n                                              <option value=\"Australia\">\r\n                                                Australia\r\n                                              </option>\r\n                                              <option value=\"Austria\">\r\n                                                Austria\r\n                                              </option>\r\n                                              <option value=\"Azerbaijan\">\r\n                                                Azerbaijan\r\n                                              </option>\r\n                                              <option value=\"Bahamas\">\r\n                                                Bahamas\r\n                                              </option>\r\n                                              <option value=\"Bahrain\">\r\n                                                Bahrain\r\n                                              </option>\r\n                                              <option value=\"Bangladesh\">\r\n                                                Bangladesh\r\n                                              </option>\r\n                                              <option value=\"Barbados\">\r\n                                                Barbados\r\n                                              </option>\r\n                                              <option value=\"Belarus\">\r\n                                                Belarus\r\n                                              </option>\r\n                                              <option value=\"Belgium\">\r\n                                                Belgium\r\n                                              </option>\r\n                                              <option value=\"Belize\">\r\n                                                Belize\r\n                                              </option>\r\n                                              <option value=\"Benin\">\r\n                                                Benin\r\n                                              </option>\r\n                                              <option value=\"Bermuda\">\r\n                                                Bermuda\r\n                                              </option>\r\n                                              <option value=\"Bhutan\">\r\n                                                Bhutan\r\n                                              </option>\r\n                                              <option value=\"Bolivia\">\r\n                                                Bolivia\r\n                                              </option>\r\n                                              <option value=\"Bosnia and Herzegovina\">\r\n                                                Bosnia and Herzegovina\r\n                                              </option>\r\n                                              <option value=\"Botswana\">\r\n                                                Botswana\r\n                                              </option>\r\n                                              <option value=\"Bouvet Island\">\r\n                                                Bouvet Island\r\n                                              </option>\r\n                                              <option value=\"Brazil\">\r\n                                                Brazil\r\n                                              </option>\r\n                                              <option value=\"British Indian Ocean Territory\">\r\n                                                British Indian Ocean Territory\r\n                                              </option>\r\n                                              <option value=\"Brunei Darussalam\">\r\n                                                Brunei Darussalam\r\n                                              </option>\r\n                                              <option value=\"Bulgaria\">\r\n                                                Bulgaria\r\n                                              </option>\r\n                                              <option value=\"Burkina Faso\">\r\n                                                Burkina Faso\r\n                                              </option>\r\n                                              <option value=\"Burundi\">\r\n                                                Burundi\r\n                                              </option>\r\n                                              <option value=\"Cambodia\">\r\n                                                Cambodia\r\n                                              </option>\r\n                                              <option value=\"Cameroon\">\r\n                                                Cameroon\r\n                                              </option>\r\n                                              <option value=\"Canada\">\r\n                                                Canada\r\n                                              </option>\r\n                                              <option value=\"Cape Verde\">\r\n                                                Cape Verde\r\n                                              </option>\r\n                                              <option value=\"Cayman Islands\">\r\n                                                Cayman Islands\r\n                                              </option>\r\n                                              <option value=\"Central African Republic\">\r\n                                                Central African Republic\r\n                                              </option>\r\n                                              <option value=\"Chad\">Chad</option>\r\n                                              <option value=\"Chile\">\r\n                                                Chile\r\n                                              </option>\r\n                                              <option value=\"China\">\r\n                                                China\r\n                                              </option>\r\n                                              <option value=\"Christmas Island\">\r\n                                                Christmas Island\r\n                                              </option>\r\n                                              <option value=\"Cocos (Keeling) Islands\">\r\n                                                Cocos (Keeling) Islands\r\n                                              </option>\r\n                                              <option value=\"Colombia\">\r\n                                                Colombia\r\n                                              </option>\r\n                                              <option value=\"Comoros\">\r\n                                                Comoros\r\n                                              </option>\r\n                                              <option value=\"Congo\">\r\n                                                Congo\r\n                                              </option>\r\n                                              <option value=\"Congo, The Democratic Republic of The\">\r\n                                                Congo, The Democratic Republic\r\n                                                of The\r\n                                              </option>\r\n                                              <option value=\"Cook Islands\">\r\n                                                Cook Islands\r\n                                              </option>\r\n                                              <option value=\"Costa Rica\">\r\n                                                Costa Rica\r\n                                              </option>\r\n                                              <option value=\"Cote D'ivoire\">\r\n                                                Cote D'ivoire\r\n                                              </option>\r\n                                              <option value=\"Croatia\">\r\n                                                Croatia\r\n                                              </option>\r\n                                              <option value=\"Cuba\">Cuba</option>\r\n                                              <option value=\"Cyprus\">\r\n                                                Cyprus\r\n                                              </option>\r\n                                              <option value=\"Czech Republic\">\r\n                                                Czech Republic\r\n                                              </option>\r\n                                              <option value=\"Denmark\">\r\n                                                Denmark\r\n                                              </option>\r\n                                              <option value=\"Djibouti\">\r\n                                                Djibouti\r\n                                              </option>\r\n                                              <option value=\"Dominica\">\r\n                                                Dominica\r\n                                              </option>\r\n                                              <option value=\"Dominican Republic\">\r\n                                                Dominican Republic\r\n                                              </option>\r\n                                              <option value=\"Ecuador\">\r\n                                                Ecuador\r\n                                              </option>\r\n                                              <option value=\"Egypt\">\r\n                                                Egypt\r\n                                              </option>\r\n                                              <option value=\"El Salvador\">\r\n                                                El Salvador\r\n                                              </option>\r\n                                              <option value=\"Equatorial Guinea\">\r\n                                                Equatorial Guinea\r\n                                              </option>\r\n                                              <option value=\"Eritrea\">\r\n                                                Eritrea\r\n                                              </option>\r\n                                              <option value=\"Estonia\">\r\n                                                Estonia\r\n                                              </option>\r\n                                              <option value=\"Ethiopia\">\r\n                                                Ethiopia\r\n                                              </option>\r\n                                              <option value=\"Falkland Islands (Malvinas)\">\r\n                                                Falkland Islands (Malvinas)\r\n                                              </option>\r\n                                              <option value=\"Faroe Islands\">\r\n                                                Faroe Islands\r\n                                              </option>\r\n                                              <option value=\"Fiji\">Fiji</option>\r\n                                              <option value=\"Finland\">\r\n                                                Finland\r\n                                              </option>\r\n                                              <option value=\"France\">\r\n                                                France\r\n                                              </option>\r\n                                              <option value=\"French Guiana\">\r\n                                                French Guiana\r\n                                              </option>\r\n                                              <option value=\"French Polynesia\">\r\n                                                French Polynesia\r\n                                              </option>\r\n                                              <option value=\"French Southern Territories\">\r\n                                                French Southern Territories\r\n                                              </option>\r\n                                              <option value=\"Gabon\">\r\n                                                Gabon\r\n                                              </option>\r\n                                              <option value=\"Gambia\">\r\n                                                Gambia\r\n                                              </option>\r\n                                              <option value=\"Georgia\">\r\n                                                Georgia\r\n                                              </option>\r\n                                              <option value=\"Germany\">\r\n                                                Germany\r\n                                              </option>\r\n                                              <option value=\"Ghana\">\r\n                                                Ghana\r\n                                              </option>\r\n                                              <option value=\"Gibraltar\">\r\n                                                Gibraltar\r\n                                              </option>\r\n                                              <option value=\"Greece\">\r\n                                                Greece\r\n                                              </option>\r\n                                              <option value=\"Greenland\">\r\n                                                Greenland\r\n                                              </option>\r\n                                              <option value=\"Grenada\">\r\n                                                Grenada\r\n                                              </option>\r\n                                              <option value=\"Guadeloupe\">\r\n                                                Guadeloupe\r\n                                              </option>\r\n                                              <option value=\"Guam\">Guam</option>\r\n                                              <option value=\"Guatemala\">\r\n                                                Guatemala\r\n                                              </option>\r\n                                              <option value=\"Guernsey\">\r\n                                                Guernsey\r\n                                              </option>\r\n                                              <option value=\"Guinea\">\r\n                                                Guinea\r\n                                              </option>\r\n                                              <option value=\"Guinea-bissau\">\r\n                                                Guinea-bissau\r\n                                              </option>\r\n                                              <option value=\"Guyana\">\r\n                                                Guyana\r\n                                              </option>\r\n                                              <option value=\"Haiti\">\r\n                                                Haiti\r\n                                              </option>\r\n                                              <option value=\"Heard Island and Mcdonald Islands\">\r\n                                                Heard Island and Mcdonald\r\n                                                Islands\r\n                                              </option>\r\n                                              <option value=\"Holy See (Vatican City State)\">\r\n                                                Holy See (Vatican City State)\r\n                                              </option>\r\n                                              <option value=\"Honduras\">\r\n                                                Honduras\r\n                                              </option>\r\n                                              <option value=\"Hong Kong\">\r\n                                                Hong Kong\r\n                                              </option>\r\n                                              <option value=\"Hungary\">\r\n                                                Hungary\r\n                                              </option>\r\n                                              <option value=\"Iceland\">\r\n                                                Iceland\r\n                                              </option>\r\n                                              <option value=\"India\">\r\n                                                India\r\n                                              </option>\r\n                                              <option value=\"Indonesia\">\r\n                                                Indonesia\r\n                                              </option>\r\n                                              <option value=\"Iran, Islamic Republic of\">\r\n                                                Iran, Islamic Republic of\r\n                                              </option>\r\n                                              <option value=\"Iraq\">Iraq</option>\r\n                                              <option value=\"Ireland\">\r\n                                                Ireland\r\n                                              </option>\r\n                                              <option value=\"Isle of Man\">\r\n                                                Isle of Man\r\n                                              </option>\r\n                                              <option value=\"Israel\">\r\n                                                Israel\r\n                                              </option>\r\n                                              <option value=\"Italy\">\r\n                                                Italy\r\n                                              </option>\r\n                                              <option value=\"Jamaica\">\r\n                                                Jamaica\r\n                                              </option>\r\n                                              <option value=\"Japan\">\r\n                                                Japan\r\n                                              </option>\r\n                                              <option value=\"Jersey\">\r\n                                                Jersey\r\n                                              </option>\r\n                                              <option value=\"Jordan\">\r\n                                                Jordan\r\n                                              </option>\r\n                                              <option value=\"Kazakhstan\">\r\n                                                Kazakhstan\r\n                                              </option>\r\n                                              <option value=\"Kenya\">\r\n                                                Kenya\r\n                                              </option>\r\n                                              <option value=\"Kiribati\">\r\n                                                Kiribati\r\n                                              </option>\r\n                                              <option value=\"Korea, Democratic People's Republic of\">\r\n                                                Korea, Democratic People's\r\n                                                Republic of\r\n                                              </option>\r\n                                              <option value=\"Korea, Republic of\">\r\n                                                Korea, Republic of\r\n                                              </option>\r\n                                              <option value=\"Kuwait\">\r\n                                                Kuwait\r\n                                              </option>\r\n                                              <option value=\"Kyrgyzstan\">\r\n                                                Kyrgyzstan\r\n                                              </option>\r\n                                              <option value=\"Lao People's Democratic Republic\">\r\n                                                Lao People's Democratic Republic\r\n                                              </option>\r\n                                              <option value=\"Latvia\">\r\n                                                Latvia\r\n                                              </option>\r\n                                              <option value=\"Lebanon\">\r\n                                                Lebanon\r\n                                              </option>\r\n                                              <option value=\"Lesotho\">\r\n                                                Lesotho\r\n                                              </option>\r\n                                              <option value=\"Liberia\">\r\n                                                Liberia\r\n                                              </option>\r\n                                              <option value=\"Libyan Arab Jamahiriya\">\r\n                                                Libyan Arab Jamahiriya\r\n                                              </option>\r\n                                              <option value=\"Liechtenstein\">\r\n                                                Liechtenstein\r\n                                              </option>\r\n                                              <option value=\"Lithuania\">\r\n                                                Lithuania\r\n                                              </option>\r\n                                              <option value=\"Luxembourg\">\r\n                                                Luxembourg\r\n                                              </option>\r\n                                              <option value=\"Macao\">\r\n                                                Macao\r\n                                              </option>\r\n                                              <option value=\"Macedonia, The Former Yugoslav Republic of\">\r\n                                                Macedonia, The Former Yugoslav\r\n                                                Republic of\r\n                                              </option>\r\n                                              <option value=\"Madagascar\">\r\n                                                Madagascar\r\n                                              </option>\r\n                                              <option value=\"Malawi\">\r\n                                                Malawi\r\n                                              </option>\r\n                                              <option value=\"Malaysia\">\r\n                                                Malaysia\r\n                                              </option>\r\n                                              <option value=\"Maldives\">\r\n                                                Maldives\r\n                                              </option>\r\n                                              <option value=\"Mali\">Mali</option>\r\n                                              <option value=\"Malta\">\r\n                                                Malta\r\n                                              </option>\r\n                                              <option value=\"Marshall Islands\">\r\n                                                Marshall Islands\r\n                                              </option>\r\n                                              <option value=\"Martinique\">\r\n                                                Martinique\r\n                                              </option>\r\n                                              <option value=\"Mauritania\">\r\n                                                Mauritania\r\n                                              </option>\r\n                                              <option value=\"Mauritius\">\r\n                                                Mauritius\r\n                                              </option>\r\n                                              <option value=\"Mayotte\">\r\n                                                Mayotte\r\n                                              </option>\r\n                                              <option value=\"Mexico\">\r\n                                                Mexico\r\n                                              </option>\r\n                                              <option value=\"Micronesia, Federated States of\">\r\n                                                Micronesia, Federated States of\r\n                                              </option>\r\n                                              <option value=\"Moldova, Republic of\">\r\n                                                Moldova, Republic of\r\n                                              </option>\r\n                                              <option value=\"Monaco\">\r\n                                                Monaco\r\n                                              </option>\r\n                                              <option value=\"Mongolia\">\r\n                                                Mongolia\r\n                                              </option>\r\n                                              <option value=\"Montenegro\">\r\n                                                Montenegro\r\n                                              </option>\r\n                                              <option value=\"Montserrat\">\r\n                                                Montserrat\r\n                                              </option>\r\n                                              <option value=\"Morocco\">\r\n                                                Morocco\r\n                                              </option>\r\n                                              <option value=\"Mozambique\">\r\n                                                Mozambique\r\n                                              </option>\r\n                                              <option value=\"Myanmar\">\r\n                                                Myanmar\r\n                                              </option>\r\n                                              <option value=\"Namibia\">\r\n                                                Namibia\r\n                                              </option>\r\n                                              <option value=\"Nauru\">\r\n                                                Nauru\r\n                                              </option>\r\n                                              <option value=\"Nepal\">\r\n                                                Nepal\r\n                                              </option>\r\n                                              <option value=\"Netherlands\">\r\n                                                Netherlands\r\n                                              </option>\r\n                                              <option value=\"Netherlands Antilles\">\r\n                                                Netherlands Antilles\r\n                                              </option>\r\n                                              <option value=\"New Caledonia\">\r\n                                                New Caledonia\r\n                                              </option>\r\n                                              <option value=\"New Zealand\">\r\n                                                New Zealand\r\n                                              </option>\r\n                                              <option value=\"Nicaragua\">\r\n                                                Nicaragua\r\n                                              </option>\r\n                                              <option value=\"Niger\">\r\n                                                Niger\r\n                                              </option>\r\n                                              <option value=\"Nigeria\">\r\n                                                Nigeria\r\n                                              </option>\r\n                                              <option value=\"Niue\">Niue</option>\r\n                                              <option value=\"Norfolk Island\">\r\n                                                Norfolk Island\r\n                                              </option>\r\n                                              <option value=\"Northern Mariana Islands\">\r\n                                                Northern Mariana Islands\r\n                                              </option>\r\n                                              <option value=\"Norway\">\r\n                                                Norway\r\n                                              </option>\r\n                                              <option value=\"Oman\">Oman</option>\r\n                                              <option value=\"Pakistan\">\r\n                                                Pakistan\r\n                                              </option>\r\n                                              <option value=\"Palau\">\r\n                                                Palau\r\n                                              </option>\r\n                                              <option value=\"Palestinian Territory, Occupied\">\r\n                                                Palestinian Territory, Occupied\r\n                                              </option>\r\n                                              <option value=\"Panama\">\r\n                                                Panama\r\n                                              </option>\r\n                                              <option value=\"Papua New Guinea\">\r\n                                                Papua New Guinea\r\n                                              </option>\r\n                                              <option value=\"Paraguay\">\r\n                                                Paraguay\r\n                                              </option>\r\n                                              <option value=\"Peru\">Peru</option>\r\n                                              <option value=\"Philippines\">\r\n                                                Philippines\r\n                                              </option>\r\n                                              <option value=\"Pitcairn\">\r\n                                                Pitcairn\r\n                                              </option>\r\n                                              <option value=\"Poland\">\r\n                                                Poland\r\n                                              </option>\r\n                                              <option value=\"Portugal\">\r\n                                                Portugal\r\n                                              </option>\r\n                                              <option value=\"Puerto Rico\">\r\n                                                Puerto Rico\r\n                                              </option>\r\n                                              <option value=\"Qatar\">\r\n                                                Qatar\r\n                                              </option>\r\n                                              <option value=\"Reunion\">\r\n                                                Reunion\r\n                                              </option>\r\n                                              <option value=\"Romania\">\r\n                                                Romania\r\n                                              </option>\r\n                                              <option value=\"Russian Federation\">\r\n                                                Russian Federation\r\n                                              </option>\r\n                                              <option value=\"Rwanda\">\r\n                                                Rwanda\r\n                                              </option>\r\n                                              <option value=\"Saint Helena\">\r\n                                                Saint Helena\r\n                                              </option>\r\n                                              <option value=\"Saint Kitts and Nevis\">\r\n                                                Saint Kitts and Nevis\r\n                                              </option>\r\n                                              <option value=\"Saint Lucia\">\r\n                                                Saint Lucia\r\n                                              </option>\r\n                                              <option value=\"Saint Pierre and Miquelon\">\r\n                                                Saint Pierre and Miquelon\r\n                                              </option>\r\n                                              <option value=\"Saint Vincent and The Grenadines\">\r\n                                                Saint Vincent and The Grenadines\r\n                                              </option>\r\n                                              <option value=\"Samoa\">\r\n                                                Samoa\r\n                                              </option>\r\n                                              <option value=\"San Marino\">\r\n                                                San Marino\r\n                                              </option>\r\n                                              <option value=\"Sao Tome and Principe\">\r\n                                                Sao Tome and Principe\r\n                                              </option>\r\n                                              <option value=\"Saudi Arabia\">\r\n                                                Saudi Arabia\r\n                                              </option>\r\n                                              <option value=\"Senegal\">\r\n                                                Senegal\r\n                                              </option>\r\n                                              <option value=\"Serbia\">\r\n                                                Serbia\r\n                                              </option>\r\n                                              <option value=\"Seychelles\">\r\n                                                Seychelles\r\n                                              </option>\r\n                                              <option value=\"Sierra Leone\">\r\n                                                Sierra Leone\r\n                                              </option>\r\n                                              <option value=\"Singapore\">\r\n                                                Singapore\r\n                                              </option>\r\n                                              <option value=\"Slovakia\">\r\n                                                Slovakia\r\n                                              </option>\r\n                                              <option value=\"Slovenia\">\r\n                                                Slovenia\r\n                                              </option>\r\n                                              <option value=\"Solomon Islands\">\r\n                                                Solomon Islands\r\n                                              </option>\r\n                                              <option value=\"Somalia\">\r\n                                                Somalia\r\n                                              </option>\r\n                                              <option value=\"South Africa\">\r\n                                                South Africa\r\n                                              </option>\r\n                                              <option value=\"South Georgia and The South Sandwich Islands\">\r\n                                                South Georgia and The South\r\n                                                Sandwich Islands\r\n                                              </option>\r\n                                              <option value=\"Spain\">\r\n                                                Spain\r\n                                              </option>\r\n                                              <option value=\"Sri Lanka\">\r\n                                                Sri Lanka\r\n                                              </option>\r\n                                              <option value=\"Sudan\">\r\n                                                Sudan\r\n                                              </option>\r\n                                              <option value=\"Suriname\">\r\n                                                Suriname\r\n                                              </option>\r\n                                              <option value=\"Svalbard and Jan Mayen\">\r\n                                                Svalbard and Jan Mayen\r\n                                              </option>\r\n                                              <option value=\"Swaziland\">\r\n                                                Swaziland\r\n                                              </option>\r\n                                              <option value=\"Sweden\">\r\n                                                Sweden\r\n                                              </option>\r\n                                              <option value=\"Switzerland\">\r\n                                                Switzerland\r\n                                              </option>\r\n                                              <option value=\"Syrian Arab Republic\">\r\n                                                Syrian Arab Republic\r\n                                              </option>\r\n                                              <option value=\"Taiwan, Province of China\">\r\n                                                Taiwan, Province of China\r\n                                              </option>\r\n                                              <option value=\"Tajikistan\">\r\n                                                Tajikistan\r\n                                              </option>\r\n                                              <option value=\"Tanzania, United Republic of\">\r\n                                                Tanzania, United Republic of\r\n                                              </option>\r\n                                              <option value=\"Thailand\">\r\n                                                Thailand\r\n                                              </option>\r\n                                              <option value=\"Timor-leste\">\r\n                                                Timor-leste\r\n                                              </option>\r\n                                              <option value=\"Togo\">Togo</option>\r\n                                              <option value=\"Tokelau\">\r\n                                                Tokelau\r\n                                              </option>\r\n                                              <option value=\"Tonga\">\r\n                                                Tonga\r\n                                              </option>\r\n                                              <option value=\"Trinidad and Tobago\">\r\n                                                Trinidad and Tobago\r\n                                              </option>\r\n                                              <option value=\"Tunisia\">\r\n                                                Tunisia\r\n                                              </option>\r\n                                              <option value=\"Turkey\">\r\n                                                Turkey\r\n                                              </option>\r\n                                              <option value=\"Turkmenistan\">\r\n                                                Turkmenistan\r\n                                              </option>\r\n                                              <option value=\"Turks and Caicos Islands\">\r\n                                                Turks and Caicos Islands\r\n                                              </option>\r\n                                              <option value=\"Tuvalu\">\r\n                                                Tuvalu\r\n                                              </option>\r\n                                              <option value=\"Uganda\">\r\n                                                Uganda\r\n                                              </option>\r\n                                              <option value=\"Ukraine\">\r\n                                                Ukraine\r\n                                              </option>\r\n                                              <option value=\"United Arab Emirates\">\r\n                                                United Arab Emirates\r\n                                              </option>\r\n                                              <option value=\"United Kingdom\">\r\n                                                United Kingdom\r\n                                              </option>\r\n                                              <option value=\"United States\">\r\n                                                United States\r\n                                              </option>\r\n                                              <option value=\"United States Minor Outlying Islands\">\r\n                                                United States Minor Outlying\r\n                                                Islands\r\n                                              </option>\r\n                                              <option value=\"Uruguay\">\r\n                                                Uruguay\r\n                                              </option>\r\n                                              <option value=\"Uzbekistan\">\r\n                                                Uzbekistan\r\n                                              </option>\r\n                                              <option value=\"Vanuatu\">\r\n                                                Vanuatu\r\n                                              </option>\r\n                                              <option value=\"Venezuela\">\r\n                                                Venezuela\r\n                                              </option>\r\n                                              <option value=\"Viet Nam\">\r\n                                                Viet Nam\r\n                                              </option>\r\n                                              <option value=\"Virgin Islands, British\">\r\n                                                Virgin Islands, British\r\n                                              </option>\r\n                                              <option value=\"Virgin Islands, U.S.\">\r\n                                                Virgin Islands, U.S.\r\n                                              </option>\r\n                                              <option value=\"Wallis and Futuna\">\r\n                                                Wallis and Futuna\r\n                                              </option>\r\n                                              <option value=\"Western Sahara\">\r\n                                                Western Sahara\r\n                                              </option>\r\n                                              <option value=\"Yemen\">\r\n                                                Yemen\r\n                                              </option>\r\n                                              <option value=\"Zambia\">\r\n                                                Zambia\r\n                                              </option>\r\n                                              <option value=\"Zimbabwe\">\r\n                                                Zimbabwe\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}\r\n\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Country{\" \"}\r\n                                          </span> */}\r\n                                          {!PermanentAddress_Country ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Country\r\n\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {PermanentAddress_Country}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <>\r\n                                              {this.state.isSelected1 ? (\r\n                                                <select\r\n                                                  id=\"PermanentAddress_State\"\r\n                                                  name=\"PermanentAddress_State\"\r\n                                                  disabled={this.state.isReadOnly}\r\n                                                  className=\"effect-16\"\r\n                                                  onChange={(e) => {\r\n                                                    this.handlePermanentAddress(\r\n                                                      e\r\n                                                    );\r\n                                                    // this.AutoCaps(e);\r\n                                                  }}\r\n                                                  // onFocus={this.handleFocus}\r\n                                                  defaultValue={\r\n                                                    profile.permanentAddress_State\r\n                                                  }\r\n                                                  data-default-value={profile.permanentAddress_State || \"\"}\r\n                                                  onKeyPress={(event) => {\r\n                                                    if (\r\n                                                      !/[a-zA-Z\\s ]+/.test(\r\n                                                        event.key\r\n                                                      )\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                  style={{\r\n                                                    // Apply the marginLeft style only if the browser is Chrome\r\n                                                    ...(isChrome && { marginLeft: '-3px' })\r\n                                                  }}\r\n                                                >\r\n                                                  <option hidden>{profile.permanentAddress_State}</option>\r\n                                                  <option value=\"\">\r\n                                                    Select state\r\n                                                  </option>\r\n                                                  <option value=\"Andaman and Nicobar Islands\">\r\n                                                    Andaman and Nicobar Islands\r\n                                                  </option>\r\n                                                  <option value=\"Andhra Pradesh\">\r\n                                                    Andhra Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Arunachal Pradesh\">\r\n                                                    Arunachal Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Assam\">\r\n                                                    Assam\r\n                                                  </option>\r\n                                                  <option value=\"Bihar\">\r\n                                                    Bihar\r\n                                                  </option>\r\n                                                  <option value=\"Chandigarh\">\r\n                                                    Chandigarh\r\n                                                  </option>\r\n                                                  <option value=\"Chhattisgarh\">\r\n                                                    Chhattisgarh\r\n                                                  </option>\r\n                                                  <option value=\"Dadra and Nagar Haveli\">\r\n                                                    Dadra and Nagar Haveli\r\n                                                  </option>\r\n                                                  <option value=\"Daman and Diu\">\r\n                                                    Daman and Diu\r\n                                                  </option>\r\n                                                  <option value=\"Delhi\">\r\n                                                    Delhi\r\n                                                  </option>\r\n                                                  <option value=\"Goa\">\r\n                                                    Goa\r\n                                                  </option>\r\n                                                  <option value=\"Gujarat\">\r\n                                                    Gujarat\r\n                                                  </option>\r\n                                                  <option value=\"Haryana\">\r\n                                                    Haryana\r\n                                                  </option>\r\n                                                  <option value=\"Himachal Pradesh\">\r\n                                                    Himachal Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Jammu and Kashmir\">\r\n                                                    Jammu and Kashmir\r\n                                                  </option>\r\n                                                  <option value=\"Jharkhand\">\r\n                                                    Jharkhand\r\n                                                  </option>\r\n                                                  <option value=\"Karnataka\">\r\n                                                    Karnataka\r\n                                                  </option>\r\n                                                  <option value=\"Kerala\">\r\n                                                    Kerala\r\n                                                  </option>\r\n                                                  <option value=\"Ladakh\">\r\n                                                    Ladakh\r\n                                                  </option>\r\n                                                  <option value=\"Lakshadweep\">\r\n                                                    Lakshadweep\r\n                                                  </option>\r\n                                                  <option value=\"Madhya Pradesh\">\r\n                                                    Madhya Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Maharashtra\">\r\n                                                    Maharashtra\r\n                                                  </option>\r\n                                                  <option value=\"Manipur\">\r\n                                                    Manipur\r\n                                                  </option>\r\n                                                  <option value=\"Meghalaya\">\r\n                                                    Meghalaya\r\n                                                  </option>\r\n                                                  <option value=\"Mizoram\">\r\n                                                    Mizoram\r\n                                                  </option>\r\n                                                  <option value=\"Nagaland\">\r\n                                                    Nagaland\r\n                                                  </option>\r\n                                                  <option value=\"Odisha\">\r\n                                                    Odisha\r\n                                                  </option>\r\n                                                  <option value=\"Puducherry\">\r\n                                                    Puducherry\r\n                                                  </option>\r\n                                                  <option value=\"Punjab\">\r\n                                                    Punjab\r\n                                                  </option>\r\n                                                  <option value=\"Rajasthan\">\r\n                                                    Rajasthan\r\n                                                  </option>\r\n                                                  <option value=\"Sikkim\">\r\n                                                    Sikkim\r\n                                                  </option>\r\n                                                  <option value=\"Tamil Nadu\">\r\n                                                    Tamil Nadu\r\n                                                  </option>\r\n                                                  <option value=\"Telangana\">\r\n                                                    Telangana\r\n                                                  </option>\r\n                                                  <option value=\"Tripura\">\r\n                                                    Tripura\r\n                                                  </option>\r\n                                                  <option value=\"Uttar Pradesh\">\r\n                                                    Uttar Pradesh\r\n                                                  </option>\r\n                                                  <option value=\"Uttarakhand\">\r\n                                                    Uttarakhand\r\n                                                  </option>\r\n                                                  <option value=\"West Bengal\">\r\n                                                    West Bengal\r\n                                                  </option>\r\n                                                </select>\r\n                                              ) : (\r\n                                                <input\r\n                                                  className=\"effect-16\"\r\n                                                  onFocus={(e) =>\r\n                                                    e.target.select()\r\n                                                  }\r\n                                                  onInputCapture={(event) => {\r\n                                                    if (\r\n                                                      !/[a-zA-Z\\s ]+/.test(\r\n                                                        event.key\r\n                                                      )\r\n                                                    ) {\r\n                                                      event.preventDefault();\r\n                                                    }\r\n                                                  }}\r\n                                                  type=\"text\"\r\n                                                  id=\"PermanentAddress_State\"\r\n                                                  name=\"PermanentAddress_State\"\r\n                                                  defaultValue={\r\n                                                    profile.permanentAddress_State\r\n                                                  }\r\n                                                  placeholder=\"State\"\r\n                                                  onChange={\r\n                                                    this.handlePermanentAddress\r\n                                                  }\r\n                                                />\r\n                                              )}\r\n                                            </>\r\n                                          ))}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            State{\" \"}\r\n                                          </span> */}\r\n\r\n                                          {!PermanentAddress_State ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              State\r\n\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {PermanentAddress_State}\r\n                                            </div>\r\n                                          )}\r\n                                          {/* {!CurrentAddress_State ? <span style={{ color: '#a29d9d', float: \"left\" }}>State<span style={{ color: \"red\" }}>*</span></span> : <div style={{ color: \"red\" }}>{CurrentAddress_State}</div>} */}\r\n                                        </div>\r\n                                        {/* <div className=\"col-xl-6\">\r\n                                          {profile.map(profile =>\r\n                                            <input className=\"effect-16\" onFocus={(e) => e.target.select()} disabled={this.state.isReadOnly} onInputCapture={(event) => { if (!/[a-zA-Z\\s ]+/.test(event.key)) { event.preventDefault(); } }} type=\"text\" name=\"PermanentAddress_State\" id=\"PermanentAddress_State\" defaultValue={profile.permanentAddress_State} />\r\n                                          )} <span style={{ color: '#a29d9d', float: \"left\" }}>State </span>\r\n                                        </div> */}\r\n\r\n                                        <div className=\"col-xl-6\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              type=\"text\"\r\n                                              disabled={this.state.isReadOnly}\r\n                                              onKeyPress={(event) => {\r\n                                                if (!/[0-9]/.test(event.key)) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              maxLength=\"6\"\r\n                                              id=\"PermanentAddress_Pincode\"\r\n                                              name=\"PermanentAddress_Pincode\"\r\n                                              defaultValue={\r\n                                                profile.permanentAddress_Pincode\r\n                                              }\r\n                                              onChange={\r\n                                                this.handlePermanentAddress\r\n                                              }\r\n                                            />\r\n                                          ))}{\" \"}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Pincode{\" \"}\r\n                                          </span> */}\r\n                                          {!PermanentAddress_Pincode ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Pincode\r\n\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {PermanentAddress_Pincode}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div>\r\n                                    <div className=\"center\">\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        disabled={this.state.ButtonDisabled}\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                          height: \"39.5px\",\r\n                                          width: \"83.36px\",\r\n                                        }}\r\n                                      >\r\n                                        Update\r\n                                      </button>\r\n                                      <button\r\n                                        className=\"btn-Secondary\"\r\n                                        style={{ marginLeft: \"1%\", height: \"39.5px\" }}\r\n                                        onClick={(event) => {\r\n                                          event.preventDefault();\r\n                                          this.setState({ formErrors: {} });\r\n                                          var status = document.getElementById('SameAddress');\r\n                                          document.getElementById(\"HouseText\").type = \"hidden\";\r\n                                          document.getElementById(\"AddressInfo\").reset();\r\n                                          setTimeout(() => {\r\n                                            var Pvalue = document.getElementById('PermanentAddress').value;\r\n                                            var Cvalue = document.getElementById('CurrentAddress').value;\r\n\r\n                                            if (Pvalue === Cvalue\r\n                                            ) {\r\n\r\n\r\n                                              const form1 = event.target.form;\r\n                                              if (form1) {\r\n                                                const formElements = form1.elements;\r\n                                                for (let i = 0; i < formElements.length; i++) {\r\n                                                  const element = formElements[i];\r\n                                                  if (element.type === 'checkbox') {\r\n                                                    element.checked = true;\r\n                                                  } else {\r\n                                                    if (element.type !== 'checkbox') {\r\n                                                      element.value = element.defaultValue;\r\n                                                    }\r\n                                                    element.checked = true;\r\n                                                    this.setState({\r\n                                                      isReadOnly: true,\r\n                                                    });\r\n                                                  }\r\n                                                }\r\n                                                const selects = form1.querySelectorAll('select');\r\n                                                selects.forEach(select => {\r\n                                                  const defaultValue = select.getAttribute('data-default-value');\r\n                                                  select.value = defaultValue;\r\n                                                });\r\n                                              }\r\n                                            }\r\n\r\n                                            else {\r\n\r\n                                              const form = event.target.form;\r\n                                              if (form) {\r\n                                                const formElements = form.elements;\r\n                                                for (let i = 0; i < formElements.length; i++) {\r\n                                                  const element = formElements[i];\r\n                                                  if (element.type === 'checkbox') {\r\n                                                    element.checked = false;\r\n                                                  } else {\r\n                                                    if (element.type !== 'checkbox') {\r\n                                                      element.value = element.defaultValue;\r\n                                                    }\r\n                                                    element.checked = false;\r\n                                                    this.setState({\r\n                                                      isReadOnly: false,\r\n                                                    });\r\n                                                  }\r\n                                                }\r\n                                                const selects = form.querySelectorAll('select');\r\n                                                selects.forEach(select => {\r\n                                                  const defaultValue = select.getAttribute('data-default-value');\r\n                                                  select.value = defaultValue;\r\n                                                });\r\n                                              }\r\n                                            }\r\n                                          }, 10);\r\n\r\n\r\n\r\n\r\n\r\n                                        }\r\n                                        }\r\n                                      >\r\n                                        Cancel\r\n                                      </button>\r\n                                    </div>\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n\r\n                        {/* <br /><br /> */}\r\n                      </div>\r\n                      {/* Social Media  */}\r\n                      <div className=\"card\">\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginTop: \"10px\",\r\n                              marginLeft: \"2%\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            Social Media\r\n                          </h5>\r\n                          <button\r\n                            id=\"edit-btn-media\"\r\n                            type=\"button\"\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            onClick={() => {\r\n                              this.setState({ formErrors: \"\", ButtonDisabled: false });\r\n                              document.getElementById(\"SocialInfo\").reset();\r\n                              this.socialEdit();\r\n                            }}\r\n                          >\r\n                            {socialEdit ? (\r\n                              <i className=\"icofont icofont-close\" title=\"Close\" onClick={() => document.getElementById(\"SocialInfo\").reset()}></i>\r\n                            ) : (\r\n                              <i className=\"icofont icofont-edit\" title=\"Edit\"></i>\r\n                            )}\r\n                          </button>\r\n                        </div>\r\n                        <div className=\"card-block\">\r\n                          <div id=\"view-media\" style={{ display: socialEdit ? \"none\" : \"block\" }}>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3\">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> LinkedIn </span>\r\n                                  </b>\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable style={{ wordWrap: \"break-word\" }}>\r\n                                        {profile.linkedIn}{\" \"}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3\">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Skype </span>\r\n                                  </b>\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable style={{ wordWrap: \"break-word\" }}>\r\n                                        {profile.skype}{\" \"}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3\">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> WhatsApp </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable>\r\n                                        {profile.whatsappNumber}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n\r\n                                <div className=\"col-lg-3\">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Facebook </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable style={{ wordWrap: \"break-word\" }}>\r\n                                        {profile.faceBook}{\" \"}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3\">\r\n                                  <b>\r\n                                    {\" \"}\r\n                                    <span> Twitter </span>\r\n                                  </b>\r\n                                </div>\r\n                                <div className=\"col-lg-3\">\r\n                                  {profile.map((profile) => (\r\n                                    <>\r\n                                      {\" \"}\r\n                                      <lable style={{ wordWrap: \"break-word\" }}>\r\n                                        {profile.twitter}\r\n                                      </lable>{\" \"}\r\n                                    </>\r\n                                  ))}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div id=\"edit-media\" style={{ display: socialEdit ? \"block\" : \"none\" }}>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"general-info\">\r\n                                <form\r\n                                  autoComplete=\"off\"\r\n                                  onSubmit={this.SocialEdit}\r\n                                  id=\"SocialInfo\"\r\n                                >\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              type=\"text\"\r\n                                              name=\"LinkedIn\"\r\n                                              defaultValue={profile.linkedIn}\r\n                                              // onChange={this.handleSocailchange}\r\n                                              placeholder=\"LinkedIn \"\r\n                                              id=\"linkedIn\"\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            LinkedIn\r\n                                          </span> */}\r\n                                          {!linkedInErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>LinkedIn</span> :\r\n                                            <div style={{ color: \"red\" }}>{linkedInErr}</div>}\r\n                                        </div>\r\n                                        <br />\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              type=\"text\"\r\n                                              name=\"Skype\"\r\n                                              defaultValue={profile.skype}\r\n                                              // onChange={this.handleSocailchange}\r\n                                              placeholder=\"Skype \"\r\n                                              id=\"skype\"\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Skype\r\n                                          </span> */}\r\n                                          {!SkypeErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Skype</span> :\r\n                                            <div style={{ color: \"red\" }}>{SkypeErr}</div>}\r\n                                        </div>{\" \"}\r\n                                        <br />\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              type=\"text\"\r\n                                              name=\"Whatsapp\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              maxLength=\"10\"\r\n                                              defaultValue={\r\n                                                profile.whatsappNumber\r\n                                              }\r\n                                              onKeyPress={(event) => {\r\n                                                const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                                if (isLetter) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              onInputCapture={(event) => {\r\n                                                if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                                  event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                                }\r\n                                              }}\r\n                                              placeholder=\"-\"\r\n                                              onChange={this.handleSocailchange}\r\n                                              id=\"Whatsapp\"\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Whatsapp{\" \"}\r\n                                          </span>\r\n                                          <br /> */}\r\n                                          {!WhatsappErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>WhatsApp </span> :\r\n                                            <div style={{ color: \"red\" }}>{WhatsappErr}</div>}\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              type=\"text\"\r\n                                              name=\"facebook\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              defaultValue={profile.faceBook}\r\n                                              // onChange={this.handleSocailchange}\r\n                                              placeholder=\"FaceBook\"\r\n                                              id='facebk'\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Facebook\r\n                                          </span>\r\n                                        </div>\r\n                                        <br /> */}\r\n\r\n                                          {!FacebookErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Facebook</span> :\r\n                                            <div style={{ color: \"red\" }}>{FacebookErr}</div>}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          {profile.map((profile) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              type=\"text\"\r\n                                              // onChange={this.handleSocailchange}\r\n                                              name=\"Twitter\"\r\n                                              defaultValue={profile.twitter}\r\n                                              placeholder=\"Twitter\"\r\n                                              id=\"twitter\"\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Twitter\r\n                                          </span> */}\r\n                                          {!TwitterErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Twitter</span> :\r\n                                            <div style={{ color: \"red\" }}>{TwitterErr}</div>}\r\n                                        </div>\r\n                                        <br />\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div>\r\n                                    <br />\r\n                                    <div className=\"center\">\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        disabled={this.state.ButtonDisabled}\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                          marginTop: \"-0.1%\",\r\n                                          height: \"38.5px\",\r\n                                          width: \"83.36px\",\r\n                                        }}\r\n                                      >\r\n                                        Update\r\n                                      </button>\r\n                                      <button\r\n                                        className=\"btn-Secondary\"\r\n                                        style={{ marginLeft: \"1%\", height: \"39.5px\" }}\r\n                                        onClick={(event) => {\r\n                                          event.preventDefault();\r\n                                          this.Getvalue();\r\n                                          const status = document.getElementById('SameAddress');\r\n                                          const form = event.target.form;\r\n                                          if (form) {\r\n                                            const formElements = form.elements;\r\n                                            for (let i = 0; i < formElements.length; i++) {\r\n                                              const element = formElements[i];\r\n                                              if (element.type !== 'checkbox') {\r\n                                                element.value = element.defaultValue;\r\n                                              }\r\n                                            }\r\n                                            const selects = form.querySelectorAll('select');\r\n                                            selects.forEach(select => {\r\n                                              const defaultValue = select.getAttribute('data-default-value');\r\n                                              select.value = defaultValue;\r\n                                            });\r\n                                          }\r\n                                        }}\r\n                                      >\r\n                                        Cancel\r\n                                      </button>\r\n                                    </div>\r\n                                  </div>\r\n                                  <br />\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-9\" className=\"j-tabs-section\">\r\n                      <span>Please fill all the mandatory fields to follow the steps\r\n                        <span style={{\r\n                          marginTop: '-4px',\r\n                          color: 'red',\r\n                          fontSize: '25px',\r\n                          position: 'absolute',\r\n                          marginLeft: '4px',\r\n                          fontWeight: 'bold'\r\n\r\n                        }}>*</span> </span>\r\n                      <div className=\"tab-pane\" id=\"notes\" role=\"tabpanel\">\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Banking <span style={{ color: \"red\", marginLeft: \"83px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                                *\r\n                              </span>\r\n                            </h5>\r\n                            <button\r\n                              id=\"edit-btn-Bank\"\r\n                              type=\"button\"\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              onClick={() => {\r\n                                this.setState({ formErrors: \"\", ButtonDisabled: false });\r\n                                document.getElementById(\"BankingForm\").reset();\r\n                                this.bankEdit();\r\n                              }}\r\n                            >\r\n                              {bankEdit ? (\r\n                                <i className=\"icofont icofont-close\" title=\"Close\" onClick={() => document.getElementById(\"BankingForm\").reset()}></i>\r\n                              ) : (\r\n                                <i className=\"icofont icofont-edit\" title=\"Edit\"></i>\r\n                              )}\r\n                            </button>\r\n                          </div>\r\n\r\n                          <div className=\"card-block\">\r\n                            <div id=\"view-BankDetails\" style={{ display: bankEdit ? \"none\" : \"block\" }}>\r\n                              <div className=\"col-lg-12\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-3\">\r\n                                    <b>\r\n                                      {\" \"}\r\n                                      <span> Account Number </span>\r\n                                      <span style={{ color: \"red\" }}>*</span>\r\n                                    </b>\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    {Bankdetail.map((Bankdetail) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <lable>{Bankdetail.acNo}</lable>{\" \"}\r\n                                      </>\r\n                                    ))}\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    <b>\r\n                                      {\" \"}\r\n                                      <span> IFSC Code </span>\r\n                                      <span style={{ color: \"red\" }}>*</span>\r\n                                    </b>\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    {Bankdetail.map((Bankdetail) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <lable>{Bankdetail.ifsc} </lable>{\" \"}\r\n                                      </>\r\n                                    ))}\r\n                                  </div>\r\n                                </div>\r\n                                <br />\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-3\">\r\n                                    <b>\r\n                                      {\" \"}\r\n                                      <span> Account Type </span>\r\n                                      <span style={{ color: \"red\" }}>*</span>\r\n                                    </b>\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    {Bankdetail.map((Bankdetail) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <lable>{Bankdetail.acType}</lable>{\" \"}\r\n                                      </>\r\n                                    ))}\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    <b>\r\n                                      {\" \"}\r\n                                      <span> Branch Name </span>\r\n                                      <span style={{ color: \"red\" }}>*</span>\r\n                                    </b>\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    {Bankdetail.map((Bankdetail) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <lable>\r\n                                          {Bankdetail.branchname}\r\n                                        </lable>{\" \"}\r\n                                      </>\r\n                                    ))}\r\n                                  </div>\r\n                                </div>\r\n                                <br />\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-3\">\r\n                                    <b>\r\n                                      {\" \"}\r\n                                      <span>Phone Number</span>\r\n                                    </b>\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    {Bankdetail.map((Bankdetail) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <lable>{Bankdetail.phoneNo}</lable>{\" \"}\r\n                                      </>\r\n                                    ))}\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    <b>\r\n                                      {\" \"}\r\n                                      <span>Address</span>\r\n                                    </b>\r\n                                  </div>\r\n                                  <div className=\"col-lg-3\">\r\n                                    {Bankdetail.map((Bankdetail) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <lable\r\n                                          style={{ wordWrap: \"break-word\" }}\r\n                                        >\r\n                                          {Bankdetail.branchaddress}{\" \"}\r\n                                        </lable>{\" \"}\r\n                                      </>\r\n                                    ))}\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                              {/* <br/> */}\r\n                            </div>\r\n                          </div>\r\n                          <div id=\"Edit-BankDetails\" style={{ display: bankEdit ? \"block\" : \"none\" }}>\r\n                            <div className=\"container\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-12\">\r\n                                  <form\r\n                                    autoComplete=\"off\"\r\n                                    onSubmit={this.EditBankDetails}\r\n                                    id=\"BankingForm\"\r\n                                  >\r\n                                    <div\r\n                                      className=\"container\"\r\n                                      style={{ maxWidth: \"765px\" }}\r\n                                    >\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Bankdetail.map((Bankdetail) => (\r\n                                            <input\r\n                                              className=\"form\"\r\n                                              maxLength=\"20\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              defaultValue={Bankdetail.acNo}\r\n                                              id=\"AcNo\"\r\n                                              name=\"AcNo\"\r\n                                              type=\"text\"\r\n                                              onChange={this.handlebankchange}\r\n                                              placeholder=\"Account Number\"\r\n                                              onKeyPress={(event) => {\r\n                                                if (!/[0-9]/.test(event.key)) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span style={{ color: '#a29d9d', float: \"left\" }}>Account Number</span> */}\r\n                                          {!AcNo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Account Number\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {AcNo}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Bankdetail.map((Bankdetail) => (\r\n                                            <input\r\n                                              className=\"form\"\r\n                                              maxLength=\"20\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              defaultValue={Bankdetail.acName}\r\n                                              id=\"confirmAcNo\"\r\n                                              name=\"AcName\"\r\n                                              onCopy={(e) => e.preventDefault()}\r\n                                              onPaste={(e) => e.preventDefault()}\r\n                                              type=\"text\"\r\n                                              onChange={this.handlebankchange}\r\n                                              onKeyPress={(event) => {\r\n                                                if (!/[0-9]/.test(event.key)) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span style={{ color: '#a29d9d', float: \"left\" }}>Confirm Account Number</span> */}\r\n                                          {!AcName ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Confirm Account Number\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {AcName}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                      </div>\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Bankdetail.map((Bankdetail) => (\r\n                                            <input\r\n                                              className=\"form\"\r\n                                              maxLength=\"20\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              defaultValue={Bankdetail.ifsc}\r\n                                              id=\"IFSC\"\r\n                                              name=\"IFSC\"\r\n                                              type=\"text\"\r\n                                              onChange={this.handlebankchange}\r\n                                              placeholder=\"IFSC Code\"\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span style={{ color: '#a29d9d', float: \"left\" }}>IFSC Code</span> */}\r\n                                          {!IFSC ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              IFSC Code\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {IFSC}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Bankdetail.map((Bankdetail) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              id=\"AcType\"\r\n                                              defaultValue={Bankdetail.acType}\r\n                                              name=\"AcType\"\r\n                                              onChange={this.handlebankchange}\r\n                                              type=\"text\"\r\n                                              style={{\r\n                                                // Apply the marginLeft style only if the browser is Chrome\r\n                                                ...(isChrome && { marginLeft: '-3px' })\r\n                                              }}\r\n                                            >\r\n                                              <option hidden>{Bankdetail.acType}</option>\r\n                                              <option Value=\"\">Select</option>\r\n                                              <option value=\"Savings Account\">\r\n                                                {\" \"}\r\n                                                Savings Account\r\n                                              </option>\r\n                                              <option value=\"Current Account\">\r\n                                                {\" \"}\r\n                                                Current Account\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}\r\n                                          {/* <span style={{ color: '#a29d9d', float: \"left\" }}>Account Type</span> */}\r\n                                          {!AcType ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Account Type\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {AcType}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Bankdetail.map((Bankdetail) => (\r\n                                            <input\r\n                                              className=\"form\"\r\n                                              maxLength=\"50\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              defaultValue={\r\n                                                Bankdetail.branchname\r\n                                              }\r\n                                              id=\"Branchname\"\r\n                                              name=\"Branchname\"\r\n                                              type=\"text\"\r\n                                              onChange={this.handlebankchange}\r\n                                              placeholder=\"Bank Branch Name\"\r\n                                            />\r\n                                          ))}\r\n                                          {/* <span style={{ color: '#a29d9d', float: \"left\" }}>Branch Name</span> */}\r\n                                          {!Branchname ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Branch Name\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {Branchname}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Bankdetail.map((Bankdetail) => (\r\n                                            <input\r\n                                              className=\"form\"\r\n                                              maxLength=\"10\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              onKeyPress={(event) => {\r\n                                                if (!/[0-9]/.test(event.key)) {\r\n                                                  event.preventDefault();\r\n                                                }\r\n                                              }}\r\n                                              defaultValue={Bankdetail.phoneNo}\r\n                                              id=\"PhoneNo\"\r\n                                              name=\"PhoneNo\"\r\n                                              type=\"text\"\r\n                                              onChange={this.handlebankchange}\r\n                                              placeholder=\"Phone Number\"\r\n                                            />\r\n                                          ))}\r\n                                          {!PhoneNo ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Phone Number\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {PhoneNo}\r\n                                            </div>\r\n                                          )}\r\n                                          {/* {!PhoneNo ? <span style={{ color: '#a29d9d', float: \"left\" }}>Phone Number<span style={{ color: \"red\" }}>*</span></span> : <div style={{ color: \"red\" }}>{PhoneNo}</div>} */}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                      </div>\r\n                                      <div className=\"col-sm-6\">\r\n                                        {Bankdetail.map((Bankdetail) => (\r\n                                          <textarea\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            defaultValue={\r\n                                              Bankdetail.branchaddress\r\n                                            }\r\n                                            id=\"Branchaddress\"\r\n                                            name=\"Branchaddress\"\r\n                                            type=\"text\"\r\n                                            onChange={this.handlebankchange}\r\n                                            placeholder=\"Branch Address\"\r\n                                          />\r\n                                        ))}\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          {\" \"}\r\n                                          Address\r\n                                        </span>\r\n                                        {/* {!Branchaddress ? <span style={{ color: '#a29d9d', float: \"left\" }}> Address<span style={{ color: \"red\" }}>*</span></span> : <div style={{ color: \"red\" }}>{Branchaddress}</div>} */}\r\n                                        <span className=\"underline\" />\r\n                                      </div>\r\n\r\n                                      <div\r\n                                        className=\"col-sm-6\"\r\n                                        style={{ display: \"none\" }}\r\n                                      >\r\n                                        {Bankdetail.map((Bankdetail) => (\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            maxLength=\"20\"\r\n                                            defaultValue={Bankdetail.bankname}\r\n                                            id=\"Bankname\"\r\n                                            name=\"Bankname\"\r\n                                            type=\"text\"\r\n                                            onChange={this.handlebankchange}\r\n                                            placeholder=\"Bank Name\"\r\n                                          />\r\n                                        ))}\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Bank Name\r\n                                        </span>\r\n                                        {/* {!Bankname ? <span style={{ color: '#a29d9d', float: \"left\" }}>Bank Name<span style={{ color: \"red\" }}>*</span></span> : <div style={{ color: \"red\" }}>{Bankname}</div>} */}\r\n                                        <span className=\"underline\" />\r\n                                      </div>\r\n\r\n                                      <div className=\"col-lg-12 center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          disabled={this.state.ButtonDisabled}\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          id=\"Close_education\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={() =>\r\n                                            this.setState({ formErrors: \"\" })\r\n                                          }\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n\r\n                                      <br />\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n\r\n                              <br />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-2\" className=\"j-tabs-section\">\r\n                      <span>Please fill all the mandatory fields to follow the steps\r\n                        <span style={{\r\n                          marginTop: '-4px',\r\n                          color: 'red',\r\n                          fontSize: '25px',\r\n                          position: 'absolute',\r\n                          marginLeft: '4px',\r\n                          fontWeight: 'bold'\r\n\r\n                        }}>*</span> </span>\r\n                      <div className=\"card\">\r\n                        <div\r\n                          className=\"card-header\"\r\n                          style={{\r\n                            backgroundColor: \"darkslateblue\",\r\n                            padding: \"5px\",\r\n                            color: \"white\",\r\n                          }}\r\n                        >\r\n                          <h5\r\n                            className=\"card-header-text\"\r\n                            style={{\r\n                              marginTop: \"10px\",\r\n                              marginLeft: \"2%\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            Education <span style={{ color: \"red\", marginLeft: \"98px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                              *\r\n                            </span>\r\n                          </h5>\r\n                          <button\r\n                            style={{\r\n                              float: \"right\",\r\n                              color: \"#007bff\",\r\n                              fontSize: \"medium\",\r\n                              fontWeight: \"800\",\r\n                            }}\r\n                            className=\"button-20 sk-edit\"\r\n                            id=\"addEduBtn\"\r\n                            title=\"Add\"\r\n                            type=\"button\"\r\n                            // style={{ fontSize: \"large\" }}\r\n\r\n                            // onClick={() => {\r\n                            //   this.setState((prevState) => ({\r\n                            //     openedu: !prevState.openedu,\r\n                            //   }));\r\n                            //   this.formreset();\r\n                            // }}\r\n\r\n                            onClick={() => {\r\n                              this.setState((prevState) => ({\r\n                                openedu: !prevState.openedu,\r\n                                showing: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                clickCount: prevState.clickCount + 1, // Increment the click count\r\n                              }), () => {\r\n                                if (this.state.clickCount % 2 === 1) {\r\n                                  this.formreset();\r\n                                }\r\n                              });\r\n                            }}\r\n                          >\r\n                            {\" \"}\r\n                            {/* {eduEdit ? \"×\" : \"+\"} */}\r\n                            {openedu ? \"×\" : \"+\"}{\" \"}\r\n                          </button>\r\n                        </div>\r\n                        {\r\n                          openedu ? (\r\n                            <div id=\"AddEDU\">\r\n                              <form id=\"EduForm\" onSubmit={this.EduSubmit}>\r\n                                <div className=\"card-block\">\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-xl-4\">\r\n                                      <select\r\n                                        className=\"effect-16\"\r\n                                        id=\"Qualification\"\r\n                                        name=\"QualificationType\"\r\n                                        onChange={(e) => {\r\n                                          this.handleChangeD(e);\r\n                                          this.handlevalueChange(e);\r\n                                        }}\r\n                                        onInputCapture={this.HandleQualification}\r\n                                        style={{\r\n                                          // Apply the marginLeft style only if the browser is Chrome\r\n                                          ...(isChrome && { marginLeft: '-3px' })\r\n                                        }}\r\n                                      >\r\n                                        <option value=\"\">Select</option>\r\n                                        {EducationDrop.map((EducationDrop) => (\r\n                                          <option\r\n                                            value={\r\n                                              EducationDrop.qualificationType\r\n                                            }\r\n                                          >\r\n                                            {EducationDrop.qualificationType}\r\n                                          </option>\r\n                                        ))}\r\n                                        <option value=\"Others\">Others</option>\r\n                                      </select>\r\n                                      <input\r\n                                        type=\"hidden\"\r\n                                        name=\"otherQualificationType\"\r\n                                        placeholder=\"Others Type\"\r\n                                        className=\"form\"\r\n                                        id=\"othersQualification\"\r\n                                        maxLength={30}\r\n                                        onChange={this.handleChangeD}\r\n                                      />\r\n                                      {!Qualification ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Qualification Type\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Qualification}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        list=\"browsers\"\r\n                                        onChange={this.handleChangeD}\r\n                                        maxLength=\"40\"\r\n                                        type=\"text\"\r\n                                        id=\"Coursename\"\r\n                                        name=\"Coursename\"\r\n                                      />\r\n                                      <br />\r\n                                      {!Coursename ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Course Name\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Coursename}\r\n                                        </div>\r\n                                      )}\r\n                                      <datalist id=\"browsers\">\r\n                                        {EducationCourseName.map(\r\n                                          (EducationCourseName) => (\r\n                                            <option\r\n                                              value={\r\n                                                EducationCourseName.coursename\r\n                                              }\r\n                                            ></option>\r\n                                          )\r\n                                        )}\r\n                                      </datalist>\r\n                                    </div>\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        onChange={this.handleChangeD}\r\n                                        maxLength=\"100\"\r\n                                        type=\"text\"\r\n                                        id=\"stream\"\r\n                                        name=\"Stream\"\r\n                                      />\r\n                                      <br />{\" \"}\r\n\r\n                                      {!stream ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Specialization\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {stream}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <select\r\n                                        className=\"effect-16\"\r\n                                        onChange={this.handleChangeD}\r\n                                        type=\"text\"\r\n                                        id=\"Coursetype\"\r\n                                        name=\"Coursetype\"\r\n                                        style={{\r\n                                          // Apply the marginLeft style only if the browser is Chrome\r\n                                          ...(isChrome && { marginLeft: '-3px' })\r\n                                        }}\r\n                                      >\r\n                                        <option value=\"\"> Select</option>\r\n                                        <option value=\"Part Time\">\r\n                                          Part Time\r\n                                        </option>\r\n                                        <option value=\"Full Time\">\r\n                                          Full Time\r\n                                        </option>\r\n                                        <option value=\"Full Time\">\r\n                                          Distance Education\r\n                                        </option>\r\n                                      </select>\r\n                                      <br />{\" \"}\r\n                                      {!Coursetype ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Type\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Coursetype}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <ReactDatePicker\r\n                                        selected={startDate}\r\n                                        onChange={(date) => this.handleDateChange(date, 'startDate')}\r\n                                        dateFormat=\"yyyy-MM\"\r\n                                        showMonthYearPicker\r\n                                        id=\"St_date\"\r\n                                        name=\"CourseStartDate\"\r\n                                        className=\"effect-16\"\r\n                                        maxDate={maxDateS}\r\n                                        minDate={new Date(new Date().getFullYear()\r\n                                          - 60, new Date().getMonth(), 1)}\r\n                                        onFocus={(e) => {\r\n                                          this.setState({ DisFireStart: true }, () => this.handleFocus(e));\r\n                                        }}\r\n                                      />\r\n                                      {this.state.DisFireStart && (\r\n                                        <i\r\n                                          id=\"Cal\"\r\n                                          className=\"fa fa-calendar-o\"\r\n                                          aria-hidden=\"true\"\r\n                                          style={{\r\n                                            float: 'right',\r\n                                            marginTop: '-20px',\r\n                                          }}\r\n                                        ></i>\r\n                                      )}\r\n                                      <br />\r\n                                      {!St_date ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Start From\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {St_date}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                    <div className=\"col-xl-4\">\r\n                                      <ReactDatePicker\r\n                                        selected={endDate}\r\n                                        onChange={(date) => this.handleDateChange(date, 'endDate')}\r\n                                        dateFormat=\"yyyy-MM\"\r\n                                        showMonthYearPicker\r\n                                        className=\"effect-16\"\r\n                                        max={new Date(\r\n                                          new Date().getFullYear(),\r\n                                          new Date().getMonth() + 1\r\n                                        )\r\n                                          .toJSON()\r\n                                          .slice(0, 7)}\r\n                                        min={new Date(\r\n                                          new Date().getFullYear() - 60,\r\n                                          new Date().getMonth() + 1\r\n                                        )\r\n                                          .toJSON()\r\n                                          .slice(0, 7)}\r\n                                        onFocus={(e) => {\r\n                                          this.setState({ DisFire: true }, () => this.handleFocus(e));\r\n                                        }}\r\n                                        type=\"text\"\r\n                                        id=\"End_date\"\r\n                                        name=\"CourseEndDate\"\r\n                                      />\r\n                                      {this.state.DisFire && (\r\n                                        <i\r\n                                          id=\"Cal\"\r\n                                          className=\"fa fa-calendar-o\"\r\n                                          aria-hidden=\"true\"\r\n                                          style={{\r\n                                            float: 'right',\r\n                                            marginTop: '-20px',\r\n                                          }}\r\n                                        ></i>\r\n                                      )}\r\n                                      <br />{\" \"}\r\n                                      {!End_date ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          End\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {End_date}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        onChange={this.handleChangeD}\r\n                                        maxLength=\"80\"\r\n                                        type=\"text\"\r\n                                        id=\"unisty_name\"\r\n                                        name=\"UniversityName\"\r\n                                      />\r\n                                      <br />{\" \"}\r\n                                      {!unisty_name ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          University Name\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {unisty_name}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        onChange={this.handleChangeD}\r\n                                        maxLength=\"80\"\r\n                                        type=\"text\"\r\n                                        id=\"clg_name\"\r\n                                        name=\"CollegeName\"\r\n                                      />\r\n                                      <br />\r\n                                      {!clg_name ? <span style={{ color: '#a29d9d', float: \"left\" }}>College Name</span> : <div style={{ color: \"red\" }}>{clg_name}</div>}\r\n\r\n                                    </div>\r\n                                    <br /> <br /> <br /> <br />\r\n                                    <div className=\"col-lg-12 center\">\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                          height: \"39.5px\",\r\n                                          width: \"83.36px\",\r\n                                        }}\r\n                                        disabled={this.state.isButtonDisabledA}\r\n                                      >\r\n                                        Save\r\n                                      </button >\r\n                                      <button\r\n                                        type=\"reset\"\r\n                                        id=\"Close_education\"\r\n                                        className=\" btn-Secondary\"\r\n                                        style={{\r\n                                          marginLeft: \"1%\",\r\n                                          height: \"39.5px\",\r\n                                        }}\r\n                                        onClick={() =>\r\n                                          this.setState({ formErrors: \"\", startDate: \"\", endDate: \"\", DisFire: false, DisFireStart: false })\r\n                                        }\r\n                                      >\r\n                                        Cancel\r\n                                      </button>\r\n                                    </div>\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </div>\r\n                              </form>\r\n                            </div>) : (\r\n                            <div id=\"AddEDU\" style={{ display: \"none\" }}>\r\n                              <form id=\"EduForm\" onSubmit={this.EduSubmit}>\r\n                                <div className=\"card-block\">\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-xl-4\">\r\n                                      <select\r\n                                        className=\"effect-16\"\r\n                                        id=\"Qualification\"\r\n                                        name=\"QualificationType\"\r\n                                        onChange={(e) => {\r\n                                          this.handleEducationChange(e);\r\n                                          this.handlevalueChange(e);\r\n                                        }}\r\n                                        style={{\r\n                                          // Apply the marginLeft style only if the browser is Chrome\r\n                                          ...(isChrome && { marginLeft: '-3px' })\r\n                                        }}\r\n                                      >\r\n                                        <option value=\"\">Select</option>\r\n                                        {EducationDrop.map((EducationDrop) => (\r\n                                          <option\r\n                                            value={\r\n                                              EducationDrop.qualificationType\r\n                                            }\r\n                                          >\r\n                                            {EducationDrop.qualificationType}\r\n                                          </option>\r\n                                        ))}\r\n                                        <option value=\"\">Others</option>\r\n                                      </select>\r\n                                      <br />\r\n                                      {!Qualification ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Qualification Type\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Qualification}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        list=\"browsers\"\r\n                                        onChange={this.handleEducationChange}\r\n                                        maxLength=\"40\"\r\n                                        type=\"text\"\r\n                                        id=\"Coursename\"\r\n                                        name=\"Coursename\"\r\n                                      />\r\n                                      <br />\r\n                                      {!Coursename ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Course Name\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Coursename}\r\n                                        </div>\r\n                                      )}\r\n                                      <datalist id=\"browsers\">\r\n                                        {EducationCourseName.map(\r\n                                          (EducationCourseName) => (\r\n                                            <option\r\n                                              value={\r\n                                                EducationCourseName.coursename\r\n                                              }\r\n                                            ></option>\r\n                                          )\r\n                                        )}\r\n                                      </datalist>\r\n                                    </div>\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        onChange={this.handleEducationChange}\r\n                                        maxLength=\"100\"\r\n                                        type=\"text\"\r\n                                        id=\"stream\"\r\n                                        name=\"Stream\"\r\n                                      />\r\n                                      <br />{\" \"}\r\n                                      <span\r\n                                        style={{\r\n                                          color: \"#a29d9d\",\r\n                                          float: \"left\",\r\n                                        }}\r\n                                      >\r\n                                        Specialization\r\n                                      </span>\r\n                                      {/* {!stream ? (\r\n                                      <span\r\n                                        style={{\r\n                                          color: \"#a29d9d\",\r\n                                          float: \"left\",\r\n                                        }}\r\n                                      >\r\n                                        Specialization\r\n                                        <span style={{ color: \"red\" }}>\r\n                                          *\r\n                                        </span>\r\n                                      </span>\r\n                                    ) : (\r\n                                      <div style={{ color: \"red\" }}>\r\n                                        {stream}\r\n                                      </div>\r\n                                    )} */}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <select\r\n                                        className=\"effect-16\"\r\n                                        onChange={this.handleEducationChange}\r\n                                        type=\"text\"\r\n                                        id=\"Coursetype\"\r\n                                        name=\"Coursetype\"\r\n                                        style={{\r\n                                          // Apply the marginLeft style only if the browser is Chrome\r\n                                          ...(isChrome && { marginLeft: '-3px' })\r\n                                        }}\r\n                                      >\r\n                                        <option value=\"\"> Select</option>\r\n                                        <option value=\"Part Time\">\r\n                                          Part Time\r\n                                        </option>\r\n                                        <option value=\"Full Time\">\r\n                                          Full Time\r\n                                        </option>\r\n                                        <option value=\"Full Time\">\r\n                                          Distance Education\r\n                                        </option>\r\n                                      </select>\r\n                                      <br />{\" \"}\r\n                                      {!Coursetype ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Type\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {Coursetype}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) =>\r\n                                          (e.target.type = \"month\")\r\n                                        }\r\n                                        onChange={this.handleEducationChange}\r\n                                        max={new Date(\r\n                                          new Date().getFullYear(),\r\n                                          new Date().getMonth() + 1\r\n                                        )\r\n                                          .toJSON()\r\n                                          .slice(0, 7)}\r\n                                        min={new Date(\r\n                                          new Date().getFullYear() - 60,\r\n                                          new Date().getMonth() + 1\r\n                                        )\r\n                                          .toJSON()\r\n                                          .slice(0, 7)}\r\n                                        type=\"text\"\r\n                                        id=\"St_date\"\r\n                                        name=\"CourseStartDate\"\r\n                                      />\r\n                                      <br />\r\n                                      {!St_date ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Start From\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {St_date}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        max={new Date(\r\n                                          new Date().getFullYear(),\r\n                                          new Date().getMonth() + 1\r\n                                        )\r\n                                          .toJSON()\r\n                                          .slice(0, 7)}\r\n                                        min={new Date(\r\n                                          new Date().getFullYear() - 60,\r\n                                          new Date().getMonth() + 1\r\n                                        )\r\n                                          .toJSON()\r\n                                          .slice(0, 7)}\r\n                                        onFocus={(e) =>\r\n                                          (e.target.type = \"month\")\r\n                                        }\r\n                                        onChange={this.handleEducationChange}\r\n                                        type=\"text\"\r\n                                        id=\"End_date\"\r\n                                        name=\"CourseEndDate\"\r\n                                      />\r\n                                      <br />{\" \"}\r\n                                      {!End_date ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          End\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {End_date}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        onChange={this.handleEducationChange}\r\n                                        maxLength=\"40\"\r\n                                        type=\"text\"\r\n                                        id=\"unisty_name\"\r\n                                        name=\"UniversityName\"\r\n                                      />\r\n                                      <br />{\" \"}\r\n                                      {!unisty_name ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          University Name\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {unisty_name}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                    <div className=\"col-xl-4\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        onChange={this.handleEducationChange}\r\n                                        maxLength=\"40\"\r\n                                        type=\"text\"\r\n                                        id=\"clg_name\"\r\n                                        name=\"CollegeName\"\r\n                                      />\r\n                                      <br />\r\n                                      <span\r\n                                        style={{\r\n                                          color: \"#a29d9d\",\r\n                                          float: \"left\",\r\n                                        }}\r\n                                      >\r\n                                        College Name\r\n                                      </span>\r\n                                      {/* {!clg_name ? <span style={{ color: '#a29d9d', float: \"left\" }}>College Name</span> : <div style={{ color: \"red\" }}>{clg_name}</div>} */}\r\n                                    </div>\r\n                                    <br /> <br />\r\n                                    <div className=\"col-lg-12 center\">\r\n                                      <br /> <br />\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                          height: \"39.5px\",\r\n                                          width: \"83.36px\",\r\n                                        }}\r\n\r\n                                      >\r\n                                        Save\r\n                                      </button>\r\n                                      <button\r\n                                        type=\"reset\"\r\n                                        id=\"Close_education\"\r\n                                        className=\" btn-Secondary\"\r\n                                        style={{\r\n                                          marginLeft: \"1%\",\r\n                                          height: \"39.5px\",\r\n                                        }}\r\n                                      >\r\n                                        Cancel\r\n                                      </button>\r\n                                    </div>\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </div>\r\n                              </form>\r\n                            </div>\r\n                          )}\r\n                      </div>\r\n                      {showing ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {EducationDetail.length !== 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table  nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    <th>Qualification Type</th>\r\n                                    <th>Name</th>\r\n                                    <th>Type</th>\r\n                                    <th>Stream</th>\r\n                                    <th>Start From</th>\r\n                                    <th>End</th>\r\n                                    <th>College Name</th>\r\n                                    <th>University Name</th>\r\n                                    <th>Actions</th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {EducationDetail.map((EducationDetail) => (\r\n                                    <tr>\r\n                                      <td>{EducationDetail.qualificationType}</td>\r\n                                      <td>{EducationDetail.courseName}</td>\r\n                                      <td>{EducationDetail.courseType} </td>\r\n                                      <td>{EducationDetail.stream} </td>\r\n                                      <td>\r\n                                        {this.formatted(\r\n                                          EducationDetail.courseStartDate\r\n                                        )}\r\n                                      </td>\r\n                                      <td>\r\n                                        {this.formatted(\r\n                                          EducationDetail.courseEndDate\r\n                                        )}\r\n                                      </td>\r\n                                      <td>{EducationDetail.collegeName}</td>\r\n                                      <td>{EducationDetail.universityName}</td>\r\n                                      <td>\r\n                                        {/* <img alt=\"edit\" src=\"https://img.icons8.com/android/22/000000/pencil.png\" onClick={() => this.UserEduModel(EducationDetail.id, EducationDetail.qualificationType,\r\n                                      EducationDetail.courseName, EducationDetail.courseType, EducationDetail.stream, EducationDetail.courseStartDate, EducationDetail.courseEndDate\r\n                                      , EducationDetail.collegeName, EducationDetail.universityName)} />    &nbsp;&nbsp;&nbsp; */}\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          name=\"Edit\"\r\n                                          title=\"Delete\"\r\n                                          onClick={() =>\r\n                                            this.DelUserEducation(\r\n                                              EducationDetail.created_Date,\r\n                                              EducationDetail.user_Id\r\n                                            )\r\n                                          }\r\n                                          style={{ marginLeft: \"-19px\" }}\r\n                                        >\r\n                                          <i\r\n                                            className=\"fa fa-minus\"\r\n                                            style={{ color: \"red\" }}\r\n                                          ></i>\r\n                                        </button>{\" \"}\r\n                                        &nbsp;&nbsp;\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          name=\"Edit\"\r\n                                          title=\"Edit\"\r\n                                          onClick={() =>\r\n                                            this.UserEduModel(\r\n                                              EducationDetail.id,\r\n                                              EducationDetail.qualificationType,\r\n                                              EducationDetail.courseName,\r\n                                              EducationDetail.courseType,\r\n                                              EducationDetail.stream,\r\n                                              EducationDetail.courseStartDate,\r\n                                              EducationDetail.courseEndDate,\r\n                                              EducationDetail.universityName,\r\n                                              EducationDetail.collegeName,\r\n                                              EducationDetail.created_Date\r\n                                            )\r\n                                          }\r\n                                        >\r\n\r\n                                          <i\r\n                                            className=\"fa fa-edit\"\r\n                                            aria-hidden=\"true\"\r\n                                          ></i>\r\n                                        </button>\r\n                                      </td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}{\" \"}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-3\" className=\"j-tabs-section\">\r\n                      <span>Please fill all the mandatory fields to follow the steps\r\n                        <span style={{\r\n                          marginTop: '-4px',\r\n                          color: 'red',\r\n                          fontSize: '25px',\r\n                          position: 'absolute',\r\n                          marginLeft: '4px',\r\n                          fontWeight: 'bold'\r\n\r\n                        }}>*</span> </span>\r\n                      <div className=\"tab-pane\" id=\"contacts\" role=\"tabpanel\">\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Skills <span style={{ color: \"red\", marginLeft: \"61px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                                *\r\n                              </span>\r\n                            </h5>\r\n                            <button\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              id=\"addSkillBtn\"\r\n                              title=\"Add\"\r\n                              type=\"button\"\r\n                              // onClick={() => {\r\n                              //   this.setState((prevState) => ({\r\n                              //     openskill: !prevState.openskill,\r\n                              //   }));\r\n                              //   this.skillformreset();\r\n                              // }}\r\n                              onClick={() => {\r\n                                this.setState((prevState) => ({\r\n                                  openskill: !prevState.openskill,\r\n                                  showing1: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                  clickCount: prevState.clickCount + 1, // Increment the click count\r\n                                }), () => {\r\n                                  if (this.state.clickCount % 2 === 1) {\r\n                                    this.skillformreset();\r\n                                  }\r\n                                });\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              {openskill ? \"×\" : \"+\"}{\" \"}\r\n                            </button>\r\n                          </div>\r\n                          {this.state.openskill ? (\r\n\r\n\r\n                            <div className=\"container\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-12\">\r\n                                  <form\r\n                                    autoComplete=\"off\"\r\n                                    onSubmit={this.Skillsubmit}\r\n                                    id=\"skillform\"\r\n                                  >\r\n                                    <div\r\n                                      className=\"container\"\r\n                                      style={{ maxWidth: \"765px\" }}\r\n                                    >\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            name=\"SkillName\"\r\n                                            onChange={this.handleSkillChange}\r\n                                            type=\"text\"\r\n                                            placeholder=\"SkillName\"\r\n                                            id=\"skillname\"\r\n                                            style={{\r\n                                              // Apply the marginLeft style only if the browser is Chrome\r\n                                              ...(isChrome && { marginLeft: '-3px' })\r\n                                            }}\r\n\r\n                                          >\r\n                                            <option value=\"\">Name</option>\r\n                                            {SKillAdminNameDrop.map(\r\n                                              (SKillAdminNameDrop) => (\r\n                                                <option\r\n                                                  value={\r\n                                                    SKillAdminNameDrop.skillName\r\n                                                  }\r\n                                                >\r\n                                                  {SKillAdminNameDrop.skillName}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                          </select>\r\n                                          {!SkillNameErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n\r\n                                              }}\r\n                                            >\r\n                                              Name{\" \"}\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {SkillNameErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"date\")\r\n                                            }}\r\n                                            id=\"exp\"\r\n                                            name=\"Experience\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"date\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                            max={this.state.maxDate}\r\n                                          />\r\n                                          {!ExperienceErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Acquired From\r\n                                              <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {ExperienceErr}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                      </div>\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                            }}\r\n                                          >\r\n                                            I want to be a Trainer\r\n                                          </span>\r\n                                          {\"\"}&nbsp;&nbsp;&nbsp;\r\n\r\n                                          <label>\r\n                                            <label className=\"radio1\">\r\n                                              <input\r\n                                                name=\"Trainer\"\r\n                                                id=\"yes\"\r\n                                                type=\"radio\"\r\n                                                checked={\r\n                                                  this.state.checkbox1Checked\r\n                                                }\r\n                                                onChange={() =>\r\n                                                  this.handleCheckboxChange(1)\r\n                                                }\r\n                                              />\r\n                                              <span>Yes</span>\r\n                                              &nbsp;&nbsp;&nbsp;\r\n                                              <input\r\n                                                id=\"no\"\r\n                                                type=\"radio\"\r\n                                                checked={\r\n                                                  this.state.checkbox2Checked\r\n                                                }\r\n                                                onChange={() =>\r\n                                                  this.handleCheckboxChange(2)\r\n                                                }\r\n                                              />\r\n                                              <span>No</span>\r\n                                            </label>\r\n                                          </label>\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              // marginLeft: \"26%\",\r\n                                              // marginTop: \"52px\",\r\n                                            }}\r\n                                          >\r\n                                            {\" \"}\r\n                                            Certificate Details\r\n                                          </span>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <label className=\"radio1\">\r\n                                            <input\r\n                                              type=\"radio\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              id=\"UploadCertificate\"\r\n                                              onInputCapture={\r\n                                                this.HandleSkillCertificate\r\n                                              }\r\n                                              name=\"UploadCertificate\"\r\n                                            />\r\n                                            <span>Yes</span>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <input\r\n                                              type=\"radio\"\r\n                                              onFocus={(e) => e.target.select()}\r\n                                              id=\"UploadCertificate\"\r\n                                              onInputCapture={\r\n                                                this.HandleSkillCertificate\r\n                                              }\r\n                                              name=\"UploadCertificate\"\r\n                                            />\r\n                                            <span>No</span>\r\n                                          </label>\r\n\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                      </div>\r\n\r\n\r\n                                      {UploadCertificate === true ? (\r\n                                        <>\r\n                                          <div\r\n                                            className=\"row\"\r\n                                            style={{ padding: \"8px\" }}\r\n                                          >\r\n\r\n                                            <div className=\"col-sm-6\">\r\n                                              <input\r\n                                                className=\"form\"\r\n                                                onFocus={(e) => e.target.select()}\r\n                                                name=\"SkillCoursename\"\r\n                                                type=\"text\"\r\n                                                id=\"skillcoursename\"\r\n                                                onChange={this.handleSkillChange}\r\n                                              />\r\n                                              {!skillcoursenameErr ? (\r\n                                                <span\r\n                                                  style={{\r\n                                                    color: \"#a29d9d\",\r\n                                                    float: \"left\",\r\n                                                  }}\r\n                                                >\r\n                                                  Course Name\r\n                                                  <span style={{ color: \"red\" }}>\r\n                                                    *\r\n                                                  </span>\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {skillcoursenameErr}\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-sm-6\">\r\n                                              <input\r\n                                                className=\"form\"\r\n                                                onFocus={(e) => {e.target.select();\r\n                                                  (e.target.type = \"month\");\r\n                                                }}\r\n                                                max={new Date(\r\n                                                  new Date().getFullYear(),\r\n                                                  new Date().getMonth() + 1\r\n                                                )\r\n                                                  .toJSON()\r\n                                                  .slice(0, 7)}\r\n                                                min={new Date(\r\n                                                  new Date().getFullYear() - 60,\r\n                                                  new Date().getMonth() + 1\r\n                                                )\r\n                                                  .toJSON()\r\n                                                  .slice(0, 7)}\r\n                                                name=\"SkillStartdate\"\r\n                                                id=\"skillCoursestartdate\"\r\n                                                type=\"text\"\r\n                                                // onFocus={(e) =>\r\n                                                //   (e.target.type = \"month\")\r\n                                                // }\r\n                                                onChange={this.handleSkillChange}\r\n                                              />\r\n                                              {!skillCoursestartdateErr ? (\r\n                                                <span\r\n                                                  style={{\r\n                                                    color: \"#a29d9d\",\r\n                                                    float: \"left\",\r\n                                                  }}\r\n                                                >\r\n                                                  Start From\r\n                                                  <span style={{ color: \"red\" }}>\r\n                                                    *\r\n                                                  </span>\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {skillCoursestartdateErr}\r\n                                                </div>\r\n                                              )}\r\n\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div\r\n                                            className=\"row\"\r\n                                            style={{ padding: \"8px\" }}\r\n                                          >\r\n\r\n                                            <div className=\"col-sm-6\">\r\n                                              <input\r\n                                                className=\"form\"\r\n                                                onFocus={(e) => {e.target.select();\r\n                                                  (e.target.type = \"month\")\r\n                                                }}\r\n                                                name=\"SkillEnddate\"\r\n                                                id=\"skillCourseEnddate\"\r\n                                                type=\"text\"\r\n                                                max={new Date(\r\n                                                  new Date().getFullYear(),\r\n                                                  new Date().getMonth() + 1\r\n                                                )\r\n                                                  .toJSON()\r\n                                                  .slice(0, 7)}\r\n                                                min={new Date(\r\n                                                  new Date().getFullYear() - 60,\r\n                                                  new Date().getMonth() + 1\r\n                                                )\r\n                                                  .toJSON()\r\n                                                  .slice(0, 7)}\r\n                                                // onFocus={(e) =>\r\n                                                //   (e.target.type = \"month\")\r\n                                                // }\r\n                                                onChange={this.handleSkillChange}\r\n                                              />\r\n                                              {!skillCourseEnddateErr ? (\r\n                                                <span\r\n                                                  style={{\r\n                                                    color: \"#a29d9d\",\r\n                                                    float: \"left\",\r\n                                                  }}\r\n                                                >\r\n                                                  End\r\n                                                  <span style={{ color: \"red\" }}>\r\n                                                    *\r\n                                                  </span>\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {skillCourseEnddateErr}\r\n                                                </div>\r\n                                              )}\r\n\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n\r\n                                            <div\r\n                                              className=\"col-sm-6\"\r\n\r\n                                            >\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                name=\"SkillCertificate\"\r\n                                                type=\"file\"\r\n                                                id=\"SkillCertificate\"\r\n                                                onChange={\r\n                                                  this.handleSkillCertificate\r\n                                                }\r\n                                              />\r\n                                              {!skillCertificateErr ? (\r\n                                                <span\r\n                                                  style={{\r\n                                                    color: \"#a29d9d\",\r\n                                                    float: \"left\",\r\n                                                  }}\r\n                                                >\r\n                                                  Certificate upload\r\n                                                  <span style={{ color: \"red\" }}>\r\n                                                    *\r\n                                                  </span>\r\n                                                </span>\r\n                                              ) : (\r\n                                                <div style={{ color: \"red\" }}>\r\n                                                  {skillCertificateErr}\r\n                                                </div>\r\n                                              )}\r\n\r\n                                              <span className=\"underline\" />\r\n                                            </div>\r\n                                          </div>\r\n                                        </>\r\n                                      ) : null}\r\n\r\n                                      <div className=\"col-sm-12 \">\r\n                                        <br />\r\n                                        <div className=\"center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\" btn-Secondary\"\r\n                                            style={{\r\n                                              marginLeft: \"1%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                            onClick={this.handleTextarea}\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <br />\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n\r\n                              <br />\r\n                            </div>\r\n\r\n                          ) : (\r\n                            <div\r\n                              className=\"card-block contact-details\"\r\n                              style={{ display: \"none\" }}\r\n                              id=\"add-row\"\r\n                            >\r\n                              <div>\r\n                                <form\r\n                                  id=\"skillform\"\r\n                                  onSubmit={this.Skillsubmit}\r\n                                >\r\n                                  <div className=\"row justify-content-center \">\r\n                                    <div className=\"col-lg-4\">\r\n                                      <select\r\n                                        className=\"effect-16\"\r\n                                        name=\"Category\"\r\n                                        onChange={this.handleSkillChange}\r\n                                        type=\"text\"\r\n                                        placeholder=\"City\"\r\n                                      >\r\n                                        <option value=\"\"> Category</option>\r\n                                        {SKillAdminCategoryDrop.map(\r\n                                          (SKillAdminCategoryDrop) => (\r\n                                            <option\r\n                                              value={\r\n                                                SKillAdminCategoryDrop.category\r\n                                              }\r\n                                            >\r\n                                              {SKillAdminCategoryDrop.category}\r\n                                            </option>\r\n                                          )\r\n                                        )}\r\n                                      </select>\r\n                                      {!CategoryErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Category{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {CategoryErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!SkillNameErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Name{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillNameErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        name=\"SkillDescription\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!SkillDescriptionErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Description{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillDescriptionErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => {e.target.select();\r\n                                          (e.target.type = \"date\");\r\n                                        }}\r\n                                        name=\"Experience\"\r\n                                        type=\"text\"\r\n                                        // onFocus={(e) =>\r\n                                        //   (e.target.type = \"date\")\r\n                                        // }\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!ExperienceErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Experience in hand\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {ExperienceErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-lg-4\" style={{ marginTop: \"25px\", color: \"#495057\" }}>\r\n                                      <span style={{ color: '#a29d9d' }}>Intrested as a Trainer</span>   &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input type=\"checkbox\" name=\"Trainer\" />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div> */}\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4 style-checkboxes\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        I want to be a Trainer\r\n                                      </span>\r\n                                      {\"\"}&nbsp;&nbsp;&nbsp;\r\n                                      {/* <label className=\"switch\">\r\n                                        <input type=\"checkbox\" name=\"Trainer\" />\r\n                                        <span className=\"slider round\" />\r\n                                      </label> */}\r\n                                      {/* <input type=\"checkbox\" id=\"yes\" name=\"Trainer\" />\r\n                                        <label for=\"yes\">Yes</label>\r\n                                        \r\n                                        <input type=\"checkbox\"  id=\"no\"/>\r\n                                        <label for=\"no\">No</label> */}\r\n                                      <div className=\"checkbox-yes\">\r\n                                        <div>\r\n                                          <label for=\"yes\">\r\n                                            Yes&nbsp;\r\n                                            <input\r\n                                              name=\"Trainer\"\r\n                                              id=\"yes\"\r\n                                              type=\"checkbox\"\r\n                                              checked={\r\n                                                this.state.checkbox1Checked\r\n                                              }\r\n                                              onChange={() =>\r\n                                                this.handleCheckboxChange(1)\r\n                                              }\r\n                                            />\r\n                                          </label>\r\n                                        </div>\r\n                                        <div>\r\n                                          <label for=\"no\">\r\n                                            No&nbsp;\r\n                                            <input\r\n                                              id=\"no\"\r\n                                              type=\"checkbox\"\r\n                                              checked={\r\n                                                this.state.checkbox2Checked\r\n                                              }\r\n                                              onChange={() =>\r\n                                                this.handleCheckboxChange(2)\r\n                                              }\r\n                                            />\r\n                                          </label>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        {\" \"}\r\n                                        Certificate Details\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          id=\"UploadCertificate\"\r\n                                          onInputCapture={\r\n                                            this.HandleSkillCertificate\r\n                                          }\r\n                                          name=\"UploadCertificate\"\r\n                                        />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n                                    {UploadCertificate === true ? (\r\n                                      <>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            name=\"SkillCoursename\"\r\n                                            type=\"text\"\r\n                                            id=\"skillcoursename\"\r\n                                            onChange={\r\n                                              this.hanhandleSkillChangedleChange\r\n                                            }\r\n                                          />\r\n                                          {!skillcoursenameErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Course Name\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillcoursenameErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillStartdate\"\r\n                                            id=\"skillCoursestartdate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCoursestartdateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Start From\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCoursestartdateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\");\r\n                                            }}\r\n                                            name=\"SkillEnddate\"\r\n                                            id=\"skillCourseEnddate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCourseEnddateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              End\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCourseEnddateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </>\r\n                                    ) : null}\r\n                                    <div className=\"col-lg-12\">\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        id=\"Skilledu\"\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                          height: \"40.4px\",\r\n                                          width: \"83.36px\",\r\n                                          float: \"right\",\r\n                                        }}\r\n                                        disabled={this.state.isButtonDisabledB}\r\n                                      >\r\n                                        Save\r\n                                      </button>\r\n                                    </div>\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                      {showing1 ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {SkillDetails.length !== 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table   nowrap\"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    {/* <th>Category</th> */}\r\n                                    <th>Skill Name</th>\r\n                                    {/* <th>Description</th> */}\r\n                                    <th>Acquired From</th>\r\n                                    <th>Trainer</th>\r\n                                    <th>Actions</th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {SkillDetails.map((SkillDetails) => (\r\n                                    <tr>\r\n                                      {/* <td >{SkillDetails.category}</td> */}\r\n                                      <td>{SkillDetails.skillName}</td>\r\n                                      {/* <td >{SkillDetails.skillDescription}</td> */}\r\n                                      <td>{SkillDetails.experience}</td>\r\n                                      <td>{SkillDetails.trainer}</td>\r\n                                      <td>\r\n                                        {/* <img alt=\"edit\" src=\"https://img.icons8.com/android/22/000000/pencil.png\" \r\n                                  onClick={() => this.SkillModel(SkillDetails.id, SkillDetails.category, SkillDetails.skillName, \r\n                                  SkillDetails.skillDescription, SkillDetails.experiencedate, SkillDetails.trainer,\r\n                                   SkillDetails.skillCoursename, SkillDetails.skillStartdate, SkillDetails.skillEnddate)} /> */}\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          name=\"Edit\"\r\n                                          title=\"Delete\"\r\n                                          onClick={() =>\r\n                                            this.DelUserSkill(SkillDetails.skillName, SkillDetails.userId)\r\n                                          }\r\n                                          style={{ marginLeft: \"-19px\" }}\r\n                                        >\r\n                                          <i\r\n                                            className=\"fa fa-minus\"\r\n                                            style={{ color: \"red\" }}\r\n                                          ></i>\r\n                                        </button>{\" \"}\r\n                                        &nbsp;&nbsp;\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          name=\"Edit\"\r\n                                          title=\"Edit\"\r\n                                          onClick={() =>\r\n                                            this.SkillModel(\r\n                                              SkillDetails.id,\r\n                                              SkillDetails.category,\r\n                                              SkillDetails.skillName,\r\n                                              SkillDetails.skillDescription,\r\n                                              SkillDetails.experiencedate,\r\n                                              SkillDetails.trainer,\r\n                                              SkillDetails.skillCoursename,\r\n                                              SkillDetails.skillStartdate,\r\n                                              SkillDetails.skillEnddate,\r\n                                              SkillDetails.skillCertificate,\r\n                                              SkillDetails.certificate,\r\n                                              SkillDetails.created_Date\r\n                                            )\r\n                                          }\r\n                                        >\r\n\r\n                                          <i\r\n                                            className=\"fa fa-edit\"\r\n                                            aria-hidden=\"true\"\r\n                                          ></i>\r\n                                        </button>\r\n                                      </td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-4\" className=\"j-tabs-section\">\r\n                      <span>Please fill all the mandatory fields to follow the steps\r\n                        <span style={{\r\n                          marginTop: '-4px',\r\n                          color: 'red',\r\n                          fontSize: '25px',\r\n                          position: 'absolute',\r\n                          marginLeft: '4px',\r\n                          fontWeight: 'bold'\r\n\r\n                        }}>*</span> </span>\r\n                      <div className=\"tab-pane\" id=\"review\" role=\"tabpanel\">\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Add Dependencies <span style={{ color: \"red\", marginLeft: \"171px\", marginTop: \"-18px\", fontSize: \"22px\" }}>\r\n                                *\r\n                              </span>\r\n                            </h5>\r\n                            <button\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              id=\"addFmlyBtn\"\r\n                              title=\"Add\"\r\n                              type=\"button\"\r\n                              // onClick={() => {\r\n                              //   this.setState((prevState) => ({\r\n                              //     openfam: !prevState.openfam,\r\n                              //   }));\r\n                              //   this.familyformreset();\r\n                              // }}\r\n                              onClick={() => {\r\n                                this.setState((prevState) => ({\r\n                                  openfam: !prevState.openfam,\r\n                                  showing2: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                  clickCount: prevState.clickCount + 1, // Increment the click count\r\n                                }), () => {\r\n                                  if (this.state.clickCount % 2 === 1) {\r\n                                    this.familyformreset();\r\n                                  }\r\n                                });\r\n                              }}\r\n                            >\r\n                              {openfam ? \"×\" : \"+\"}{\" \"}\r\n                            </button>\r\n                          </div>\r\n\r\n                          {\r\n                            openfam ? (\r\n                              <div\r\n                                className=\"card-block contact-details\"\r\n                                id=\"add-rowFamily\"\r\n                              >\r\n                                <div>\r\n                                  <form\r\n                                    id=\"familyform\"\r\n                                    onSubmit={this.FamlySubmit}\r\n                                  >\r\n                                    <div className=\"row \">\r\n                                      <div className=\"col-lg-3\">\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          id=\"RelationshipFam\"\r\n                                          name=\"Relationship\"\r\n                                          onChange={this.handleChange}\r\n                                          type=\"text\"\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            ...(isChrome && { marginLeft: '-3px' })\r\n                                          }}\r\n                                        >\r\n                                          <option value=\"\">\r\n                                            {\" \"}\r\n                                            Relationship\r\n                                          </option>\r\n                                          {RelationshipDrop.map(\r\n                                            (RelationshipDrop) => (\r\n                                              <option\r\n                                                value={\r\n                                                  RelationshipDrop.relationship\r\n                                                }\r\n                                              >\r\n                                                {RelationshipDrop.relationship}\r\n                                              </option>\r\n                                            )\r\n                                          )}\r\n                                        </select>\r\n\r\n                                        {!RelationshipErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Relationship\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              *\r\n                                            </span>\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {RelationshipErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"FirstName\"\r\n                                          id=\"FirstNameFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        {!FirstNameErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            First Name\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              *\r\n                                            </span>\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {FirstNameErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"MiddleName\"\r\n                                          id=\"MiddleNameFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Middle Name\r\n                                        </span>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"LastName\"\r\n                                          id=\"LastNameFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n                                        <span\r\n                                          className={\r\n                                            LastNameErr ? \" showError\" : \"\"\r\n                                          }\r\n                                        ></span>\r\n\r\n                                        {!LastNameErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Last Name\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              *\r\n                                            </span>\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {LastNameErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"row \"\r\n                                      style={{ marginTop: \"2%\" }}\r\n                                    >\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"Contact\"\r\n                                          id=\"ContactFam\"\r\n                                          type=\"text\"\r\n                                          maxLength=\"10\"\r\n                                          onKeyPress={(event) => {\r\n                                            if (!/[0-9]/.test(event.key)) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        {!ContactErr ? (\r\n                                          <>\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Contact Number\r\n                                              {/* <span style={{ color: \"red\" }} id='contacstar'>\r\n                                              *\r\n                                            </span> */}\r\n                                            </span>\r\n                                            <p>{this.state.FamilyDetails.length === 0\r\n                                              ? <span style={{ color: \"red\" }}>\r\n                                                *\r\n                                              </span>\r\n                                              : null}</p>\r\n                                          </>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {ContactErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      <div className=\"col-lg-3\">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"Email\"\r\n                                          id=\"EmailFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n                                        {/* <span style={{ color: '#a29d9d', float: \"left\" }}>Email</span> */}\r\n                                        {!EmailErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Email\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {EmailErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      {/* <div className=\"col-lg-3\">\r\n\r\n                                      <select className=\"effect-16\" id=\"RelationshipFam\" name=\"Relationship\" onChange={this.handleChange} type=\"text\"    >\r\n                                        <option value=\"\" > Relationship</option>\r\n                                        {RelationshipDrop.map(RelationshipDrop => <option value={RelationshipDrop.relationship}>{RelationshipDrop.relationship}</option>)}\r\n\r\n                                      </select>\r\n\r\n\r\n                                      {!RelationshipErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Relationship<span style={{ color: \"red\" }}>*</span></span> : <div style={{ color: \"red\" }}>{RelationshipErr}</div>}\r\n\r\n\r\n                                    </div> */}\r\n\r\n                                      <div\r\n                                        className=\"col-lg-3\"\r\n                                        style={{ marginTop: \"21px\" }}\r\n                                      >\r\n                                        <span style={{ color: \"#7c7c7c\" }}>\r\n                                          Emergency Contact\r\n                                        </span>\r\n                                        &nbsp;&nbsp;\r\n                                        {this.state.FamilyDetails.length === 0\r\n                                          ? true\r\n                                          : false}\r\n                                        <label\r\n                                          style={\r\n                                            this.state.FamilyDetails.length ===\r\n                                              0\r\n                                              ? { pointerEvents: \"none\" }\r\n                                              : { pointerEvents: \"all\" }\r\n                                          }\r\n                                          className=\"switch center\"\r\n                                        >\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"EmergencyContact\"\r\n                                            defaultChecked={\r\n                                              this.state.FamilyDetails\r\n                                                .length === 0\r\n                                                ? true\r\n                                                : false\r\n                                            }\r\n                                            name=\"EmergencyContact\"\r\n                                          />\r\n                                          <span className=\"slider round\" />\r\n                                        </label>\r\n                                      </div>\r\n                                      <br />\r\n\r\n                                      {/* <div className=\"col-lg-12 \">\r\n\r\n                                      <button type=\"submit\" id=\"saverow3\" className=\"but\" style={{ height: '40.4px', width: '83.36px', float: \"right\" }} disabled={this.state.isButtonDisabled}>Save</button>\r\n                                    </div> */}\r\n\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <br />\r\n                                        <div className=\"center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                            disabled={\r\n                                              this.state.isButtonDisabled\r\n                                            }\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\" btn-Secondary\"\r\n                                            style={{\r\n                                              marginLeft: \"1%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                            onClick={this.handleTextarea}\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            ) : (\r\n                              <div\r\n                                className=\"card-block contact-details\"\r\n                                style={{ display: \"none\" }}\r\n                                id=\"add-rowFamily\"\r\n                              >\r\n                                <div>\r\n                                  <form\r\n                                    id=\"familyform\"\r\n                                    onSubmit={this.FamlySubmit}\r\n                                  >\r\n                                    <div className=\"row \">\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"FirstName\"\r\n                                          id=\"FirstNameFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        {!FirstNameErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            First Name\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {FirstNameErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"MiddleName\"\r\n                                          id=\"MiddleNameFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Middle Name\r\n                                        </span>\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"LastName\"\r\n                                          id=\"LastNameFam\"\r\n                                          type=\"text\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n                                        <span\r\n                                          className={\r\n                                            LastNameErr ? \" showError\" : \"\"\r\n                                          }\r\n                                        ></span>\r\n\r\n                                        {!LastNameErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Last Name\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {LastNameErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      <div className=\"col-lg-3 \">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"Contact\"\r\n                                          id=\"ContactFam\"\r\n                                          type=\"text\"\r\n                                          maxLength=\"10\"\r\n                                          onKeyPress={(event) => {\r\n                                            const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                            if (isLetter) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          onInputCapture={(event) => {\r\n                                            if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                              event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                            }\r\n                                          }}\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        {!ContactErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Contact Number\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {ContactErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"row \"\r\n                                      style={{ marginTop: \"2%\" }}\r\n                                    >\r\n                                      <div className=\"col-lg-3\">\r\n                                        <input\r\n                                          className=\"form\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          name=\"Email\"\r\n                                          id=\"EmailFam\"\r\n                                          type=\"email\"\r\n                                          onChange={this.handleChange}\r\n                                        />\r\n\r\n                                        {!EmailErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Email\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {EmailErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n                                      <div className=\"col-lg-3\">\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          id=\"RelationshipFam\"\r\n                                          name=\"Relationship\"\r\n                                          onChange={this.handleChange}\r\n                                          type=\"text\"\r\n                                        >\r\n                                          <option value=\"\">\r\n                                            {\" \"}\r\n                                            Relationship\r\n                                          </option>\r\n                                          {RelationshipDrop.map(\r\n                                            (RelationshipDrop) => (\r\n                                              <option\r\n                                                value={\r\n                                                  RelationshipDrop.relationship\r\n                                                }\r\n                                              >\r\n                                                {RelationshipDrop.relationship}\r\n                                              </option>\r\n                                            )\r\n                                          )}\r\n                                        </select>\r\n\r\n                                        {!RelationshipErr ? (\r\n                                          <span\r\n                                            style={{\r\n                                              color: \"#a29d9d\",\r\n                                              float: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Relationship\r\n                                          </span>\r\n                                        ) : (\r\n                                          <div style={{ color: \"red\" }}>\r\n                                            {RelationshipErr}\r\n                                          </div>\r\n                                        )}\r\n                                      </div>\r\n\r\n                                      <div\r\n                                        className=\"col-lg-3\"\r\n                                        style={{ marginTop: \"21px\" }}\r\n                                      >\r\n                                        <span style={{ color: \"#7c7c7c\" }}>\r\n                                          Emergency Contact1\r\n                                        </span>\r\n                                        &nbsp;&nbsp;\r\n                                        <label\r\n                                          style={{ pointerEvents: \"none\" }}\r\n                                          className=\"switch center\"\r\n                                        >\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"EmergencyContact\"\r\n                                            defaultChecked={\r\n                                              this.state.FamilyDetails\r\n                                                .length === 0\r\n                                                ? true\r\n                                                : false\r\n                                            }\r\n                                            name=\"EmergencyContact\"\r\n                                          />\r\n                                          <span className=\"slider round\" />\r\n                                        </label>\r\n                                      </div>\r\n                                      <br />\r\n\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          id=\"saverow3\"\r\n                                          disabled={this.state.isButtonDisabled}\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"40.4px\",\r\n                                            width: \"83.36px\",\r\n                                            float: \"right\",\r\n                                          }}\r\n                                        >\r\n                                          Save\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            )\r\n\r\n                            // vbfbgf\r\n                          }\r\n                        </div>\r\n                      </div>\r\n                      {showing2 ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {FamilyDetails.length !== 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table  nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    <th>Name</th>\r\n                                    <th>Contact Number </th>\r\n                                    <th>Email</th>\r\n                                    <th>Relationship</th>\r\n                                    <th>Emergency Contact</th>\r\n                                    <th>Actions</th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {FamilyDetails.map((FamilyDetails) => (\r\n                                    <tr\r\n                                      id={\r\n                                        FamilyDetails.id + FamilyDetails.firstName\r\n                                      }\r\n                                    >\r\n                                      <td>\r\n                                        {FamilyDetails.firstName}{\" \"}\r\n                                        {FamilyDetails.middleName}{\" \"}\r\n                                        {FamilyDetails.lastName}\r\n                                      </td>\r\n                                      <td>{FamilyDetails.contact}</td>\r\n                                      <td>{FamilyDetails.email}</td>\r\n                                      <td>{FamilyDetails.relationship}</td>\r\n                                      <td>{FamilyDetails.emergencyContact}</td>\r\n                                      <td>\r\n                                        {/* <img alt=\"edit\" src=\"https://img.icons8.com/android/22/000000/pencil.png\" \r\n                                    onClick={() => this.FamModel(FamilyDetails.id, FamilyDetails.firstName, FamilyDetails.middleName, FamilyDetails.lastName, \r\n                                    FamilyDetails.contact, FamilyDetails.email, FamilyDetails.relationship, FamilyDetails.emergencyContact)} />    \r\n                                    &nbsp;&nbsp;&nbsp; */}\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          name=\"Edit\"\r\n                                          title=\"Delete\"\r\n                                          onClick={() =>\r\n                                            this.DelUserFamily(FamilyDetails.created_Date, FamilyDetails.userId)\r\n                                          }\r\n                                          style={{ marginLeft: \"-19px\" }}\r\n                                        >\r\n                                          <i\r\n                                            className=\"fa fa-minus\"\r\n                                            style={{ color: \"red\" }}\r\n                                          ></i>\r\n                                        </button>{\" \"}\r\n                                        &nbsp;&nbsp;\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          type=\"button\"\r\n                                          title=\"Edit\"\r\n                                          onClick={() =>\r\n                                            this.FamModel(\r\n                                              FamilyDetails.id,\r\n                                              FamilyDetails.firstName,\r\n                                              FamilyDetails.middleName,\r\n                                              FamilyDetails.lastName,\r\n                                              FamilyDetails.contact,\r\n                                              FamilyDetails.email,\r\n                                              FamilyDetails.relationship,\r\n                                              FamilyDetails.emergencyContact,\r\n                                              FamilyDetails.created_Date\r\n                                            )\r\n                                          }\r\n                                        >\r\n\r\n                                          <i\r\n                                            className=\"fa fa-edit\"\r\n                                            aria-hidden=\"true\"\r\n                                          ></i>{\" \"}\r\n                                        </button>\r\n                                      </td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}{\" \"}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n                    <div id=\"tabs-section-8\" className=\"j-tabs-section\">\r\n                      <div className=\"tab-pane\" id=\"contacts\" role=\"tabpanel\">\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Activties\r\n                            </h5>\r\n                            <button\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              id=\"addSkillBtn\"\r\n                              title=\"Add\"\r\n                              type=\"button\"\r\n                              // onClick={() => {\r\n                              //   this.setState((prevState) => ({\r\n                              //     openskill: !prevState.openskill,\r\n                              //   }));\r\n                              //   this.skillformreset();\r\n                              // }}\r\n                              onClick={() => {\r\n                                this.setState((prevState) => ({\r\n                                  openactivities: !prevState.openactivities,\r\n                                  showing6: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                  clickCount: prevState.clickCount + 1, // Increment the click count\r\n                                  selectedSkills3: \"\"\r\n                                }), () => {\r\n                                  if (this.state.clickCount % 2 === 1) {\r\n                                    this.Activitiesformreset();\r\n                                  }\r\n                                });\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              {openactivities ? \"×\" : \"+\"}{\" \"}\r\n                            </button>\r\n                          </div>\r\n                          {this.state.openactivities ? (\r\n                            <div\r\n                              className=\"container\"\r\n                            >\r\n                              <div className=\"row\">\r\n                                <div>\r\n                                  <form\r\n                                    id=\"Activitiesform\"\r\n                                    onSubmit={this.ActivitiesSubmit}\r\n                                  >\r\n                                    <div className=\"container\"\r\n                                    >\r\n\r\n                                      <center>\r\n                                        <div className=\"col-lg-6\"\r\n                                          style={{ justifyContent: 'center', textAlign: \"left\" }}\r\n                                        >\r\n\r\n                                          <Select\r\n                                            isMulti\r\n                                            options={options3}\r\n                                            value={this.state.selectedSkills3}\r\n                                            onChange={this.handleActivitiesChange}\r\n                                            className=\"effect-16\"\r\n                                            name=\"SkillName\"\r\n                                            placeholder=\"Select...\"\r\n                                            closeMenuOnSelect={false}\r\n                                          />\r\n\r\n                                          {!this.state.formErrors.ActivitiesError ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Activities\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {this.state.formErrors.ActivitiesError}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n\r\n\r\n                                        </div>\r\n                                      </center>\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <br />\r\n                                        <div className=\"center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                            disabled={this.state.isButtonDisabled}\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\" btn-Secondary\"\r\n                                            style={{\r\n                                              marginLeft: \"1%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                            onClick={() => {\r\n                                              this.handleTextarea();\r\n                                              this.setState({\r\n                                                selectedSkills3: \"\"\r\n                                              })\r\n                                            }}\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n                                      <br />\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          ) : (\r\n                            <div\r\n                              className=\"card-block contact-details\"\r\n                              style={{ display: \"none\" }}\r\n                              id=\"add-row\"\r\n                            >\r\n                              <div>\r\n                                <form\r\n                                  id=\"skillform\"\r\n                                  onSubmit={this.Skillsubmit}\r\n                                >\r\n                                  <div className=\"row justify-content-center \">\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <select className=\"effect-16\" name=\"Category\" onChange={this.handleSkillChange} type=\"text\" placeholder=\"City\" >\r\n                                        <option value=\"\" > Category</option>\r\n                                        {SKillAdminCategoryDrop.map(SKillAdminCategoryDrop => <option value={SKillAdminCategoryDrop.category}>{SKillAdminCategoryDrop.category}</option>)}\r\n\r\n                                      </select>\r\n                                      {!CategoryErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Category </span> : <div style={{ color: \"red\" }}>{CategoryErr}</div>}\r\n\r\n                                    </div> */}\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!SkillNameErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Name{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillNameErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <input className=\"form\" onFocus={(e) => e.target.select()} name=\"SkillDescription\" type=\"text\" onChange={this.handleSkillChange} />\r\n                                      {!SkillDescriptionErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Description </span> : <div style={{ color: \"red\" }}>{SkillDescriptionErr}</div>}\r\n                                    </div> */}\r\n\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => {e.target.select();\r\n                                          (e.target.type = \"date\")\r\n                                        }}\r\n                                        name=\"Experience\"\r\n                                        type=\"text\"\r\n                                        // onFocus={(e) =>\r\n                                        //   (e.target.type = \"date\")\r\n                                        // }\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!ExperienceErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Experience in hand\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {ExperienceErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Intrested as a Trainer\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input type=\"checkbox\" name=\"Trainer\" />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        {\" \"}\r\n                                        Certificate Details\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          id=\"UploadCertificate\"\r\n                                          onInputCapture={\r\n                                            this.HandleSkillCertificate\r\n                                          }\r\n                                          name=\"UploadCertificate\"\r\n                                        />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n                                    {UploadCertificate === true ? (\r\n                                      <>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            name=\"SkillCoursename\"\r\n                                            type=\"text\"\r\n                                            id=\"skillcoursename\"\r\n                                            onChange={\r\n                                              this.hanhandleSkillChangedleChange\r\n                                            }\r\n                                          />\r\n                                          {!skillcoursenameErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Course Name\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillcoursenameErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillStartdate\"\r\n                                            id=\"skillCoursestartdate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCoursestartdateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Start From\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCoursestartdateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillEnddate\"\r\n                                            id=\"skillCourseEnddate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCourseEnddateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              End\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCourseEnddateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </>\r\n                                    ) : null}\r\n                                    {/* <div className=\"col-lg-12\">\r\n                                      <button type=\"submit\" id=\"Skilledu\" className=\"but\" style={{ height: '40.4px', width: '83.36px', float: \"right\" }} disabled={this.state.isButtonDisabledB}>Save</button>\r\n                                    </div>  */}\r\n                                    <div className=\"col-lg-12 \">\r\n                                      <br />\r\n                                      <div className=\"center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                          disabled={this.state.isButtonDisabled}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={this.handleTextarea}\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                      {showing6 ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {Array.isArray(ActivitiesUser) && ActivitiesUser.length > 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table  nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    {/* <th>List</th> */}\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  <tr>\r\n                                    <td>\r\n                                      {ActivitiesUser.map((Act, index) => (\r\n                                        <span key={Act.id}>\r\n                                          <span style={{\r\n                                            backgroundColor: \"gainsboro\",\r\n                                            borderRadius: \"6px\", padding: \"6px\"\r\n                                          }}>{Act.activities}\r\n                                            <span onClick={() => this.DelUserActivities(Act.activities)} className=\"highlight-x\">x</span>\r\n                                          </span>\r\n                                          {index < Act.length - 1 && ' '}&nbsp;&nbsp;\r\n                                        </span>\r\n                                      ))}</td></tr>\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-5\" className=\"j-tabs-section\">\r\n                      <div className=\"tab-pane\" id=\"contacts\" role=\"tabpanel\">\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Personality\r\n                            </h5>\r\n                            <button\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              id=\"addSkillBtn\"\r\n                              title=\"Add\"\r\n                              type=\"button\"\r\n                              // onClick={() => {\r\n                              //   this.setState((prevState) => ({\r\n                              //     openskill: !prevState.openskill,\r\n                              //   }));\r\n                              //   this.skillformreset();\r\n                              // }}\r\n                              onClick={() => {\r\n                                this.setState((prevState) => ({\r\n                                  openpersonality: !prevState.openpersonality,\r\n                                  showing3: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                  clickCount: prevState.clickCount + 1, // Increment the click count\r\n                                  selectedSkills: \"\"\r\n                                }), () => {\r\n                                  if (this.state.clickCount % 2 === 1) {\r\n                                    this.Personalityformreset();\r\n                                  }\r\n                                });\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              {openpersonality ? \"×\" : \"+\"}{\" \"}\r\n                            </button>\r\n                          </div>\r\n                          {this.state.openpersonality ? (\r\n                            <div\r\n                              className=\"container\"\r\n                            >\r\n                              <input type=\"hidden\" name=\"Action\" value=\"I\" />\r\n                              <div className=\"row\">\r\n                                <div>\r\n                                  <form\r\n                                    id=\"Personalityform\"\r\n                                    onSubmit={this.Personalitysubmit}\r\n                                  >\r\n                                    <div className=\"container\"\r\n                                    >\r\n\r\n                                      <center>\r\n                                        <div className=\"col-lg-6\"\r\n                                          style={{ justifyContent: 'center', textAlign: \"left\" }}\r\n                                        >\r\n                                          <Select\r\n                                            isMulti\r\n                                            options={options}\r\n                                            value={this.state.selectedSkills}\r\n                                            onChange={this.handlePersonalityChange}\r\n                                            className=\"effect-16\"\r\n                                            name=\"Personality\"\r\n                                            id=\"PersonalityName\"\r\n                                            placeholder=\"Select...\"\r\n                                            closeMenuOnSelect={false}\r\n                                          />\r\n\r\n                                          {!this.state.formErrors.PersonalityError ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Personality\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {this.state.formErrors.PersonalityError}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n\r\n\r\n                                        </div>\r\n                                      </center>\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <br />\r\n                                        <div className=\"center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                            disabled={this.state.isButtonDisabled}\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\" btn-Secondary\"\r\n                                            style={{\r\n                                              marginLeft: \"1%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                            onClick={() => {\r\n                                              this.handleTextarea();\r\n                                              this.setState({\r\n                                                selectedSkills: \"\"\r\n                                              })\r\n                                            }}\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n                                      <br />\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          ) : (\r\n                            <div\r\n                              className=\"card-block contact-details\"\r\n                              style={{ display: \"none\" }}\r\n                              id=\"add-row\"\r\n                            >\r\n                              <div>\r\n                                <form\r\n                                  id=\"skillform\"\r\n                                  onSubmit={this.Skillsubmit}\r\n                                >\r\n                                  <div className=\"row justify-content-center \">\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <select className=\"effect-16\" name=\"Category\" onChange={this.handleSkillChange} type=\"text\" placeholder=\"City\" >\r\n                                        <option value=\"\" > Category</option>\r\n                                        {SKillAdminCategoryDrop.map(SKillAdminCategoryDrop => <option value={SKillAdminCategoryDrop.category}>{SKillAdminCategoryDrop.category}</option>)}\r\n\r\n                                      </select>\r\n                                      {!CategoryErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Category </span> : <div style={{ color: \"red\" }}>{CategoryErr}</div>}\r\n\r\n                                    </div> */}\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!SkillNameErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Name{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillNameErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <input className=\"form\" onFocus={(e) => e.target.select()} name=\"SkillDescription\" type=\"text\" onChange={this.handleSkillChange} />\r\n                                      {!SkillDescriptionErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Description </span> : <div style={{ color: \"red\" }}>{SkillDescriptionErr}</div>}\r\n                                    </div> */}\r\n\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => {e.target.select();\r\n                                          (e.target.type = \"date\")\r\n                                        }}\r\n                                        name=\"Experience\"\r\n                                        type=\"text\"\r\n                                        // onFocus={(e) =>\r\n                                        //   (e.target.type = \"date\")\r\n                                        // }\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!ExperienceErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Experience in hand\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {ExperienceErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Intrested as a Trainer\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input type=\"checkbox\" name=\"Trainer\" />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        {\" \"}\r\n                                        Certificate Details\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          id=\"UploadCertificate\"\r\n                                          onInputCapture={\r\n                                            this.HandleSkillCertificate\r\n                                          }\r\n                                          name=\"UploadCertificate\"\r\n                                        />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n                                    {UploadCertificate === true ? (\r\n                                      <>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            name=\"SkillCoursename\"\r\n                                            type=\"text\"\r\n                                            id=\"skillcoursename\"\r\n                                            onChange={\r\n                                              this.hanhandleSkillChangedleChange\r\n                                            }\r\n                                          />\r\n                                          {!skillcoursenameErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Course Name\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillcoursenameErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillStartdate\"\r\n                                            id=\"skillCoursestartdate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCoursestartdateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Start From\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCoursestartdateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillEnddate\"\r\n                                            id=\"skillCourseEnddate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCourseEnddateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              End\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCourseEnddateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </>\r\n                                    ) : null}\r\n                                    {/* <div className=\"col-lg-12\">\r\n                                      <button type=\"submit\" id=\"Skilledu\" className=\"but\" style={{ height: '40.4px', width: '83.36px', float: \"right\" }} disabled={this.state.isButtonDisabledB}>Save</button>\r\n                                    </div>  */}\r\n                                    <div className=\"col-lg-12 \">\r\n                                      <br />\r\n                                      <div className=\"center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                          disabled={this.state.isButtonDisabled}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={this.handleTextarea}\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                      {showing3 ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {PersonalityUser.length !== 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table  nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    {/* <th>List</th> */}\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  <tr>\r\n                                    <td>\r\n                                      {PersonalityUser.map((PersonalityAdmin1, index) => (\r\n                                        <span key={PersonalityAdmin1.id}>\r\n                                          <span style={{\r\n                                            backgroundColor: \"gainsboro\",\r\n                                            borderRadius: \"6px\", padding: \"6px\"\r\n                                          }}>{PersonalityAdmin1.personalityName}\r\n                                            <span onClick={() => this.DelUserPersonality(PersonalityAdmin1.personalityName)} className=\"highlight-x\">x</span>\r\n                                          </span>\r\n                                          {index < PersonalityUser.length - 1 && ' '} &nbsp;&nbsp;\r\n                                        </span>\r\n                                      ))}</td></tr>\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-6\" className=\"j-tabs-section\">\r\n                      <div className=\"tab-pane\" id=\"contacts\" role=\"tabpanel\">\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Life Style\r\n                            </h5>\r\n                            <button\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              id=\"addSkillBtn\"\r\n                              title=\"Add\"\r\n                              type=\"button\"\r\n                              // onClick={() => {\r\n                              //   this.setState((prevState) => ({\r\n                              //     openskill: !prevState.openskill,\r\n                              //   }));\r\n                              //   this.skillformreset();\r\n                              // }}\r\n                              onClick={() => {\r\n                                this.setState((prevState) => ({\r\n                                  openlifeStyle: !prevState.openlifeStyle,\r\n                                  showing4: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                  clickCount: prevState.clickCount + 1, // Increment the click count\r\n                                  selectedSkills1: \"\"\r\n                                }), () => {\r\n                                  if (this.state.clickCount % 2 === 1) {\r\n                                    this.LifeStyleformreset();\r\n                                  }\r\n                                });\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              {openlifeStyle ? \"×\" : \"+\"}{\" \"}\r\n                            </button>\r\n                          </div>\r\n                          {this.state.openlifeStyle ? (\r\n                            <div\r\n                              className=\"container\"\r\n                            >\r\n                              <div className=\"row\">\r\n                                <div>\r\n                                  <form\r\n                                    id=\"LifeStyleform\"\r\n                                    onSubmit={this.LifeStyleSubmit}\r\n                                  >\r\n                                    <div className=\"container\"\r\n                                    >\r\n\r\n                                      <center>\r\n                                        <div className=\"col-lg-6\"\r\n                                          style={{ justifyContent: 'center', textAlign: \"left\" }}\r\n                                        >\r\n\r\n                                          <Select\r\n                                            isMulti\r\n                                            options={options1}\r\n                                            value={this.state.selectedSkills1}\r\n                                            onChange={this.handleLifeStyleChange}\r\n                                            className=\"effect-16\"\r\n                                            name=\"SkillName\"\r\n                                            placeholder=\"Select...\"\r\n                                            closeMenuOnSelect={false}\r\n                                          />\r\n\r\n                                          {!this.state.formErrors.LifeStyleError ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Life Style\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {this.state.formErrors.LifeStyleError}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n\r\n\r\n                                        </div>\r\n                                      </center>\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <br />\r\n                                        <div className=\"center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                            disabled={this.state.isButtonDisabled}\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\" btn-Secondary\"\r\n                                            style={{\r\n                                              marginLeft: \"1%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                            onClick={() => {\r\n                                              this.handleTextarea();\r\n                                              this.setState({\r\n                                                selectedSkills1: \"\"\r\n                                              })\r\n                                            }}\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n                                      <br />\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          ) : (\r\n                            <div\r\n                              className=\"card-block contact-details\"\r\n                              style={{ display: \"none\" }}\r\n                              id=\"add-row\"\r\n                            >\r\n                              <div>\r\n                                <form\r\n                                  id=\"skillform\"\r\n                                  onSubmit={this.Skillsubmit}\r\n                                >\r\n                                  <div className=\"row justify-content-center \">\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <select className=\"effect-16\" name=\"Category\" onChange={this.handleSkillChange} type=\"text\" placeholder=\"City\" >\r\n                                        <option value=\"\" > Category</option>\r\n                                        {SKillAdminCategoryDrop.map(SKillAdminCategoryDrop => <option value={SKillAdminCategoryDrop.category}>{SKillAdminCategoryDrop.category}</option>)}\r\n\r\n                                      </select>\r\n                                      {!CategoryErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Category </span> : <div style={{ color: \"red\" }}>{CategoryErr}</div>}\r\n\r\n                                    </div> */}\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!SkillNameErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Name{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillNameErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <input className=\"form\" onFocus={(e) => e.target.select()} name=\"SkillDescription\" type=\"text\" onChange={this.handleSkillChange} />\r\n                                      {!SkillDescriptionErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Description </span> : <div style={{ color: \"red\" }}>{SkillDescriptionErr}</div>}\r\n                                    </div> */}\r\n\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => {e.target.select();\r\n                                          (e.target.type = \"date\")\r\n                                        }}\r\n                                        name=\"Experience\"\r\n                                        type=\"text\"\r\n                                        // onFocus={(e) =>\r\n                                        //   (e.target.type = \"date\")\r\n                                        // }\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!ExperienceErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Experience in hand\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {ExperienceErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Intrested as a Trainer\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input type=\"checkbox\" name=\"Trainer\" />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        {\" \"}\r\n                                        Certificate Details\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          id=\"UploadCertificate\"\r\n                                          onInputCapture={\r\n                                            this.HandleSkillCertificate\r\n                                          }\r\n                                          name=\"UploadCertificate\"\r\n                                        />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n                                    {UploadCertificate === true ? (\r\n                                      <>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            name=\"SkillCoursename\"\r\n                                            type=\"text\"\r\n                                            id=\"skillcoursename\"\r\n                                            onChange={\r\n                                              this.hanhandleSkillChangedleChange\r\n                                            }\r\n                                          />\r\n                                          {!skillcoursenameErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Course Name\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillcoursenameErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillStartdate\"\r\n                                            id=\"skillCoursestartdate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCoursestartdateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Start From\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCoursestartdateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillEnddate\"\r\n                                            id=\"skillCourseEnddate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCourseEnddateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              End\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCourseEnddateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </>\r\n                                    ) : null}\r\n                                    {/* <div className=\"col-lg-12\">\r\n                                      <button type=\"submit\" id=\"Skilledu\" className=\"but\" style={{ height: '40.4px', width: '83.36px', float: \"right\" }} disabled={this.state.isButtonDisabledB}>Save</button>\r\n                                    </div>  */}\r\n                                    <div className=\"col-lg-12 \">\r\n                                      <br />\r\n                                      <div className=\"center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                          disabled={this.state.isButtonDisabled}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={this.handleTextarea}\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                      {showing4 ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {Array.isArray(LifeStyleUser) && LifeStyleUser.length > 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table  nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    {/* <th>List</th> */}\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  <tr>\r\n                                    <td>\r\n                                      {LifeStyleUser.map((LifeStyleDetails, index) => (\r\n                                        <span key={LifeStyleDetails.id}>\r\n                                          <span style={{\r\n                                            backgroundColor: \"gainsboro\",\r\n                                            borderRadius: \"6px\", padding: \"6px\"\r\n                                          }}>{LifeStyleDetails.lifeStyle}\r\n                                            <span onClick={() => this.DelUserLifeStyle(LifeStyleDetails.lifeStyle)} className=\"highlight-x\">x</span>\r\n                                          </span>\r\n                                          {index < LifeStyleUser.length - 1 && ' '}&nbsp;&nbsp;\r\n                                        </span>\r\n                                      ))}</td></tr>\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                    <div id=\"tabs-section-7\" className=\"j-tabs-section\">\r\n                      <div className=\"tab-pane\" id=\"contacts\" role=\"tabpanel\">\r\n                        <div className=\"card\">\r\n                          <div\r\n                            className=\"card-header\"\r\n                            style={{\r\n                              backgroundColor: \"darkslateblue\",\r\n                              padding: \"5px\",\r\n                              color: \"white\",\r\n                            }}\r\n                          >\r\n                            <h5\r\n                              className=\"card-header-text\"\r\n                              style={{\r\n                                marginTop: \"10px\",\r\n                                marginLeft: \"2%\",\r\n                                color: \"white\",\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              Interests\r\n                            </h5>\r\n                            <button\r\n                              style={{\r\n                                float: \"right\",\r\n                                color: \"#007bff\",\r\n                                fontSize: \"medium\",\r\n                                fontWeight: \"800\",\r\n                              }}\r\n                              className=\"button-20 sk-edit\"\r\n                              id=\"addSkillBtn\"\r\n                              title=\"Add\"\r\n                              type=\"button\"\r\n                              // onClick={() => {\r\n                              //   this.setState((prevState) => ({\r\n                              //     openskill: !prevState.openskill,\r\n                              //   }));\r\n                              //   this.skillformreset();\r\n                              // }}\r\n                              onClick={() => {\r\n                                this.setState((prevState) => ({\r\n                                  openinterests: !prevState.openinterests,\r\n                                  showing5: prevState.clickCount % 2 === 0 ? false : true, // Toggle showing based on the number of clicks\r\n                                  clickCount: prevState.clickCount + 1, // Increment the click count\r\n                                  selectedSkills2: \"\"\r\n                                }), () => {\r\n                                  if (this.state.clickCount % 2 === 1) {\r\n                                    this.Interestsformreset();\r\n                                  }\r\n                                });\r\n                              }}\r\n                            >\r\n                              {\" \"}\r\n                              {openinterests ? \"×\" : \"+\"}{\" \"}\r\n                            </button>\r\n                          </div>\r\n                          {this.state.openinterests ? (\r\n                            <div\r\n                              className=\"container\"\r\n                            >\r\n                              <div className=\"row\">\r\n                                <div>\r\n                                  <form\r\n                                    id=\"Interestsform\"\r\n                                    onSubmit={this.InterestsSubmit}\r\n                                  >\r\n                                    <div className=\"container\"\r\n                                    >\r\n                                      <center>\r\n                                        <div className=\"col-lg-6\"\r\n                                          style={{ justifyContent: 'center', textAlign: \"left\" }}\r\n                                        >\r\n\r\n                                          <Select\r\n                                            isMulti\r\n                                            options={options2}\r\n                                            value={this.state.selectedSkills2}\r\n                                            onChange={this.handleInterestsChange}\r\n                                            className=\"effect-16\"\r\n                                            name=\"Value\"\r\n                                            placeholder=\"Select...\"\r\n                                            closeMenuOnSelect={false}\r\n                                          />\r\n\r\n                                          {!this.state.formErrors.InterestsError ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Interests\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {this.state.formErrors.InterestsError}\r\n                                            </div>\r\n                                          )}\r\n                                          <span className=\"underline\" />\r\n\r\n\r\n                                        </div>\r\n                                      </center>\r\n                                      <div className=\"col-lg-12 \">\r\n                                        <br />\r\n                                        <div className=\"center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                            disabled={this.state.isButtonDisabled}\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\" btn-Secondary\"\r\n                                            style={{\r\n                                              marginLeft: \"1%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                            onClick={() => {\r\n                                              this.handleTextarea();\r\n                                              this.setState({\r\n                                                selectedSkills2: \"\"\r\n                                              })\r\n                                            }}\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n                                      <br />\r\n                                    </div>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          ) : (\r\n                            <div\r\n                              className=\"card-block contact-details\"\r\n                              style={{ display: \"none\" }}\r\n                              id=\"add-row\"\r\n                            >\r\n                              <div>\r\n                                <form\r\n                                  id=\"skillform\"\r\n                                  onSubmit={this.Skillsubmit}\r\n                                >\r\n                                  <div className=\"row justify-content-center \">\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <select className=\"effect-16\" name=\"Category\" onChange={this.handleSkillChange} type=\"text\" placeholder=\"City\" >\r\n                                        <option value=\"\" > Category</option>\r\n                                        {SKillAdminCategoryDrop.map(SKillAdminCategoryDrop => <option value={SKillAdminCategoryDrop.category}>{SKillAdminCategoryDrop.category}</option>)}\r\n\r\n                                      </select>\r\n                                      {!CategoryErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Category </span> : <div style={{ color: \"red\" }}>{CategoryErr}</div>}\r\n\r\n                                    </div> */}\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => e.target.select()}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!SkillNameErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Name{\" \"}\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {SkillNameErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-lg-4\">\r\n                                      <input className=\"form\" onFocus={(e) => e.target.select()} name=\"SkillDescription\" type=\"text\" onChange={this.handleSkillChange} />\r\n                                      {!SkillDescriptionErr ? <span style={{ color: '#a29d9d', float: \"left\" }}>Description </span> : <div style={{ color: \"red\" }}>{SkillDescriptionErr}</div>}\r\n                                    </div> */}\r\n\r\n                                    <div className=\"col-lg-4\">\r\n                                      <input\r\n                                        className=\"form\"\r\n                                        onFocus={(e) => {e.target.select();\r\n                                          (e.target.type = \"date\")\r\n                                        }}\r\n                                        name=\"Experience\"\r\n                                        type=\"text\"\r\n                                        // onFocus={(e) =>\r\n                                        //   (e.target.type = \"date\")\r\n                                        // }\r\n                                        onChange={this.handleSkillChange}\r\n                                      />\r\n                                      {!ExperienceErr ? (\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"#a29d9d\",\r\n                                            float: \"left\",\r\n                                          }}\r\n                                        >\r\n                                          Experience in hand\r\n                                        </span>\r\n                                      ) : (\r\n                                        <div style={{ color: \"red\" }}>\r\n                                          {ExperienceErr}\r\n                                        </div>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Intrested as a Trainer\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input type=\"checkbox\" name=\"Trainer\" />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"col-lg-4\"\r\n                                      style={{\r\n                                        marginTop: \"25px\",\r\n                                        color: \"#495057\",\r\n                                      }}\r\n                                    >\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        {\" \"}\r\n                                        Certificate Details\r\n                                      </span>{\" \"}\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <label className=\"switch\">\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          id=\"UploadCertificate\"\r\n                                          onInputCapture={\r\n                                            this.HandleSkillCertificate\r\n                                          }\r\n                                          name=\"UploadCertificate\"\r\n                                        />\r\n                                        <span className=\"slider round\" />\r\n                                      </label>\r\n                                    </div>\r\n                                    {UploadCertificate === true ? (\r\n                                      <>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => e.target.select()}\r\n                                            name=\"SkillCoursename\"\r\n                                            type=\"text\"\r\n                                            id=\"skillcoursename\"\r\n                                            onChange={\r\n                                              this.hanhandleSkillChangedleChange\r\n                                            }\r\n                                          />\r\n                                          {!skillcoursenameErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Course Name\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillcoursenameErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillStartdate\"\r\n                                            id=\"skillCoursestartdate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCoursestartdateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              Start From\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCoursestartdateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                        <div className=\"col-lg-4\">\r\n                                          <input\r\n                                            className=\"form\"\r\n                                            onFocus={(e) => {e.target.select();\r\n                                              (e.target.type = \"month\")\r\n                                            }}\r\n                                            name=\"SkillEnddate\"\r\n                                            id=\"skillCourseEnddate\"\r\n                                            type=\"text\"\r\n                                            // onFocus={(e) =>\r\n                                            //   (e.target.type = \"month\")\r\n                                            // }\r\n                                            onChange={this.handleSkillChange}\r\n                                          />\r\n                                          {!skillCourseEnddateErr ? (\r\n                                            <span\r\n                                              style={{\r\n                                                color: \"#a29d9d\",\r\n                                                float: \"left\",\r\n                                              }}\r\n                                            >\r\n                                              End\r\n                                            </span>\r\n                                          ) : (\r\n                                            <div style={{ color: \"red\" }}>\r\n                                              {skillCourseEnddateErr}\r\n                                            </div>\r\n                                          )}\r\n                                        </div>\r\n                                      </>\r\n                                    ) : null}\r\n                                    {/* <div className=\"col-lg-12\">\r\n                                      <button type=\"submit\" id=\"Skilledu\" className=\"but\" style={{ height: '40.4px', width: '83.36px', float: \"right\" }} disabled={this.state.isButtonDisabledB}>Save</button>\r\n                                    </div>  */}\r\n                                    <div className=\"col-lg-12 \">\r\n                                      <br />\r\n                                      <div className=\"center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                          disabled={this.state.isButtonDisabled}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\" btn-Secondary\"\r\n                                          style={{\r\n                                            marginLeft: \"1%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                          onClick={this.handleTextarea}\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n\r\n                                    <br />\r\n                                    <br />\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                      {showing5 ?\r\n                        <div className=\"card\">\r\n                          <div className=\"dt-responsive table-responsive\">\r\n                            {Array.isArray(InterestsUser) && InterestsUser.length > 0 ? (\r\n                              <table\r\n                                id=\"add-row-table\"\r\n                                className=\"table  nowrap \"\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    {/* <th>List</th> */}\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  <tr>\r\n                                    <td>\r\n                                      {InterestsUser.map((interest, index) => (\r\n                                        <span key={interest.id}>\r\n                                          <span style={{\r\n                                            backgroundColor: \"gainsboro\",\r\n                                            borderRadius: \"6px\", padding: \"6px\"\r\n                                          }}>{interest.interests}\r\n                                            <span onClick={() => this.DelUserInterests(interest.interests)} className=\"highlight-x\">x</span>\r\n                                          </span>\r\n                                          {index < InterestsUser.length - 1 && ' '}&nbsp;&nbsp;\r\n                                        </span>\r\n                                      ))}</td></tr>\r\n                                </tbody>\r\n                              </table>\r\n                            ) : null}\r\n                          </div>\r\n                        </div> : null}\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nlet values = [\r\n  {\r\n    id: 28,\r\n    category: \"Accounting\",\r\n    skillName: \"Accounting \",\r\n    skillDescription:\r\n      \"Accountants have to be able to communicate with other departments, colleagues, and clients\",\r\n  },\r\n  {\r\n    id: 29,\r\n    category: \"Accounting\",\r\n    skillName: \"Detail Oriented\",\r\n    skillDescription:\r\n      \"A lot of accounting is about paying attention to the little details\",\r\n  },\r\n  {\r\n    id: 30,\r\n    category: \"Accounting\",\r\n    skillName: \"Managing the Loan Details\",\r\n    skillDescription:\r\n      \"Accounting jobs often require knowledge of a variety of computer programs and systems\",\r\n  },\r\n  {\r\n    id: 19,\r\n    category: \"Banking\",\r\n    skillName: \"Attention to detail\",\r\n    skillDescription:\r\n      \"it is important for them to exhibit certain skills…n it comes to mathematical and analytical ability\",\r\n  },\r\n  {\r\n    id: 20,\r\n    category: \"Banking\",\r\n    skillName: \"Organized Mind\",\r\n    skillDescription:\r\n      \"Bank employees to have a well-organized mind and attention for details\",\r\n  },\r\n  {\r\n    id: 21,\r\n    category: \"Banking\",\r\n    skillName: \"Leadership\",\r\n    skillDescription:\r\n      \"It is very important for Bank officers to exhibit …onfidence among subordinates as well as customers\",\r\n  },\r\n  {\r\n    id: 22,\r\n    category: \"Banking\",\r\n    skillName: \"Management\",\r\n    skillDescription:\r\n      \"Employee management principles and innovative tech… keep the bank running with the limited resources\",\r\n  },\r\n  {\r\n    id: 23,\r\n    category: \"Finance\",\r\n    skillName: \"Accounting Skills\",\r\n    skillDescription:\r\n      \"Techniques and abilities that allow record, and manage financial transactions effectively\",\r\n  },\r\n  {\r\n    id: 24,\r\n    category: \"Finance\",\r\n    skillName: \"Business Intelligence\",\r\n    skillDescription:\r\n      \"Finance professionals play a vital role in helping businesses make smart decisions\",\r\n  },\r\n  {\r\n    id: 25,\r\n    category: \"Finance\",\r\n    skillName: \"Financial Modeling\",\r\n    skillDescription:\r\n      \"This is the process of representing a real financial situation through abstract methods\",\r\n  },\r\n  {\r\n    id: 26,\r\n    category: \"Finance\",\r\n    skillName: \"Financial Management\",\r\n    skillDescription:\r\n      \"It refers to organizing, planning, directing, and controlling financial activities\",\r\n  },\r\n  {\r\n    id: 2008,\r\n    category: \"HR\",\r\n    skillName: \"Database assist\",\r\n    skillDescription: \"to manage database details\",\r\n  },\r\n  {\r\n    id: 10,\r\n    category: \"HR\",\r\n    skillName: \"Communication skills\",\r\n    skillDescription:\r\n      \"The most frequently mentioned skill in HR job openings is communication skills\",\r\n  },\r\n  {\r\n    id: 11,\r\n    category: \"HR\",\r\n    skillName: \"Administrative expert\",\r\n    skillDescription: \"Administrative tasks remain a major part of the HR role\",\r\n  },\r\n  {\r\n    id: 12,\r\n    category: \"HR\",\r\n    skillName: \"Recruitment and selection\",\r\n    skillDescription:\r\n      \"A substantial part of recruitment and selection is interviewing candidates\",\r\n  },\r\n  {\r\n    id: 13,\r\n    category: \"HR\",\r\n    skillName: \"Time Management\",\r\n    skillDescription:\r\n      \"Drawing up employment contracts and managing payroll and insurance plans are time-sensitive tasks\",\r\n  },\r\n  {\r\n    id: 14,\r\n    category: \"HR\",\r\n    skillName: \"Records Management\",\r\n    skillDescription:\r\n      \"HR teams manage information and documents, like em…oyment agreements in physical and digital formats\",\r\n  },\r\n  {\r\n    id: 15,\r\n    category: \"HR\",\r\n    skillName: \"Calendar management\",\r\n    skillDescription:\r\n      \"In-between meetings with colleagues and executives…ssionals have to squeeze in other important tasks\",\r\n  },\r\n  {\r\n    id: 1,\r\n    category: \"IT\",\r\n    skillName: \"The combined action of a \",\r\n    skillDescription: \"Teamwork\",\r\n  },\r\n  {\r\n    id: 2,\r\n    category: \"IT\",\r\n    skillName: \"Communication skill\",\r\n    skillDescription:\r\n      \"Communication skills allow you to give and receive information\",\r\n  },\r\n  {\r\n    id: 3,\r\n    category: \"IT\",\r\n    skillName: \"Leadership skills\",\r\n    skillDescription:\r\n      \"Leadership skills are the strengths,abilities indi…emonstrate that help the oversee processes, goals\",\r\n  },\r\n  {\r\n    id: 5,\r\n    category: \"IT\",\r\n    skillName: \"C Sharp\",\r\n    skillDescription:\r\n      \"Configure, create, test, support and convey work area, custom web, and portable applications\",\r\n  },\r\n  {\r\n    id: 6,\r\n    category: \"IT\",\r\n    skillName: \"Java\",\r\n    skillDescription:\r\n      \"Design, build, and maintain efficient, reusable, and reliable Java code\",\r\n  },\r\n  {\r\n    id: 7,\r\n    category: \"IT\",\r\n    skillName: \"MVC\",\r\n    skillDescription:\r\n      \"The reusing of code and parallel development,More Effective Functionalities\",\r\n  },\r\n  {\r\n    id: 8,\r\n    category: \"IT\",\r\n    skillName: \"React\",\r\n    skillDescription: \"Front End Designing\",\r\n  },\r\n  {\r\n    id: 9,\r\n    category: \"IT\",\r\n    skillName: \"SQL\",\r\n    skillDescription: \"Stored Procedure\",\r\n  },\r\n  { id: 2010, category: \"IT\", skillName: \"IT\", skillDescription: \"Infotech\" },\r\n  {\r\n    id: 2006,\r\n    category: \"IT\",\r\n    skillName: \"Info tech\",\r\n    skillDescription: \"Inforamation Technology\",\r\n  },\r\n  {\r\n    id: 2007,\r\n    category: \"IT\",\r\n    skillName: \"Information technologies\",\r\n    skillDescription: \"to manage Information details\",\r\n  },\r\n  {\r\n    id: 27,\r\n    category: \"Management\",\r\n    skillName: \"Analytical1\",\r\n    skillDescription:\r\n      \"Auditors might analyze data to find instances of people misusing funds\",\r\n  },\r\n  {\r\n    id: 2009,\r\n    category: \"Production\",\r\n    skillName: \"C.A\",\r\n    skillDescription: \"Accountant\",\r\n  },\r\n  {\r\n    id: 16,\r\n    category: \"Production\",\r\n    skillName: \"Reliability\",\r\n    skillDescription:\r\n      \"Reliability on the job is a key skill for production and manufacturing employees\",\r\n  },\r\n  {\r\n    id: 17,\r\n    category: \"Production\",\r\n    skillName: \"Trainability\",\r\n    skillDescription:\r\n      \"Production and manufacturing are ever-changing in terms of technology and procedure\",\r\n  },\r\n  {\r\n    id: 18,\r\n    category: \"Production\",\r\n    skillName: \"Attention to detail\",\r\n    skillDescription:\r\n      \"The ability to focus while maintaining important details is vital for success\",\r\n  },\r\n].sort();\r\nexport default class TestDrop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      btnc: [],\r\n      btnfilt: [],\r\n      finalValues: [],\r\n      final: [],\r\n      Indexvalue: 0,\r\n      BtnIndexvalue: 0,\r\n    };\r\n    this.loop = this.loop.bind(this);\r\n    this.previous = this.previous.bind(this);\r\n  }\r\n\r\n  loop() {\r\n    let btncnt = this.state.btnc;\r\n    let btnfilt = this.state.btnfilt;\r\n    var rowcount = Math.ceil(values.length / 10);\r\n    for (var i = 0; i < rowcount; i++) {\r\n      btncnt.push(i);\r\n      btnfilt.push(i);\r\n    }\r\n    this.setState({ btncnt });\r\n    this.setState({ btnfilt });\r\n  }\r\n\r\n  index = (index) => {\r\n    //let final=[...this.state.finalValues]\r\n    this.setState({ Indexvalue: index });\r\n    let finalValues = values.slice(index * 10, index * 10 + 10);\r\n    this.setState({ finalValues });\r\n  };\r\n\r\n  forward = () => {\r\n    let btnfilt = this.state.btnfilt;\r\n  };\r\n\r\n  previous = () => {\r\n    let index = this.state.Indexvalue;\r\n    if (index === 0) {\r\n      let finalValues = values.slice(index * 10, index * 10 + 10);\r\n      this.setState({ finalValues });\r\n    } else {\r\n      let finalValues = values.slice(index * 10 - 10, index * 10 - 10 + 10);\r\n      this.setState({ finalValues });\r\n      this.setState({ Indexvalue: index - 1 });\r\n    }\r\n  };\r\n\r\n  Next = () => {\r\n    let index = this.state.Indexvalue;\r\n\r\n    var rowcount = Math.ceil(values.length / 10);\r\n    let finalValues = values.slice(index * 10 - 10, index * 10 - 10 + 10);\r\n    this.setState({ finalValues });\r\n    if (index < rowcount) {\r\n      let finalValues = values.slice(index * 10, index * 10 + 10);\r\n      this.setState({ finalValues });\r\n\r\n      this.setState({ Indexvalue: index + 1 });\r\n    }\r\n    //    else{\r\n    //     let  finalValues = values.slice(index*10-10,index*10-10+10)\r\n    //     this.setState({finalValues})\r\n    //     this.setState({Indexvalue:index-1})\r\n\r\n    //    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    let finalValues = values.slice(0, 10);\r\n    let btncnt = this.state.btnc;\r\n    var rowcount = Math.ceil(values.length / 10);\r\n    for (var i = 0; i < rowcount; i++) {\r\n      btncnt.push(i);\r\n    }\r\n    this.setState({ btncnt });\r\n    this.setState({ finalValues });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {/* <button onClick={this.loop}>hijinv</button><br/> */}\r\n        <div className=\"container\">\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-2\"></div>\r\n            <div className=\"col-lg-8\">\r\n              <div style={{ height: \"230px\" }}>\r\n                {this.state.finalValues.map((val) => (\r\n                  // {this.state.finalValues.map(val=>\r\n                  <>\r\n                    <span>{val.id}</span>&nbsp;&nbsp;\r\n                    <span>{val.skillName}</span>\r\n                    <br />\r\n                  </>\r\n                ))}\r\n              </div>\r\n\r\n              <div className=\" \">\r\n                <button> Backward </button>\r\n                <button\r\n                  style={{\r\n                    color: \"green\",\r\n                    border: \"1px transparent\",\r\n                    margin: \"8px\",\r\n                  }}\r\n                  onClick={() => this.previous()}\r\n                >\r\n                  Previous\r\n                </button>\r\n\r\n                {this.state.btnc.map((val) => (\r\n                  <button\r\n                    style={\r\n                      this.state.Indexvalue === val\r\n                        ? {\r\n                            borderRadius: \"21px\",\r\n                            border: \"1px transparent\",\r\n                            margin: \"8px\",\r\n                            backgroundColor: \"#ababab\",\r\n                          }\r\n                        : {\r\n                            borderRadius: \"21px\",\r\n                            border: \"1px transparent\",\r\n                            margin: \"8px\",\r\n                          }\r\n                    }\r\n                    onClick={() => this.index(val)}\r\n                  >\r\n                    {val + 1}\r\n                  </button>\r\n                ))}\r\n\r\n                <button\r\n                  style={{\r\n                    color: \"green\",\r\n                    border: \"1px transparent\",\r\n                    margin: \"8px\",\r\n                  }}\r\n                  onClick={() => this.Next()}\r\n                >\r\n                  Next\r\n                </button>\r\n                <button> Forward </button>\r\n              </div>\r\n            </div>\r\n            <div className=\"col-lg-2\"></div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport ReactTimeAgo from \"react-time-ago\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport fileImg from \"../../Assets/images/document.png\";\r\nexport default class AllAnnouncement extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Announcement: [],\r\n      Profile_Pic: [],\r\n      Notification: [],\r\n      Announce: [],\r\n      category: [],\r\n      AddAnnounce: [],\r\n      SaAnnouncement:[],\r\n      AllAnnouncement:[],\r\n      letters: [],\r\n      FilterData: \"\",\r\n      delay: false,\r\n      Filterpop: false,\r\n      clickedContents:\r\n        JSON.parse(localStorage.getItem(\"clickedContents\")) || {},\r\n      length: \"\",\r\n      isOpen:false,\r\n      selectedOption: ''\r\n    \r\n    };\r\n  }\r\n  popupclose=()=>{\r\n    this.setState({\r\n      isOpen:false\r\n    })\r\n\r\n    // this.GetAnnouncement();\r\n    this.setState({ Filterpop: false,\r\n      // selectedOption: ''\r\n    });\r\n  }\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n\r\n    const Announcement = this.state.AddAnnounce.filter((item) =>\r\n      item.category.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n\r\n    this.setState({ Announcement });\r\n\r\n    this.setState({ selectedOption: e.target.value });\r\n  };\r\n\r\n  GetUserAnnouncement(id) {\r\n    this.setState({\r\n      isOpen:true\r\n    })\r\n    // var Id = this.props.location.state.Id;\r\n    let url = `${BASE_URLs}/Announcement/GetUserAnnouncementID?Id=` + id;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          SaAnnouncement: data,\r\n        });\r\n        // console.log(\"user\", data);\r\n      });\r\n  }\r\n\r\n\r\n  GetAnnouncement() {\r\n    let url = `${BASE_URLs}/Announcement/GetUserAnnouncement`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        let notification = data\r\n          .map((d) => {\r\n            if (d.email === localStorage.getItem(\"email\").split(`\"`)[1]) {\r\n              return d;\r\n            }\r\n          })\r\n          .filter(function (x) {\r\n            return x !== undefined;\r\n          });\r\n        this.setState({\r\n          AddAnnounce: notification,\r\n          Sort: notification,\r\n          Announcement: notification,\r\n          AllAnnouncement:notification\r\n        });\r\n      });\r\n  }\r\n\r\n  GetUserProfile() {\r\n    let url = `${BASE_URLs}/Profile/Userprofile`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Profile_Pic: data,\r\n        });\r\n\r\n        // //\r\n      });\r\n  }\r\n\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Announcement = this.state.AllAnnouncement.filter((item) => {\r\n      const titleStartsWithLetter = item.title.charAt(0).toLowerCase() === letter.toLowerCase();\r\n      const categoryIsString = typeof item.category === 'string';\r\n      const categoryStartsWithLetter = categoryIsString && item.category.toLowerCase().startsWith(letter.toLowerCase());\r\n    \r\n      return titleStartsWithLetter || categoryStartsWithLetter;\r\n  });\r\n    this.setState({ Announcement, showResults: true, FilterData: Announcement });\r\n  };\r\n  componentDidMount() {\r\n    this.GetAnnouncement();\r\n    this.GetUserProfile();\r\n    setTimeout(() => {\r\n      this.setState({\r\n        delay: true\r\n      })\r\n    }, 500);\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n    //  var role =JSON.parse(localStorage.Role);\r\n  }\r\n  Details(Id) {\r\n    fetch(`${BASE_URLs}/Notification/UserAnnounceChangeSeen`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"*/*\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        Id: Id,\r\n      }),\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => {},\r\n        (error) => {}\r\n      );\r\n\r\n    var page = {\r\n      pathname: \"/UserAnnouncementpopup\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  handleContentClick(id) {\r\n    const clickedContents = { ...this.state.clickedContents };\r\n    clickedContents[id] = true;\r\n    localStorage.setItem(\"clickedContents\", JSON.stringify(clickedContents));\r\n    this.setState({ clickedContents });\r\n  }\r\n  bothonclick(id) {\r\n    this.handleContentClick(id);\r\n    // this.Details(id);\r\n    this.GetUserAnnouncement(id)\r\n  }\r\n\r\n  \r\n  truncateTitle(title, maxLength) {\r\n    if (title.length > maxLength) {\r\n      return title.substring(0, maxLength) + \"...\";\r\n    }\r\n    return title;\r\n  }\r\n\r\n  filterfunction = (e) => {\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.title.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.category.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement, showResults: true  });\r\n  }\r\n\r\n SeenUpdate = (id) => {\r\n  \r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      // body: data\r\n    };\r\n    fetch(\r\n      `${BASE_URLs}/Announcement/AnnounceUserSeen?id=` + id,\r\n      options\r\n    )\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n\r\n        const options = {\r\n          method: \"GET\",\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"application/json\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        };\r\n        fetch(`${BASE_URLs}/Notification/GetUserAnnoucementNoti`, options)\r\n          .then((response) => response.json())\r\n          .then((data) => {\r\n          });\r\n      });\r\n      \r\n\r\n};\r\n\r\ngetFileType(path) {\r\n  const extension = path.split('.').pop().toLowerCase();\r\n  if (['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(extension)) {\r\n    return 'image';\r\n  } else if (['mp4', 'avi', 'mov', 'wmv', 'mkv'].includes(extension)) {\r\n    return 'video';\r\n  } else if (['pdf', 'xls', 'xlsx'].includes(extension)) {\r\n    return 'document';\r\n} else {\r\n    return 'file';\r\n}\r\n}\r\n\r\nhandleImageClick = (url) => {\r\n  window.open(url, '_blank');\r\n   };\r\n  render() {\r\n    const { Announcement,isOpen,SaAnnouncement,Filterpop,delay } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n\r\n                <div className=\"page-body\">\r\n                  {/* <select name=\"Category\" onChange={this.myFunction} id=\"myInput\" className=\"btn\" style={{ borderColor: \"white\", textAlign: \"left\", width: \"150px\", height: \"42px\", padding: \"inherit\"}}>\r\n\r\n                    <option className=\"drop-options\" value=\"\">Category </option>\r\n                    <option className=\"drop-options\" value=\"Software Updates\">Software Updates</option>\r\n                    <option className=\"drop-options\" value=\"HR\">HR </option>\r\n                    <option className=\"drop-options\" value=\"Company\">Company</option>\r\n                    <option className=\"drop-options\" value=\"Foundations\">Foundations</option>\r\n                    <option className=\"drop-options\" value=\"Events\">Events</option>\r\n\r\n                  </select>  &nbsp;&nbsp; */}\r\n\r\n                  <div className=\"col-sm-12\">\r\n                    <div className=\"card\" >\r\n                      <div className=\"glowBox\">\r\n                      <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                        <h4 className=\"title\" style={{marginRight:'34px'}}>Announcements </h4>\r\n                      </div>\r\n                          <div className=\"card-block\">\r\n                          <div>\r\n                      <select\r\n                        name=\"Category\"\r\n                        onChange={this.myFunction}\r\n                        id=\"myInput\"\r\n                        className=\"btn\"\r\n                        style={{\r\n                          borderColor: \"white\",\r\n                          textAlign: \"left\",\r\n                          width: \"180px\",\r\n                          height: \"42px\",\r\n                          padding: \"inherit\",\r\n                          // marginLeft: \"20px\",\r\n                       color: 'rgb(115, 103, 240)'\r\n                        }}\r\n                        value={this.state.selectedOption}\r\n                      >\r\n                        <option className=\"\" value=\"\">\r\n                           All Category{\" \"}\r\n                        </option>\r\n                        <option\r\n                          className=\"\"\r\n                          value=\"General\"\r\n                        >\r\n                         General\r\n                        </option>\r\n                        <option\r\n                          className=\"\"\r\n                          value=\"Software Updates\"\r\n                        >\r\n                          Software Updates\r\n                        </option>\r\n                        <option className=\"\" value=\"HR\">\r\n                          HR{\" \"}\r\n                        </option>\r\n                        <option className=\"\" value=\"Company\">\r\n                          Company\r\n                        </option>\r\n                        <option className=\"\" value=\"Foundations\">\r\n                          Foundations\r\n                        </option>\r\n                        <option className=\"\" value=\"Events\">\r\n                          Events\r\n                        </option>\r\n                      </select>\r\n \r\n <input\r\n   type=\"text\"\r\n   className=\"Searchbox usersearch\"\r\n  //  id=\"CNSearch\"\r\n   placeholder=\"Search\"\r\n   onKeyPress={this.handleKeyPress}\r\n   style={{float:'right'}}\r\n   onClick={() => {\r\n                            this.setState({\r\n                            Filterpop: true,\r\n                            Filterpop: !this.state.Filterpop,\r\n                            });\r\n                            }}\r\n                            readOnly\r\n\r\n />\r\n</div>\r\n                          {/* {alldata.length === 0 && delay ? <center>\r\n                            <p>No Announcements</p>\r\n                          </center> : null} */}\r\n                          <div className=\"dt-responsive table-responsive\"\r\n                           id={Announcement.length <= 6? \"UserNoAnnLength\" : \"Above10\"}\r\n                           style={Filterpop?{  marginTop:'30px'}:{\r\n                            // marginTop:'10px'\r\n                           }}\r\n                          >\r\n                           {Announcement.length === 0 && delay? \r\n                                <center>\r\n                             \r\n                            <p>No Record</p>\r\n                          </center> \r\n                                          : null}\r\n                                          {Announcement.length !== 0 ? (<table\r\n                              id=\"add-row-table3\"\r\n                              className=\"table nowrap\"\r\n                            \r\n                            >\r\n                              <thead id='tablepadding'><tr>\r\n                            \r\n                                <th style={{color: 'rgb(115, 103, 240)'}}>Announcement Details</th>\r\n                                <th>Category </th>\r\n                                </tr>\r\n                              </thead>\r\n\r\n                              <tbody id='tablepadding'>\r\n\r\n                                  <>\r\n                                    {Announcement.map((Announcement) => (\r\n                                      <>\r\n\r\n                                        <tr>\r\n                                        \r\n\r\n                                          <td>\r\n                                          <Link\r\n                                              onClick={() =>{\r\n                                                this.bothonclick(\r\n                                                  Announcement.id )\r\n                                                 this.SeenUpdate(Announcement.id)\r\n                                              }}\r\n                                              style={{\r\n                                                color: this.state\r\n                                                  .clickedContents[\r\n                                                  Announcement.id\r\n                                                ]\r\n                                                  ? \"gray\"\r\n                                                  : \"black\",\r\n                                                cursor: \"pointer\",\r\n                                              }}\r\n                                              id='SAannLists'\r\n                                            >\r\n                                                Subject:&nbsp;<span>{this.truncateTitle(Announcement.title, 85)}</span>\r\n                                             &nbsp;<span style={{fontSize: \"12px\"}}>See More</span>\r\n                                            \r\n                                              &nbsp;&nbsp;&nbsp; \r\n                                              <ReactTimeAgo\r\n                                                date={Announcement.created_Date}\r\n                                                locale=\"en-US\"\r\n                                                style={{ color: \"gray\",fontSize:'12px' }}\r\n                                              />\r\n                                            </Link>\r\n\r\n                                          </td>\r\n                                          <td>{Announcement.category}</td>\r\n                                   \r\n                                        </tr>\r\n                                      </>\r\n                                    ))}\r\n                                  </>\r\n                              </tbody>\r\n                            </table>) : null}\r\n                          </div> </div>\r\n\r\n                    </div>\r\n                  </div>\r\n                  {isOpen ?\r\n                      <div className=\"col-lg-12\">\r\n                        <div className=\"popup\" style={{ textAlign: 'left' }}>\r\n                          <div className=\"popup-content\">\r\n                            <div className=\"Announcedetailspop\" >\r\n                              <i\r\n                                className=\"fa fa-times\"\r\n                                aria-hidden=\"true\"\r\n                                style={{\r\n                                  color: \"gray\",\r\n                                  marginLeft: \"90%\",\r\n                                  fontSize: \"17px\",\r\n                                  cursor: 'pointer'\r\n                                }}\r\n                                onClick={this.popupclose}\r\n                              ></i>\r\n                              <br />\r\n                              <center><h6><b>Announcement Details</b></h6></center>\r\n                              <div className=\"card-block\">\r\n                                <div>\r\n                                  {SaAnnouncement &&\r\n                                    SaAnnouncement.map &&\r\n                                    SaAnnouncement.map((Announcement) => (\r\n                                      <>\r\n                                        {Announcement.image === \"-\" &&\r\n                                          Announcement.video === \"-\" ? (\r\n                                          <div >\r\n                                            <div\r\n                                            >\r\n                                              <span\r\n                                                key={Announcement.id}\r\n                                                style={{ margin: \"0%\" }}\r\n                                              >\r\n\r\n                                                <b>Subject:</b> &nbsp; <span\r\n                                                  style={{ overflowWrap: \"break-word\", width: \"50%\", }}\r\n                                                > {Announcement.title}</span><br /><br />\r\n                                                <b>Description:</b> &nbsp; <span\r\n                                                  style={{ overflowWrap: \"break-word\", width: \"50%\", }}> {Announcement.message}</span>\r\n\r\n                                              </span>\r\n                                            </div>\r\n                                          </div>\r\n                                        ) : (\r\n\r\n                                          <>\r\n                                          <div style={{ width:\"97%\",height: \"237px\", overflow: \"scroll\"}}>\r\n                                            {Announcement.image.split(',').map((imageUrl, index) => (\r\n                                              <div style={{ display: \"inline-block\", marign: \"10px\" }} key={index}>\r\n                                                {index === 0 && (\r\n    <>\r\n    <span style={{ margin: \"38px\" }}>\r\n      <b>Subject:</b> &nbsp;\r\n      <span style={{ overflowWrap: \"break-word\", width: \"50%\" }}>\r\n        {Announcement.title}\r\n      </span>\r\n    </span>\r\n    <br /><br />\r\n    <span style={{ margin: \"38px\" }}>\r\n      <b>Description:</b> &nbsp;\r\n      <span style={{ overflowWrap: \"break-word\", width: \"50%\" }}>\r\n        {Announcement.message}\r\n      </span>\r\n    </span>\r\n    <br /><br />\r\n    </>\r\n)}\r\n                                                <div style={{margin:\"10px\"}}>\r\n                                                {this.getFileType(imageUrl) === 'image' ? (\r\n\r\n                                                  <span style={{ margin:\"30px\" }}>\r\n                                                  <b>Image:&nbsp;</b>\r\n\r\n{imageUrl.split(',').map((Url, index) => (\r\n<img\r\nkey={index}\r\nalt={`Image ${index}`}\r\nsrc={imageUrl.trim()} \r\nstyle={{ width: \"100px\", height: \"100px\" }}\r\nonClick={() => this.handleImageClick(Url.trim())}\r\n/>\r\n))}\r\n                                                  </span>\r\n                                                ) : this.getFileType(imageUrl) === 'video' ? (\r\n                                                  <span style={{ display: \"flex\", margin:\"30px\" }}>\r\n                                                    <span><b>video:</b></span>\r\n                                                    <video\r\n                                                      controls\r\n                                                      style={{ width: \"125px\", height: '118px', marginTop: '-61px' }}\r\n                                                    >\r\n                                                      <source src={imageUrl} type=\"video/mp4\" />\r\n                                                      <source src={imageUrl} type=\"video/ogg\" />\r\n                                                    </video>\r\n                                                  </span>\r\n                                                ) : (\r\n                                                  <span style={{margin:\"30px\"}}>\r\n                                                    <b>File:</b> \r\n                                                    <img\r\n                                                      src={fileImg}\r\n                                                      style={{ height: \"30px\", width: \"30px\" }}\r\n                                                    />\r\n                                                    &nbsp;\r\n                                                    <a\r\n                                                      href={imageUrl}\r\n                                                      name=\"picture\"\r\n                                                      readOnly\r\n                                                      value={imageUrl}\r\n                                                      title=\"\"\r\n                                                      target=\"_blank\"\r\n                                                    >\r\n                                                      <span>\r\n                                                        {imageUrl.slice(\"https://localhost:44369/Images/Announcement_Image_\".length)}\r\n                                                      </span>\r\n                                                    </a>\r\n                                                  </span>\r\n\r\n                                                )}\r\n                                               </div>\r\n                                              </div>\r\n                                            ))}\r\n                                            </div>\r\n                                          </>\r\n                                        )}\r\n                                      </>\r\n                                    ))}\r\n                                </div>\r\n                              </div>\r\n                            </div> </div> </div></div> : null}\r\n                </div>\r\n              </div>\r\n\r\n              {Filterpop && (\r\n                              <div className=\"popSearchTeam\">\r\n                                <div className=\"popSearchinnernormalTeam\">\r\n                                  <div\r\n                                    className=\"popSearchinnertitle\"\r\n                                    id=\"popSearchinnernormal\"\r\n                                  >\r\n                                    <button\r\n                                      id=\"close\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        backgroundColor: \"#a0a3a305\",\r\n                                        color: \"#797070\",\r\n                                        border: \"1px solid #a3a5a505\",\r\n                                        marginTop: \"-20px\",\r\n                                        marginRight: \"-20px\",\r\n                                      }}\r\n                                      onClick={() => {\r\n                                        this.setState({ Filterpop: false,selectedOption: ''});\r\n                                        this.GetAnnouncement();\r\n                                   \r\n                                      }}\r\n                                    >\r\n                                      <CloseIcon />\r\n                                    </button>\r\n\r\n                                    <div className=\"checkboxes\">\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          fontSize: \"20px\",\r\n                                          color: \"gray\",\r\n                                          marginLeft: \"-1%\",\r\n                                          position: \"absolute\",\r\n                                          marginTop: \"0.5%\",\r\n                                        }}\r\n                                      ></i>\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onChange={this.filterfunction}\r\n                                        style={{ float: \"right\", width: \"80%\" }}\r\n                                      />\r\n                                      <br></br>\r\n                                      {this.state.letters.map(\r\n                                        (letter, index) => (\r\n                                          <button\r\n                                            className=\"filter\"\r\n                                            key={index}\r\n                                            onClick={(event) =>\r\n                                              this.handleFilter(\r\n                                                letter,\r\n                                                event\r\n                                              )\r\n                                            }\r\n                                          >\r\n                                            {letter}\r\n                                          </button>\r\n                                        )\r\n                                      )}\r\n                                      <br></br>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport fileImg from \"../../Assets/images/document.png\";\r\nexport default class UserCompanyDocument extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      formErrors: {},\r\n      Pending: [],\r\n      Notification: [],\r\n      Profile_Pic: [],\r\n      OfficeDocument: [],\r\n   \r\n      AllOfficeDocument: [],\r\n      letters: [],\r\n      Filterpop: false,\r\n      ID:'',\r\n      delay: false,\r\n      Document:[],\r\n      isOpen: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n\r\n    if (this.handleFormValidation()) {\r\n      const data = new FormData(event.target);\r\n\r\n      fetch(`${BASE_URLs}/UserRequest/AddRequest`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          alert(resp.message);\r\n        });\r\n    }\r\n  }\r\n\r\n  handleFormValidation() {\r\n    let description = document.getElementById(\"description\").value;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!description) {\r\n      formIsValid = false;\r\n      formErrors[\"DescriptionErr\"] = \"Description is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  GetUserProfile() {\r\n    let url = `${BASE_URLs}/Profile/Userprofile`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Profile_Pic: data,\r\n        });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetUserProfile();\r\n    this.Getpending();\r\n\r\n    setTimeout(() => {\r\n      this.setState({\r\n        delay: true\r\n      })\r\n    }, 500);\r\n\r\n    var UserId = localStorage.getItem('adminId');\r\n    UserId = UserId.replace(/^\"(.*)\"$/, '$1');\r\n\r\n    this.GetOfficeDocument(UserId);\r\n    this.setState({ID:UserId})\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n\r\n    var role = JSON.parse(localStorage.Role);\r\n\r\n    if (role.toString() === \"Platform Admin\") {\r\n      document\r\n        .getElementById(\"navright\")\r\n        .setAttribute(\"style\", \" display:none;\");\r\n      /* document.getElementById(\"sidedrop\").setAttribute( 'style', '  display:none;'); */\r\n      /*document.getElementById(\"sidebarimg\").setAttribute( 'style', '  display:none;'); */\r\n      document\r\n        .getElementById(\"mainorg\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"sidebarteam\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"sidebarEducation\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"sidebarskills\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"paytimeof\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"sidebarTraining\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"sidebarContact\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"sidebardrop\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"AdminadOrg\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n      document\r\n        .getElementById(\"admindash\")\r\n        .setAttribute(\"style\", \"  display:none;\");\r\n    } else {\r\n      //   document.getElementById(\"allcards\").setAttribute( 'style', '  display:none;');\r\n      //    document.getElementById(\"sidebarAnnouncement\").setAttribute( 'style', '  display:none;');\r\n      //    //document.getElementById(\"sidebarNotifications\").setAttribute( 'style', '  display:none;');\r\n      //     document.getElementById(\"sidebarchangepass\").setAttribute( 'style', '  display:none;');\r\n      //    document.getElementById(\"sidebarmasters\").setAttribute( 'style', '  display:none;');\r\n      //document.getElementById(\"sidebarremainder\").setAttribute( 'style', '  display:none;');\r\n      //document.getElementById(\"adorg\").setAttribute( 'style', '  display:none;');\r\n      /*   document.getElementById(\"dashall\").setAttribute( 'style', '  display:none;');\r\n              document.getElementById(\"dashactive\").setAttribute( 'style', '  display:none;');\r\n              document.getElementById(\"dashinactive\").setAttribute( 'style', '  display:none;'); */\r\n    }\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n        //\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n        //\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n        //\r\n      });\r\n  }\r\n  Getpending() {\r\n    fetch(`${BASE_URLs}/AddOrganization/pendingcount`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Pending: data });\r\n      });\r\n  }\r\n  popupclose = () => {\r\n    this.setState({\r\n      isOpen: false\r\n    })\r\n  }\r\n  GetOfficeDocument(Id) {\r\n    \r\n    let url = `${BASE_URLs}/AdminOfficeDocuments/GetUserCompanyDocument?Id=` + Id;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          OfficeDocument: data,\r\n          AllOfficeDocument: data,\r\n        });\r\n        // console.log(\"user\", data);\r\n        \r\n      });\r\n  }\r\n\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const OfficeDocument = this.state.AllOfficeDocument.filter((item) => {\r\n    return (\r\n      item.officeDocumentTitle.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n      item.category.charAt(0).toLowerCase() === letter.toLowerCase() \r\n    );\r\n  });\r\n  this.setState({ OfficeDocument, showResults: true  });\r\n  };\r\n\r\n  \r\n  filterfunction = (e) => {\r\n    const OfficeDocument = this.state.AllOfficeDocument.filter(\r\n      (item) =>\r\n        item.officeDocumentTitle.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.category.toLowerCase().includes(e.target.value.toLowerCase()) \r\n    );\r\n    this.setState({ OfficeDocument, showResults: true  });\r\n  }\r\n\r\n  getFileType(path) {\r\n    const extension = path.split('.').pop().toLowerCase();\r\n    if (['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(extension)) {\r\n      return 'image';\r\n    } else if (['mp4', 'avi', 'mov', 'wmv', 'mkv'].includes(extension)) {\r\n      return 'video';\r\n    } else if (['pdf', 'xls', 'xlsx'].includes(extension)) {\r\n      return 'document';\r\n    } else {\r\n      return 'file';\r\n    }\r\n  }\r\n\r\n\r\n  GetDocument(Id,UserId) {\r\n\r\n    this.setState({\r\n      isOpen: true\r\n    })\r\n\r\n    let url = `${BASE_URLs}/AdminOfficeDocuments/GetUserSideDocument?Id=` + Id +  \"&UserId=\" +\r\n    UserId;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Document: data,\r\n        });\r\n        // console.log(\"user\", data);\r\n      });\r\n  }\r\n\r\n  handleImageClick = (url) => {\r\n    window.open(url, '_blank');\r\n     };\r\n  render() {\r\n    const { OfficeDocument, Filterpop,delay,isOpen,Document } = this.state;\r\n    return (\r\n      <div>\r\n        {\" \"}\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            {\" \"}\r\n                            Office Documents\r\n                          </h4>\r\n                        </div>\r\n\r\n                        {isOpen ?\r\n                          <div className=\"col-lg-12\">\r\n                            <div className=\"popup\" style={{ textAlign: 'left' }}>\r\n                              <div className=\"popup-content\">\r\n                                <div className=\"Announcedetailspop\" >\r\n                                  <i\r\n                                    className=\"fa fa-times\"\r\n                                    aria-hidden=\"true\"\r\n                                    style={{\r\n                                      color: \"gray\",\r\n                                      marginLeft: \"90%\",\r\n                                      fontSize: \"17px\",\r\n                                      cursor: 'pointer'\r\n                                    }}\r\n                                    onClick={this.popupclose}\r\n                                  ></i>\r\n                                  <br />\r\n                                  <center><h6><b>Attachment</b></h6></center>\r\n                                  <div className=\"card-block\">\r\n\r\n                                    {Document.map((OfficeDocument) => (\r\n                                      <>\r\n                                      <div style={{height: \"237px\", overflow: \"scroll\"}}>\r\n                                        {OfficeDocument.officeDocument.split(',').map((imageUrl, index) => (\r\n                                          <div style={{ display: \"inline-block\", marign: \"10px\" }} key={index}>\r\n \r\n                                                <div style={{margin:\"10px\"}}>\r\n                                                {this.getFileType(imageUrl) === 'image' ? (\r\n                                                  \r\n                                                  <span style={{ margin:\"30px\" }}>\r\n                                                  <b>Image:&nbsp;</b>\r\n\r\n{imageUrl.split(',').map((Url, index) => (\r\n<img\r\nkey={index}\r\nalt={`Image ${index}`}\r\nsrc={imageUrl.trim()} \r\nstyle={{ width: \"100px\", height: \"100px\" }}\r\nonClick={() => this.handleImageClick(Url.trim())}\r\n/>\r\n))}\r\n                                                  </span>\r\n                                                ) : this.getFileType(imageUrl) === 'video' ? (\r\n                                                  <span style={{ display: \"flex\", margin:\"30px\" }}>\r\n                                                    <span><b>video:</b></span>\r\n                                                    <video\r\n                                                      controls\r\n                                                      style={{ width: \"125px\", height: '118px', marginTop: '-62px', marginLeft:\"8px\" }}\r\n                                                    >\r\n                                                      <source src={imageUrl} type=\"video/mp4\" />\r\n                                                      <source src={imageUrl} type=\"video/ogg\" />\r\n                                                    </video>\r\n                                                  </span>\r\n                                                ) : (\r\n                                                  <span style={{margin:\"30px\"}}>\r\n                                                    <b>File:</b> \r\n                                                    <img\r\n                                                      src={fileImg}\r\n                                                      style={{ height: \"30px\", width: \"30px\" }}\r\n                                                    />\r\n                                                    &nbsp;\r\n                                                    <a\r\n                                                      href={imageUrl}\r\n                                                      name=\"picture\"\r\n                                                      readOnly\r\n                                                      value={imageUrl}\r\n                                                      title=\"\"\r\n                                                      target=\"_blank\"\r\n                                                    >\r\n                                                      <span>\r\n                                                      {imageUrl.includes(`https://localhost:44369/Images/OfficeDocument_`)?\r\n                                                      <>  {imageUrl.replace(\"https://localhost:44369/Images/OfficeDocument_\", \"\")}</>:\r\n                                                      <>  {imageUrl.replace(\"https://apitest.oneawesometeam.com/Images/OfficeDocument_\", \"\")}</>\r\n                                                      }\r\n                                                     {/* {imageUrl.replace(\"https://localhost:44369/Images/OfficeDocument_\", \"\")} */}\r\n                                                   \r\n                                                      </span>\r\n                                                    </a>\r\n                                                  </span>\r\n                                                )}\r\n                                                </div>\r\n                                                </div>\r\n                                        ))} \r\n                                        </div>\r\n                                         </>\r\n                                    ))}\r\n                                   \r\n                                  </div>\r\n                                </div> </div> </div></div> : null}\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <br />\r\n                            <br />\r\n\r\n                            <div className=\"container\">\r\n                              <div className=\"col-lg-12\">\r\n                              <div>\r\n                 <input\r\n   type=\"text\"\r\n   className=\"Searchbox usersearch\"\r\n  //  id=\"CNSearch\"\r\n   placeholder=\"Search\"\r\n   onKeyPress={this.handleKeyPress}\r\n   style={{float:'right'}}\r\n   onClick={() => {\r\n                            this.setState({\r\n                            Filterpop: true,\r\n                            Filterpop: !this.state.Filterpop,\r\n                            });\r\n                            }}\r\n                            readOnly\r\n\r\n /></div>\r\n                                <div className=\"dt-responsive table-responsive\">\r\n                                {OfficeDocument.length === 0 && delay? \r\n                                <center>\r\n                             \r\n                            <p>No Record</p>\r\n                          </center> \r\n                                          : null}\r\n                                          {OfficeDocument.length !== 0 ? (    <table\r\n                                      id=\"add-row-table3\"\r\n                                      className=\"table nowrap\"\r\n                                    >\r\n                                      <thead>\r\n                                        <tr>\r\n                                        <th> Title </th>\r\n                                          <th>Category </th>\r\n                                        \r\n                                          <th>Office Document </th>\r\n                                        </tr>\r\n                                      </thead>\r\n                                   \r\n                                      <tbody>\r\n                                        {OfficeDocument.map(\r\n                                          (OfficeDocument) => (\r\n                                            <tr>\r\n                                            <td>\r\n                                                {\r\n                                                  OfficeDocument.officeDocumentTitle\r\n                                                }\r\n                                              </td>\r\n                                              <td>\r\n                                                {\" \"}\r\n                                                {OfficeDocument.category}{\" \"}\r\n                                              </td>\r\n                                             \r\n                                              <td>\r\n                                                <span\r\n                                                   style={{\r\n                                            cursor: 'pointer'\r\n                                          }}\r\n\r\n                                          onClick={(e) => {\r\n                                            e.preventDefault();\r\n                                            this.GetDocument(OfficeDocument.id,this.state.ID)\r\n                                          }}\r\n                                                >\r\n                                                  Show Document\r\n                                                </span>\r\n                                              </td>\r\n                                            </tr>\r\n                                          )\r\n                                        )}\r\n                                      </tbody> \r\n                                    </table>) : null}\r\n                                 \r\n                                </div>\r\n\r\n                                <br />\r\n                              </div>\r\n                              <br /> <br />\r\n                              <br /> <br />\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {Filterpop && (\r\n                              <div className=\"popSearchTeam\">\r\n                                <div className=\"popSearchinnernormalTeam\">\r\n                                  <div\r\n                                    className=\"popSearchinnertitle\"\r\n                                    id=\"popSearchinnernormal\"\r\n                                  >\r\n                                    <button\r\n                                      id=\"close\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        backgroundColor: \"#a0a3a305\",\r\n                                        color: \"#797070\",\r\n                                        border: \"1px solid #a3a5a505\",\r\n                                        marginTop: \"-20px\",\r\n                                        marginRight: \"-20px\",\r\n                                      }}\r\n                                      onClick={() => {\r\n                                        this.setState({ Filterpop: false,selectedOption: ''});\r\n                                            this.GetOfficeDocument(this.state.ID);\r\n                                      }}\r\n                                    >\r\n                                      <CloseIcon />\r\n                                    </button>\r\n\r\n                                    <div className=\"checkboxes\">\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          fontSize: \"20px\",\r\n                                          color: \"gray\",\r\n                                          marginLeft: \"-1%\",\r\n                                          position: \"absolute\",\r\n                                          marginTop: \"0.5%\",\r\n                                        }}\r\n                                      ></i>\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onChange={this.filterfunction}\r\n                                        style={{ float: \"right\", width: \"80%\" }}\r\n                                      />\r\n                                      <br></br>\r\n                                      {this.state.letters.map(\r\n                                        (letter, index) => (\r\n                                          <button\r\n                                            className=\"filter\"\r\n                                            key={index}\r\n                                            onClick={(event) =>\r\n                                              this.handleFilter(\r\n                                                letter,\r\n                                                event\r\n                                              )\r\n                                            }\r\n                                          >\r\n                                            {letter}\r\n                                          </button>\r\n                                        )\r\n                                      )}\r\n                                      <br></br>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { MoonLoader } from \"react-spinners\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class DashBoard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      Pending: [],\r\n      Notification: [],\r\n      Profile_Pic: [],\r\n      SkillDetails: [],\r\n      Loading: false,\r\n      Team:[]\r\n    };\r\n  }\r\n\r\n  GetUserProfile() {\r\n    let url = `${BASE_URLs}/Profile/Userprofile`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Profile_Pic: data,\r\n        });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetUserProfile();\r\n    \r\n    this.Getpending();\r\n    this.SkillDetailList();\r\n    this.interval = setInterval(() => {\r\n      this.Team();  \r\n    }, 2000);\r\n    this.setState({ Loading: true });\r\n    document.getElementById(\"maindiv\").style.display = \"none\";\r\n    setTimeout(() => {\r\n      this.setState({ Loading: false });\r\n      // console.log(\"Teammmmm\")\r\n\r\n      document.getElementById(\"UDloader\").style.display = \"none\";\r\n      document.getElementById(\"maindiv\").style.display = \"block\";\r\n    }, 500);\r\n  }\r\n  componentWillUnmount() {\r\n    // Clear the interval when the component is unmounted to avoid memory leaks\r\n    clearInterval(this.interval);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n        //\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n        //\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n        //\r\n      });\r\n  }\r\n  Getpending() {\r\n    fetch(`${BASE_URLs}/AddOrganization/pendingcount`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Pending: data });\r\n      });\r\n  }\r\n\r\n  SkillDetailList() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetUserSkill`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SkillDetails: data });\r\n        // console.log(data, \"Skilldetails\");\r\n      });\r\n  }\r\n\r\n  \r\n  Team() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeamStatus`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        data.sort((a, b) => parseInt(a.teamId) - parseInt(b.teamId));\r\n        this.setState({\r\n          Team: data,\r\n          Teams: data,\r\n        });\r\n        // console.log(\"hess\", data);\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { SkillDetails,Team } = this.state;\r\n    var username = JSON.parse(localStorage.uname);\r\n    var Email = JSON.parse(localStorage.email);\r\n\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        {/* new Admin  dashboard */}\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"loader\" id=\"UDloader\" style={{ top: \"350px\" }}>\r\n              <MoonLoader\r\n                color={\"#123abc\"}\r\n                loading={this.props.loading}\r\n                size={30}\r\n              />\r\n            </div>\r\n            <div className=\"main-body\" id=\"maindiv\">\r\n              <div className=\"page-wrapper\">\r\n\r\n                {\r\n                  Team.map((Teams)=>{\r\n                    return <>\r\n                    {Teams.status == 1 && Teams.email == Email && SkillDetails.length == 0 ? \r\n                    <div\r\n                    style={{\r\n                      textAlign: \"center\",\r\n                      marginLeft: \"43px\",\r\n                      marginTop: \"3%\",\r\n                    }}\r\n                  >\r\n                    <h3>Dear {username},Complete Your Profile</h3>\r\n                    <br />\r\n                    <Link to=\"/Profile\">\r\n                      <span>\r\n                        <input\r\n                          type=\"button\"\r\n                          className=\"but\"\r\n                          value=\"Profile\"\r\n                          style={{ height: \"41.5px\", width: \"104.36px\" }}\r\n                        />\r\n                      </span>\r\n                    </Link>{\" \"}\r\n                    &nbsp; &nbsp; &nbsp;\r\n                    </div> : Teams.status == 0 && Teams.email == Email ?  <div\r\n                    style={{\r\n                      textAlign: \"center\",\r\n                      marginLeft: \"43px\",\r\n                      marginTop: \"3%\",\r\n                    }}\r\n                  >\r\n                    <h3>Dear {username},You have been Deactivated</h3>\r\n                    </div>: Teams.status == 3 && Teams.email == Email?<div\r\n                    style={{\r\n                      textAlign: \"center\",\r\n                      marginLeft: \"43px\",\r\n                      marginTop: \"3%\",\r\n                    }}\r\n                  >\r\n                    <h3>Dear {username},You have been Terminated</h3>\r\n                    </div>: Teams.status == 1 && Teams.email == Email && SkillDetails.length != 0?\r\n                    (\r\n                  <>\r\n                    <div className=\"row\">\r\n                      <div className=\"col-md-12 col-xl-4\">\r\n                        <div className=\"card\">\r\n                          <div className=\"widget-profile-card-1\">\r\n                            <img\r\n                              alt=\"fluid\"\r\n                              className=\"img-fluid\"\r\n                              src=\"assets/images/slider/slider7.jpg\"\r\n                            />\r\n                            <div className=\"middle-user\">\r\n                              <img\r\n                                alt=\"imgthumb\"\r\n                                className=\"img-fluid img-thumbnail\"\r\n                                src=\"assets/images/user-card/img-round2.jpg\"\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <div className=\"card-block text-center\">\r\n                            <h3>Jenny Joe</h3>\r\n                            <p>Web Designer</p>\r\n                            {/* <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci a, rem accusantium recusandae beatae.</p> */}\r\n                          </div>\r\n                          <div className=\"card-footer bg-inverse\">\r\n                            <div className=\"row text-center\">\r\n                              <div className=\"col-xs-4 col-sm-4 col-lg-4\">\r\n                                {/* <h4></h4> */}\r\n                                <span>Designs</span>\r\n                              </div>\r\n                              <div className=\"col-xs-4 col-sm-4 col-lg-4\">\r\n                                {/* <h4></h4> */}\r\n                                <span>Projects</span>\r\n                              </div>\r\n                              <div className=\"col-xs-4 col-sm-4 col-lg-4\">\r\n                                {/* <h4></h4> */}\r\n                                <span>Devlopments</span>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"col-md-12 col-xl-4\">\r\n                        <div\r\n                          className=\"card user-activity-card\"\r\n                          style={{ height: \"94%\" }}\r\n                        >\r\n                          <div className=\"card-block-big\">\r\n                            <h5>User Activities</h5>\r\n                            {/* <h3 className=\"user-number\"></h3> */}\r\n                            <h6 className=\"m-b-15\">Social Users</h6>\r\n                            <div className=\"progress m-b-30\">\r\n                              <div\r\n                                className=\"progress-bar progress-bar-striped progress-sm progress-bar-warning\"\r\n                                role=\"progressbar\"\r\n                                style={{ width: \"50%\" }}\r\n                                aria-valuenow={50}\r\n                                aria-valuemin={0}\r\n                                aria-valuemax={100}\r\n                              />\r\n                            </div>\r\n                            <div className=\"row m-b-40\">\r\n                              <div className=\"col-sm-6\">\r\n                                <p>Page Visits</p>\r\n                                {/* <h6></h6> */}\r\n                              </div>\r\n                              <div className=\"col-sm-6\">\r\n                                <p>New Visitors</p>\r\n                                {/* <h6></h6> */}\r\n                              </div>\r\n                            </div>\r\n                            <div className=\"row\">\r\n                              <div className=\"col-sm-6\">\r\n                                <p>Page Visits</p>\r\n                                {/* <h6></h6> */}\r\n                              </div>\r\n                              <div className=\"col-sm-6\">\r\n                                <p>New Visitors</p>\r\n                                {/* <h6></h6> */}\r\n                              </div>\r\n                            </div>\r\n                            <i className=\"icofont icofont-link-alt link\" />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className=\" weather-card-1  text-center\">\r\n                        <div className=\"mob-bg-calender bg-facebook\">\r\n                          <div className=\"row\">\r\n                            <div className=\"col-sm-12\">\r\n                              <h4>Sunday</h4>\r\n                              <h1 className=\"weather-temp\">23</h1>\r\n                            </div>\r\n                            <div className=\"col-sm-12\">\r\n                              <svg\r\n                                version=\"1.1\"\r\n                                id=\"cloudDrizzle\"\r\n                                className=\"climacon climacon_cloudDrizzle\"\r\n                                viewBox=\"15 15 70 70\"\r\n                              >\r\n                                <g className=\"climacon_iconWrap climacon_iconWrap-cloudDrizzle\">\r\n                                  <g className=\"climacon_wrapperComponent climacon_wrapperComponent-drizzle\">\r\n                                    <path\r\n                                      className=\"climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left\"\r\n                                      d=\"M42.001,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2.001-0.895-2.001-2v-3.998C40,54.538,40.896,53.644,42.001,53.644z\"\r\n                                    />\r\n                                    <path\r\n                                      className=\"climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle\"\r\n                                      d=\"M49.999,53.644c1.104,0,2,0.896,2,2v4c0,1.104-0.896,2-2,2s-1.998-0.896-1.998-2v-4C48.001,54.54,48.896,53.644,49.999,53.644z\"\r\n                                    />\r\n                                    <path\r\n                                      className=\"climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right\"\r\n                                      d=\"M57.999,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2-0.895-2-2v-3.998C55.999,54.538,56.894,53.644,57.999,53.644z\"\r\n                                    />\r\n                                  </g>\r\n                                  <g className=\"climacon_wrapperComponent climacon_wrapperComponent-cloud\">\r\n                                    <path\r\n                                      className=\"climacon_component climacon_component-stroke climacon_component-stroke_cloud\"\r\n                                      d=\"M63.999,64.944v-4.381c2.387-1.386,3.998-3.961,3.998-6.92c0-4.418-3.58-8-7.998-8c-1.603,0-3.084,0.481-4.334,1.291c-1.232-5.316-5.973-9.29-11.664-9.29c-6.628,0-11.999,5.372-11.999,12c0,3.549,1.55,6.729,3.998,8.926v4.914c-4.776-2.769-7.998-7.922-7.998-13.84c0-8.836,7.162-15.999,15.999-15.999c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.336-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12C71.997,58.864,68.655,63.296,63.999,64.944z\"\r\n                                    />\r\n                                  </g>\r\n                                </g>\r\n                              </svg>\r\n                              <span className=\"weather-temp\">8°</span>\r\n                              <h5>New York , NY , USA</h5>\r\n                              <span className=\"d-block\">6:00 AM</span>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"row\">\r\n                      <div className=\"col-md-12 col-xl-4 m-b-30\">\r\n                        <div className=\"widget-main-card blur-user-card\">\r\n                          <img\r\n                            alt=\"bluruser\"\r\n                            src=\"assets/images/widget/user-blur-bg.png\"\r\n                          />\r\n                          <h3>Linda Fox</h3>\r\n                          <p>UI Designer at CreativesCastle Studio</p>\r\n                          <button className=\"btn btn-info\">+ Follow</button>\r\n                          <div className=\"blur-footer\">\r\n                            <div className=\"row text-center\">\r\n                              <div className=\"col-xs-4 col-sm-4 col-lg-4\">\r\n                                {/* <h4></h4> */}\r\n                                <span>Shots</span>\r\n                              </div>\r\n                              <div className=\"col-xs-4 col-sm-4 col-lg-4\">\r\n                                {/* <h4></h4> */}\r\n                                <span>Followers</span>\r\n                              </div>\r\n                              <div className=\"col-xs-4 col-sm-4 col-lg-4\">\r\n                                {/* <h4></h4> */}\r\n                                <span>Following</span>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className=\"col-md-6 col-xl-4\">\r\n                        <div className=\"card\">\r\n                          <div className=\"widget-profile-card-3\">\r\n                            <img\r\n                              alt=\"fluid\"\r\n                              className=\"img-fluid img-thumbnail\"\r\n                              src=\"assets/images/user-card/img-round1.jpg\"\r\n                            />\r\n                          </div>\r\n                          <div className=\"card-block text-center\">\r\n                            <h3>John Doe</h3>\r\n                            <p>Web Designer</p>\r\n                            {/* <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci a, rem accusantium recusandae beatae.</p> */}\r\n                          </div>\r\n                          <div className=\"card-footer bg-inverse\">\r\n                            <div className=\"row text-center\">\r\n                              <div className=\"col-sm-4\">\r\n                                {/* <h4></h4> */}\r\n                                <span>Designs</span>\r\n                              </div>\r\n                              <div className=\"col-sm-4\">\r\n                                {/* <h4></h4> */}\r\n                                <span>Projects</span>\r\n                              </div>\r\n                              <div className=\"col-sm-4\">\r\n                                {/* <h4></h4> */}\r\n                                <span>Devlopments</span>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className=\"col-md-6 col-xl-4 m-b-30\">\r\n                        <div className=\"card social-card-1\">\r\n                          <div className=\"card-block-big\">\r\n                            <div className=\"media\">\r\n                              <div className=\"media-left\">\r\n                                <a href>\r\n                                  <img\r\n                                    alt=\"fluidim\"\r\n                                    className=\"img-fluid img-thumbnail img-circle img-100\"\r\n                                    src=\"assets/images/user-card/img-round1.jpg\"\r\n                                  />\r\n                                </a>\r\n                              </div>\r\n                              <div className=\"media-body\">\r\n                                <h4 className=\"media-heading m-b-15\">\r\n                                  John Martin\r\n                                </h4>\r\n                                <h6 className=\"f-w-300\">Grphics Designer</h6>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <div className=\"card-footer\">\r\n                            <div className=\"row text-center\">\r\n                              <div className=\"col-sm-4\">\r\n                                <div className=\"social-media\">\r\n                                  <i className=\"icofont icofont-heart-alt\" />\r\n                                  {/* <h5 className=\"counter\"></h5> */}\r\n                                </div>\r\n                              </div>\r\n                              <div className=\"col-sm-4\">\r\n                                <div className=\"social-media\">\r\n                                  <i className=\"icofont icofont-ui-user\" />\r\n                                  {/* <h5 className=\"counter\"></h5> */}\r\n                                </div>\r\n                              </div>\r\n                              <div className=\"col-sm-4\">\r\n                                <div className=\"social-media\">\r\n                                  <i className=\"icofont icofont-eye-alt\" />\r\n                                  {/* <h5 className=\"counter\"></h5> */}\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </>\r\n                ):null}\r\n                    </>\r\n                  })\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n\r\n        {/* End Admin New Dashboard */}\r\n\r\n        {/* Start Super Admin New Dashboard */}\r\n\r\n        {/* End Super Admin New Dashboard */}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class UserHoliday extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      formErrors: {},\r\n      Pending: [],\r\n      Notification: [],\r\n      Profile_Pic: [],\r\n      Holiday: [],\r\n      AllHoliday: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData:\"\",\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n\r\n    if (this.handleFormValidation()) {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/UserRequest/AddRequest`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          alert(resp.message);\r\n        });\r\n    }\r\n  }\r\n\r\n  handleFormValidation() {\r\n    let description = document.getElementById(\"description\").value;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!description) {\r\n      formIsValid = false;\r\n      formErrors[\"DescriptionErr\"] = \"Description is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  GetUserProfile() {\r\n    let url = `${BASE_URLs}/Profile/Userprofile`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Profile_Pic: data,\r\n        });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetUserProfile();\r\n\r\n    this.GetHoliday();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  GetHoliday() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Holiday/UserHolidayGet`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Holiday: data });\r\n        this.setState({ AllHoliday: data });\r\n      });\r\n  }\r\n\r\n  formatDate = (inputDate) => {\r\n    const date = new Date(inputDate);\r\n    const day = String(date.getDate()).padStart(2, \"0\");\r\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n    const year = date.getFullYear();\r\n    return `${month}-${day}-${year}`;\r\n  };\r\n\r\n  formatDate1 = (inputDate) => {\r\n    const date = new Date(inputDate);\r\n    const day = String(date.getDate()).padStart(2, \"0\");\r\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n    const year = date.getFullYear();\r\n    return `${day}-${month}-${year}`;\r\n  };\r\n\r\n  exportXlsx(filename) {\r\n\r\n    var table_elt = document.getElementById(\"UserLocationExport\");\r\n\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  handleHolidayFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Holiday = this.state.AllHoliday.filter((item) => {\r\n      return (\r\n        item.reason.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.optional.charAt(0).toLowerCase() === letter.toLowerCase()\r\n      );\r\n    });\r\n    this.setState({ Holiday, showResults: true, FilterData: Holiday});\r\n  };\r\n  onKeyUp = (e) => {\r\n    const Holiday = this.state.AllHoliday.filter(\r\n      (item) =>\r\n        item.reason.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.optional.toLowerCase().includes(e.target.value.toLowerCase())\r\n\r\n    );\r\n    this.setState({ Holiday });\r\n  }\r\n\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const { Holiday, Filterpop,AllHoliday, FilterData } = this.state;\r\n    var filename = `O_${username}_Location`;\r\n\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            Holidays\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-block\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                           \r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                                onClick={() => this.exportXlsx(filename)}\r\n                              // onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n                             \r\n                           \r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                // id=\"CNSearch\"\r\n                                placeholder=\"Search\"\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                style={{float:\"right\"}}\r\n                                readOnly\r\n                              />\r\n                             \r\n                            <div>\r\n                              <div className=\"col-lg-12\">\r\n                                <div className=\"dt-responsive table-responsive\"\r\n                                style={Filterpop ? {marginTop: '40px'} : {}}\r\n                                >\r\n                                 \r\n                                  {AllHoliday.length !== 0 ? (\r\n                                    <table\r\n                                      id=\"add-row-table3\"\r\n                                      className=\"table nowrap \"\r\n                                    >\r\n                                       <thead id=\"tablepaddingA\">\r\n                                        <tr>\r\n                                          <th>Month</th>\r\n                                          <th>Date </th>\r\n                                          <th>Day </th>\r\n                                          <th>Occasions</th>\r\n                                          <th>Branch</th>\r\n                                          <th>Optional </th>\r\n                                        </tr>\r\n                                      </thead>\r\n                                      <tbody id=\"tablepadding\">\r\n                                      {FilterData.length === 0 && Holiday.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                        {Holiday.map((Holiday) => (\r\n                                          <tr>\r\n                                            <td>{Holiday.month}</td>\r\n                                            <td> {this.formatDate(Holiday.date)} </td>\r\n                                            <td> {Holiday.day} </td>\r\n                                            <td>{Holiday.reason}</td>\r\n                                            <td>{Holiday.locationType}</td>\r\n                                            <td>{Holiday.optional}</td>\r\n                                          </tr>\r\n                                        ))}\r\n                                      </tbody>\r\n                                      <table\r\n                                        id=\"UserLocationExport\"\r\n                                        className=\"UserLocationExport\"\r\n                                        hidden\r\n                                      >\r\n                                        <thead>\r\n                                          <tr>\r\n                                          <th>Month</th>\r\n                                          <th>Date </th>\r\n                                          <th>Day </th>\r\n                                          <th>Occasions</th>\r\n                                          <th>Branch</th>\r\n                                          <th>Optional </th>\r\n                                          </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                          {Holiday.map((Holiday) => (\r\n                                            <tr>\r\n                                            <td>{Holiday.month}</td>\r\n                                            <td> {this.formatDate1(Holiday.date)} </td>\r\n                                            <td> {Holiday.day} </td>\r\n                                            <td>{Holiday.reason}</td>\r\n                                            <td>{Holiday.locationType}</td>\r\n                                            <td>{Holiday.optional}</td>\r\n                                            </tr>\r\n                                          ))}\r\n                                        </tbody>\r\n                                      </table>\r\n                                    </table>\r\n                                  ) : null}\r\n                                </div>\r\n\r\n                                <br />\r\n                              </div>\r\n                              <br /> <br />\r\n                              <br /> <br />\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false });\r\n                           this.GetHoliday();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.onKeyUp}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map(\r\n                          (letter, index) => (\r\n                            <button\r\n                              className=\"filter\"\r\n                              key={index}\r\n                              onClick={(event) =>\r\n                                this.handleHolidayFilter(\r\n                                  letter,\r\n                                  event\r\n                                )\r\n                              }\r\n                            >\r\n                              {letter}\r\n                            </button>\r\n                          )\r\n                        )}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class UserRequest extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      formErrors: {},\r\n      Pending: [],\r\n      Notification: [],\r\n      Profile_Pic: [],\r\n      isButtonDisabledA: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n\r\n    if (this.handleFormValidation()) {\r\n      this.setState({ isButtonDisabledA: true });\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/UserRequest/AddRequest`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          document.getElementById(\"requestsave\").disabled = true;\r\n          document.getElementById(\"userrequest\").reset();\r\n          this.setState({ isButtonDisabledA: false });\r\n        });\r\n    }\r\n\r\n    setTimeout(() => {\r\n      document.getElementById(\"requestsave\").disabled = false;\r\n    }, 1000);\r\n\r\n    setTimeout(() => {   \r\n      var page = {\r\n        pathname: \"/Profile\",\r\n        \r\n      };\r\n      this.props.history.push(page);\r\n    }, 4000);\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    let description = document.getElementById(\"description\").value;\r\n    let title = document.getElementById(\"title\").value;\r\n    let Type = document.getElementById(\"Type\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //Email\r\n    if (!description) {\r\n      formIsValid = false;\r\n      formErrors[\"DescriptionErr\"] = \"Description is required\";\r\n    }\r\n    if (!title) {\r\n      formIsValid = false;\r\n      formErrors[\"TitleErr\"] = \"Title is required\";\r\n    }\r\n    if (!Type) {\r\n      formIsValid = false;\r\n      formErrors[\"TypeErr\"] = \"Request Type is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n\r\n  handleFormValidation() {\r\n    let description = document.getElementById(\"description\").value;\r\n    let title = document.getElementById(\"title\").value;\r\n    \r\n    let Type = document.getElementById(\"Type\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //Email\r\n    if (!description) {\r\n      formIsValid = false;\r\n      formErrors[\"DescriptionErr\"] = \"Description is required\";\r\n    }\r\n    if (!title) {\r\n      formIsValid = false;\r\n      formErrors[\"TitleErr\"] = \"Title is required\";\r\n    }\r\n    if (!Type) {\r\n      formIsValid = false;\r\n      formErrors[\"TypeErr\"] = \"Request Type is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  GetUserProfile() {\r\n    let url = `${BASE_URLs}/Profile/Userprofile`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Profile_Pic: data,\r\n        });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetUserProfile();\r\n\r\n    this.Getpending();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n        //\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n        //\r\n      });\r\n  }\r\n  Getall() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getall`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ All: data });\r\n        //\r\n      });\r\n  }\r\n  Getpending() {\r\n    fetch(`${BASE_URLs}/AddOrganization/pendingcount`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Pending: data });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { DescriptionErr, TypeErr, TitleErr } = this.state.formErrors;\r\n\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar default active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            {\" \"}\r\n                            Add Request\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            id=\"userrequest\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"container\" style={{ marginTop: \"3%\" }}>\r\n    <div className=\"col-lg-12\">\r\n\r\n    <div className=\"row\">\r\n                                <div className=\"col-lg-3  \"></div>\r\n\r\n                                <div className=\"col-lg-6  \">\r\n                                <input\r\n                className=\"form\"\r\n                name=\"title\"\r\n                id=\"title\"\r\n                type=\"textarea\"\r\n                maxLength={50}\r\n                placeholder=\"Subject\"\r\n                style={{ height: \"32.6px\", overflow: \"hidden\" }}\r\n                onChange={this.handleChange}\r\n            />\r\n            {TitleErr == null ? (\r\n                <span style={{ color: \"#a29d9d\" }}>Subject</span>\r\n            ) : (\r\n                <div style={{ color: \"red\" }}>{TitleErr}</div>\r\n            )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-lg-3  \"></div>\r\n                              </div>    \r\n\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3  \"></div>\r\n\r\n                                <div className=\"col-lg-6  \">\r\n                                <textarea\r\n                className=\"form\"\r\n                name=\"Description\"\r\n                id=\"description\"\r\n                type=\"textarea\"\r\n                placeholder=\"Description\"\r\n                style={{ height: \"32.6px\", overflow: \"hidden\" }}\r\n                onChange={this.handleChange}\r\n            />\r\n            {DescriptionErr == null ? (\r\n                <span style={{ color: \"#a29d9d\" }}>Description</span>\r\n            ) : (\r\n                <div style={{ color: \"red\" }}>{DescriptionErr}</div>\r\n            )}\r\n            <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-lg-3  \"></div>\r\n                              </div>\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-3  \"></div>\r\n\r\n                                <div className=\"col-lg-6  \">\r\n                                <select\r\n                className=\"form selectleftalign\"\r\n                onChange={this.handleChange}\r\n                name=\"Type\"\r\n                id=\"Type\"\r\n            >\r\n                <option value=\"\">Request Type</option>\r\n                <option value=\"ASkill\">Skill</option>\r\n                <option value=\"AEducation\">Education</option>\r\n                <option value=\"Ageneral\">General</option>\r\n                <option value=\"Aothers\">Others</option>\r\n            </select>\r\n            {TypeErr == null ? (\r\n                <span style={{ color: \"#a29d9d\" }}>Request Type</span>\r\n            ) : (\r\n                <div style={{ color: \"red\" }}>{TypeErr}</div>\r\n            )}\r\n            <span className=\"underline\" />\r\n                                </div>\r\n                              </div>\r\n        \r\n    </div>\r\n    <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n        <button\r\n            id=\"requestsave\"\r\n            type=\"submit\"\r\n            className=\"but\"\r\n            style={{ height: \"39.5px\", width: \"86.36px\", marginTop: \"-0.3%\" }}\r\n            disabled={this.state.isButtonDisabledA}\r\n        >\r\n            Send\r\n        </button>\r\n        &nbsp; &nbsp; &nbsp;\r\n        <button\r\n            type=\"reset\"\r\n            className=\" btn-Secondary\"\r\n            style={{ height: \"39.5px\" }}\r\n        >\r\n            Cancel\r\n        </button>\r\n    </div>\r\n    <br /> <br />\r\n    <br /> <br />\r\n</div>\r\n\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { useState } from \"react\";\r\nimport $ from \"jquery\";\r\nimport \"../../Css/Sign-Up.css\";\r\nimport LogoCompo from \"../../Common/LogoCompo\";\r\nimport { toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\n\r\nconst SignUp = ({ history }) => {\r\n  const [state, setState] = useState({\r\n    OPwd: \"\",\r\n    NPwd: \"\",\r\n    CPwd: \"\",\r\n    formErrors: {},\r\n    Profile_Pic: [],\r\n    Notification: [],\r\n    Eye: false,\r\n    Eye1: false,\r\n  });\r\n\r\n  const togglePassword = (type) => {\r\n    setState((prevState) => ({ ...prevState, [type]: !prevState[type] }));\r\n  };\r\n\r\n  const handleFormValidation = () => {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!state.NPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"New Password is required\";\r\n    } else if (!/^(?=.*[A-Z])/.test(state.NPwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"At least one Capital letter is required\";\r\n    } else if (!/^(?=.*[a-z])/.test(state.NPwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"At least one small letter is required\";\r\n    } else if (!/\\d/.test(state.NPwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"At least one number is required\";\r\n    } else if (!/^(?=.*[-+_!@#$%^&*., ?])/.test(state.NPwd)) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"At least one Symbol is required\";\r\n    } else if (state.NPwd.length < 8) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"A Minimum of 8 characters are required\";\r\n    }\r\n    else if (state.NPwd.includes(\" \")) {\r\n      formIsValid = false;\r\n      formErrors[\"NPwdErr\"] = \"Spaces are not allowed in the New Password\";\r\n    }\r\n\r\n    if (!state.CPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] = \"Confirm New Password is required\";\r\n    } else if (state.CPwd !== state.NPwd) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] =\r\n        \"New Password and Confirm Password don't match\";\r\n    }\r\n    else if (state.CPwd.includes(\" \")) {\r\n      formIsValid = false;\r\n      formErrors[\"CPwdErr\"] = \"Spaces are not allowed in the Confirm New Password\";\r\n    }\r\n\r\n    setState((prevState) => ({ ...prevState, formErrors }));\r\n    return formIsValid;\r\n  };\r\n\r\n  const handleSubmit = (event) => {\r\n    event.preventDefault();\r\n\r\n    if (handleFormValidation()) {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Authenticate/ResetPassword`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n      setTimeout(() => {\r\n        history.push(\"/Login_form\");\r\n      }, 4000);\r\n    }\r\n  };\r\n\r\n  const handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    setState((prevState) => ({ ...prevState, [name]: value }));\r\n  \r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n  \r\n    if (name === \"NPwd\") {\r\n      if (!value) {\r\n        formIsValid = false;\r\n        formErrors[\"NPwdErr\"] = \"New Password is required\";\r\n      } else if (!/^(?=.*[A-Z])/.test(value)) {\r\n        formIsValid = false;\r\n        formErrors[\"NPwdErr\"] = \"At least one Capital letter is required\";\r\n      } else if (!/^(?=.*[a-z])/.test(value)) {\r\n        formIsValid = false;\r\n        formErrors[\"NPwdErr\"] = \"At least one small letter is required\";\r\n      } else if (!/\\d/.test(value)) {\r\n        formIsValid = false;\r\n        formErrors[\"NPwdErr\"] = \"At least one number is required\";\r\n      } else if (!/^(?=.*[-+_!@#$%^&*., ?])/.test(value)) {\r\n        formIsValid = false;\r\n        formErrors[\"NPwdErr\"] = \"At least one Symbol is required\";\r\n      } else if (value.length < 8) {\r\n        formIsValid = false;\r\n        formErrors[\"NPwdErr\"] = \"A Minimum of 8 characters are required\";\r\n      }\r\n      else if (value.includes(\" \")) {\r\n        formIsValid = false;\r\n        formErrors[\"NPwdErr\"] = \"Spaces are not allowed in the  New Password\";\r\n      }\r\n    }\r\n  \r\n    if (name === \"CPwd\") {\r\n      if (!value) {\r\n        formIsValid = false;\r\n        formErrors[\"CPwdErr\"] = \"Confirm New Password is required\";\r\n      } else if (value !== state.NPwd) {\r\n        formIsValid = false;\r\n        formErrors[\"CPwdErr\"] = \"New Password and Confirm Password don't match\";\r\n      }\r\n      else if (value.includes(\" \")) {\r\n        formIsValid = false;\r\n        formErrors[\"CPwdErr\"] = \"Spaces are not allowed in the Confirm New Password\";\r\n      }\r\n    }\r\n  \r\n    setState((prevState) => ({ ...prevState, formErrors }));\r\n  };\r\n  \r\n\r\n  var w = window.innerWidth;\r\n\r\n  const { NPwdErr, CPwdErr } = state.formErrors;\r\n\r\n  return (\r\n    <div>\r\n      <div className=\"bgImg\" />\r\n      <div className=\"content\">\r\n        <br />\r\n        <LogoCompo />\r\n        <div\r\n          className={\r\n            w < 992\r\n              ? \"h-100 align-items-center justify-content-center\"\r\n              : \"d-flex h-100 align-items-center justify-content-center\"\r\n          }\r\n        >\r\n          <div className=\"container\">\r\n            <div className=\"row\">\r\n              <div\r\n                className={\r\n                  w < 992\r\n                    ? \" col-lg-12 ml-auto mr-auto\"\r\n                    : \"col-md-4 col-sm-6 ml-auto mr-auto\"\r\n                }\r\n              >\r\n                <div className=\"card-copy\">\r\n                  <div className=\"card-body\">\r\n                    <form id=\"myForm\" onSubmit={handleSubmit}>\r\n                      <br />\r\n                      <br />\r\n                      <br />{\" \"}\r\n                      <div>\r\n                        <h4 className=\"title1\">\r\n                          <span className=\"shadows\">Reset Password</span>\r\n                        </h4>\r\n                      </div>\r\n                      <div className=\"signUp\">\r\n                        <>\r\n                          <div style={{ display: \"flex\" }}>\r\n                            <input\r\n                              type={!state.Eye ? \"password\" : \"text\"}\r\n                              className=\"form\"\r\n                              onChange={handleChange}\r\n                              id=\"NPwd\"\r\n                              name=\"NPwd\"\r\n                              maxLength=\"20\"\r\n                              placeholder=\"New Password\"\r\n                              autoComplete=\"off\"\r\n                            />\r\n                             <span onClick={() => togglePassword(\"Eye\")}>\r\n                              {!state.Eye ? <i style={{fontSize: '1pc',\r\n    marginLeft:'-50%',\r\n    fontWeight: 'bold',\r\n    color: '#999'}} class=\"fa-sharp-duotone fa-solid fa-eye\"></i> : <i style={{fontSize: '1pc',\r\n    fontWeight: 'bold',\r\n    marginLeft:'-50%',\r\n    color: '#999'}} class=\"fa-solid fa-eye-slash\"></i>}\r\n                              </span>\r\n                            {/* <span\r\n                              className={\r\n                                !state.Eye\r\n                                  ? \"icofont icofont-eye eyelogo\"\r\n                                  : \"icofont icofont-eye-blocked eyelogo\"\r\n                              }\r\n                              id=\"eye\"\r\n                              onClick={() => togglePassword(\"Eye\")}\r\n                            ></span> */}\r\n                          </div>\r\n                          <span className=\"underline\" />\r\n                          <span className={NPwdErr ? \" showError\" : \"\"}></span>\r\n                          {NPwdErr && (\r\n                            <div style={{ color: \"red\", paddingBottom: 10 }}>\r\n                              {NPwdErr}\r\n                            </div>\r\n                          )}\r\n                        </>\r\n\r\n                        <>\r\n                          <div style={{ display: \"flex\" }}>\r\n                            <input\r\n                              type={!state.Eye1 ? \"password\" : \"text\"}\r\n                              className=\"form\"\r\n                              onChange={handleChange}\r\n                              id=\"CPwd\"\r\n                              name=\"CPwd\"\r\n                              maxLength=\"20\"\r\n                              placeholder=\"Confirm Password\"\r\n                              autoComplete=\"off\"\r\n                            />\r\n                            <span onClick={() => togglePassword(\"Eye1\")}>\r\n                              {!state.Eye1 ? <i style={{fontSize: '1pc',\r\n    marginLeft:'-50%',\r\n    fontWeight: 'bold',\r\n    color: '#999'}} class=\"fa-sharp-duotone fa-solid fa-eye\"></i> : <i style={{fontSize: '1pc',\r\n    marginLeft:'-50%',\r\n    fontWeight: 'bold',\r\n    color: '#999'}} class=\"fa-solid fa-eye-slash\"></i>}\r\n                              </span>\r\n                            {/* <span\r\n                              className={\r\n                                !state.Eye1\r\n                                  ? \"icofont icofont-eye eyelogo\"\r\n                                  : \"icofont icofont-eye-blocked eyelogo\"\r\n                              }\r\n                              id=\"eye\"\r\n                              onClick={() => togglePassword(\"Eye1\")}\r\n                            ></span> */}\r\n                          </div>\r\n                          <span className=\"underline\" />\r\n                          <span className={CPwdErr ? \" showError\" : \"\"}></span>\r\n                          {CPwdErr && (\r\n                            <div style={{ color: \"red\", paddingBottom: 10 }}>\r\n                              {CPwdErr}\r\n                            </div>\r\n                          )}\r\n                        </>\r\n                      </div>\r\n                      <div\r\n                        className=\"text-center\"\r\n                        style={{ marginTop: \"10px\" }}\r\n                      >\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"but\"\r\n                          style={{ width: \"83.36px\" }}\r\n                        >\r\n                          Submit\r\n                        </button>\r\n                      </div>\r\n                    </form>\r\n                  </div>\r\n                  <br />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SignUp;","import React from \"react\";\r\n\r\nconst GroupTitlePopup = (props) => {\r\n  return (\r\n    <div className=\"GTpopup-box\">\r\n      <div className=\"GTbox\">\r\n        <span className=\"GTclose-icon\" onClick={props.handleClose}>\r\n          x\r\n        </span>\r\n\r\n        {props.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default GroupTitlePopup;\r\n","export default __webpack_public_path__ + \"static/media/addmemgroup.fb17e839.png\";","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport SuccessPopup1 from \"../../Common/SuccessPopup1\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class EntityList extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Announcement: [],\r\n      AllAnnouncement: [],\r\n      Team: [],\r\n      Teams: [],\r\n      showing: true,\r\n      profile: [],\r\n      EditSkillModel: false,\r\n      EditSkillValues: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      User: [],\r\n      Alluser: [],\r\n    };\r\n    this.initialState = this.state; // this.handleContentClick = this.handleContentClick.bind(this);\r\n  }\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/status1`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ User: data, Alluser: data });\r\n        // console.log(\"user data\", data);\r\n      });\r\n  }\r\n  EditSkillModel = (e, fn) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        firstName: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModel: !prevState.EditSkillModel,\r\n    }));\r\n    //   this.GetAddSkill();\r\n  };\r\n  GetAnnouncement() {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(`${BASE_URLs}/UserBank/GetAllUser`, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Announcement: data,\r\n          AllAnnouncement: data,\r\n        });\r\n\r\n        // console.log(\"New\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n  myFunction = (e) => {\r\n    const Announcement = this.state.AllAnnouncement.filter((item) =>\r\n      item.firstName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement });\r\n  };\r\n\r\n  OATSearch = (e) => {\r\n    const User = this.state.Alluser.filter((item) =>\r\n      item.personname.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ User });\r\n  };\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  TeamUser() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeam`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Team: data,\r\n          Teams: data,\r\n        });\r\n        // console.log(\"hess\", data);\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetAnnouncement();\r\n    this.UserOrg();\r\n    this.TeamUser();\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { Announcement, User, Team } = this.state;\r\n\r\n    return (\r\n      <>\r\n        <div>\r\n          {this.state.EditSkillModel ? (\r\n            <SuccessPopup1\r\n              values={this.state.EditSkillValues}\r\n              close={() => this.EditSkillModel()}\r\n            />\r\n          ) : null}\r\n          <div className=\"pcoded-content\">\r\n            <div className=\"pcoded-inner-content\">\r\n              <div className=\"main-body chat-bg\">\r\n                <div className=\"\">\r\n                  <div id=\"\" className=\"\">\r\n                    <div className=\"page-body\">\r\n                      <div className=\"row\">\r\n                        <div className=\"chat-box\">\r\n                          <div id=\"sidebar\" className=\"users p-chat-user\">\r\n                            <div className=\"had-container\">\r\n                              <div\r\n                                className=\"card card_main p-fixed users-main \"\r\n                                style={{ overflow: \"scroll\" }}\r\n                              >\r\n                                <div className=\"user-box\">\r\n                                  <div id=\"tsum-tabs\">\r\n                                    <main id=\"maintab\">\r\n                                      {/* <input id=\"tab1\" type=\"radio\" name=\"tabs\" checked/>\r\n    <label for=\"tab1\">In Entity</label> */}\r\n                                      <input\r\n                                        id=\"tab1\"\r\n                                        type=\"radio\"\r\n                                        name=\"tabs\"\r\n                                        defaultChecked\r\n                                      />\r\n                                      <label\r\n                                        id=\"supertab\"\r\n                                        className=\"j-tabs-label\"\r\n                                        htmlFor=\"tab1\"\r\n                                        title=\"In Entity\"\r\n                                        color=\"white\"\r\n                                      >\r\n                                        In Entity\r\n                                      </label>\r\n\r\n                                      {/* <input id=\"tab2\" type=\"radio\" name=\"tabs\"/>\r\n    <label for=\"tab2\">In OAT</label> */}\r\n                                      <input\r\n                                        id=\"tab2\"\r\n                                        type=\"radio\"\r\n                                        name=\"tabs\"\r\n                                      />\r\n                                      <label\r\n                                        id=\"activetab\"\r\n                                        className=\"j-tabs-label\"\r\n                                        htmlFor=\"tab2\"\r\n                                        title=\"In OAT\"\r\n                                        color=\"white\"\r\n                                      >\r\n                                        In OAT\r\n                                      </label>\r\n\r\n                                      {/* <input id=\"tab3\" type=\"radio\" name=\"tabs\"/>\r\n    <label for=\"tab3\">Invite</label>  */}\r\n\r\n                                      <div\r\n                                        id=\"tabs-section-1\"\r\n                                        className=\"j-tabs-section\"\r\n                                      >\r\n                                        {/* <section id=\"content1\" style={{minHeight:\"0\"}} > */}\r\n                                        {/* <div className=\"col-lg-3  btnalign\">\r\n                              <input className=\"Searchbox\" placeholder=\"Search\" onKeyUp={this.myFunction} style={{backgroundColor:\"transparent\"}} />\r\n                              </div> */}\r\n                                        <div className=\"right-icon-control\">\r\n                                          <input\r\n                                            type=\"text\"\r\n                                            className=\"form-control  search-text\"\r\n                                            placeholder=\"Search Friend\"\r\n                                            onChange={this.myFunction}\r\n                                          />\r\n                                          <div className=\"form-icon\">\r\n                                            <i className=\"icofont icofont-search\"></i>\r\n                                          </div>\r\n                                        </div>\r\n\r\n                                        <>\r\n                                          {\" \"}\r\n                                          <br />\r\n                                          {/* {Team.map((Team) =>(\r\n      <>\r\n    <div className=\"media userlist-box\" data-id=\"1\" data-status=\"online\" data-username=\"Josephin Doe\" data-toggle=\"tooltip\" data-placement=\"left\" title=\"Josephin Doe\"\r\n    // onClick={(e)=>{e.preventDefault();this.EditSkillModel(Team.id,Team.firstName) }} key={id}\r\n    >\r\n<a className=\"media-left\" >\r\n<img className=\"media-object img-circle\" src=\"assets/images/avatar-1.png\" alt=\"Generic placeholder image\"/>\r\n\r\n</a>\r\n<div className=\"media-body\" style={{textAlign:\"initial\"}}>\r\n<div className=\"f-13 chat-header\" style={{color:\"black\"}}>{Team.firstName}</div>\r\n</div>\r\n</div></>\r\n    ))} */}\r\n                                        </>\r\n                                        {/* </section> */}\r\n                                      </div>\r\n\r\n                                      <div\r\n                                        id=\"tabs-section-2\"\r\n                                        className=\"j-tabs-section\"\r\n                                      >\r\n                                        {/* <section id=\"content2\" style={{minHeight:\"0\"}}> */}\r\n                                        {/* <div className=\"col-lg-3  btnalign\">\r\n                              <input className=\"Searchbox\" placeholder=\"Search\" onKeyUp={this.OATSearch} style={{backgroundColor:\"transparent\"}} />\r\n                              </div> */}\r\n                                        <div className=\"right-icon-control\">\r\n                                          <input\r\n                                            type=\"text\"\r\n                                            className=\"form-control  search-text\"\r\n                                            placeholder=\"Search Friend\"\r\n                                            onChange={this.OATSearch}\r\n                                          />\r\n                                          <div className=\"form-icon\">\r\n                                            <i className=\"icofont icofont-search\"></i>\r\n                                          </div>\r\n                                        </div>\r\n                                        <br />\r\n                                        {User.map((user) => (\r\n                                          <div\r\n                                            className=\"media userlist-box\"\r\n                                            data-id=\"2\"\r\n                                            data-status=\"online\"\r\n                                            data-username=\"Josephin Doe\"\r\n                                            data-toggle=\"tooltip\"\r\n                                            data-placement=\"left\"\r\n                                            title=\"Josephin Doe\"\r\n                                          >\r\n                                            <a className=\"media-left\">\r\n                                              <img\r\n                                                className=\"media-object img-circle\"\r\n                                                src=\"assets/images/avatar-1.png\"\r\n                                                alt=\"Generic placeholder image\"\r\n                                              />\r\n                                            </a>\r\n                                            <div\r\n                                              className=\"media-body\"\r\n                                              style={{ textAlign: \"initial\" }}\r\n                                            >\r\n                                              <div\r\n                                                className=\"f-13 chat-header\"\r\n                                                style={{ color: \"black\" }}\r\n                                              >\r\n                                                {user.personname}&nbsp;&nbsp;\r\n                                                {user.company_Name}\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        ))}\r\n                                        {/* </section> */}\r\n                                      </div>\r\n\r\n                                      {/* <section id=\"content3\" style={{minHeight:\"0\"}}>\r\n      <br/>\r\n      <div className=\"media userlist-box\" style={{display:\"flow-root\"}}>\r\n      <input className=\"effect-16\" onFocus={(e) => e.target.select()}  type=\"text\" id=\"Email\" name=\"Email\"    placeholder=\"Enter Email\" style={{borderBottomWidth:\"1px solid black\"}}/>\r\n      <br/><br/>\r\n<div className=\"media-body\" >\r\n\r\n<button    id=\"addRow\" className=\"btn\">Invite</button>\r\n</div>\r\n</div>\r\n    </section> */}\r\n                                    </main>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div id=\"styleSelector\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {/* <div className=\"pop\" style={{backgroundColor:\"transparent\"}}>\r\n       <div className= {w>768 ?\"popinnernormal oneFieldPop\":\"popinnernormal oneFieldPopMobile\"} style={{padding:\"1%\"}}> \r\n      <form  autoComplete=\"off\" encType=\"multipart/form-data\"  >\r\n \r\n\r\n           \r\n \r\n   \r\n      \r\n    \r\n\r\n\r\n   \r\n  <br/>\r\n\r\n           </form>\r\n      </div> \r\n   </div>   */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/deleteIconA.61130714.png\";","import React, { useEffect, useState } from \"react\";\r\nimport axios from 'axios';\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nconst thumb = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 2,\r\n  border: \"1px solid #eaeaea\",\r\n  marginBottom: 8,\r\n  marginRight: 8,\r\n  width: 100,\r\n  height: 100,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\nconst thumbsContainer = {\r\n  // display: \"flex\",\r\n  // flexDirection: \"row\",\r\n  // flexWrap: \"wrap\",\r\n  height: 10,\r\n  marginTop: 2,\r\n};\r\nconst thumbss = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 10,\r\n  border: \"6px dotted #eaeaea\",\r\n  marginBottom: 20,\r\n  marginTop: 80,\r\n  marginRight: 4,\r\n  alignItems: \"center\",\r\n  textAlign: \"center\",\r\n  width: \"100%\",\r\n  height: 200,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\nconst thumbInner = {\r\n  display: \"flex\",\r\n  minWidth: 0,\r\n  overflow: \"hidden\",\r\n};\r\n\r\nconst img = {\r\n  display: \"block\",\r\n  width: \"auto\",\r\n  height: \"100%\",\r\n};\r\n\r\nfunction UserChatPicpop(props) {\r\n  const [message, setMessage] = useState(\"\");\r\n  const [files, setFiles] = useState([]);\r\n  const [inputDisabled, setInputDisabled] = useState(false);\r\n\r\n  const [showEmoji, setShowEmoji] = useState(false);\r\n\r\n  const storedValue = localStorage.getItem(\"fileee\");\r\n  const emailA = storedValue ? storedValue.replace(/\"/g, \"\") : \"\";\r\n\r\n  const [email, setEmail] = useState(emailA);\r\n\r\n  const toggleEmoji = () => {\r\n    setShowEmoji((prevShowEmoji) => !prevShowEmoji);\r\n  };\r\n\r\n  const handleEmojiClick = (emojiObject) => {\r\n    setMessage((prevMessage) => prevMessage + emojiObject.emoji);\r\n    setShowEmoji(false);\r\n  };\r\n\r\n  const handleKeyPress = (event) => {\r\n    if (event.charCode === 13) {\r\n    event.preventDefault();\r\n  \r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please select an image\");\r\n    } else {\r\n      const promises = [];\r\n  \r\n      files.forEach((file) => {\r\n        const formData = new FormData();\r\n        setInputDisabled(true)\r\n  \r\n        formData.append(\"Message\", message);\r\n        formData.append(\"UserName\", email);\r\n        formData.append(\"Picture_Path\", file);\r\n  \r\n        const options = {\r\n          method: \"POST\",\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n          data: formData, // Axios expects data instead of body for POST requests\r\n        };\r\n  \r\n        // Push the axios promise into the promises array\r\n        promises.push(\r\n          axios(`${BASE_URLs}/contact/Receiversend`, options)\r\n            .then((response) => response.data)\r\n        );\r\n      });\r\n  \r\n      // Use Promise.all() to wait for all promises to resolve\r\n      Promise.all(promises)\r\n        .then(() => {\r\n          setFiles([]);\r\n          setMessage(\"\");\r\n          setInputDisabled(false)\r\n          props.handleClose();\r\n        })\r\n        .catch((error) => {\r\n          console.error(\"Error sending message:\", error);\r\n        });\r\n    }\r\n  }\r\n  };\r\n\r\n  const handleSubmit = (event) => {\r\n    event.preventDefault();\r\n  \r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please select an image\");\r\n    } else {\r\n      const promises = [];\r\n  \r\n      files.forEach((file) => {\r\n        const formData = new FormData();\r\n        setInputDisabled(true)\r\n  \r\n        formData.append(\"Message\", message);\r\n        formData.append(\"UserName\", email);\r\n        formData.append(\"Picture_Path\", file);\r\n  \r\n        const options = {\r\n          method: \"POST\",\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n          data: formData, // Axios expects data instead of body for POST requests\r\n        };\r\n  \r\n        // Push the axios promise into the promises array\r\n        promises.push(\r\n          axios(`${BASE_URLs}/contact/Receiversend`, options)\r\n            .then((response) => response.data)\r\n        );\r\n      });\r\n  \r\n      // Use Promise.all() to wait for all promises to resolve\r\n      Promise.all(promises)\r\n        .then(() => {\r\n          setFiles([]);\r\n          setMessage(\"\");\r\n          setInputDisabled(false)\r\n          props.handleClose();\r\n        })\r\n        .catch((error) => {\r\n          console.error(\"Error sending message:\", error);\r\n        });\r\n    }\r\n  };\r\n\r\n  const handleTextChange = (event) => {\r\n    setMessage(event.target.value);\r\n  };\r\n\r\n  const handleRemoveImage = (index) => {\r\n    const updatedFiles = [...files];\r\n    updatedFiles.splice(index, 1);\r\n    setFiles(updatedFiles);\r\n  };\r\n\r\n  const { getRootProps, getInputProps } = useDropzone({\r\n    accept: \"image/*\",\r\n    onDrop: (acceptedFiles) => {\r\n      setFiles(\r\n        acceptedFiles.map((file) =>\r\n          Object.assign(file, {\r\n            preview: URL.createObjectURL(file),\r\n          })\r\n        )\r\n      );\r\n    },\r\n  });\r\n\r\n  const thumbs = files.map((file, index) => (\r\n    <div style={thumb} key={file.name}>\r\n      <div style={thumbInner}>\r\n        <img\r\n          src={file.preview}\r\n          style={img}\r\n          alt={`Thumbnail-${index}`}\r\n          onLoad={() => {\r\n            URL.revokeObjectURL(file.preview);\r\n          }}\r\n        />\r\n      </div>\r\n      <span onClick={() => handleRemoveImage(index)}>x</span>\r\n    </div>\r\n  ));\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      files.forEach((file) => URL.revokeObjectURL(file.preview));\r\n    };\r\n  }, [files]);\r\n\r\n  return (\r\n    <div className=\"container\">\r\n      <form id=\"contactForm\" autoComplete=\"off\" encType=\"multipart/form-data\">\r\n        <span\r\n          className=\"GTclose-icon\"\r\n          onClick={props.handleClose}\r\n          style={{ marginTop: \"20px\" }}\r\n        >\r\n          x\r\n        </span>\r\n        <div {...getRootProps({ className: \"dropzone\" })}>\r\n          <input {...getInputProps()} multiple />\r\n          <h4 style={thumbss}>\r\n            Drag & drop some image here, or click to select images \r\n          </h4>\r\n        </div>\r\n        <aside style={thumbsContainer}>\r\n          <div id=\"\" style={{ height: \"176px\", overflow: \"scroll\", backgroundColor: \"#eff3f7\" }}>\r\n            {thumbs.length > 0 ? thumbs : <p>No images selected</p>}\r\n          </div>\r\n        </aside>\r\n        <div id=\"imageInput\" style={{marginTop:\"122px\"}}>\r\n          <div\r\n            className=\"input-group write-msg\"\r\n            id=\"input-group write-msg\"\r\n            style={{\r\n              border: \"1px solid #bfbfbe\",\r\n              padding: \"2px 2px\",\r\n              // marginTop: \"220px\",\r\n              background: \"#eff3f7\",\r\n            }}\r\n          >\r\n            <input\r\n              type=\"text\"\r\n              className=\"form-control input-value\"\r\n              placeholder=\"Type a Message\"\r\n              value={message}\r\n              onChange={handleTextChange}\r\n              onKeyPress={handleKeyPress}\r\n              name=\"Message\"\r\n              style={{ border: \"none\", background: '#eff3f7' }}\r\n              disabled={inputDisabled}\r\n            />\r\n            <span\r\n              className=\"fa fa-smile-o\"\r\n              aria-hidden=\"true\"\r\n              style={{ marginTop: \"10px\", fontSize: \"18px\", background: \"#eff3f7\", }}\r\n              onClick={toggleEmoji}\r\n            ></span>\r\n            &nbsp;&nbsp;&nbsp;&nbsp;\r\n            {showEmoji && (\r\n              <div\r\n                                                  style={{\r\n                                                    position: \"absolute\",\r\n                                                    top: \"-410%\",\r\n                                                 \r\n                                                   transform: \"translate(-50%, -50%)\", \r\n                                                   maxWidth: \"90vw\", \r\n                                              maxHeight: \"90vh\",\r\n                                                  }}\r\n                                                  id='PickerDiv'\r\n                                                >\r\n                                                  <Picker\r\n                                                    onEmojiClick={handleEmojiClick}\r\n                                                   \r\n                                                    height={350} \r\n                                                    width={\"100%\"}\r\n                                                  \r\n                                                  />\r\n                                                </div>\r\n            )}\r\n            <span className=\"input-group-btn\">\r\n              <button\r\n                id=\"paper-btn\"\r\n                className=\"btn btn-secondary\"\r\n                type=\"submit\"\r\n                onClick={handleSubmit}\r\n                style={{ background: '#eff3f7'}}\r\n                disabled={inputDisabled}\r\n              >\r\n                <i className=\"icofont icofont-paper-plane\"></i>\r\n              </button>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  );\r\n}\r\nexport default UserChatPicpop;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport \"../Css/Chat.css\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport axios from \"axios\";\r\nconst thumb = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 10,\r\n  border: \"6px dotted #eaeaea\",\r\n  marginBottom: 20,\r\n  marginTop: 80,\r\n  marginRight: 4,\r\n  alignItems: \"center\",\r\n  textAlign: \"center\",\r\n  width: \"100%\",\r\n  height: 200,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\n\r\nconst UserChatDocpop = (props) => {\r\n  const [message, setMessage] = useState(\"\");\r\n  const [files, setFiles] = useState([]);\r\n  const [inputDisabled, setInputDisabled] = useState(false);\r\n\r\n  const [showEmoji, setShowEmoji] = useState(false);\r\n\r\n  const storedValue = localStorage.getItem(\"fileee\");\r\n  const emailA = storedValue ? storedValue.replace(/\"/g, \"\") : \"\";\r\n\r\n  const [email, setEmail] = useState(emailA);\r\n\r\n  const toggleEmoji = () => {\r\n    setShowEmoji((prevShowEmoji) => !prevShowEmoji);\r\n  };\r\n\r\n  const handleEmojiClick = (emojiObject) => {\r\n    setMessage((prevMessage) => prevMessage + emojiObject.emoji);\r\n    setShowEmoji(false);\r\n  };\r\n  const handleKeyPress = async(event) => {\r\n    if (event.charCode === 13) {\r\n      event.preventDefault();\r\n  \r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please choose a document.\");\r\n    } else {\r\n      const ids = files.map((file) => file.path);\r\n      const filteredResponse = files.filter(({ path }, index) => !ids.includes(path, index + 1));\r\n  \r\n      try {\r\n        for (const file of filteredResponse) {\r\n          const formData = new FormData();\r\n          setInputDisabled(true)\r\n  \r\n          formData.append(\"Message\", message);\r\n          formData.append(\"UserName\", email);\r\n          formData.append(\"Document_Path\", file);\r\n  \r\n          const options = {\r\n            headers: {\r\n              \"Access-Control-Allow-Origin\": \"*\",\r\n              \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n              Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n          };\r\n  \r\n          await axios.post(`${BASE_URLs}/contact/Receiversend`, formData, options);\r\n        }\r\n  \r\n        setFiles([]);\r\n        setMessage(\"\");\r\n        setInputDisabled(false)\r\n        props.handleClose();\r\n      } catch (error) {\r\n        // Handle errors\r\n        console.error(\"Error:\", error);\r\n      }\r\n    }\r\n    }\r\n  };\r\n\r\n  const handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n  \r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please choose a document.\");\r\n    } else {\r\n      const ids = files.map((file) => file.path);\r\n      const filteredResponse = files.filter(({ path }, index) => !ids.includes(path, index + 1));\r\n  \r\n      try {\r\n        for (const file of filteredResponse) {\r\n          const formData = new FormData();\r\n          setInputDisabled(true)\r\n  \r\n          formData.append(\"Message\", message);\r\n          formData.append(\"UserName\", email);\r\n          formData.append(\"Document_Path\", file);\r\n  \r\n          const options = {\r\n            headers: {\r\n              \"Access-Control-Allow-Origin\": \"*\",\r\n              \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n              Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n          };\r\n  \r\n          await axios.post(`${BASE_URLs}/contact/Receiversend`, formData, options);\r\n        }\r\n  \r\n        setFiles([]);\r\n        setMessage(\"\");\r\n        setInputDisabled(false)\r\n        props.handleClose();\r\n      } catch (error) {\r\n        // Handle errors\r\n        console.error(\"Error:\", error);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleTextChange = (event) => {\r\n    setMessage(event.target.value);\r\n  };\r\n\r\n  const { getRootProps, getInputProps, open } = useDropzone({\r\n    noClick: true,\r\n    noKeyboard: true,\r\n    onDrop: (acceptedFiles) => {\r\n      setFiles(prevFiles => [...prevFiles, ...acceptedFiles,...files]);\r\n    },\r\n  });\r\n\r\n  const handleFileDelete = (index) => {\r\n    const ids =files.map(file => file.path);\r\n  const filteredResponse = files.filter(\r\n  ({ path}, index) => !ids.includes(path, index + 1)\r\n  )\r\n  const updatedFiles = [...filteredResponse];\r\n    updatedFiles.splice(index, 1);\r\n    setFiles(updatedFiles);\r\n  };\r\n\r\n  const uniqueFileList = [...new Set(files.map(file => file.path))];\r\n  const fileList = uniqueFileList.map((path, index) => {\r\n\r\n    return (\r\n      <li key={path}>\r\n        <br />\r\n        {path} {index}&nbsp;&nbsp;\r\n        <button className=\"GTbuttons1\" onClick={() => handleFileDelete(index)}>\r\n          x\r\n        </button>\r\n      </li>\r\n    );\r\n  });\r\n\r\n  return (\r\n    <div className=\"container\">\r\n      <form id=\"contactForm\" autoComplete=\"off\" encType=\"multipart/form-data\">\r\n        <div {...getRootProps({ className: \"dropzone\" })}>\r\n          <span\r\n            className=\"GTclose-icon\"\r\n            onClick={props.handleClose}\r\n            style={{ marginTop: \"20px\" }}\r\n          >\r\n            x\r\n          </span>\r\n\r\n          <input {...getInputProps()} />\r\n          <h4 style={thumb} onClick={open}>\r\n            Drag & drop some files here....\r\n          </h4>\r\n        </div>\r\n        <aside>\r\n          <h5>File Name:</h5>\r\n          <div\r\n            id=\"NewDiscfileList\"\r\n            // style={{ height: \"200px\", overflow: \"scroll\" }}\r\n          >\r\n            <ul>{fileList}</ul>\r\n          </div>\r\n        </aside>\r\n        <div id=\"dropInput\" style={{marginTop:'-16px'}}>\r\n          <div\r\n            className=\"input-group write-msg\"\r\n            id=\"input-group write-msg\"\r\n            style={{\r\n              border: \"1px solid #bfbfbe\",\r\n              padding: \"2px 2px\",\r\n              //  marginTop:'200px',\r\n              background: \"#eff3f7\",\r\n            }}\r\n          >\r\n            <input\r\n              type=\"text\"\r\n              className=\"form-control input-value\"\r\n              placeholder=\"Type a Message\"\r\n              value={message}\r\n              onChange={handleTextChange}\r\n              onKeyPress={handleKeyPress}\r\n              name=\"Message\"\r\n              style={{ border: \"none\",background: '#eff3f7' }}\r\n              disabled={inputDisabled}\r\n            />\r\n            <span\r\n              className=\"fa fa-smile-o\"\r\n              aria-hidden=\"true\"\r\n              style={{ marginTop: \"10px\", fontSize: \"18px\",background: '#eff3f7' }}\r\n              onClick={toggleEmoji}\r\n            ></span>\r\n            &nbsp;&nbsp;&nbsp;&nbsp;\r\n            {showEmoji && (\r\n\r\n              <div\r\n                                                  style={{\r\n                                                    position: \"absolute\",\r\n                                                    top: \"-410%\",\r\n                                                 \r\n                                                   transform: \"translate(-50%, -50%)\", \r\n                                                   maxWidth: \"90vw\", \r\n                                              maxHeight: \"90vh\",\r\n                                                  }}\r\n                                                  id='PickerDiv'\r\n                                                >\r\n                                                  <Picker\r\n                                                    onEmojiClick={handleEmojiClick}\r\n                                                   \r\n                                                    height={350} \r\n                                                    width={\"100%\"}\r\n                                                  \r\n                                                  />\r\n                                                </div>\r\n\r\n              \r\n            )}\r\n            <span className=\"input-group-btn\">\r\n              <button\r\n                id=\"paper-btn\"\r\n                className=\"btn btn-secondary\"\r\n                type=\"submit\"\r\n                onClick={handleSubmit}\r\n                style={{ background: '#eff3f7'}}\r\n                disabled={inputDisabled}\r\n              >\r\n                <i className=\"icofont icofont-paper-plane\"></i>\r\n              </button>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  );\r\n};\r\nexport default UserChatDocpop;\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { Link } from \"@material-ui/core\";\r\nimport GroupPop from \"../../Common/GroupPop\";\r\nimport GroupTitlePopup from \"../../Common/GroupTitlePopup\";\r\nimport EntityList from \"./EntityList\";\r\nimport LastGroup from \"../../Common/LastGroup\";\r\nimport LastChatpop from \"../../Common/LastChatpop\";\r\nimport SuccessPopup1 from \"../../Common/SuccessPopup1\";\r\n\r\nimport SearchPopup from \"../../Common/SearchPopup\";\r\nimport axios from \"axios\";\r\nimport ReactTimeAgo from \"react-time-ago\";\r\nimport Picker from \"emoji-picker-react\";\r\n//import GroupMember from '../Assets/images/addmemgroup.png'\r\nimport GroupMember from \"../../Assets/images/addmemgroup.png\";\r\nimport Swal from \"sweetalert2\";\r\nimport DefaultProfile from \"../../Assets/images/profile.png\";\r\nimport onlinedot from \"../../Assets/images/online-dot.png\";\r\nimport offlinedot from \"../../Assets/images/offline-dot.png\";\r\nimport onlineimg from \"../../Assets/images/online.png\";\r\nimport offlineimg from \"../../Assets/images/offlineimg.png\";\r\nimport doubletick from \"../../Assets/images/double-check.webp\";\r\nimport singletick from \"../../Assets/images/single-check.png\";\r\nimport delImg from \"../../Assets/images/deleteIconA.png\";\r\nimport File1 from \"../../Assets/images/document.png\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport ChatPicturepop from \"../../Common/UserChatPicpop\";\r\nimport ChatDocPop from \"../../Common/UserChatDocpop\";\r\nimport * as signalR from '@microsoft/signalr';\r\nexport class Userchating extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.containerRef = React.createRef();\r\n\r\n    this.state = {\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isButton3Visible: true,\r\n      isBackArrowVisible: false,\r\n      isBackArrowVisibleA: false,\r\n      isBackArrowVisibleB: false,\r\n      AddSkillModel: false,\r\n      isBox1Open: false,\r\n      SearchModel: false,\r\n      isBox2Open: false,\r\n      selectedUsers: [],\r\n      selectedUsersA: [],\r\n      EditSkillModel: false,\r\n      EditSkillModelEntity: false,\r\n      Lastgrpchatmodel: false,\r\n      EntityModel: false,\r\n      EditSkillValues: [],\r\n      picture_Path: null,\r\n      document_Path: null,\r\n      EditSkillValuesEntity: [],\r\n      Announcement: [],\r\n      AllAnnouncement: [],\r\n      EntityUser: [],\r\n      EntityUserlist: [],\r\n      checkedItems: [],\r\n      showResults: false,\r\n      discussionValue: \"\",\r\n      discussionNameValue: \"\",\r\n      // selectedUsers: [],\r\n      LastChatModel: false,\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n      User: [],\r\n      OATUser: [],\r\n      OATAlluser: [],\r\n      message: [],\r\n      Popmsg: [],\r\n      ReceivepopMsg: [],\r\n      selectedDocumentName: \"\",\r\n      active: false,\r\n      chosenEmoji: null,\r\n      showEmoji: false,\r\n      setShowEmoji: \"\",\r\n      LastGroupopen: true,\r\n      email: \"\",\r\n      firstname: \"\",\r\n      Addmembers: [],\r\n      AllAddmembers: [],\r\n      groupName: \"\",\r\n      istitlepopOpen: false,\r\n      privacy: \"\",\r\n      Memberslist: [],\r\n      fileUploadState: \"\",\r\n      EImage: \"\",\r\n      selectedOption: \"\",\r\n      error: \"\",\r\n      showFirstHeader: true,\r\n      shouldResetHeader: false,\r\n      // showFirstHeader1: storedState ? JSON.parse(storedState).showFirstHeader : true,\r\n      ReceivepopMsgUser: [],\r\n      Name: \"\",\r\n      Email: \"\",\r\n      Chatpop: false,\r\n      UserId: \"\",\r\n      NonAccess: [],\r\n      FrdNonAccess: [],\r\n      AllFrdNonAccess: [],\r\n      MemberAccess: [],\r\n      AllMemberAccess: [],\r\n      FrdMemberAccess: [],\r\n      FrdAllMemberAccess: [],\r\n      Filterpop: false,\r\n      DName: false,\r\n      UPic: \"\",\r\n      attachMenu: false,\r\n      Picturepopup: false,\r\n      isdocumentpopOpen: false,\r\n      ispicturepopOpen: false,\r\n      OneonOneAdmin: [],\r\n      MsgMenu: false,\r\n      Deletepop: false,\r\n      deletesender: \"\",\r\n      delparticularId: \"\",\r\n      deletedate: \"\",\r\n      deleteEvery: \"\",\r\n      deletemsg: \"\",\r\n      Forwardpic: \"\",\r\n      Forwarddoc: \"\",\r\n      deleteId: \"\",\r\n      Minimized: false,\r\n      InputDisabled:false,\r\n      hubConnection: null\r\n    };\r\n\r\n    this.inputReference = React.createRef();\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleEmojiClick = this.handleEmojiClick.bind(this);\r\n    this.myEmoji = this.myEmoji.bind(this);\r\n    this.formRef = React.createRef();\r\n    this.chatBoxRef = React.createRef();\r\n    this.firstInputRef = React.createRef();\r\n    this.searchForDiscRef = React.createRef();\r\n    this.attachMenu = this.attachMenu.bind(this);\r\n    this.deleteMenu = this.deleteMenu.bind(this);\r\n  }\r\n  handleChange(event) {\r\n    this.setState({\r\n      file: URL.createObjectURL(event.target.files[0]),\r\n    });\r\n  }\r\n\r\n  setFocus = () => {\r\n    this.setState(\r\n      (prevState) => ({\r\n        Filterpop: !prevState.Filterpop,\r\n      }),\r\n      () => {\r\n        if (this.state.Filterpop) {\r\n          this.searchForDiscRef.current.focus();\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  UpdateLocalStorage() {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    // Array to store all promises\r\n    const promises = [];\r\n  \r\n    // Push the axios promise into the promises array\r\n    promises.push(\r\n      axios.get(`${BASE_URLs}/Profile/GetUpdateAccessDetails`, options)\r\n        .then((response) => {\r\n          const data = response.data;\r\n          data.forEach((d) => {\r\n            localStorage.setItem(\"access\", d.access);\r\n            localStorage.setItem(\"accessed_to\", d.accessed_to);\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          console.error(\"An error occurred while fetching data:\", error);\r\n        })\r\n    );\r\n  \r\n    // Use Promise.all() to wait for all promises to resolve\r\n    Promise.all(promises)\r\n      .then(() => {\r\n        // console.log(\"All data fetched and stored successfully\");\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"An error occurred while fetching data:\", error);\r\n      });\r\n  }\r\n  \r\n\r\n  handleDocumentChange = (event) => {\r\n    const selectedDocument = event.target.files[0];\r\n    this.setState({\r\n      document_Path: selectedDocument,\r\n      selectedDocumentName: selectedDocument.name,\r\n    });\r\n  };\r\n  handleChange = (e) => {\r\n    this.setState({\r\n      message: e.target.value,\r\n    });\r\n  };\r\n  myEmoji = () => {\r\n    const changeState = this.state.showEmoji;\r\n    if (changeState) {\r\n      this.setState({\r\n        showEmoji: false,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        showEmoji: true,\r\n      });\r\n    }\r\n  };\r\n  handleEmojiClick = (emojiObject) => {\r\n    this.setState((prevState) => ({\r\n      message: prevState.message + emojiObject.emoji,\r\n      showEmoji: false,\r\n    }));\r\n  };\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n  handleTextChange = (event) => {\r\n    this.setState({\r\n      message: event.target.value,\r\n      deletemsg: event.target.value,\r\n    });\r\n  };\r\n  handleFileChange = (event) => {\r\n    this.setState({ picture_Path: event.target.files[0] });\r\n  };\r\n  handleSubmit = (data, email, firstName, event) => {\r\n    event.preventDefault();\r\n    const { message, picture_Path, document_Path } = this.state;\r\n  \r\n    if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n      alert(\"Please enter a message, select an image, or choose a document.\");\r\n      return;\r\n    }\r\n  \r\n    // Create a new FormData instance with the data from the event\r\n    const formData = new FormData(data);\r\n    this.setState({\r\n      InputDisabled: true,\r\n    });\r\n  \r\n    axios.post(`${BASE_URLs}/Contact/Receiversend`, formData, {\r\n      headers: {\r\n        \"Authorization\": `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n    .then((response) => {\r\n      // Successfully posted data\r\n      this.GetmsgPop(email);\r\n      this.GetReceivemsgPop(firstName, email);\r\n      this.setState({\r\n        message: \"\",\r\n        picture_Path: null,\r\n        document_Path: null,\r\n        InputDisabled: false,\r\n      });\r\n    })\r\n    .catch((error) => {\r\n      // Handle any errors\r\n      console.error(\"Error:\", error);\r\n    });\r\n  };\r\n\r\n  GetForwardMembers = () => {\r\n    axios({\r\n      method: \"POST\",\r\n\r\n      url: `${BASE_URLs}/Chat/GetForwardMembers`,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data, \"GroupList\");\r\n      })\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n\r\n        //alert(\"failed!\");\r\n      });\r\n  };\r\n  GetAllMembers(Id, GroupName, Profile) {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetGroupMembers?Id=${Id}`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        localStorage.setItem(\"AllGroupMember\", JSON.stringify(data));\r\n  \r\n        const UserId = JSON.parse(localStorage.userId);\r\n        const Member = localStorage.getItem(\"AllGroupMember\");\r\n        const Members = JSON.parse(Member);\r\n        const lMembers = Members.map((e) => e.user_id);\r\n        const Membersstr = lMembers.toString();\r\n  \r\n        this.setState({\r\n          Memberslist: Membersstr,\r\n        });\r\n  \r\n        this.SubmitStartMessage(Id, GroupName, Profile);\r\n        setTimeout(() => {\r\n          this.SubmitStartAddMessage(Id, GroupName, Profile);\r\n        }, 10);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error:\", error);\r\n      });\r\n  }\r\n\r\n  handleUserSelectionChange = (event) => {\r\n    //document.getElementById(\"Searchbox2\").style.display = \"block\";\r\n    window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });\r\n    const { value, checked } = event.target;\r\n    this.setState((prevState) => {\r\n      let selectedUsers = [...prevState.selectedUsers];\r\n      let selectedUserIds = [...prevState.selectedUserIds];\r\n      let selectedUsersA = [...prevState.selectedUsersA];\r\n      let selectedUserName = [...prevState.selectedUserName];\r\n      if (checked) {\r\n        const userToAdd = prevState.Addmembers.find(\r\n          (user) => user.email === value\r\n        );\r\n        if (userToAdd) {\r\n          selectedUsers.push(userToAdd);\r\n          selectedUserIds.push(userToAdd.email);\r\n        }\r\n\r\n        const userNameToAdd = prevState.Addmembers.find(\r\n          (user) => user.email === value\r\n        );\r\n        if (userNameToAdd) {\r\n          // let Both = userNameToAdd.name + \" [ \" + userNameToAdd.email + \" ] \";\r\n          let Both = userNameToAdd.name;\r\n          selectedUsersA.push(userNameToAdd);\r\n          selectedUserName.push(Both);\r\n        }\r\n      } else {\r\n        const userNameToAdd = prevState.Addmembers.find(\r\n          (user) => user.email === value\r\n        );\r\n        selectedUsers = selectedUsers.filter((user) => user.email !== value);\r\n        selectedUserIds = selectedUserIds.filter((email) => email !== userNameToAdd.email);\r\n\r\n        selectedUsersA = selectedUsersA.filter((user) => user.name !== value);\r\n        selectedUserName = selectedUserName.filter(\r\n          (name) => name !== userNameToAdd.name\r\n        );\r\n      }\r\n\r\n      return { selectedUsers, selectedUserIds, selectedUserName };\r\n    });\r\n    // this.handleUserRemove()\r\n  };\r\n  handleDiscussionChange = (event) => {\r\n    const value = event.target.value;\r\n    this.setState({\r\n      discussionValue: value,\r\n      discussionNameValue: value, // Update the discussion name value\r\n    });\r\n  };\r\n\r\n  handleUserSelect = (id) => {\r\n    this.setState((prevState) => {\r\n      const selectedUserIds = prevState.selectedUsers.map((user) => user.id);\r\n      if (selectedUserIds.includes(id)) {\r\n        return {\r\n          selectedUsers: prevState.selectedUsers.filter(\r\n            (user) => user.id !== id\r\n          ),\r\n        };\r\n      }\r\n      const userToAdd = prevState.Addmembers.find((user) => user.id === id);\r\n      return {\r\n        selectedUsers: [...prevState.selectedUsers, userToAdd],\r\n      };\r\n    });\r\n  };\r\n\r\n  closefuncdisc = () => {\r\n    this.setState({ Filterpop: false });\r\n    var AllMemberlist = this.state.AllMemberAccess;\r\n    this.setState({ MemberAccess: AllMemberlist, showResults: true });\r\n  };\r\n  handleUserRemove = (email, name) => {\r\n    this.setState((prevState) => {\r\n      const updatedSelectedUsers = prevState.selectedUsers.filter(\r\n        (user) => user.email !== email\r\n      );\r\n      const updatedSelectedUserIds = prevState.selectedUserIds.filter(\r\n        (userId) => userId !== email\r\n      );\r\n      const updatedSelectedUserName = prevState.selectedUserName.filter(\r\n        (userName) => userName !== name\r\n      );\r\n\r\n      //const updatedSelectedUsersA = prevState.selectedUsersA.filter((usersA) => usersA.email !== email);\r\n\r\n      return {\r\n        selectedUsers: updatedSelectedUsers,\r\n        selectedUserIds: updatedSelectedUserIds,\r\n        selectedUserName: updatedSelectedUserName,\r\n\r\n        //selectedUsersA: updatedSelectedUsersA\r\n      };\r\n    });\r\n    //alert(this.state.selectedUserName)\r\n\r\n    // selectedUserIds: prevState.selectedUserIds.filter((user) => user.email !== value),\r\n    // selectedUsers: prevState.selectedUsers.filter((user) => user.id !== id),\r\n    // selectedUserName: prevState.selectedUserName.filter((user) => user.email !== value),\r\n    // selectedUsersA: prevState.selectedUsersA.filter((user) => user.name !== value),\r\n  };\r\n  handleCheckboxChange = (event) => {\r\n    const itemId = parseInt(event.target.value);\r\n    const isChecked = event.target.checked;\r\n\r\n    if (isChecked) {\r\n      this.setState((prevState) => ({\r\n        checkedItems: [...prevState.checkedItems, itemId],\r\n      }));\r\n    } else {\r\n      this.setState((prevState) => ({\r\n        checkedItems: prevState.checkedItems.filter((id) => id !== itemId),\r\n      }));\r\n    }\r\n  };\r\n  hideBox2 = () => {\r\n    document.getElementById(\"Searchbox2\").style.display = \"none\";\r\n\r\n    //   var inputs = document.querySelectorAll('.check');\r\n    // for (var i = 0; i < inputs.length; i++) {\r\n    //     inputs[i].checked = false;\r\n    // }\r\n\r\n    this.setState({\r\n      selectedUsers: [],\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n    });\r\n  };\r\n  handleButton1Click = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      //isButton3Visible: true,\r\n      isBackArrowVisible: true,\r\n      LastChatModel: false,\r\n      EntityModel: true,\r\n      Chatpop: false\r\n    });\r\n    // document.getElementById(\"Chat-Main\").style.marginTop = \"7vh\";\r\n  };\r\n  handleButton2Click = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isButton3Visible: true,\r\n      isBackArrowVisibleA: true,\r\n      isBackArrowVisibleB: true,\r\n      isBackArrowVisible: false,\r\n      LastChatModel: false,\r\n      isBox1Open: false,\r\n      isBox2Open: false,\r\n      LastGroupopen: true,\r\n    });\r\n\r\n    //     setTimeout(() => {\r\n    // \tdocument.getElementById(\"backarrowB\").style.display=\"none\"\r\n    // }, 5);\r\n    // document.getElementById(\"Chat-Main\").style.marginTop = \"8vh\";\r\n  };\r\n  handleButton3Click = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isButton3Visible: false,\r\n      isBackArrowVisibleA: true,\r\n      isBackArrowVisible: false,\r\n      LastGroupopen: false,\r\n      showFirstHeader: true,\r\n      // isBox1Open: true,\r\n      // isBox2Open: true,\r\n      isBox3Open: true,\r\n      Chatpop: false\r\n      // isBox4Open:true\r\n    });\r\n    // setTimeout(() => {\r\n    //   document.getElementById(\"Searchbox2\").style.display = \"none\";\r\n    // }, 5);\r\n    //document.getElementById(\"Chat-Main\").style.marginTop = \"8vh\";\r\n  };\r\n  handleButton4Click = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isButton3Visible: false,\r\n      isBackArrowVisibleA: true,\r\n      isBackArrowVisible: false,\r\n      LastGroupopen: false,\r\n      showFirstHeader: true,\r\n      // isBox1Open:true,\r\n      // isBox2Open: true,\r\n      isBox3Open: true,\r\n      isBox4Open: !this.state.isBox4Open,\r\n      selectedUsers: [],\r\n    });\r\n  };\r\n\r\n  ClearUsers = () => {\r\n    this.setState({\r\n      selectedUsers: [],\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n      Addmembers: [],\r\n    });\r\n  };\r\n\r\n  handleBackArrowClick = () => {\r\n    this.setState({\r\n      isButton1Visible: true,\r\n      isButton2Visible: true,\r\n      isButton3Visible: false,\r\n      isBackArrowVisible: false,\r\n      AddSkillModel: false,\r\n      isBox1Open: false,\r\n      isBox2Open: false,\r\n      isBox3Open: false,\r\n      isBox4Open: false,\r\n      LastChatModel: true,\r\n      EntityModel: false,\r\n      SearchModel: false,\r\n      showFirstHeader: true,\r\n    });\r\n    //document.getElementById(\"Chat-Main\").style.marginTop = \"8vh\";\r\n  };\r\n\r\n  checkShouldClickButton3() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.shouldClickButton3) {\r\n      this.handleButton3Click();\r\n      this.getDetails(location.state.FirstName,location.state.UserName,location.state.pic,location.state.senderId,location.state.particularId)\r\n    }\r\n  }\r\n\r\n  CheckboxClear = () => {\r\n    this.setState({\r\n      selectedUsers: [],\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n    });\r\n  };\r\n  handleBackArrowClick2 = () => {\r\n    this.setState({\r\n      selectedUsers: [],\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n    });\r\n    this.setState({\r\n      shouldFirstHeader: true,\r\n      displayForm: false,\r\n    });\r\n\r\n    this.setState({\r\n      // isButton1Visible: true,\r\n      // isButton2Visible: true,\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n\r\n      isButton3Visible: true,\r\n      isBackArrowVisibleA: false,\r\n      isBackArrowVisibleB: false,\r\n      AddSkillModel: false,\r\n      showResults: false,\r\n      showFirstHeader: true,\r\n\r\n      //LastChatModel: true,\r\n\r\n      isBox1Open: false,\r\n\r\n      isBox2Open: false,\r\n      isBox3Open: false,\r\n      isBox4Open: false,\r\n      LastGroupopen: true,\r\n    });\r\n    //document.getElementById(\"Chat-Main\").style.marginTop = \"8vh\";\r\n  };\r\n\r\n  handleBackArrowClick3 = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isButton3Visible: true,\r\n      isBackArrowVisibleA: true,\r\n      isBackArrowVisibleB: true,\r\n      isBackArrowVisible: false,\r\n      LastChatModel: false,\r\n      isBox1Open: false,\r\n      isBox2Open: false,\r\n      isBox3Open: false,\r\n      isBox4Open: false,\r\n      LastGroupopen: true,\r\n      showFirstHeader: true,\r\n    });\r\n\r\n    //document.getElementById(\"lastgroup\").style.display=\"inline-flex\"\r\n    //document.getElementById(\"backarrowA\").style.display=\"inline-flex\"\r\n    //     setTimeout(() => {\r\n    // \tdocument.getElementById(\"backarrowB\").style.display=\"none\"\r\n    //   // document.getElementById(\"grouppop\").style.display=\"none\"\r\n    // }, 5);\r\n    //document.getElementById(\"Chat-Main\").style.marginTop = \"8vh\";\r\n  };\r\n  AddSkillModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      AddSkillModel: !prevState.AddSkillModel,\r\n    }));\r\n  };\r\n\r\n  AddGroupModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n\r\n        document\r\n\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      AddGroupModel: !prevState.AddGroupModel,\r\n    })); // this.GetAddSkill();\r\n  };\r\n\r\n  GetAddmembers() {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    const fetchAllMembers = axios.get(`${BASE_URLs}/Chat/GetallMembers`, options)\r\n      .then((response) => response.data)\r\n      .catch((error) => {\r\n        // Handle errors here\r\n        console.error(\"Error fetching data:\", error);\r\n        return []; // Return an empty array to keep the promise chain going\r\n      });\r\n  \r\n    Promise.all([fetchAllMembers])\r\n      .then(([data]) => {\r\n        if (Array.isArray(data)) {\r\n          this.setState({\r\n            Addmembers: data,\r\n            AllAddmembers: data,\r\n          });\r\n          // // console.log(\"Addmemberssss\", data);\r\n        } else {\r\n          // Handle the case when data is not an array\r\n          // console.error(\"Received data is not an array:\", data);\r\n        }\r\n  \r\n        // Call GetAddmembers() again after a delay\r\n        // setTimeout(this.GetAddmembers.bind(this), 5000); // Adjust delay as needed\r\n      });\r\n  }\r\n  \r\n  UserOrg() {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/AddOrganization/status1`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          OATUser: data,\r\n          OATAlluser: data,\r\n        });\r\n        // // console.log(\"user data\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error:\", error);\r\n      });\r\n  }\r\n\r\n  SearchModel = (id, uid, cid, em, cn) => {\r\n    this.setState({\r\n      EntityModel: false,\r\n    });\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      SearchValues: {\r\n        id: id,\r\n        userId: uid,\r\n        company_Id: cid,\r\n        email: em,\r\n        company_Name: cn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      SearchModel: !prevState.SearchModel,\r\n    }));\r\n  };\r\n\r\n  GetEntityUser(AdminEmail) {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/UserBank/OatUser?AdminEmail=${AdminEmail}`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          EntityUser: data,\r\n          EntityUserlist: data,\r\n          showResults: true,\r\n        });\r\n        // // console.log(\"AdminEmail\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  backentity = () => {\r\n    this.setState({\r\n      EntityModel: true,\r\n      SearchModel: false,\r\n    });\r\n  };\r\n  GetAnnouncement(Id) {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/UserBank/GetAdminUser`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          Announcement: data,\r\n          AllAnnouncement: data,\r\n        });\r\n        // // console.log(\"ChatListUser\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching announcements:\", error);\r\n      });\r\n  }\r\n\r\n  myFunctionAll = (e) => {\r\n    clearInterval(this.interval);\r\n\r\n    const MemberAccess = this.state.AllMemberAccess.filter(\r\n      (item) =>\r\n        item.firstName\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    // // console.log(\"MemberAccessMemberAccess\", MemberAccess);\r\n    this.setState({ MemberAccess, showResults: true });\r\n\r\n    const NonAccess = this.state.AllNonAccess.filter(\r\n      (item) =>\r\n        item.firstName\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n\r\n    // // console.log(\"NonAccess\", NonAccess);\r\n    this.setState({ NonAccess, showResults: true });\r\n\r\n    if (NonAccess.length === 0 && MemberAccess.length === 0) {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \" Member Not Found\";\r\n    } else {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \"\";\r\n    }\r\n\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement });\r\n    const OATUser = this.state.OATAlluser.filter((item) =>\r\n      item.company_Name.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ OATUser });\r\n  };\r\n\r\n  LettermyFunctionAll = (letter, e) => {\r\n    e.preventDefault();\r\n    clearInterval(this.interval);\r\n    const MemberAccess = this.state.AllMemberAccess.filter(\r\n      (item) =>\r\n        item.displayName.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(letter.toLowerCase())\r\n    );\r\n    this.setState({ MemberAccess, showResults: true });\r\n\r\n    if (MemberAccess.length === 0) {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \" Member Not Found\";\r\n    } else {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \"\";\r\n    }\r\n\r\n    const NonAccess = this.state.AllNonAccess.filter(\r\n      (item) =>\r\n        item.displayName.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(letter.toLowerCase())\r\n    );\r\n\r\n    // // console.log(\"NonAccess\", NonAccess);\r\n    this.setState({ NonAccess, showResults: true });\r\n\r\n    if (NonAccess.length === 0) {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \" Member Not Found\";\r\n    } else {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \"\";\r\n    }\r\n\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().includes(letter.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(letter.toLowerCase())\r\n    );\r\n    this.setState({ Announcement });\r\n    const OATUser = this.state.OATAlluser.filter((item) =>\r\n      item.company_Name.toLowerCase().includes(letter.toLowerCase())\r\n    );\r\n    this.setState({ OATUser });\r\n  };\r\n  // myFunction = (e) => {\r\n  //   const Announcement = this.state.AllAnnouncement.filter(\r\n  //     (item) =>\r\n  //       item.firstName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n  //       item.email.toLowerCase().includes(e.target.value.toLowerCase())\r\n  //   );\r\n  //   this.setState({ Announcement });\r\n  // };\r\n  myFunctionEntity = (e) => {\r\n    const EntityUser = this.state.EntityUserlist.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ EntityUser });\r\n  };\r\n  myFunction1 = (e) => {\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement });\r\n  };\r\n  EntityFilter = (e) => {\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.adminName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement, showResults: true });\r\n  };\r\n\r\n  handleClickOutside = (event) => {\r\n    if (\r\n      this.containerRef.current &&\r\n      !this.containerRef.current.contains(event.target)\r\n    ) {\r\n      this.setState({\r\n        Deletepop: false,\r\n        showEmoji: false,\r\n        MsgMenu: false,\r\n        attachMenu: false,\r\n      });\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.checkShouldClickButton3();\r\n    this.GetAnnouncement();\r\n    this.GetMessages();\r\n    this.GetAddmembers();\r\n    this.GetMemberAccess();\r\n    this.GetNonAccess();\r\n\r\n    const hubConnection = new signalR.HubConnectionBuilder()\r\n      .withUrl(`${BASE_URLs}/chatHub`) // Replace with your SignalR hub URL\r\n      .configureLogging(signalR.LogLevel.Information)\r\n      .build();\r\n\r\n    this.setState({ hubConnection }, () => {\r\n      this.state.hubConnection\r\n        .start()\r\n        .then(() => {\r\n          // console.log('SignalR Connected');\r\n\r\n          this.state.hubConnection.on('ReceiveMessage', (user, message) => {\r\n            // console.log(`New message received: ${message} from ${user}`);\r\n            this.setState(prevState => ({\r\n              message: [...prevState.message, { user, message }]\r\n            }));\r\n          });\r\n        })\r\n        .catch(error => {}\r\n          // console.error('SignalR Connection Error:', error)\r\n        );\r\n    });\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n    this.UserOrg();\r\n    this.setState({ letters: alphabet });\r\n    this.handleClick();\r\n    document.addEventListener(\"mousedown\", this.handleClickOutside);\r\n\r\n    var Id = JSON.parse(localStorage.getItem(\"userId\"));\r\n    this.setState({ UserId: Id });\r\n\r\n    function intervalFunction(resolve) {\r\n      setTimeout(async function() {\r\n          if (!this.state.Filterpop) {\r\n              this.UpdateLocalStorage();\r\n          }\r\n          \r\n          // Array to hold promises\r\n          const promises = [];\r\n          \r\n          // Push promises into the array\r\n          promises.push(this.GetMemberAccess());\r\n          // Add more promises if needed\r\n          \r\n          // Wait for all promises to resolve\r\n          await Promise.all(promises);\r\n  \r\n          // Call the function recursively after a delay\r\n          this.myTimeout = setTimeout(() => intervalFunction(resolve), 1000);\r\n  \r\n          // Resolve the promise\r\n          resolve();\r\n  \r\n          // // console.log(\"MemberAccessMemberAccess--2\", this.state.MemberAccess);\r\n      }.bind(this), 1000);\r\n  }\r\n  \r\n  new Promise((resolve) => {\r\n      intervalFunction(resolve);\r\n  });\r\n  \r\n    \r\n  }\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Addmembers = this.state.AllAddmembers.filter((item) => {\r\n      return item.name.charAt(0).toLowerCase() === letter.toLowerCase();\r\n    });\r\n    this.setState({ Addmembers, showResults: true });\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.firstName\r\n          .toLowerCase()\r\n          .includes(event.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(event.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement });\r\n    const OATUser = this.state.OATAlluser.filter((item) =>\r\n      item.company_Name.toLowerCase().includes(event.target.value.toLowerCase())\r\n    );\r\n    this.setState({ OATUser });\r\n  };\r\n\r\n  componentWillUnmount() {\r\n    clearInterval(this.interval);\r\n  }\r\n\r\n  componentDidUpdate(prevProps) {\r\n    if (prevProps.location !== this.props.location) {\r\n      this.checkShouldClickButton3();\r\n    }\r\n  }\r\n\r\n  printChecked() {\r\n    var items = document.getElementsByName(\"inputCheck\");\r\n    var arr = [];\r\n    for (var i = 0; i < items.length; i++) {\r\n      if (items[i].type == \"checkbox\" && items[i].checked == true) {\r\n        arr.push(items[i].value);\r\n      }\r\n    }\r\n    localStorage.setItem(\"ddvalue\", arr);\r\n    var arr = localStorage.getItem(\"ddvalue\");\r\n    arr = arr.split(\",\");\r\n    var selectedItems = \"\";\r\n    for (var i = 0; i < arr.length; i++) {\r\n      selectedItems += \"<br/>\" + arr[i];\r\n      document.getElementById(\"result\").innerHTML = selectedItems;\r\n    }\r\n    return true;\r\n  }\r\n  EditSkillModel = (e, fn) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        firstName: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModel: !prevState.EditSkillModel,\r\n    }));\r\n  };\r\n  EditSkillModelEntity = (e, fn, al, uid, rmsg, em, mb) => {\r\n    this.GetmsgPop(em);\r\n    this.GetReceivemsgPop(fn);\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditSkillValuesEntity: {\r\n        id: e,\r\n        firstName: fn,\r\n        allmessage: al,\r\n        usermsgId: uid,\r\n        receivemsg: rmsg,\r\n        email: em,\r\n        displayName: mb,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModelEntity: !prevState.EditSkillModelEntity,\r\n    }));\r\n  };\r\n  Lastgrpchatmodel = () => {\r\n    // if (document.getElementById(\"selectall\")) {\r\n    //   document.getElementById(\"selectall\").checked = false;\r\n    // }\r\n    // if (document.getElementsByName(\"AddSkills\")) {\r\n    //   var checkboxes = document.getElementsByName(\"AddSkills\");\r\n    //   for (var i = 0; i < checkboxes.length; i++) {\r\n    //     checkboxes[i].checked = false;\r\n    //     document\r\n    //       .getElementById(\"delete\")\r\n    //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n    //     document\r\n    //       .getElementById(\"deletecount\")\r\n    //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n    //   }\r\n    // }\r\n\r\n    // this.setState({\r\n    //   EditSkillValues: {\r\n    //     id: e,\r\n    //     firstName: fn,\r\n    //   },\r\n    // });\r\n    this.setState((prevState) => ({\r\n      Lastgrpchatmodel: !prevState.Lastgrpchatmodel,\r\n    }));\r\n  };\r\n  LastChatModel = () => {\r\n    this.setState((prevState) => ({\r\n      LastChatModel: !prevState.LastChatModel,\r\n    }));\r\n  };\r\n\r\n  \r\n\r\n  handletitle = () => {\r\n    var GroupName = document.getElementById(\"Group-Title\").value;\r\n    if (!GroupName) {\r\n      document.getElementById(\"titleerr\").innerHTML =\r\n        \"Discussion Name Required!\";\r\n    } else {\r\n      document.getElementById(\"titleerr\").innerHTML = \" \";\r\n    }\r\n  };\r\n  handleSubmitTitle = (event) => {\r\n    //alert(JSON.parse(localStorage.email))\r\n    event.preventDefault();\r\n    // // console.log(\"Selected User\", this.state.selectedUserIds);\r\n    let String_User = this.state.selectedUserIds.toString();\r\n    // // console.log(\"String\", String_User);\r\n    var GroupName = document.getElementById(\"Group-Title\").value;\r\n    // var GroupType = document.getElementById(\"Group-Type\").value;\r\n    let BASE_URL = JSON.parse(localStorage.email);\r\n    let comma = \",\";\r\n    let String_UserA = `${String_User}${comma}${BASE_URL}`;\r\n\r\n    if (!GroupName) {\r\n      document.getElementById(\"titleerr\").innerHTML =\r\n        \"Discussion Name Required!\";\r\n    } else {\r\n      document.getElementById(\"titleerr\").innerHTML = \" \";\r\n    }\r\n\r\n    // const { selectedOption } = this.state;\r\n\r\n    // if (!selectedOption) {\r\n    //   this.setState({\r\n    //     error: \"DiscussionType Required!\",\r\n    //   });\r\n    //   return;\r\n    // }\r\n    if (!String_UserA) {\r\n      alert(\"You Need to Add Atleast One Member to start Group Discussion\");\r\n    }\r\n\r\n    if (GroupName && String_UserA) {\r\n      const data = {\r\n        user_id: String_UserA,\r\n        group_Name: GroupName,\r\n        Privacy: 0,\r\n        ImagePath: this.state.fileUploadState,\r\n      };\r\n\r\n      // // console.log(data, \"groupcreate data\");\r\n\r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/Chat/CreateGroup`,\r\n        data: data,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n          // // console.log(response.data);\r\n          if (response.data.status === \"Failure\") {\r\n            alert(\"GroupName Already Exist\");\r\n          }\r\n\r\n          if (response.data.status === \"Success\") {\r\n            // this.EditSkillModel()\r\n            // alert(\"Group created\")\r\n            Swal.fire({\r\n              position: \"center\",\r\n              icon: \"success\",\r\n              text: \"Discussion Created\",\r\n\r\n              showConfirmButton: false,\r\n  \r\n              timer: 3000,\r\n              customClass: \"Group-swal-container\",\r\n            });\r\n            //         setTimeout(() => {\r\n            // \t  this.setState({\r\n            // \t          isBox1Open: false,\r\n            // \t         isBox2Open: false,\r\n            // \t         LastGroupopen:true,\r\n            // \t         isButton3Visible: true,\r\n            // \t         EditSkillModel:true,\r\n            //            istitlepopOpen:false,\r\n            //            isBackArrowVisibleA:false\r\n            // \t          })\r\n            // }, 5);\r\n            // alert(GroupName)\r\n            this.GetGroupId(GroupName);\r\n            this.closePopup();\r\n            this.setState({\r\n              showResults: false,\r\n              displayForm: false,\r\n            });\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          // // console.log(error);\r\n          alert(\"failed !\");\r\n        });\r\n    }\r\n  };\r\n  SubmitStartMessage = (Id, GroupName, Profile) => {\r\n    // let String_User = this.state.selectedUserName.toString();\r\n    const data = {\r\n      // group_Name: GroupName,\r\n\r\n      Group_Name: GroupName,\r\n      Group_id: Id,\r\n      GroupMember: this.state.Memberslist,\r\n      Profile: Profile,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/contact/GroupStartMessage`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n        setTimeout(() => {\r\n          this.setState({\r\n            isBox1Open: false,\r\n            isBox2Open: false,\r\n            isBox3Open: false,\r\n            isBox4Open: false,\r\n            LastGroupopen: true,\r\n            isButton3Visible: true,\r\n            showFirstHeader: false,\r\n            EditSkillModel: true,\r\n            istitlepopOpen: false,\r\n            isBackArrowVisibleA: false,\r\n            EditSkillValues: {\r\n              groupId: Id,\r\n              groupName: GroupName,\r\n            },\r\n          });\r\n        }, 1000);\r\n      })\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n        alert(\"failed !\");\r\n      });\r\n  };\r\n\r\n  SubmitStartAddMessage = (Id, GroupName, Profile) => {\r\n    let String_User = this.state.selectedUserName.toString();\r\n    const data = {\r\n      // group_Name: GroupName,\r\n\r\n      Group_Name: GroupName,\r\n      Group_id: Id,\r\n      GroupMember: this.state.Memberslist,\r\n      Message: String_User,\r\n      Profile: Profile,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/contact/GroupAddMemberMessage`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n        this.setState({\r\n          selectedUsers: [],\r\n          selectedUserIds: [],\r\n          selectedUserName: [],\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n        alert(\"failed !\");\r\n      });\r\n  };\r\n  GetGroupId(GroupName) {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetGroupId?GroupName=${GroupName}`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        localStorage.setItem(\"GroupData\", JSON.stringify(data));\r\n        const groupdetail = localStorage.getItem(\"GroupData\");\r\n        const group = JSON.parse(groupdetail);\r\n        const groupid = group.map((e) => e.group_id);\r\n        const profile = group.map((e) => e.profile_Pic);\r\n        const Profile = profile[0];\r\n        const Id = groupid[0];\r\n        this.GetAllMembers(Id, GroupName, Profile);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching group ID:\", error);\r\n      });\r\n  }\r\n\r\n  \r\n  formclick() {\r\n    document.getElementById(\"formbtn\").click();\r\n  }\r\n\r\n  handleButtonClick() {\r\n    this.setState((prevState) => ({\r\n      isBox1Open: !prevState.isBox1Open,\r\n      isBox2Open: !prevState.isBox2Open,\r\n    }));\r\n\r\n    setTimeout(() => {\r\n      document.getElementById(\"Searchbox2\").style.display = \"none\";\r\n    }, 5);\r\n  }\r\n  GetmsgPop(UserName) {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetmsgPop?UserName=${UserName}`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        const DataLength = this.state.Popmsg.length;\r\n        \r\n        this.setState({\r\n          Popmsg: data,\r\n        }, () => {\r\n          if (data.length > DataLength) {\r\n            this.scrollToBottom();\r\n          }\r\n        });\r\n        this.setState({\r\n          Popmsg: data,\r\n        });\r\n        // // console.log(\"Receive\", data);\r\n        this.setState({\r\n          OneonOneAdmin: UserName,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  GetReceivemsgPop(FirstName, UserName) {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetReceivemsgPop?FirstName=${FirstName}&Email=${UserName}`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        const DataLength = this.state.ReceivepopMsg.length;\r\n  \r\n        this.setState({\r\n          ReceivepopMsg: data,\r\n        }, () => {\r\n          if (data.length > DataLength) {\r\n            this.scrollToBottom();\r\n          }\r\n        });\r\n        // // console.log(\"ReceivepopMsg\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  \r\n  GetMessages() {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetSendmsg`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        if (Array.isArray(data)) {\r\n          this.setState({\r\n            Messages: data,\r\n          });\r\n          // // console.log(\"message\", data);\r\n        } else {\r\n          // console.error(\"Received data is not an array:\", data);\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching messages:\", error);\r\n      });\r\n  }\r\n\r\n  Successpopclose = () => {\r\n    this.setState({\r\n      isButton1Visible: true,\r\n      isButton2Visible: true,\r\n      isBackArrowVisible: false,\r\n      EntityModel: false,\r\n      EditSkillModelEntity: false,\r\n      LastChatModel: true,\r\n    });\r\n  };\r\n\r\n  OATSearch = (e) => {\r\n    const OATUser = this.state.OATAlluser.filter((item) =>\r\n      item.company_Name.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ OATUser });\r\n  };\r\n  toggleTitlePopupOpen = () => {\r\n    // this.setState({\r\n    //   istitlepopOpen:true\r\n\r\n    // });\r\n\r\n    {\r\n      this.state.selectedUsers.length == 0\r\n        ? alert(\"Select Any User\")\r\n        : this.setState({\r\n          istitlepopOpen: true,\r\n        });\r\n    }\r\n  };\r\n  toggleTitlePopup = () => {\r\n    this.setState({\r\n      istitlepopOpen: false,\r\n\r\n      EImage: DefaultProfile,\r\n    });\r\n  };\r\n\r\n  publicbtn = (event) => {\r\n    this.setState({\r\n      selectedOption: event.target.value,\r\n      error: \"\",\r\n    });\r\n    Swal.fire({\r\n      title: \"Are you sure\",\r\n      text: \"Continue with Public chat?\",\r\n      icon: \"warning\",\r\n      showCancelButton: true,\r\n      confirmButtonColor: \"#3085d6\",\r\n      cancelButtonColor: \"#d33\",\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n      // if (result.isConfirmed) {\r\n      //   Swal.fire(\r\n      //     'Confirmed!'\r\n      //   )\r\n      // }\r\n    });\r\n    this.setState({\r\n      privacy: 1,\r\n    });\r\n    // // console.log(\"public\", 1);\r\n  };\r\n  privatebtn = (event) => {\r\n    this.setState({\r\n      selectedOption: event.target.value,\r\n      error: \"\",\r\n    });\r\n\r\n    Swal.fire({\r\n      title: \"Are you sure\",\r\n      text: \"Continue with Private chat?\",\r\n      icon: \"warning\",\r\n      showCancelButton: true,\r\n      confirmButtonColor: \"#3085d6\",\r\n      cancelButtonColor: \"#d33\",\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n      // if (result.isConfirmed) {\r\n      //   Swal.fire(\r\n      //     'Confirmed!'\r\n      //   )\r\n      // }\r\n    });\r\n\r\n    this.setState({\r\n      privacy: 0,\r\n    });\r\n    // // console.log(\"private\", 0);\r\n  };\r\n  fileUploadAction = () => this.inputReference.current.click();\r\n  fileUploadInputChange = (e) => {\r\n    const selectedFile = e.target.files[0];\r\n\r\n    if (!selectedFile) {\r\n      return;\r\n    }\r\n\r\n    if (!(selectedFile instanceof Blob || selectedFile instanceof File)) {\r\n      return;\r\n    }\r\n\r\n    this.setState({\r\n      fileUploadState: selectedFile,\r\n      EImage: URL.createObjectURL(selectedFile),\r\n    });\r\n  };\r\n\r\n  openPopup = (e) => {\r\n    e.preventDefault();\r\n    var users = this.state.selectedUsers;\r\n    if (users.length === 0) {\r\n      alert(\"Choose Discussion Members\");\r\n    } else {\r\n      this.setState({ isPopupOpen: true });\r\n    }\r\n\r\n    // this.setState({ isPopupOpen: true });\r\n  };\r\n\r\n  closePopup = () => {\r\n    this.setState({ isPopupOpen: false });\r\n  };\r\n  Formdisplay = () => {\r\n    this.setState((prevState) => ({\r\n      displayForm: !prevState.displayForm,\r\n      Chatpop: false,\r\n    }));\r\n\r\n    var inputvalue = document.getElementById(\"searchInputvalue\").value;\r\n\r\n    if (inputvalue !== null) {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \"\";\r\n      document.getElementById(\"searchInputvalue\").value = \"\";\r\n      this.GetMemberAccess();\r\n      this.GetNonAccess();\r\n    } else {\r\n      // // console.log(\"forcheck\");\r\n    }\r\n  };\r\n  HideFormdisplay = () => {\r\n    this.setState((prevState) => ({\r\n      displayForm: false,\r\n      selectedUsers: [],\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n      MemberAccess: [],\r\n      NonAccess: [],\r\n    }));\r\n\r\n    var inputvalue = document.getElementById(\"searchInputvalue\").value;\r\n\r\n    if (inputvalue !== null) {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \"\";\r\n      document.getElementById(\"searchInputvalue\").value = \"\";\r\n      this.GetMemberAccess();\r\n      this.GetNonAccess();\r\n    } else {\r\n      // // console.log(\"forcheck\");\r\n    }\r\n  };\r\n  handleClick = () => {\r\n    this.setState(\r\n      (prevState) => ({\r\n        showFirstHeader: !prevState.showFirstHeader,\r\n      })\r\n      // () => {\r\n      //   // Store the updated state in localStorage\r\n      //   localStorage.setItem('headerState', JSON.stringify(this.state));\r\n      // }\r\n    );\r\n    this.GetMemberAccess();\r\n    this.GetNonAccess();\r\n  };\r\n  getDetails = (FirstName, UserName, pic, senderId, particularId) => {\r\n    if (this.state.Chatpop) {\r\n      this.setState({\r\n        Name: FirstName,\r\n        Email: UserName,\r\n        UPic: pic,\r\n        attachMenu: false,\r\n        showEmoji: false,\r\n        MsgMenu: false,\r\n        Deletepop: false,\r\n        Picturepopup: false,\r\n        Documentpopup: false\r\n      }, () => {\r\n        setTimeout(() => {\r\n          this.scrollToBottom();\r\n        }, 100);\r\n      });\r\n\r\n      this.GetReceivemsgPop(FirstName, UserName);\r\n      this.GetReceivemsgPopUser(FirstName, UserName);\r\n      this.GetmsgPop(UserName);\r\n      this.GetAddmembers();\r\n      this.GetNonAccess();\r\n\r\n      if (this.interval) {\r\n        clearInterval(this.interval);\r\n      }\r\n      this.interval = setInterval(() => {\r\n        this.GetReceivemsgPop(FirstName, UserName);\r\n        this.GetReceivemsgPopUser(FirstName, UserName);\r\n        this.GetmsgPop(UserName);\r\n        this.markMessageAsSeenAdmin(\r\n          senderId, particularId\r\n        );\r\n        this.markMessageAsSeenUser(senderId, particularId\r\n        );\r\n      }, 1000);\r\n\r\n    } else {\r\n      this.setState({\r\n        Chatpop: true,\r\n        Name: FirstName,\r\n        Email: UserName,\r\n        UPic: pic,\r\n        attachMenu: false,\r\n        showEmoji: false,\r\n        MsgMenu: false,\r\n        Deletepop: false,\r\n        Picturepopup: false,\r\n        Documentpopup: false\r\n      }, () => {\r\n        setTimeout(() => {\r\n          this.scrollToBottom();\r\n        }, 100);\r\n      });\r\n\r\n      this.GetReceivemsgPop(FirstName, UserName);\r\n      this.GetReceivemsgPopUser(FirstName, UserName);\r\n      this.GetmsgPop(UserName);\r\n      this.GetAddmembers();\r\n      this.GetNonAccess();\r\n\r\n      if (this.interval) {\r\n        clearInterval(this.interval);\r\n      }\r\n      this.interval = setInterval(() => {\r\n        this.GetReceivemsgPop(FirstName, UserName);\r\n        this.GetReceivemsgPopUser(FirstName, UserName);\r\n        this.GetmsgPop(UserName);\r\n        this.markMessageAsSeenAdmin(\r\n          senderId, particularId\r\n        );\r\n        this.markMessageAsSeenUser(senderId, particularId\r\n        );\r\n      }, 1000);\r\n    }\r\n    window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });\r\n  };\r\n\r\n  hideChatpop = () => {\r\n    this.setState({\r\n      Chatpop: false,\r\n      MsgMenu: false,\r\n      Deletepop: false,\r\n      attachMenu: false,\r\n      showEmoji: false,\r\n    });\r\n    var inputvalue = document.getElementById('searchInputvalue').value\r\n\r\n    if (inputvalue !== null) {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \"\";\r\n      document.getElementById('searchInputvalue').value = '';\r\n      this.GetMemberAccess();\r\n      this.GetNonAccess();\r\n    }\r\n    else {\r\n      // // console.log('forcheck')\r\n    }\r\n  };\r\n\r\n  GetReceivemsgPopUser(FirstName, UserName) {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetReceivemsgPopUser?FirstName=${FirstName}&Email=${UserName}`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          ReceivepopMsgUser: data,\r\n        });\r\n  \r\n        const DataLength = this.state.ReceivepopMsgUser.length;\r\n  \r\n        this.setState({\r\n          ReceivepopMsgUser: data,\r\n        }, () => {\r\n          if (data.length > DataLength) {\r\n            this.scrollToBottom();\r\n          }\r\n        });\r\n        // // console.log(\"ReceivepopMsgUser\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  handleSubmitA = (event) => {\r\n    const { message, picture_Path, document_Path } = this.state;\r\n    if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n      event.preventDefault();\r\n      alert(\"Please enter a message, select an image, or choose a document.\");\r\n    } else {\r\n      event.preventDefault();\r\n  \r\n      const formData = new FormData(this.formRef.current);\r\n\r\n      this.setState({\r\n        InputDisabled: true,\r\n      });\r\n  \r\n      // Now you can access form data values from formData\r\n      for (const [key, value] of formData.entries()) {\r\n        // // console.log(`Field name: ${key}, Field value: ${value}`);\r\n      }\r\n  \r\n      // Rest of your axios and state updating logic\r\n      const options = {\r\n        headers: {\r\n          \"Content-Type\": \"multipart/form-data\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      };\r\n  \r\n      axios.post(`${BASE_URLs}/Contact/Receiversend`, formData, options)\r\n        .then((response) => {\r\n          const data = response.data;\r\n          var FirstName = this.state.Name;\r\n          var UserName = this.state.Email;\r\n          this.GetReceivemsgPop(FirstName, UserName);\r\n          this.GetmsgPop(UserName);\r\n          this.setState({\r\n            message: \"\",\r\n            picture_Path: null,\r\n            document_Path: null,\r\n            InputDisabled: false,\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          console.error(\"Error submitting form:\", error);\r\n        });\r\n    }\r\n  };\r\n\r\n  scrollIntoView() {\r\n    this.myRef.current?.scrollIntoView();\r\n  }\r\n  scrollToBottom = () => {\r\n    if (this.chatBoxRef.current) {\r\n      this.chatBoxRef.current.scrollTop = this.chatBoxRef.current.scrollHeight;\r\n    }\r\n  };\r\n\r\n  markMessageAsSeenUser = (senderId, particularId) => {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    const requestData = {\r\n      senderId: senderId,\r\n      particularId: particularId,\r\n    };\r\n  \r\n    axios.post(`${BASE_URLs}/Notification/MsgSeenUser`, requestData, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        // Handle the response data if needed\r\n        // // console.log(data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error updating Seen field:\", error);\r\n      });\r\n  };\r\n\r\n  markMessageAsSeenAdmin = (senderId, particularId) => {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    const requestData = {\r\n      senderId: senderId,\r\n      particularId: particularId,\r\n    };\r\n  \r\n    axios.post(`${BASE_URLs}/Notification/MsgcountSeenAdmin`, requestData, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        // Handle the response data if needed\r\n        // // console.log(data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error updating Seen field:\", error);\r\n      });\r\n  };\r\n\r\n  GetNonAccess() {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Team/GetAccessMembers`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          NonAccess: data,\r\n          AllNonAccess: data,\r\n          FrdNonAccess: data,\r\n          AllFrdNonAccess: data\r\n        });\r\n        // console.log(\"NonAccess\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching non-access members:\", error);\r\n      });\r\n  }\r\n\r\n  GetMemberAccess = async () => {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    try {\r\n      const response = await axios.get(`${BASE_URLs}/Chat/GetAccessMemberUsers`, options);\r\n      const data = response.data;\r\n      this.setState({\r\n        MemberAccess: data,\r\n        AllMemberAccess: data,\r\n        FrdMemberAccess: data,\r\n        FrdAllMemberAccess: data,\r\n      });\r\n      // // console.log(\"Access\", data);\r\n    } catch (error) {\r\n      console.error(\"Error fetching member access:\", error);\r\n    }\r\n  \r\n    // Set interval doesn't seem to have a purpose here, but if needed, you can add it back\r\n    // setInterval(() => getMemberAccess(), 1000);\r\n  }\r\n\r\n  formatDateAA1 = (dateString) => {\r\n    const inputDate = new Date(dateString);\r\n    const currentDate = new Date();\r\n    const oneDay = 24 * 60 * 60 * 1000; // Number of milliseconds in a day\r\n    const oneWeekAgo = new Date(currentDate.getTime() - 7 * oneDay);\r\n\r\n    const isToday =\r\n      inputDate.getDate() === currentDate.getDate() &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isYesterday =\r\n      inputDate.getDate() === currentDate.getDate() - 1 &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isBeforeYesterday =\r\n      inputDate.getTime() > oneWeekAgo.getTime() && !isYesterday;\r\n\r\n    const options = {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n      hour: \"numeric\",\r\n      minute: \"numeric\",\r\n      hour12: true,\r\n    };\r\n\r\n    const options1 = {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n    };\r\n\r\n    if (isToday) {\r\n      return \"Today\";\r\n    } else if (isYesterday) {\r\n      return \"Yesterday\";\r\n    } else if (isBeforeYesterday) {\r\n      const formattedDate = inputDate.toLocaleDateString(\"en-US\", {\r\n        weekday: \"long\",\r\n      });\r\n      // const formattedTime = inputDate.toLocaleTimeString(\"en-US\", { hour: \"numeric\", minute: \"numeric\", hour12: true });\r\n      return `${formattedDate}`;\r\n    } else {\r\n      return inputDate.toLocaleString(\"en-US\", options1);\r\n    }\r\n  };\r\n\r\n  formatDateAA = (dateString) => {\r\n    const inputDate = new Date(dateString);\r\n    const currentDate = new Date();\r\n    const oneDay = 24 * 60 * 60 * 1000; // Number of milliseconds in a day\r\n    const oneWeekAgo = new Date(currentDate.getTime() - 7 * oneDay);\r\n\r\n    const isToday =\r\n      inputDate.getDate() === currentDate.getDate() &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isYesterday =\r\n      inputDate.getDate() === currentDate.getDate() - 1 &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isBeforeYesterday =\r\n      inputDate.getTime() > oneWeekAgo.getTime() && !isYesterday;\r\n\r\n    const options = {\r\n      hour: \"numeric\",\r\n      minute: \"numeric\",\r\n      hour12: true,\r\n    };\r\n\r\n    if (isToday) {\r\n      const timeOnly = inputDate.toLocaleTimeString(\"en-US\", {\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n        hour12: true,\r\n      });\r\n      return `${timeOnly}`;\r\n    } else if (isYesterday) {\r\n      return `${inputDate.toLocaleTimeString(\"en-US\", {\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n        hour12: true,\r\n      })}`;\r\n    } else if (isBeforeYesterday) {\r\n      // const formattedDate = inputDate.toLocaleDateString(\"en-US\", { weekday: \"long\" });\r\n      const formattedTime = inputDate.toLocaleTimeString(\"en-US\", {\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n        hour12: true,\r\n      });\r\n      return `${formattedTime}`;\r\n    } else {\r\n      return inputDate.toLocaleString(\"en-US\", options);\r\n    }\r\n  };\r\n\r\n  documentName = (dn) => {\r\n    this.setState({\r\n      DName: true,\r\n      documentname: dn,\r\n    });\r\n  };\r\n  documentNameL = () => {\r\n    setTimeout(() => {\r\n      this.setState({\r\n        DName: false,\r\n      });\r\n    }, 500);\r\n  };\r\n\r\n  picturePopup = () => {\r\n    this.setState({\r\n      ispicturepopOpen: false,\r\n      Picturepopup: false,\r\n    });\r\n    var FirstName = this.state.Name;\r\n    var UserName = this.state.Email;\r\n    var Email = this.state.MailId;\r\n    this.GetmsgPop(UserName);\r\n    this.GetReceivemsgPop(FirstName, Email);\r\n    this.GetReceivemsgPopUser(FirstName, Email);\r\n  };\r\n  picturepop() {\r\n    this.setState({ Picturepopup: !this.state.Picturepopup });\r\n  }\r\n  hidepicturepop = () => {\r\n    this.setState({\r\n      Picturepopup: false,\r\n    });\r\n  };\r\n  hidedocumentpop = () => {\r\n    this.setState({\r\n      Documentpopup: false,\r\n    });\r\n  };\r\n  documentPopup = () => {\r\n    this.setState({\r\n      isdocumentpopOpen: false,\r\n      Documentpopup: false,\r\n    });\r\n    var FirstName = this.state.Name;\r\n    var UserName = this.state.Email;\r\n    var Email = this.state.MailId;\r\n    this.GetmsgPop(UserName);\r\n    this.GetReceivemsgPop(FirstName, Email);\r\n    this.GetReceivemsgPopUser(FirstName, Email);\r\n  };\r\n  documentpop() {\r\n    this.setState({ Documentpopup: !this.state.Documentpopup });\r\n  }\r\n\r\n  attachMenu() {\r\n    this.setState({\r\n      attachMenu: !this.state.attachMenu,\r\n      showEmoji: false,\r\n      Addpopup: false,\r\n      showMenu: false,\r\n      Deletepop: false,\r\n      MsgMenu: false,\r\n    });\r\n  }\r\n\r\n  Picturepop() {\r\n    this.setState({\r\n      Picturepopup: !this.state.Picturepopup,\r\n      ispicturepopOpen: true,\r\n      attachMenu: false,\r\n    });\r\n    // alert(\"Alert message here\");\r\n    localStorage.setItem(\"fileee\", JSON.stringify(this.state.OneonOneAdmin));\r\n  }\r\n\r\n  Documentpop() {\r\n    this.setState({\r\n      Documentpopup: !this.state.Documentpopup,\r\n      isdocumentpopOpen: true,\r\n      attachMenu: false,\r\n    });\r\n    // alert(\"Alert message here1\");\r\n\r\n    // // console.log(this.state.OneonOneAdmin, \"droppppppp\");\r\n    localStorage.setItem(\"fileee\", JSON.stringify(this.state.OneonOneAdmin));\r\n    localStorage.setItem(\"UNamee\", JSON.stringify(this.state.Name));\r\n  }\r\n\r\n  DisplayMenu(id, Imsg, Ipic, Idoc, Isd, Icd, ParticularId, Ist) {\r\n\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n    this.setState({\r\n      MsgMenu: !this.state.MsgMenu,\r\n      deleteId: id,\r\n      // deletemsg: Imsg,\r\n      Forwardpic: Ipic,\r\n      Forwarddoc: Idoc,\r\n      deletesender: Isd,\r\n      deletedate: Icd,\r\n      Deletepop: false,\r\n      attachMenu: false,\r\n      deleteEvery: id,\r\n      deletemsg: Imsg,\r\n      delparticularId: ParticularId,\r\n      //  Time:Ist,\r\n      Time: Ist,\r\n    });\r\n  }\r\n\r\n  EditOneonOneMessage = () => {\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n    // let Id = document.getElementById('groupid').value\r\n    const data = {\r\n      ParticularId: this.state.delparticularId,\r\n      Message: this.state.deletemsg,\r\n      SenderId: this.state.deletesender,\r\n      SysDateTimeWithSeconds: this.state.Time,\r\n    };\r\n    // // console.log(\"Edits\", data);\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/Chat/EditOneonOneMessage`,\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // // console.log(response.data);\r\n        this.setState({ message: \"\", MsgMenu: false, deletemsg: \"\" });\r\n        var FirstName = this.state.Name;\r\n        var UserName = this.state.Email;\r\n        var Email = this.state.MailId;\r\n        this.GetReceivemsgPopUser(FirstName, Email);\r\n        this.GetmsgPop(UserName);\r\n\r\n        this.setState({ EditInput: false })\r\n      })\r\n\r\n      .catch((error) => {\r\n        // // console.log(error);\r\n      });\r\n  };\r\n\r\n  DeleteMessageOne = () => {\r\n    const data = {\r\n      Id: this.state.deleteId,\r\n      UserName: this.state.Email,\r\n    };\r\n\r\n    // // console.log(data, \"delete message\");\r\n\r\n    Swal.fire({\r\n      // title: \"Are you sure\",\r\n\r\n      text: \"Are you sure delete Message to You?\",\r\n\r\n      icon: \"warning\",\r\n\r\n      showCancelButton: true,\r\n\r\n      confirmButtonColor: \"#3085d6\",\r\n\r\n      cancelButtonColor: \"#d33\",\r\n\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n      if (result.isConfirmed) {\r\n        axios({\r\n          method: \"POST\",\r\n\r\n          url: `${BASE_URLs}/Chat/DeleteMessageOne`,\r\n\r\n          data: data,\r\n\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"multipart/form-data\",\r\n\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        })\r\n          .then((response) => {\r\n            // // console.log(response.data);\r\n\r\n            var FirstName = this.state.Name;\r\n            var UserName = this.state.Email;\r\n            var Email = this.state.MailId;\r\n            this.GetmsgPop(UserName);\r\n            this.GetReceivemsgPop(FirstName, Email);\r\n            this.GetReceivemsgPopUser(FirstName, Email);\r\n\r\n            this.setState({\r\n              Deletepop: false,\r\n            });\r\n          })\r\n\r\n          .catch((error) => {\r\n            // // console.log(error);\r\n          });\r\n      }\r\n\r\n      if (result.isDismissed) {\r\n        this.setState({\r\n          Deletepop: false,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\nGetForwardmembers() {\r\n  const options = {\r\n    headers: {\r\n      \"Content-Type\": \"application/json\",\r\n      Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n    },\r\n  };\r\n\r\n  axios.get(`${BASE_URLs}/Chat/GetallMembers`, options)\r\n    .then((response) => {\r\n      const data = response.data;\r\n      if (Array.isArray(data)) {\r\n        this.setState({\r\n          Forwardmembers: data,\r\n          AllForwardmembers: data,\r\n          Addmembers: data,\r\n          AllAddmembers: data,\r\n        });\r\n        // // console.log(\"IFmemberssss\", data);\r\n      } else {\r\n        // console.error(\"Received data is not an array:\", data);\r\n      }\r\n    })\r\n    .catch((error) => {\r\n      console.error(\"Error fetching forward members:\", error);\r\n    });\r\n}\r\n\r\n  forwardopenpop = () => {\r\n    this.setState({\r\n      forwardpopup: !this.state.forwardpopup,\r\n\r\n      MsgMenu: false,\r\n    });\r\n    this.GetMemberAccess();\r\n    this.GetNonAccess();\r\n  };\r\n\r\n  hideForwardpop = () => {\r\n    this.setState({\r\n      forwardpopup: false,\r\n      selectedUserIds: [],\r\n    });\r\n    this.GetMemberAccess();\r\n    this.GetNonAccess();\r\n  };\r\n\r\n  deleteMenu() {\r\n    this.setState({\r\n      Deletepop: !this.state.Deletepop,\r\n      MsgMenu: false,\r\n    }, () => {\r\n      // window.alert(\"Menu deleted successfully!\");\r\n    });\r\n  }\r\n  handleClose = () => {\r\n    this.setState({\r\n      Deletepop: false,\r\n    });\r\n  };\r\n  ICDeleteMessageEveryone = () => {\r\n    const data = {\r\n      UserName: this.state.Email,\r\n\r\n      SenderId: this.state.deletesender,\r\n\r\n      DateTimeSec: this.state.Time,\r\n\r\n      Message: this.state.deletemsg,\r\n\r\n      PicturePath: this.state.Forwardpic,\r\n\r\n      DocumentPath: this.state.Forwarddoc,\r\n    };\r\n\r\n    // // console.log(data, \"delete message\");\r\n\r\n    Swal.fire({\r\n      // title: \"Are you sure\",\r\n\r\n      text: \"Are you sure delete Message for Everyone?\",\r\n\r\n      icon: \"warning\",\r\n\r\n      showCancelButton: true,\r\n\r\n      confirmButtonColor: \"#3085d6\",\r\n\r\n      cancelButtonColor: \"#d33\",\r\n\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n      if (result.isConfirmed) {\r\n        axios({\r\n          method: \"POST\",\r\n\r\n          url: `${BASE_URLs}/contact/ICDelMsgEveryone`,\r\n\r\n          data: data,\r\n\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"multipart/form-data\",\r\n\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        })\r\n          .then((response) => {\r\n            // // console.log(response.data);\r\n\r\n            var FirstName = this.state.Name;\r\n            var UserName = this.state.Email;\r\n            var Email = this.state.MailId;\r\n            this.GetmsgPop(UserName);\r\n            this.GetReceivemsgPop(FirstName, Email);\r\n            this.GetReceivemsgPopUser(FirstName, Email);\r\n\r\n            this.setState({\r\n              Deletepop: false,\r\n            });\r\n          })\r\n\r\n          .catch((error) => {\r\n            // // console.log(error);\r\n          });\r\n      }\r\n\r\n      if (result.isDismissed) {\r\n        this.setState({\r\n          Deletepop: false,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  ICMuteDiscpop(e) {\r\n    e.preventDefault();\r\n    this.setState({\r\n      ICMuteDisc: !this.state.MuteDisc,\r\n    });\r\n  }\r\n\r\n  EditMessage = () => {\r\n    this.setState({ EditInput: true })\r\n    document.getElementById(\"input-groupEdit\").style.display = \"flex\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"none\";\r\n  }\r\n\r\n  CancelEdit() {\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n  }\r\n\r\n  handleKeyPressUser = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  \r\n    if (event.charCode === 13 && !this.state.EditInput) {\r\n      const { message, picture_Path, document_Path } = this.state;\r\n      if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n        alert(\"Please enter a message, select an image, or choose a document.\");\r\n      } else {\r\n        event.preventDefault();\r\n  \r\n        const formData = new FormData(this.formRef.current);\r\n  \r\n        axios.post(`${BASE_URLs}/Contact/Receiversend`, formData, {\r\n          headers: {\r\n            \"Authorization\": `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        })\r\n        .then((res) => res.json())\r\n        .then((data) => {\r\n          var FirstName = this.state.Name;\r\n          var UserName = this.state.Email;\r\n          this.GetReceivemsgPopUser(FirstName, UserName);\r\n          this.GetmsgPop(UserName);\r\n          this.setState({\r\n            message: \"\",\r\n            picture_Path: null,\r\n            document_Path: null,\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          console.error(\"Error sending message:\", error);\r\n        });\r\n      }\r\n    }\r\n    if (event.charCode === 13 && this.state.EditInput) {\r\n      document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n      document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n  \r\n      const data = {\r\n        ParticularId: this.state.delparticularId,\r\n        Message: this.state.deletemsg,\r\n        SenderId: this.state.deletesender,\r\n        SysDateTimeWithSeconds: this.state.Time,\r\n      };\r\n  \r\n      axios.post(`${BASE_URLs}/Chat/EditOneonOneMessage`, data, {\r\n        headers: {\r\n          \"Authorization\": `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n      .then((response) => {\r\n        this.setState({ message: \"\", MsgMenu: false, deletemsg: \"\" });\r\n        var FirstName = this.state.Name;\r\n        var UserName = this.state.Email;\r\n        var Email = this.state.MailId;\r\n        this.GetReceivemsgPopUser(FirstName, Email);\r\n        this.GetmsgPop(UserName);\r\n        this.setState({ EditInput: false });\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error editing message:\", error);\r\n      });\r\n    }\r\n  };\r\n\r\n  ForwardIChatMsg = (event) => {\r\n    event.preventDefault();\r\n\r\n    let ParticularId = this.state.selectedUserIds.toString();\r\n\r\n    if (!ParticularId) {\r\n      alert(\"Choose Any Member\");\r\n    } else {\r\n      const data = {\r\n        Message: this.state.deletemsg,\r\n\r\n        Picture_Path: this.state.Forwardpic,\r\n\r\n        Document_Path: this.state.Forwarddoc,\r\n\r\n        UserName: ParticularId,\r\n      };\r\n\r\n      // // console.log(data, \"ICupdatename check\");\r\n\r\n      axios({\r\n        method: \"POST\",\r\n\r\n        url: `${BASE_URLs}/contact/OneonOneFwdMessage`,\r\n\r\n        data: data,\r\n\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n          // // console.log(response.data);\r\n\r\n          this.setState({\r\n            //   selectedOptionsFwd: [],\r\n            forwardpopup: false,\r\n            selectedUserIds: [],\r\n          });\r\n          Swal.fire({\r\n            position: \"center\",\r\n            icon: \"success\",\r\n            text: \"Forwarded\",\r\n            showConfirmButton: false,\r\n            timer: 2000,\r\n            timerProgressBar: true,\r\n            customClass: 'IC-swal-container'\r\n          });\r\n          var FirstName = this.state.Name;\r\n          var UserName = this.state.Email;\r\n          var Email = this.state.MailId;\r\n          this.GetmsgPop(UserName);\r\n          this.GetReceivemsgPop(FirstName, Email);\r\n          this.GetReceivemsgPopUser(FirstName, Email);\r\n          this.GetMemberAccess();\r\n          this.GetNonAccess();\r\n        })\r\n\r\n        .catch((error) => {\r\n          // // console.log(error);\r\n\r\n          alert(\"failed !\");\r\n        });\r\n    }\r\n  };\r\n\r\n  toggleMinimize = () => {\r\n    this.setState((prevState) => ({\r\n      Minimized: !prevState.Minimized,\r\n    }));\r\n  };\r\n\r\n  Addmemberfilter = (e) => {\r\n\r\n    const MemberAccess = this.state.AllMemberAccess.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ MemberAccess, showResults: true });\r\n    const NonAccess = this.state.AllNonAccess.filter(\r\n      (item) =>\r\n        item.firstName\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n\r\n    // // console.log(\"NonAccess\", NonAccess);\r\n    this.setState({ NonAccess, showResults: true });\r\n\r\n    if (NonAccess.length === 0 && MemberAccess.length === 0) {\r\n      document.getElementById(\"ForwardFilterErr\").innerHTML = \" Member Not Found\";\r\n    } else {\r\n      document.getElementById(\"ForwardFilterErr\").innerHTML = \"\";\r\n    }\r\n  };\r\n\r\n  Forwardmemberfilter = (e) => {\r\n    const FrdMemberAccess = this.state.FrdAllMemberAccess.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ FrdMemberAccess, showResults: true });\r\n    const FrdNonAccess = this.state.AllFrdNonAccess.filter(\r\n      (item) =>\r\n        item.firstName\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n\r\n    // // console.log(\"NonAccess\", FrdNonAccess);\r\n    this.setState({ FrdNonAccess, showResults: true });\r\n\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const {\r\n      isButton1Visible,\r\n      isButton2Visible,\r\n      isButton3Visible,\r\n      isBackArrowVisible,\r\n      isBackArrowVisibleA,\r\n      EditSkillModelEntity,\r\n      isBackArrowVisibleB,\r\n      isBox1Open,\r\n      isBox2Open,\r\n      isBox3Open,\r\n      isBox4Open,\r\n      Announcement,\r\n      EntityUser,\r\n      users,\r\n      showResults,\r\n      checkedItems,\r\n      User,\r\n      OATUser,\r\n      selectedUsers,\r\n      selectedUserIds,\r\n      LastGroupopen,\r\n      EntityModel,\r\n      error,\r\n      Popmsg,\r\n      message,\r\n      picture_Path,\r\n      document_Path,\r\n      ReceivepopMsg,\r\n      showEmoji,\r\n      SearchModel,\r\n      email,\r\n      firstname,\r\n      Addmembers,\r\n      MemberAccess,\r\n      NonAccess,\r\n      istitlepopOpen,\r\n      groupName,\r\n      privacy,\r\n      Memberslist,\r\n      displayForm,\r\n      ReceivepopMsgUser,\r\n      Name,\r\n      showFirstHeader,\r\n      UserId,\r\n      Filterpop,\r\n      Chatpop,\r\n      documentname,\r\n      DName,\r\n      UPic,\r\n      isdocumentpopOpen,\r\n      ispicturepopOpen,\r\n      Deletepop,\r\n      Minimized,\r\n      MsgMenu,\r\n      FrdMemberAccess,\r\n      FrdNonAccess,\r\n    } = this.state;\r\n\r\n    const { discussionValue, discussionNameValue } = this.state;\r\n    const messages = [...Popmsg, ...ReceivepopMsg, ...ReceivepopMsgUser];\r\n\r\n    messages.sort(\r\n      (a, b) => new Date(a.createDateTime) - new Date(b.createDateTime)\r\n    );\r\n    messages.sort((a, b) => a.id - b.id);\r\n\r\n    let seenCreateDateTime = {}; // to keep track of createDateTime\r\n\r\n    for (let i = 0; i < messages.length; i++) {\r\n      const currentObject = messages[i];\r\n\r\n      // Check if createDateTime is already seen\r\n      if (seenCreateDateTime[currentObject.createDateTime.split(\"T\")[0]]) {\r\n        // Check if displayName is different\r\n        if (\r\n          seenCreateDateTime[currentObject.createDateTime.split(\"T\")[0]] !==\r\n          currentObject.displayName\r\n        ) {\r\n          // Update rowNum to 2\r\n          messages[i].rowNum = 2;\r\n        }\r\n      } else {\r\n        // Store the displayName for the createDateTime\r\n        seenCreateDateTime[currentObject.createDateTime.split(\"T\")[0]] =\r\n          currentObject.displayName;\r\n      }\r\n    }\r\n\r\n    const chatpop = {\r\n      display: this.state.Chatpop ? \"block\" : \"none\",\r\n      // marginTop:'2%'\r\n      backgroundColor: \"#5e616a\",\r\n      padding: \"10px 5px 5px 15px\",\r\n      height: \"57px\",\r\n    };\r\n    const attachStyles = {\r\n      position: \"absolute\",\r\n      //  top: \"400px\",\r\n\r\n      marginTop: \"-122px\",\r\n      alignItems: \"center\",\r\n      // zIndex: \"100\",\r\n      // left: \"89%\",\r\n      backgroundColor: \"#eff3f7\",\r\n      padding: \"10px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: this.state.attachMenu ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"9px\",\r\n      // left: \"89%\",\r\n      // left: \"43%\",\r\n    };\r\n\r\n    const picturepop = {\r\n      // position: \"absolute\",\r\n      // marginTop: '-58px',\r\n      // width: '72%',\r\n      // backgroundColor: \"white\",\r\n      display: this.state.Picturepopup ? \"block\" : \"none\",\r\n      // cursor: \"pointer\",\r\n      // height:\"504px\",\r\n      // border: \"3px solid rgb(156 145 244)\",\r\n    };\r\n\r\n    const documentpop = {\r\n      display: this.state.Documentpopup ? \"block\" : \"none\",\r\n    };\r\n    const MessageMenu = {\r\n      position: \"absolute\",\r\n      top: \"-30px\",\r\n      alignItems: \"center\",\r\n      zIndex: \"100\",\r\n      // left: \"19.5%\",\r\n      width: \"140px\",\r\n      backgroundColor: \"#eff3f7\",\r\n      padding: \"10px\",\r\n      boxShadow: \"rgb(0 0 0 / 20%) 0px 2px 5px\",\r\n      display: this.state.MsgMenu ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"none\",\r\n    };\r\n    const deleteStyles = {\r\n      position: \"absolute\",\r\n\r\n      alignItems: \"center\",\r\n      zIndex: \"2\",\r\n\r\n      backgroundColor: \"#eff3f7\",\r\n      padding: \"10px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: this.state.Deletepop ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"9px\",\r\n      marginTop: '-270px',\r\n    };\r\n\r\n    var Accessed = JSON.parse(localStorage.access);\r\n    var Accessed_to = JSON.parse(localStorage.accessed_to);\r\n\r\n    const regexp =\r\n      /(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?/;\r\n\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        {this.state.EditSkillModelEntity ? (\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-6\">\r\n              {/* <SuccessPopup1\r\n                  id=\"\"\r\n                  values={this.state.EditSkillValuesEntity}\r\n                  close={() => this.EditSkillModelEntity()}\r\n                /> */}\r\n\r\n              <div\r\n                className=\"pop\"\r\n                style={{ backgroundColor: \"transparent\", marginLeft: \"28%\" }}\r\n              >\r\n                <form\r\n                  id=\"contactForm\"\r\n                  autoComplete=\"off\"\r\n                  encType=\"multipart/form-data\"\r\n                  onSubmit={(e) => {\r\n                    e.preventDefault();\r\n                    const data = new FormData(e.target);\r\n                    this.handleSubmit(\r\n                      data,\r\n                      this.state.EditSkillValuesEntity.email,\r\n                      this.state.EditSkillValuesEntity.firstName\r\n                    );\r\n                  }}\r\n\r\n                //onSubmit={this.handleSubmit}\r\n                >\r\n                  {/* <input type=\"hidden\" defaultValue={this.state.EditSkillValuesEntity.email} name=\"UserName\" /> */}\r\n                  <ul className=\"text-right boxs\">\r\n                    <li\r\n                      className=\"chat-single-box card-shadow active\"\r\n                      data-id=\"1\"\r\n                      style={{ marginTop: \"-128px\" }}\r\n                    >\r\n                      <div\r\n                        className=\"had-container\"\r\n                        id=\"successclose\"\r\n                        style={{ width: \"970px\", marginLeft: \"-910px\" }}\r\n                      >\r\n                        <div\r\n                          className=\"chat-header p-10 bg-gray\"\r\n                          style={{ backgroundColor: \"rgb(156 145 244)\" }}\r\n                        >\r\n                          <div className=\"user-info d-inline-block f-left\">\r\n                            <div\r\n                              className=\"Namepass\"\r\n                              style={{ marginTop: \"1px\" }}\r\n                            >\r\n                              {/* <i\r\n                            onClick={() => {\r\n                              this.AddSkillModels();\r\n\r\n                              this.handleButton1Click();\r\n                            }}\r\n                            className=\"icofont icofont-arrow-left chatButtonTextColor\"\r\n                            style={{ fontSize: \"45px\" }}\r\n                          /> */}\r\n                              <input\r\n                                type=\"hidden\"\r\n                                name=\"UserName\"\r\n                                defaultValue={\r\n                                  this.state.EditSkillValuesEntity.email\r\n                                }\r\n                              />\r\n                              <span\r\n                                className=\"userNames\"\r\n                                defaultValue={\r\n                                  this.state.EditSkillValuesEntity.firstName\r\n                                }\r\n                              >\r\n                                <a\r\n                                  href=\"javascript:void(0);\"\r\n                                  title=\"Me\"\r\n                                  style={{\r\n                                    fontSize: \"18px\",\r\n                                    fontWeight: \"600\",\r\n                                    color: \"white\",\r\n                                    textShadow: \"2px 2px #6f60e7\",\r\n                                  }}\r\n                                >\r\n                                  <img\r\n                                    src=\"assets/images/avatar-1.png\"\r\n                                    className=\"img-circle img-chat-profile\"\r\n                                    alt=\"Me\"\r\n                                  />\r\n                                  &nbsp;&nbsp;\r\n                                  {this.state.EditSkillValuesEntity.firstName}\r\n                                </a>\r\n                              </span>\r\n                            </div>\r\n                          </div>\r\n                          <div className=\"box-tools d-inline-block\">\r\n                            <button\r\n                              id=\"close\"\r\n                              style={{\r\n                                float: \"right\",\r\n                                backgroundColor: \"#a0a3a305\",\r\n                                color: \"#797070\",\r\n                                border: \"1px solid #a3a5a505\",\r\n                                //opacity:\"0\"\r\n                              }}\r\n                              // onClick={this.props.close}\r\n                              onClick={() => {\r\n                                this.Successpopclose();\r\n                              }}\r\n                            >\r\n                              <CloseIcon />\r\n                            </button>\r\n                          </div>\r\n                        </div>\r\n                        <div\r\n                          className=\"chat-body p-10\"\r\n                          style={{\r\n                            overflowY: \"scroll\",\r\n                            overflowX: \"hidden\",\r\n                            height: \"470px\",\r\n                          }}\r\n                        >\r\n                          <div className=\"message-scrooler\">\r\n                            <div className=\"messages\">\r\n                              <div\r\n                                className=\"containers\"\r\n                                style={{ width: \"128vh\" }}\r\n                              >\r\n                                {messages.map((message, index) => {\r\n                                  const isSender = Popmsg.includes(message);\r\n\r\n                                  return (\r\n                                    <div\r\n                                      className={`message-${isSender ? \"SendMsg\" : \"blue\"\r\n                                        }`}\r\n                                      key={index}\r\n                                      style={{\r\n                                        height: \"auto\",\r\n                                        overflowWrap: \"break-word\",\r\n                                      }}\r\n                                    >\r\n\r\n\r\n\r\n                                      {message.picture_Path === \"-\" &&\r\n                                        message.document_Path === \"-\" ? (\r\n                                        <p\r\n                                          className=\"message-content\"\r\n                                          name=\"Popmsg\"\r\n                                        // style={{ wordWrap: \"break-word\" }}\r\n                                        >\r\n                                          {message.message}\r\n                                        </p>\r\n                                      ) : (\r\n                                        <>\r\n                                          {message.picture_Path !== \"-\" &&\r\n                                            message.document_Path !== \"-\" ? (\r\n                                            <div>\r\n                                              <div>\r\n                                                <p\r\n                                                  className=\"message-content\"\r\n                                                  name=\"Popmsg\"\r\n                                                // style={{ wordWrap: \"break-word\" }}\r\n                                                >\r\n                                                  {message.message !=\r\n                                                    \"-\" ? (\r\n                                                    <>\r\n                                                      {\r\n                                                        message.message\r\n                                                      }\r\n                                                    </>\r\n                                                  ) : null}\r\n                                                </p>\r\n\r\n                                                <br />\r\n\r\n                                                <div>\r\n                                                  <img\r\n                                                    alt=\"chatimg\"\r\n                                                    width=\"80\"\r\n                                                    height=\"80\"\r\n                                                    src={message.picture_Path}\r\n                                                    style={{ width: \"inherit\" }}\r\n                                                  />\r\n                                                </div>\r\n                                                <div>\r\n                                                  <embed\r\n                                                    src={message.document_Path}\r\n                                                    id=\"Gstiframe\"\r\n                                                    title=\"\"\r\n                                                    scrolling=\"no\"\r\n                                                    target=\"_blank\"\r\n                                                    style={{\r\n                                                      width: \"100px\",\r\n                                                      height: \"100px\",\r\n                                                      pointerEvents: \"none\",\r\n                                                    }}\r\n                                                  ></embed>\r\n                                                </div>\r\n                                              </div>\r\n                                            </div>\r\n                                          ) : (\r\n                                            <>\r\n                                              {message.picture_Path === \"-\" &&\r\n                                                message.document_Path !== \"-\" ? (\r\n                                                <div>\r\n                                                  <p\r\n                                                    className=\"message-content\"\r\n                                                    name=\"Popmsg\"\r\n                                                  // style={{\r\n                                                  //   wordWrap: \"break-word\",\r\n                                                  // }}\r\n                                                  >\r\n                                                    {message.message !=\r\n                                                      \"-\" ? (\r\n                                                      <>\r\n                                                        {\r\n                                                          message.message\r\n                                                        }\r\n                                                      </>\r\n                                                    ) : null}\r\n                                                  </p>\r\n                                                  <br />\r\n                                                  <embed\r\n                                                    src={message.document_Path}\r\n                                                    id=\"Gstiframe\"\r\n                                                    title=\"\"\r\n                                                    scrolling=\"no\"\r\n                                                    target=\"_blank\"\r\n                                                    style={{\r\n                                                      width: \"100px\",\r\n                                                      height: \"100px\",\r\n                                                      pointerEvents: \"none\",\r\n                                                    }}\r\n                                                  ></embed>\r\n                                                </div>\r\n                                              ) : (\r\n                                                <div>\r\n                                                  <p\r\n                                                    className=\"message-content\"\r\n                                                    name=\"Popmsg\"\r\n                                                  // style={{\r\n                                                  //   wordWrap: \"break-word\",\r\n                                                  // }}\r\n                                                  >\r\n                                                    {message.message !=\r\n                                                      \"-\" ? (\r\n                                                      <>\r\n                                                        {\r\n                                                          message.message\r\n                                                        }\r\n                                                      </>\r\n                                                    ) : null}\r\n                                                  </p>\r\n                                                  <br />\r\n\r\n                                                  <div>\r\n                                                    <img\r\n                                                      alt=\"chatimg\"\r\n                                                      width=\"80\"\r\n                                                      height=\"80\"\r\n                                                      src={message.picture_Path}\r\n                                                      style={{\r\n                                                        width: \"inherit\",\r\n                                                      }}\r\n                                                    />\r\n                                                  </div>\r\n                                                </div>\r\n                                              )}\r\n                                            </>\r\n                                          )}\r\n                                        </>\r\n                                      )}\r\n                                      <br />\r\n                                      <div className=\"message-timestamp-right\">\r\n                                        {/* <TimeAgo\r\n                                      date={message.createDateTime}\r\n                                      live={true}\r\n                                      format={(value, unit, suffix) => {\r\n                                        if (unit === \"second\") {\r\n                                          // Custom formatting for seconds\r\n                                          return `${value} seconds ago`;\r\n                                        }\r\n\r\n                                        // Default formatting for other units\r\n                                        return `${value} ${unit}${suffix}`;\r\n                                      }}\r\n                                      locale=\"en-US\"\r\n                                      style={{ color: \"gray\" }}\r\n                                    /> */}\r\n\r\n                                        <ReactTimeAgo\r\n                                          date={message.createDateTime}\r\n                                          locale=\"en-US\"\r\n                                          timeStyle=\"round-minute\"\r\n                                          style={{ color: \"gray\" }}\r\n                                        />\r\n                                      </div>\r\n                                    </div>\r\n                                  );\r\n                                })}\r\n                                <div ref={this.myRef} />\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div id=\"Chat-Input-outer\">\r\n                          <div\r\n                            className=\"chat-footer b-t-muted\"\r\n                            style={{ backgroundColor: \"white\" }}\r\n                          >\r\n                            <div\r\n                              className=\"input-group write-msg\"\r\n                              id=\"Chat-input\"\r\n                              style={{\r\n                                border: \"1px solid #bfbfbe\",\r\n                                padding: \"2px 2px\",\r\n                              }}\r\n                            >\r\n                              {/* <input\r\n                          type=\"text\"\r\n                          className=\"form-control input-value\"\r\n                          placeholder=\"Type a Message\"\r\n                          name=\"Message\"\r\n                        ></input> */}\r\n                              <input\r\n                                type=\"text\"\r\n                                className=\"form-control input-value\"\r\n                                placeholder=\"Type a Message\"\r\n                                name=\"Message\"\r\n                                value={this.state.message}\r\n                                onChange={this.handleTextChange}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                style={{ border: \"none\" }}\r\n                              ></input>\r\n                              {/* {this.state.picture_Path && (\r\n                            <div>\r\n                              {this.state.picture_Path.type.startsWith(\r\n                                \"image/\"\r\n                              ) && (\r\n                                <img\r\n                                  style={{ width: \"5vh\", height: \"5vh\" }}\r\n                                  src={URL.createObjectURL(\r\n                                    this.state.picture_Path\r\n                                  )}\r\n                                  alt=\"Uploaded Image\"\r\n                                />\r\n                              )} */}\r\n                              {/* {this.state.file.type.startsWith('video/') && (\r\n              <video controls>\r\n                <source src={URL.createObjectURL(this.state.file)} type={this.state.file.type} />\r\n                Your browser does not support the video tag.\r\n              </video>\r\n            )} */}\r\n                              {/* {this.state.picture_Path.type.startsWith(\r\n                                \"application/pdf\"\r\n                              ) && (\r\n                                <embed\r\n                                  src={URL.createObjectURL(\r\n                                    this.state.picture_Path\r\n                                  )}\r\n                                  width=\"50\"\r\n                                  height=\"35\"\r\n                                  type=\"application/pdf\"\r\n                                />\r\n                              )} */}\r\n                              {/* {this.state.picture_Path.type.startsWith(\r\n                                \"application/msword\"\r\n                              ) && (\r\n                                <iframe\r\n                                  src={`https://docs.google.com/gview?url=${URL.createObjectURL(\r\n                                    this.state.picture_Path\r\n                                  )}&embedded=true`}\r\n                                  width=\"50\"\r\n                                  height=\"35\"\r\n                                ></iframe>\r\n                              )} */}\r\n                              {/* </div>\r\n                          )} */}\r\n                              {picture_Path && (\r\n                                <div>\r\n                                  <img\r\n                                    src={URL.createObjectURL(picture_Path)}\r\n                                    alt=\"Preview\"\r\n                                    style={{ width: \"5vh\", height: \"5vh\" }}\r\n                                  />\r\n                                </div>\r\n                              )}\r\n                              {document_Path && (\r\n                                <div>\r\n                                  {/* <h4>Preview Document:</h4> */}\r\n                                  {document_Path.type ===\r\n                                    \"application/pdf/msword\" ? (\r\n                                    <embed\r\n                                      src={URL.createObjectURL(document_Path)}\r\n                                      width=\"50\"\r\n                                      height=\"60\"\r\n                                      type=\"application/pdf/msword\"\r\n                                    />\r\n                                  ) : (\r\n                                    <p>{document_Path.name}</p>\r\n                                    // <p></p>\r\n                                  )}\r\n                                </div>\r\n                              )}\r\n                              <input\r\n                                type=\"hidden\"\r\n                                name=\"UserName\"\r\n                                defaultValue={\r\n                                  this.state.EditSkillValuesEntity.email\r\n                                }\r\n                              />\r\n                              <span\r\n                                className=\"fa fa-smile-o\"\r\n                                aria-hidden=\"true\"\r\n                                style={{ marginTop: \"10px\", fontSize: \"18px\" }}\r\n                                onClick={this.myEmoji}\r\n                              ></span>\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              {/* <input\r\n                          type=\"file\"\r\n                          id=\"file\"\r\n                          name=\"Picture_Path\"\r\n                          onFocus={(e) => (e.target.type = \"file\")}\r\n                          style={{ display: \"none\" }}\r\n                        /> */}\r\n                              {showEmoji && (\r\n                                <div\r\n                                  style={{\r\n                                    position: \"absolute\",\r\n                                    top: \"-410%\",\r\n                                    // left: \"50%\", \r\n                                    transform: \"translate(-50%, -50%)\",\r\n                                    maxWidth: \"90vw\",\r\n                                    maxHeight: \"90vh\",\r\n                                  }}\r\n                                  id='PickerDiv'\r\n                                >\r\n                                  <Picker\r\n                                    onEmojiClick={this.handleEmojiClick}\r\n\r\n                                    height={350}\r\n                                    width={\"100%\"}\r\n\r\n                                  />\r\n                                </div>\r\n                              )}\r\n                              {/* <input\r\n                          type=\"file\"\r\n                          id=\"file\"\r\n                          name=\"Picture_Path\"\r\n                          onFocus={(e) => (e.target.type = \"file\")}\r\n                          style={{ display: \"none\" }}\r\n                        /> */}\r\n                              <input\r\n                                type=\"file\"\r\n                                id=\"file\"\r\n                                name=\"Picture_Path\"\r\n                                accept=\"image/*\"\r\n                                // onChange={this.handleInputChange}\r\n                                // onChange={this.handleImageUpload}\r\n                                onChange={this.handleFileChange}\r\n                                onFocus={(e) => (e.target.type = \"file\")}\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n                              <label\r\n                                htmlFor=\"file\"\r\n                                style={{ marginTop: \"8px\" }}\r\n                              >\r\n                                <span className=\"fa fa-picture-o\"> </span>\r\n                              </label>\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <input\r\n                                type=\"file\"\r\n                                id=\"files\"\r\n                                name=\"Document_Path\"\r\n                                onChange={this.handleDocumentChange}\r\n                                accept=\"application/pdf,application/msword\"\r\n                                onFocus={(e) => (e.target.type = \"file\")}\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                style={{ marginTop: \"8px\" }}\r\n                              >\r\n                                <span className=\"fa fa-file\"> </span>\r\n                              </label>\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <span className=\"input-group-btn\">\r\n                                <button\r\n                                  id=\"paper-btn\"\r\n                                  className=\"btn btn-secondary\"\r\n                                  type=\"submit\"\r\n                                  style={{\r\n                                    border: \"none\",\r\n                                    background: \"#ffffff\",\r\n                                    color: \"#5035ce\",\r\n                                  }}\r\n                                >\r\n                                  <i className=\"icofont icofont-paper-plane\"></i>\r\n                                </button>\r\n                              </span>\r\n                            </div>\r\n                            <div\r\n                              className=\"input-group write-msg\"\r\n                              id=\"input-groupEdit\"\r\n                              style={{\r\n                                border: \"1px solid ##eff3f7\",\r\n                                padding: \"2px 2px\",\r\n                                backgroundColor: \"#eff3f7\"\r\n                              }}\r\n                            >\r\n                              <input\r\n                                type=\"text\"\r\n                                className=\"form-control input-value\"\r\n                                placeholder=\"Type a Message\"\r\n                                value={this.state.deletemsg}\r\n                                onChange={this.handleTextChange}\r\n                                name=\"Message\"\r\n                                style={{ border: \"none\", backgroundColor: \"#eff3f7\" }}\r\n                                onKeyPress={this.handleKeyPressUser}\r\n                              />\r\n                              <input\r\n                                type=\"file\"\r\n                                id=\"file\"\r\n                                name=\"Picture_Path\"\r\n                                accept=\"image/*\"\r\n                                // onChange={this.handleInputChange}\r\n                                // onChange={this.handleImageUpload}\r\n                                onChange={this.handleFileChange}\r\n                                onFocus={(e) => (e.target.type = \"file\")}\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n                              <span\r\n                                className=\"fa fa-smile-o\"\r\n                                aria-hidden=\"true\"\r\n                                style={{\r\n                                  marginTop: \"10px\",\r\n                                  fontSize: \"18px\",\r\n                                  backgroundColor: \"#eff3f7\"\r\n                                }}\r\n                                onClick={this.myEmoji}\r\n                              ></span>\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              {/* <input\r\n                          type=\"file\"\r\n                          id=\"file\"\r\n                          name=\"Picture_Path\"\r\n                          onFocus={(e) => (e.target.type = \"file\")}\r\n                          style={{ display: \"none\" }}\r\n                        /> */}\r\n                              {showEmoji && (\r\n                                <div\r\n                                  style={{\r\n                                    position: \"absolute\",\r\n                                    top: \"-410%\",\r\n                                    // left: \"50%\", \r\n                                    transform: \"translate(-50%, -50%)\",\r\n                                    maxWidth: \"90vw\",\r\n                                    maxHeight: \"90vh\",\r\n                                  }}\r\n                                  id='PickerDiv'\r\n                                >\r\n                                  <Picker\r\n                                    onEmojiClick={this.handleEmojiClick}\r\n\r\n                                    height={350}\r\n                                    width={\"100%\"}\r\n\r\n                                  />\r\n                                </div>\r\n                              )}\r\n                              <span className=\"input-group-btn\">\r\n                                <span\r\n                                  id=\"paper-btn\"\r\n                                  className=\"btn btn-secondary\"\r\n                                  // type=\"submit\"\r\n                                  style={{ backgroundColor: \"#eff3f7\" }}\r\n                                >\r\n                                  <i\r\n                                    className=\"fa fa-check\"\r\n                                    onClick={this.EditOneonOneMessage}\r\n                                  ></i>{\" \"}\r\n                                  &nbsp;&nbsp;{\" \"}\r\n                                  <i\r\n                                    className=\"fa fa-times\"\r\n                                    onClick={this.CancelEdit}\r\n                                  ></i>\r\n                                </span>\r\n                              </span>\r\n                            </div>\r\n\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </li>\r\n                  </ul>\r\n                </form>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        ) : null}\r\n\r\n        {this.state.LastChatModel ? (\r\n          <div className=\"row\" id=\"Chat-MainA\">\r\n            <div className=\"col-lg-6\">\r\n              <LastChatpop\r\n                id=\"\"\r\n                // values={this.state.EditSkillValues}\r\n                close={() => this.LastChatModel()}\r\n              />\r\n            </div>\r\n          </div>\r\n        ) : null}\r\n\r\n        {/* Searchpopmodel */}\r\n\r\n        {this.state.SearchModel ? (\r\n          <div\r\n            className=\"pop\"\r\n            style={{\r\n              backgroundColor: \"transparent\",\r\n              left: \"40%\",\r\n              marginTop: \"-65px\",\r\n            }}\r\n            id=\"searchpop\"\r\n          >\r\n            <div>\r\n              <ul className=\"text-right boxs\">\r\n                <li\r\n                  className=\"chat-single-box card-shadow bg-white active\"\r\n                  data-id=\"1\"\r\n                  style={{ width: \"302px\" }}\r\n                >\r\n                  <div className=\"had-container\">\r\n                    <div>\r\n                      {/* <span defaultValue={this.props.values.company_Name}>{this.props.values.company_Name}</span> */}\r\n                    </div>\r\n                    <div className=\"chat-header p-10 bg-white\">\r\n                      <div className=\"box-tools d-inline-block\">\r\n                        <button\r\n                          style={{\r\n                            float: \"right\",\r\n                            backgroundColor: \"#a0a3a305\",\r\n                            color: \"#797070\",\r\n                            border: \"1px solid #a3a5a505\",\r\n                          }}\r\n                          onClick={this.backentity}\r\n                        >\r\n                          <CloseIcon />\r\n                        </button>\r\n                      </div>\r\n                      <input\r\n                        type=\"text\"\r\n                        className=\"form-control  search-text\"\r\n                        placeholder=\"Search\"\r\n                        onChange={this.myFunctionEntity}\r\n                      />\r\n                    </div>\r\n                    <div\r\n                      className=\"chat-body p-10\"\r\n                      style={{ overflow: \"scroll\", height: \"505px\" }}\r\n                    >\r\n                      {EntityUser.length == 0 ? (\r\n                        <>\r\n                          <center>\r\n                            <h6\r\n                              style={{ fontWeight: \"600\", color: \"#7f63efde\" }}\r\n                            >\r\n                              No Active Users In This Entity\r\n                            </h6>\r\n                          </center>\r\n                        </>\r\n                      ) : null}\r\n                    </div>\r\n                  </div>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n        ) : // <SearchPopup\r\n          //   id=\"\"\r\n          //   values={this.state.SearchValues}\r\n          //   close={() => this.SearchModel()}\r\n          // />\r\n\r\n          null}\r\n        {EntityModel && (\r\n          <>\r\n            {/* <EntityList id=\"\" close={() => this.AddSkillModel()} /> */}\r\n\r\n            <div>\r\n              <div className=\"pcoded-content\">\r\n                <div className=\"pcoded-inner-content\">\r\n                  <div className=\"main-body chat-bg\">\r\n                    <div className=\"\">\r\n                      <div id=\"\" className=\"\">\r\n                        <div className=\"page-body\">\r\n                          <div className=\"row\">\r\n                            <div className=\"chat-box\">\r\n                              <div id=\"sidebar\" className=\"users p-chat-user\">\r\n                                <div className=\"had-container\">\r\n                                  <div\r\n                                    className=\"card card_main p-fixed users-main \"\r\n                                    style={{ overflow: \"scroll\" }}\r\n                                  >\r\n                                    <div className=\"user-box\">\r\n                                      <div id=\"tsum-tabs\">\r\n                                        <main id=\"maintab\">\r\n                                          <input\r\n                                            id=\"tab1\"\r\n                                            type=\"radio\"\r\n                                            name=\"tabs\"\r\n                                            defaultChecked\r\n                                          />\r\n                                          <label\r\n                                            id=\"supertab\"\r\n                                            className=\"j-tabs-label\"\r\n                                            htmlFor=\"tab1\"\r\n                                            title=\"In Entity\"\r\n                                            color=\"white\"\r\n                                          >\r\n                                            In Entity\r\n                                          </label>\r\n                                          <input\r\n                                            id=\"tab2\"\r\n                                            type=\"radio\"\r\n                                            name=\"tabs\"\r\n                                          />\r\n                                          <label\r\n                                            id=\"activetab\"\r\n                                            className=\"j-tabs-label\"\r\n                                            htmlFor=\"tab2\"\r\n                                            title=\"In OAT\"\r\n                                            color=\"white\"\r\n                                          >\r\n                                            In OAT\r\n                                          </label>\r\n\r\n                                          {/* <input id=\"tab3\" type=\"radio\" name=\"tabs\"/>\r\n    <label for=\"tab3\">Invite</label>  */}\r\n                                          <br />\r\n                                          <br />\r\n                                          <div\r\n                                            id=\"tabs-section-1\"\r\n                                            className=\"j-tabs-section\"\r\n                                          >\r\n                                            <div className=\"right-icon-control\">\r\n                                              <input\r\n                                                type=\"text\"\r\n                                                className=\"form-control  search-text\"\r\n                                                placeholder=\"Search\"\r\n                                                onChange={this.EntityFilter}\r\n                                              />\r\n                                              <div className=\"form-icon\">\r\n                                                <i className=\"icofont icofont-search\"></i>\r\n                                              </div>\r\n                                            </div>\r\n                                            <br />\r\n                                            {/* {Announcement.length > 0 && ( */}\r\n                                            {Announcement.length == 0 ? (\r\n                                              <>\r\n                                                <center>\r\n                                                  <h6\r\n                                                    style={{\r\n                                                      fontWeight: \"600\",\r\n                                                      color: \"#7f63efde\",\r\n                                                    }}\r\n                                                  >\r\n                                                    No Active Users In This\r\n                                                    Entity\r\n                                                  </h6>\r\n                                                </center>\r\n                                              </>\r\n                                            ) : null}\r\n                                            <>\r\n                                              {Announcement.map(\r\n                                                (Announcement) => (\r\n                                                  <>\r\n                                                    <div\r\n                                                      className=\"media userlist-box\"\r\n                                                      data-id=\"1\"\r\n                                                      data-status=\"online\"\r\n                                                      data-toggle=\"tooltip\"\r\n                                                      data-placement=\"left\"\r\n                                                      key={\r\n                                                        (Announcement.id,\r\n                                                          Announcement.usermsgId)\r\n                                                      }\r\n                                                      onClick={(e) => {\r\n                                                        e.preventDefault();\r\n                                                        this.EditSkillModelEntity(\r\n                                                          Announcement.id,\r\n                                                          Announcement.firstName,\r\n                                                          Announcement.allmessage,\r\n                                                          Announcement.usermsgId,\r\n                                                          Announcement.receivemsg,\r\n                                                          Announcement.email,\r\n                                                          Announcement.displayName\r\n                                                        );\r\n                                                        // this.handleButtonClick1();\r\n                                                        // this.LastChatModel();\r\n                                                      }}\r\n                                                    >\r\n                                                      <a className=\"media-left\">\r\n                                                        <img\r\n                                                          className=\"media-object img-circle\"\r\n                                                          src=\"assets/images/avatar-1.png\"\r\n                                                          alt=\"Generic placeholder image\"\r\n                                                        />\r\n                                                      </a>\r\n                                                      <div\r\n                                                        className=\"media-body\"\r\n                                                        style={{\r\n                                                          textAlign: \"initial\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div className=\"f-13 chat-header\">\r\n                                                          {\" \"}\r\n                                                          {/* <span style={{ color: \"Gray\" }}>{Announcement.teamId}</span>&nbsp; */}\r\n                                                          <span\r\n                                                            style={{\r\n                                                              color: \"black\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {\r\n                                                              Announcement.firstName\r\n                                                            }\r\n                                                          </span>\r\n                                                          <br />\r\n                                                          <span\r\n                                                            style={{\r\n                                                              color: \"Gray\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {username}\r\n                                                          </span>\r\n                                                          <br />\r\n                                                          <span\r\n                                                            style={{\r\n                                                              color: \"Gray\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {Announcement.email}\r\n                                                          </span>\r\n                                                        </div>\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  </>\r\n                                                )\r\n                                              )}\r\n                                            </>\r\n                                          </div>\r\n\r\n                                          <div\r\n                                            id=\"tabs-section-2\"\r\n                                            className=\"j-tabs-section\"\r\n                                          >\r\n                                            <div className=\"right-icon-control\">\r\n                                              <input\r\n                                                type=\"text\"\r\n                                                className=\"form-control  search-text\"\r\n                                                placeholder=\"Search\"\r\n                                                onChange={this.OATSearch}\r\n                                              />\r\n                                              <div className=\"form-icon\">\r\n                                                <i className=\"icofont icofont-search\"></i>\r\n                                              </div>\r\n                                            </div>\r\n                                            <br />\r\n\r\n                                            {OATUser.map((user) => (\r\n                                              <div\r\n                                                className=\"media userlist-box\"\r\n                                                data-id=\"2\"\r\n                                                data-status=\"online\"\r\n                                                data-username=\"Josephin Doe\"\r\n                                                data-toggle=\"tooltip\"\r\n                                                data-placement=\"left\"\r\n                                                title=\"Josephin Doe\"\r\n                                              >\r\n                                                <a className=\"media-left\">\r\n                                                  <img\r\n                                                    className=\"media-object img-circle\"\r\n                                                    src=\"assets/images/avatar-1.png\"\r\n                                                    alt=\"Generic placeholder image\"\r\n                                                  />\r\n                                                </a>\r\n                                                <div\r\n                                                  className=\"media-body\"\r\n                                                  style={{\r\n                                                    textAlign: \"initial\",\r\n                                                  }}\r\n                                                >\r\n                                                  <div\r\n                                                    className=\"f-13 chat-header\"\r\n                                                    style={{ color: \"black\" }}\r\n                                                  >\r\n                                                    <div>\r\n                                                      <div\r\n                                                        onClick={(e) => {\r\n                                                          e.preventDefault();\r\n                                                          this.SearchModel(\r\n                                                            user.id,\r\n                                                            user.userId,\r\n                                                            user.company_Id,\r\n                                                            user.email,\r\n                                                            user.company_Name\r\n                                                          );\r\n\r\n                                                          this.GetEntityUser(\r\n                                                            user.email\r\n                                                          );\r\n                                                        }}\r\n                                                      >\r\n                                                        {user.company_Name}\r\n                                                      </div>\r\n\r\n                                                      {/* {Announcement.map((Announcement)=>(   <>\r\n        {\r\n         \r\n          this.state.childVisible\r\n            ? \r\n            <div className=\"row\">\r\n              <div className=\"col-lg-8\"><li style={{listStyleType:\"none\",fontSize:\"larger\",fontWeight:\"100\"}}>{Announcement.firstName}</li></div>\r\n              <div className=\"col-lg-4\"><Link onClick={(e) => {\r\n              e.preventDefault();\r\n              this.EditSkillModel(\r\n                Announcement.id\r\n              );\r\n            }}>Add</Link></div>\r\n              </div>\r\n            : null\r\n        }\r\n        </>\r\n        ))} */}\r\n                                                    </div>\r\n                                                  </div>\r\n                                                </div>\r\n                                              </div>\r\n                                            ))}\r\n                                          </div>\r\n                                        </main>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div id=\"styleSelector\"></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            {/* <div className=\"pop\" style={{backgroundColor:\"transparent\"}}>\r\n       <div className= {w>768 ?\"popinnernormal oneFieldPop\":\"popinnernormal oneFieldPopMobile\"} style={{padding:\"1%\"}}> \r\n      <form  autoComplete=\"off\" encType=\"multipart/form-data\"  >\r\n \r\n\r\n           \r\n \r\n   \r\n      \r\n    \r\n\r\n\r\n   \r\n  <br/>\r\n\r\n           </form>\r\n      </div> \r\n   </div>   */}\r\n          </>\r\n        )}\r\n\r\n        {this.state.EditSkillModel ? (\r\n          <GroupPop\r\n            id=\"\"\r\n            values={this.state.EditSkillValues}\r\n            close={() => this.EditSkillModel()}\r\n          />\r\n        ) : null}\r\n\r\n        {/* {this.state.LastChatModel ? (\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-6\">\r\n              <LastChatpop\r\n                id=\"\"\r\n                lastReceivedMessage={this.state.lastReceivedMessage}\r\n                close={() => this.LastChatModel()}\r\n              />\r\n            </div>\r\n          </div>\r\n        ) : null} */}\r\n\r\n        {/* {this.state.Lastgrpchatmodel ? (\r\n          <LastGroup id=\"\" close={() => this.Lastgrpchatmodel()} />\r\n        ) : null} */}\r\n\r\n        <div className=\"pcoded-content \">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div\r\n              className=\"main-body\"\r\n            >\r\n               <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                 <div className=\"page-body \">\r\n                  {/*  */}\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\" style={{backgroundColor:\"transparent\",boxShadow:\"none\"}}\r\n                    >\r\n              \r\n                \r\n                  {this.state.showFirstHeader ? null : (\r\n                    <div className=\"glowBoxnew\">\r\n                      <div>\r\n                        <div>\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n                      <h4 className=\"titlenew\" style={{ marginRight: \"50px\" }}>\r\n                        Town Hall\r\n                      </h4>\r\n                    </div>\r\n                  )}\r\n                  {isButton3Visible && (\r\n                    <div id=\"btnstyle\">\r\n                      <Link\r\n                        id=\"Ndbtn\"\r\n                        className=\"btn chatbtncolor\"\r\n                        onClick={() => {\r\n                          // this.AddSkillModel();\r\n                          this.handleButton3Click();\r\n                          //this.LastChatModel();\r\n                        }}\r\n                      // style={{\r\n                      //   Position: \"fixed\",\r\n                      //   marginLeft: \"128vh\",\r\n                      //   Float: \"left\",\r\n                      //   marginTop: \"6%\",\r\n                      //   cursor: \"pointer\",\r\n                      //    boxShadow:'none' ,\r\n                      // }}\r\n                      >\r\n                        <span\r\n                          id=\"Dlabel\"\r\n                          onClick={this.handleClick}\r\n                          style={{\r\n                            width: \"145%\",\r\n                            // borderRadius: \"0px\",\r\n                            // boxShadow: \"none\",\r\n                          }}\r\n                        >\r\n                          <i className=\"fa-solid fa-comment-medical\"></i>\r\n                          &nbsp;<span className=\"disresp\" id=\"DText\">New</span>&nbsp;\r\n                        </span>\r\n\r\n                        {/* <i\r\n                            className=\"fa fa-plus chatButtonTextColor\"\r\n                            aria-hidden=\"true\"\r\n                          ></i>\r\n\r\n                          <span className=\"chatButtonTextColor\" color=\"#757575\">\r\n                            {\" \"}\r\n                            Create Group Discussions\r\n                          </span>{\" \"}\r\n                          &nbsp;&nbsp;{\" \"}\r\n                          <i\r\n                            className=\"fa fa-comments-o chatButtonTextColor\"\r\n                            aria-hidden=\"true\"\r\n                          ></i> */}\r\n                      </Link>\r\n                    </div>\r\n                  )}\r\n               \r\n            \r\n           \r\n\r\n            <div className=\"row\">\r\n              {isBackArrowVisible && (\r\n                <div style={{ float: \"left\" }}>\r\n                  <a href onClick={this.handleBackArrowClick}>\r\n                    <i\r\n                      className=\"icofont icofont-arrow-left chatButtonTextColor\"\r\n                      style={{\r\n                        fontSize: \"40px\",\r\n                        position: \"absolute\",\r\n                        marginTop: \"10px\",\r\n                        marginLeft: \"15px\",\r\n                        textShadow: \"2px 2px #6f60e7\",\r\n                      }}\r\n                    />\r\n                  </a>{\" \"}\r\n                </div>\r\n              )}\r\n              {/* {isBackArrowVisibleA && (\r\n                  <div style={{ float: \"left\" }} id=\"backarrowA\">\r\n                    <a href onClick={this.handleBackArrowClick2}>\r\n                      <i\r\n                        className=\"icofont icofont-arrow-left chatButtonTextColor\"\r\n                        style={{\r\n                          fontSize: \"40px\",\r\n                          position: \"absolute\",\r\n                          marginTop: \"13px\",\r\n                          marginLeft: \"15px\",\r\n                          textShadow: \"2px 2px #6f60e7\",\r\n                        }}\r\n                      />\r\n                    </a>{\" \"}\r\n                  </div>\r\n                )} */}\r\n              {/* {isBackArrowVisibleB && (\r\n                  <div style={{ float: \"left\" }} id=\"backarrowB\">\r\n                    <a href onClick={this.handleBackArrowClick3}>\r\n                      <i\r\n                        className=\"icofont icofont-arrow-left chatButtonTextColor\"\r\n                        style={{ fontSize: \"40px\",position:\"absolute\", marginTop:\"20px\",marginLeft:\"15px\",textShadow:\"2px 2px #6f60e7\"}}\r\n                      />\r\n                    </a>{\" \"}\r\n                  </div>\r\n                )} */}\r\n              {/* {isButton3Visible && (\r\n                    <div id=\"btnstyle\">\r\n                    <Link\r\n                      id=\"Ndbtn\"\r\n                      className=\"btn chatbtncolor\"\r\n                      onClick={() => {\r\n                        // this.AddSkillModel();\r\n                        this.handleButton3Click();\r\n                        //this.LastChatModel();\r\n                      }}\r\n                      // style={{\r\n                      //   Position: \"absolute\",\r\n                      //   marginLeft: \"130vh\",\r\n                      //   Float: \"left\",\r\n                      //   marginTop: \"6%\",\r\n                      //   cursor: \"pointer\",\r\n                      // }}\r\n                    >\r\n                     <span className=\"NewDiscBtn \">   <i\r\n                            className=\"fa fa-plus chatButtonTextColor\"\r\n                            aria-hidden=\"true\"\r\n                          ></i>&nbsp;New&nbsp;\r\n                          <i\r\n                            className=\"fa fa-comments-o chatButtonTextColor\"\r\n                            aria-hidden=\"true\"\r\n                          ></i>\r\n                          </span>\r\n                    </Link>\r\n                    </div>\r\n                  )} */}\r\n              &nbsp;&nbsp;\r\n              {isButton1Visible && (\r\n                <Link\r\n                  id=\"addRow\"\r\n                  className=\"btn chatbtncolor\"\r\n                  onClick={() => {\r\n                    this.AddSkillModel();\r\n                    this.handleButton1Click();\r\n                    //this.LastChatModel();\r\n                  }}\r\n                >\r\n                  <span className=\"chatButtonTextColor\"> New Discussion</span>{\" \"}\r\n                  &nbsp;&nbsp;{\" \"}\r\n                  <i\r\n                    className=\"fa fa-comments-o chatButtonTextColor\"\r\n                    aria-hidden=\"true\"\r\n                  ></i>\r\n                </Link>\r\n              )}\r\n              &nbsp;&nbsp;\r\n              {isButton2Visible && (\r\n                <Link\r\n                  id=\"addRow\"\r\n                  className=\"btn chatbtncolor\"\r\n                  onClick={() => {\r\n                    this.handleButton2Click();\r\n                    // this.handleButtonClick();\r\n                  }}\r\n                >\r\n                  {\" \"}\r\n                  <span className=\"chatButtonTextColor\">\r\n                    {\" \"}\r\n                    Group Discussion{\" \"}\r\n                  </span>\r\n                  &nbsp;&nbsp;\r\n                  <i\r\n                    className=\"fa fa-users chatButtonTextColor\"\r\n                    aria-hidden=\"true\"\r\n                  ></i>\r\n                </Link>\r\n              )}\r\n            </div>\r\n         \r\n       \r\n\r\n        {LastGroupopen && (\r\n          <div id=\"last\">\r\n            <LastGroup id=\"\" close={() => this.Lastgrpchatmodel()} />\r\n          </div>\r\n        )}\r\n         </div>\r\n        </div>\r\n        </div>\r\n        </div>\r\n     </div> \r\n     </div> \r\n     </div>\r\n     </div>\r\n       \r\n        \r\n\r\n        {isBox1Open && (\r\n          <div className=\"pcoded-content\" id=\"Searchbox1\">\r\n            <div className=\"pcoded-inner-content\">\r\n              <div className=\"main-body chat-bg\">\r\n                <div className=\"\">\r\n                  <div id=\"\" className=\"\">\r\n                    <div className=\"page-body\">\r\n                      <div className=\"row\">\r\n                        <div className=\"chat-box\">\r\n                          <div id=\"sidebar\" className=\"users p-chat-user\">\r\n                            <div className=\"had-container\">\r\n                              <form className=\"grupform\">\r\n                                <div\r\n                                  className=\"card card_main p-fixed users-main \"\r\n                                  style={{\r\n                                    overflow: \"scroll\",\r\n                                  }}\r\n                                >\r\n                                  {/* <ul style={{width:\"100%\",paddingLeft:\"0px\"}}>\r\n                                   {selectedUsers.map((Addmembers) => (\r\n                                 \r\n                                        <li\r\n                                          className=\"Fontsize_In_chat\"\r\n                                          key={Addmembers.id}\r\n                                         \r\n                                          style={{\r\n                                            color: \"black\",display:\"inline-block\",overflowX:\"scroll\",marginLeft:\"10px\"\r\n                                          }}\r\n                                        >\r\n                                          <img\r\n                                                  className=\"media-object img-circle\"\r\n                                                  src=\"assets/images/avatar-1.png\"\r\n                                                  alt=\"Generic placeholder image\"\r\n                                                style={{height:\"32px\",width:\"32px\"}}/><br/>\r\n                                          {Addmembers.name}{\" \"}\r\n                                      \r\n                                     \r\n                            \r\n                                      {\" \"}\r\n                                      <CloseIcon  onClick={() =>{\r\n                                    \r\n                                        this.handleUserRemove(\r\n                                          Addmembers.email,Addmembers.name\r\n                                        )\r\n                                      }}\r\n                                        style={{\r\n                                          fontSize: \"14px\",\r\n                                          color: \"red\",\r\n                                          position:\"absolute\",\r\n                                          marginTop:\"-30px\",\r\n                                          backgroundColor:\"#d6d6d6\",\r\n                                          borderRadius:\"50%\",\r\n                                          marginLeft:\"-8px\"\r\n                                        }}\r\n                                      />\r\n                                    \r\n                                    <input\r\n                                      hidden\r\n                                      type=\"text\"\r\n                                      className=\"grupuser\"\r\n                                      value={Addmembers.name}\r\n                                      name=\"FirstName\"\r\n                                    />\r\n                                    <input\r\n                                      hidden\r\n                                      type=\"text\"\r\n                                      className=\"grupuser\"\r\n                                      value={Addmembers.email}\r\n                                      name=\"Email\"\r\n                                    />\r\n                                    <input\r\n                                      hidden\r\n                                      type=\"text\"\r\n                                      \r\n                                      name=\"User_Id\"\r\n                                    />\r\n                                  </li>\r\n                                ))}</ul> */}\r\n                                  <div className=\"user-box\">\r\n                                    <div id=\"tsum-tabs\">\r\n                                      <main id=\"\">\r\n                                        <div id=\"\" className=\"\">\r\n                                          <br />\r\n                                          <div className=\"col-lg-12\">\r\n                                            <input\r\n                                              type=\"text\"\r\n                                              className=\"Searchbox\"\r\n                                              placeholder=\"Search\"\r\n                                              onChange={this.myFunctionAll}\r\n                                              style={{\r\n                                                backgroundColor: \"white\",\r\n                                              }}\r\n                                            />\r\n                                            {/* <div className=\"form-icon\">\r\n                                              <i className=\"icofont icofont-search\"></i>\r\n                                            </div> */}\r\n                                          </div>\r\n\r\n                                          <br />\r\n                                          <div className=\"checkboxes\">\r\n                                            {this.state.letters.map(\r\n                                              (letter, index) => (\r\n                                                <button\r\n                                                  className=\"alphabet\"\r\n                                                  key={index}\r\n                                                  onClick={(event) =>\r\n                                                    this.handleFilter(\r\n                                                      letter,\r\n                                                      event\r\n                                                    )\r\n                                                  }\r\n                                                >\r\n                                                  {letter}\r\n                                                </button>\r\n                                              )\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          {/* <div className=\"user-box\">\r\n                                            <div id=\"tsum-tabs\">\r\n                                              <main id=\"maintab\">\r\n                                                <input\r\n                                                  id=\"tab1\"\r\n                                                  type=\"radio\"\r\n                                                  name=\"tabs\"\r\n                                                  defaultChecked\r\n                                                />\r\n                                                <label\r\n                                                  id=\"supertab\"\r\n                                                  className=\"j-tabs-label\"\r\n                                                  htmlFor=\"tab1\"\r\n                                                  title=\"In Entity\"\r\n                                                  color=\"white\"\r\n                                                >\r\n                                                  In Entity\r\n                                                </label>\r\n                                                <input\r\n                                                  id=\"tab2\"\r\n                                                  type=\"radio\"\r\n                                                  name=\"tabs\"\r\n                                                />\r\n                                                <label\r\n                                                  id=\"activetab\"\r\n                                                  className=\"j-tabs-label\"\r\n                                                  htmlFor=\"tab2\"\r\n                                                  title=\"In OAT\"\r\n                                                  color=\"white\"\r\n                                                >\r\n                                                  In OAT\r\n                                                </label>\r\n\r\n                                            \r\n                                                <br />\r\n                                                <br />\r\n                                                <div\r\n                                                  id=\"tabs-section-1\"\r\n                                                  className=\"j-tabs-section\"\r\n                                                >\r\n                                                 \r\n                                                  <br />\r\n                                               \r\n                                                  {Announcement.length == 0 ? <><center ><h6 style={{ fontWeight: \"600\", color: \"#7f63efde\" }}>No Active Users In This Entity</h6></center></> : null}\r\n                                                  <>\r\n                                                    {Announcement.map(\r\n                                                      (Announcement) => (\r\n                                                        <>\r\n                                                          <div\r\n                                                            className=\"media userlist-box\"\r\n                                                            data-id=\"1\"\r\n                                                            data-status=\"online\"\r\n                                                            data-toggle=\"tooltip\"\r\n                                                            data-placement=\"left\"\r\n                                                            key={\r\n                                                              (Announcement.id,\r\n                                                                Announcement.usermsgId)\r\n                                                            }\r\n                                                           \r\n                                                          > \r\n                                                            <a className=\"media-left\">\r\n                                                              <img\r\n                                                                className=\"media-object img-circle\"\r\n                                                                src=\"assets/images/avatar-1.png\"\r\n                                                                alt=\"Generic placeholder image\"\r\n                                                              />\r\n                                                            </a>\r\n                                                            <div\r\n                                                              className=\"media-body\"\r\n                                                              style={{\r\n                                                                textAlign: \"initial\",\r\n                                                              }}\r\n                                                            >\r\n                                                              <div className=\"f-13 chat-header\">\r\n                                                                {\" \"}\r\n                                                               \r\n                                                                <span\r\n                                                                  style={{\r\n                                                                    color: \"black\",\r\n                                                                    whiteSpace:\r\n                                                                      \"nowrap\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {\r\n                                                                    Announcement.firstName\r\n                                                                  }\r\n                                                                </span>\r\n                                                                <br />\r\n                                                                <span\r\n                                                                  style={{\r\n                                                                    color: \"Gray\",\r\n                                                                    whiteSpace:\r\n                                                                      \"nowrap\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {username}\r\n                                                                </span>\r\n                                                                <br />\r\n                                                                <span\r\n                                                                  style={{\r\n                                                                    color: \"Gray\",\r\n                                                                    whiteSpace:\r\n                                                                      \"nowrap\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {Announcement.email}\r\n                                                                </span>\r\n                                                              </div>\r\n                                                            </div>\r\n                                                            <input\r\n                                                            type=\"checkbox\"\r\n                                                            title=\"Add\"\r\n                                                             className=\"check\"\r\n                                                            id=\"Checkboxchat\"\r\n                                                            value={\r\n                                                              Announcement.email\r\n                                                            }\r\n                                                            // checked={selectedUsers.some(\r\n                                                            //   (selectedUser) =>\r\n                                                            //     selectedUser.id ===\r\n                                                            //     Announcement.id\r\n                                                            // )}\r\n                                                            checked={selectedUserIds.includes(\r\n                                                              Announcement.email\r\n                                                            )}\r\n\r\n\r\n                                                            onChange={\r\n                                                              this.handleUserSelectionChange\r\n                                                            }\r\n                                                          // onChange={() =>\r\n                                                          //   this.handleUserSelect(\r\n                                                          //     Announcement.id\r\n                                                          //   )\r\n                                                          // }\r\n                                                          // onChange={\r\n                                                          //   this\r\n                                                          //     .handleUserSelectionChange\r\n                                                          // }\r\n                                                          />\r\n\r\n                                                          </div>\r\n                                                        </>\r\n                                                      )\r\n                                                    )}\r\n                                                  </>\r\n                                                </div>\r\n\r\n                                                <div\r\n                                                  id=\"tabs-section-2\"\r\n                                                  className=\"j-tabs-section\"\r\n                                                >\r\n                                                  {/* <div className=\"right-icon-control\">\r\n                                            <input\r\n                                              type=\"text\"\r\n                                              className=\"form-control  search-text\"\r\n                                              placeholder=\"Search\"\r\n                                              onChange={this.OATSearch}\r\n                                            />\r\n                                            <div className=\"form-icon\">\r\n                                              <i className=\"icofont icofont-search\"></i>\r\n                                            </div>\r\n                                          </div> */}\r\n                                          {/* <br />\r\n\r\n                                                  {OATUser.map((user) => (\r\n                                                    <div\r\n                                                      className=\"media userlist-box\"\r\n                                                      data-id=\"2\"\r\n                                                      data-status=\"online\"\r\n                                                      data-username=\"Josephin Doe\"\r\n                                                      data-toggle=\"tooltip\"\r\n                                                      data-placement=\"left\"\r\n                                                      title=\"Josephin Doe\"\r\n                                                    >\r\n                                                      <a className=\"media-left\">\r\n                                                        <img\r\n                                                          className=\"media-object img-circle\"\r\n                                                          src=\"assets/images/avatar-1.png\"\r\n                                                          alt=\"Generic placeholder image\"\r\n                                                        />\r\n                                                      </a>\r\n                                                      <div\r\n                                                        className=\"media-body\"\r\n                                                        style={{ textAlign: \"initial\" }}\r\n                                                      >\r\n                                                        <div\r\n                                                          className=\"f-13 chat-header\"\r\n                                                          style={{ color: \"black\" }}\r\n                                                        >\r\n                                                          <div>\r\n                                                            <div\r\n                                                              // onClick={(e) => {\r\n                                                              //   e.preventDefault();\r\n                                                              //   this.SearchModel(\r\n                                                              //     user.id,\r\n                                                              //     user.userId,\r\n                                                              //     user.company_Id,\r\n                                                              //     user.email,\r\n                                                              //     user.company_Name\r\n                                                              //   );\r\n\r\n                                                              //   this.GetEntityUser(user.email)\r\n\r\n                                                              // }}\r\n                                                            >\r\n                                                              {user.company_Name}\r\n                                                            </div> */}\r\n\r\n                                          {/* {Announcement.map((Announcement)=>(   <>\r\n        {\r\n         \r\n          this.state.childVisible\r\n            ? \r\n            <div className=\"row\">\r\n              <div className=\"col-lg-8\"><li style={{listStyleType:\"none\",fontSize:\"larger\",fontWeight:\"100\"}}>{Announcement.firstName}</li></div>\r\n              <div className=\"col-lg-4\"><Link onClick={(e) => {\r\n              e.preventDefault();\r\n              this.EditSkillModel(\r\n                Announcement.id\r\n              );\r\n            }}>Add</Link></div>\r\n              </div>\r\n            : null\r\n        }\r\n        </>\r\n        ))} */}\r\n                                          {/* </div>\r\n                                                        </div>\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  ))}\r\n                                                </div>\r\n                                              </main>\r\n                                            </div>\r\n                                          </div>  */}\r\n\r\n                                          <div className=\"right-icon-control\"></div>\r\n                                          <br />\r\n\r\n                                          <>\r\n                                            <>\r\n                                              {showResults && (\r\n                                                <>\r\n                                                  <ul>\r\n                                                    {Addmembers.map(\r\n                                                      (Announcement) => (\r\n                                                        <div\r\n                                                          className=\"media userlist-box\"\r\n                                                          data-id=\"1\"\r\n                                                          data-status=\"online\"\r\n                                                          data-username=\"Josephin Doe\"\r\n                                                          data-toggle=\"tooltip\"\r\n                                                          data-placement=\"left\"\r\n                                                          style={{\r\n                                                            padding: \"5px\",\r\n                                                            height: \"79px\",\r\n                                                          }}\r\n                                                        >\r\n                                                          &nbsp;&nbsp;&nbsp;\r\n                                                          <a className=\"media-left\">\r\n                                                            <img\r\n                                                              className=\"media-object img-circle\"\r\n                                                              src=\"assets/images/avatar-1.png\"\r\n                                                              alt=\"Generic placeholder image\"\r\n                                                              style={{\r\n                                                                marginTop:\r\n                                                                  \"20px\",\r\n                                                              }}\r\n                                                            />\r\n                                                          </a>\r\n                                                          <div\r\n                                                            className=\"media-body\"\r\n                                                            style={{\r\n                                                              textAlign:\r\n                                                                \"initial\",\r\n                                                            }}\r\n                                                          >\r\n                                                            <div\r\n                                                              className=\"f-13 chat-header\"\r\n                                                              style={{\r\n                                                                color: \"black\",\r\n                                                              }}\r\n                                                            >\r\n                                                              {\" \"}\r\n                                                              <li\r\n                                                                key={\r\n                                                                  Announcement.id\r\n                                                                }\r\n                                                                value={\r\n                                                                  Announcement.id\r\n                                                                }\r\n                                                              >\r\n                                                                <label\r\n                                                                  style={{\r\n                                                                    padding:\r\n                                                                      \"2px\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  <span\r\n                                                                    className=\"Fontsize_In_chat\"\r\n                                                                    style={{\r\n                                                                      color:\r\n                                                                        \"black\",\r\n                                                                      whiteSpace:\r\n                                                                        \"nowrap\",\r\n                                                                      fontWeight:\r\n                                                                        \"bold\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {/* {\" \"}\r\n                                                                    {\r\n                                                                      Announcement.name\r\n                                                                    }\r\n                                                                    */}\r\n                                                                  </span>\r\n                                                                  <br />\r\n                                                                  <span\r\n                                                                    className=\"Fontsize_In_chat\"\r\n                                                                    style={{\r\n                                                                      color:\r\n                                                                        \"black\",\r\n                                                                      whiteSpace:\r\n                                                                        \"nowrap\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {\r\n                                                                      Announcement.name\r\n                                                                    }\r\n                                                                  </span>\r\n                                                                  <br />\r\n                                                                  <span\r\n                                                                    className=\"Fontsize_In_chat\"\r\n                                                                    style={{\r\n                                                                      color:\r\n                                                                        \"Gray\",\r\n                                                                      whiteSpace:\r\n                                                                        \"nowrap\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {\r\n                                                                      Announcement.email\r\n                                                                    }\r\n                                                                  </span>\r\n                                                                </label>\r\n                                                              </li>\r\n                                                            </div>\r\n                                                          </div>\r\n                                                          <input\r\n                                                            type=\"checkbox\"\r\n                                                            title=\"Add\"\r\n                                                            className=\"check\"\r\n                                                            id=\"Checkboxchat\"\r\n                                                            value={\r\n                                                              Announcement.email\r\n                                                            }\r\n                                                            // checked={selectedUsers.some(\r\n                                                            //   (selectedUser) =>\r\n                                                            //     selectedUser.id ===\r\n                                                            //     Announcement.id\r\n                                                            // )}\r\n                                                            checked={selectedUserIds.includes(\r\n                                                              Announcement.email\r\n                                                            )}\r\n                                                            onChange={\r\n                                                              this\r\n                                                                .handleUserSelectionChange\r\n                                                            }\r\n                                                          // onChange={() =>\r\n                                                          //   this.handleUserSelect(\r\n                                                          //     Announcement.id\r\n                                                          //   )\r\n                                                          // }\r\n                                                          // onChange={\r\n                                                          //   this\r\n                                                          //     .handleUserSelectionChange\r\n                                                          // }\r\n                                                          />\r\n                                                          <input\r\n                                                            hidden\r\n                                                            type=\"text\"\r\n                                                            name=\"User_Id\"\r\n                                                          />\r\n                                                        </div>\r\n                                                      )\r\n                                                    )}\r\n                                                  </ul>\r\n                                                </>\r\n                                              )}\r\n                                            </>\r\n                                            <></>\r\n                                          </>\r\n                                        </div>\r\n                                      </main>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </form>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div id=\"styleSelector\"></div>\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        {isBox2Open && (\r\n          <div\r\n            style={{\r\n              border: \" 1px solid rgba(0,0,0,.125)\",\r\n              width: \"40vh\",\r\n              marginLeft: \"59%\",\r\n              marginTop: \"-117px\",\r\n              height: \"85vh\",\r\n              overflowY: \"scroll\",\r\n              backgroundColor: \"white\",\r\n            }}\r\n            id=\"Searchbox2\"\r\n          >\r\n            <br />\r\n            <div id=\"tsum-tabs\">\r\n              <main id=\"maintab\">\r\n                <div id=\"\" className=\"\">\r\n                  <div className=\"user-boxs\">\r\n                    <div id=\"\">\r\n                      <main id=\"\">\r\n                        {\" \"}\r\n                        <form\r\n                          className=\"grupform\"\r\n                        //onSubmit={this.toggleTitlePopupOpen}\r\n                        >\r\n                          <div\r\n                            className=\"card card_main p-fixed users-main \"\r\n                            style={{\r\n                              overflow: \"scroll\",\r\n                              marginTop: \"50px\",\r\n                              height: \"84%\",\r\n                            }}\r\n                          >\r\n                            <div className=\"user-box\">\r\n                              <div id=\"tsum-tabs\">\r\n                                <main id=\"\">\r\n                                  <div id=\"\" className=\"\">\r\n                                    <br />\r\n                                    <div\r\n                                      className=\"\"\r\n                                      style={{\r\n                                        marginLeft: \"7px\",\r\n                                      }}\r\n                                    >\r\n                                      <i\r\n                                        className=\"fa fa-times\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{ float: \"right\" }}\r\n                                        onClick={this.hideBox2}\r\n                                      ></i>\r\n                                      <br></br>\r\n                                      <br></br>\r\n                                      {/* <input\r\n                                        type=\"text\"\r\n                                        className=\"form-control \"\r\n                                        // name=\"Group_Name\"\r\n                                        // value={discussionValue}\r\n                                        // onChange={\r\n                                        //   this.handleDiscussionChange\r\n                                        // }\r\n                                        id=\"Group-Title\"\r\n                                        maxlength=\"50\"\r\n                                        placeholder=\"Discussion Title\"\r\n                                        style={{\r\n                                          boxSizing: \"border-box\",\r\n                                          border: \"1px solid rgba(0,0,0,.15)\",\r\n                                          backgroundColor: \"#fff\",\r\n                                          marginTop: \"-8px\",\r\n                                        }}\r\n\r\n                                        onChange={this.handletitle}\r\n                                      />\r\n                                      <span id=\"titleerr\" style={{color:\"red\"}}></span> */}\r\n                                    </div>\r\n                                    <br />\r\n\r\n                                    <>\r\n                                      <>\r\n                                        {selectedUsers.length == 0 ? (\r\n                                          <>\r\n                                            {\" \"}\r\n                                            <h5>Add Members to Your Group</h5>\r\n                                            <img\r\n                                              src={GroupMember}\r\n                                              style={{\r\n                                                width: \"200px\",\r\n                                                height: \"200px\",\r\n                                              }}\r\n                                            ></img>\r\n                                          </>\r\n                                        ) : null}\r\n                                        <ul>\r\n                                          {selectedUsers.map((Addmembers) => (\r\n                                            <div\r\n                                              className=\"media userlist-box\"\r\n                                              data-id=\"1\"\r\n                                              data-status=\"online\"\r\n                                              data-toggle=\"tooltip\"\r\n                                              data-placement=\"left\"\r\n                                              style={{\r\n                                                height: \"40px\",\r\n                                              }}\r\n                                            >\r\n                                              <a className=\"media-left\">\r\n                                                <img\r\n                                                  className=\"media-object img-circle\"\r\n                                                  src=\"assets/images/avatar-1.png\"\r\n                                                  alt=\"Generic placeholder image\"\r\n                                                />\r\n                                              </a>\r\n                                              <div\r\n                                                className=\"media-body\"\r\n                                                style={{\r\n                                                  textAlign: \"initial\",\r\n                                                }}\r\n                                              >\r\n                                                <div\r\n                                                  className=\"f-13 chat-header\"\r\n                                                  style={{\r\n                                                    display: \"flex\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  <li\r\n                                                    className=\"Fontsize_In_chat\"\r\n                                                    key={Addmembers.id}\r\n                                                    // value={Announcement.id}\r\n                                                    style={{\r\n                                                      color: \"black\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Addmembers.name}{\" \"}\r\n                                                  </li>\r\n                                                  ;\r\n                                                </div>\r\n                                              </div>\r\n                                              <i\r\n                                                onClick={() => {\r\n                                                  // const  value  = e.target;\r\n\r\n                                                  // e.preventDefault();\r\n                                                  this.handleUserRemove(\r\n                                                    Addmembers.email,\r\n                                                    Addmembers.name\r\n                                                  );\r\n                                                }}\r\n                                                style={{\r\n                                                  fontSize: \"20px\",\r\n\r\n                                                  marginLeft: \"15vh\",\r\n                                                }}\r\n                                              >\r\n                                                {\" \"}\r\n                                                <CloseIcon\r\n                                                  style={{\r\n                                                    fontSize: \"20px\",\r\n                                                    color: \"red\",\r\n                                                  }}\r\n                                                />\r\n                                              </i>\r\n                                              <input\r\n                                                hidden\r\n                                                type=\"text\"\r\n                                                className=\"grupuser\"\r\n                                                value={Addmembers.name}\r\n                                                name=\"FirstName\"\r\n                                              />\r\n                                              <input\r\n                                                hidden\r\n                                                type=\"text\"\r\n                                                className=\"grupuser\"\r\n                                                value={Addmembers.email}\r\n                                                name=\"Email\"\r\n                                              />\r\n                                              <input\r\n                                                hidden\r\n                                                type=\"text\"\r\n                                                // value={\r\n                                                //   discussionNameValue\r\n                                                // }\r\n                                                name=\"User_Id\"\r\n                                              />\r\n                                            </div>\r\n                                          ))}\r\n                                          {/* {selectedUserIds.length > 0\r\n                                            ? `value: [${selectedUserIds.join(\r\n                                                \", \"\r\n                                              )}]`\r\n                                            : \"None\"} */}\r\n                                        </ul>\r\n                                      </>\r\n                                      <></>\r\n                                    </>\r\n                                  </div>\r\n                                </main>\r\n                              </div>\r\n                            </div>\r\n                            <div className=\"footer\">\r\n                              <center>\r\n                                <input\r\n                                  hidden\r\n                                  type=\"submit\"\r\n                                  value=\"submit\"\r\n                                  className=\"click\"\r\n                                  id=\"formbtn\"\r\n                                />\r\n                                <br />\r\n                                <button\r\n                                  type=\"submit\"\r\n                                  className=\"but\"\r\n                                  style={{\r\n                                    height: \"39.5px\",\r\n                                    width: \"86.36px\",\r\n                                  }}\r\n                                  onClick={(e) => {\r\n                                    e.preventDefault();\r\n                                    this.toggleTitlePopupOpen();\r\n                                    // this.EditSkillModel();\r\n                                    // this.handleBackArrowClick2();\r\n                                    // this.Lastgrpchatmodel();\r\n                                    //this.formclick();\r\n                                    // // console.log(\"dss\", Announcement.firstName);\r\n                                  }}\r\n                                >\r\n                                  Continue\r\n                                </button>\r\n                              </center>\r\n                            </div>\r\n                          </div>\r\n                        </form>\r\n                        <br />\r\n                      </main>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </main>\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        {isBox3Open && (\r\n          <div className=\"pcoded-content \">\r\n            <div className=\"pcoded-inner-content\">\r\n             <div className=\"main-body\">\r\n                <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                 <div className=\"page-body \">\r\n                  {/*  */}\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\" style={{backgroundColor:\"transparent\",boxShadow:\"none\"}}\r\n                    > \r\n                \r\n                  {/*  */}\r\n                  \r\n                     \r\n                    \r\n                    <div\r\n                      className=\"martop\" id=\"chatboxFullContainer\"\r\n                      \r\n                    >\r\n                      {/* <div className=\"popup\" >\r\n          <div className=\"popup-content\"> */}\r\n                      {/* \r\n                    <form id=\"NewDiscpopup\">\r\n                      <h5 id=\"login-title\"> Create Discussion</h5>\r\n                      <center>\r\n                      \r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onChange={this.myFunctionAll}\r\n                        />\r\n                      </center>\r\n                      <center>\r\n                        <form id=\"memberFormA\">\r\n                          <ul\r\n                            style={{\r\n                              width: \"100%\",\r\n                              paddingLeft: \"0px\",\r\n                              marginTop: \"5%\",\r\n                            }}\r\n                          >\r\n                            {selectedUsers.map((Addmembers) => (\r\n                              <li\r\n                                className=\"Fontsize_In_chat\"\r\n                                key={Addmembers.id}\r\n                                style={{\r\n                                  color: \"black\",\r\n                                  display: \"inline-block\",\r\n                                  overflowX: \"scroll\",\r\n                                  marginLeft: \"10px\",\r\n                                }}\r\n                              >\r\n                                <CloseIcon\r\n                                  onClick={() => {\r\n                                    this.handleUserRemove(\r\n                                      Addmembers.email,\r\n                                      Addmembers.name\r\n                                    );\r\n                                  }}\r\n                                  style={{\r\n                                    fontSize: \"14px\",\r\n\r\n                                    color: \"red\",\r\n\r\n                                    position: \"absolute\",\r\n\r\n                                    marginTop: \"-3px\",\r\n\r\n                                    backgroundColor: \"#d6d6d6\",\r\n\r\n                                    borderRadius: \"50%\",\r\n\r\n                                    marginLeft: \"26px\",\r\n                                  }}\r\n                                />\r\n                                <img\r\n                                  className=\"media-object img-circle\"\r\n                                  src={Addmembers.profile_Picture}\r\n                                  alt=\"Generic placeholder image\"\r\n                                  style={{ height: \"32px\", width: \"32px\" }}\r\n                                />\r\n                                <br />\r\n                                {Addmembers.name}{\" \"}\r\n                                <input\r\n                                  hidden\r\n                                  type=\"text\"\r\n                                  className=\"grupuser\"\r\n                                  value={Addmembers.name}\r\n                                  name=\"FirstName\"\r\n                                />\r\n                                <input\r\n                                  hidden\r\n                                  type=\"text\"\r\n                                  className=\"grupuser\"\r\n                                  value={Addmembers.email}\r\n                                  name=\"Email\"\r\n                                />\r\n                                <input hidden type=\"text\" name=\"User_Id\" />\r\n                              </li>\r\n                            ))}\r\n                          </ul>\r\n                        </form>\r\n                      </center>\r\n                      <form id=\"NewDiscpopupA\">\r\n                        <center>\r\n                          <span\r\n                            id=\"FilterErr\"\r\n                            style={{ color: \"red\" }}\r\n                          ></span>\r\n                        </center>\r\n                        {Addmembers.map((Announcement) => (\r\n                          <div\r\n                            className=\"media userlist-box\"\r\n                            data-id=\"1\"\r\n                            data-status=\"online\"\r\n                            data-username=\"Josephin Doe\"\r\n                            data-toggle=\"tooltip\"\r\n                            data-placement=\"left\"\r\n                            style={{\r\n                              // padding: \"5px\",\r\n                              height: \"79px\",\r\n                            }}\r\n                          >\r\n                            <div\r\n                              className=\"checkbox-wrapper-12\"\r\n                              style={{ marginTop: \"7%\" }}\r\n                            >\r\n                              <div className=\"cbx\">\r\n                                <input\r\n                                  type=\"checkbox\"\r\n                                  title=\"Add\"\r\n                                  className=\"check\"\r\n                                  id=\"Checkboxchat\"\r\n                                  value={Announcement.email}\r\n                                  checked={selectedUserIds.includes(\r\n                                    Announcement.email\r\n                                  )}\r\n                                  onChange={this.handleUserSelectionChange}\r\n                                />\r\n                                <label for=\"cbx-12\"></label>\r\n                                <svg\r\n                                  width=\"15\"\r\n                                  height=\"14\"\r\n                                  viewbox=\"0 0 15 14\"\r\n                                  fill=\"none\"\r\n                                >\r\n                                  <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                </svg>\r\n                              </div>\r\n\r\n                              <svg\r\n                                xmlns=\"http://www.w3.org/2000/svg\"\r\n                                version=\"1.1\"\r\n                              >\r\n                                <defs>\r\n                                  <filter id=\"goo-12\">\r\n                                    <fegaussianblur\r\n                                      in=\"SourceGraphic\"\r\n                                      stddeviation=\"4\"\r\n                                      result=\"blur\"\r\n                                    ></fegaussianblur>\r\n                                    <fecolormatrix\r\n                                      in=\"blur\"\r\n                                      mode=\"matrix\"\r\n                                      values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                      result=\"goo-12\"\r\n                                    ></fecolormatrix>\r\n                                    <feblend\r\n                                      in=\"SourceGraphic\"\r\n                                      in2=\"goo-12\"\r\n                                    ></feblend>\r\n                                  </filter>\r\n                                </defs>\r\n                              </svg>\r\n                            </div>\r\n                            &nbsp;&nbsp;&nbsp;\r\n                            <a className=\"media-left\">\r\n                              <img\r\n                                className=\"media-object img-circle\"\r\n                                src={Announcement.profile_Picture}\r\n                                alt=\"Generic placeholder image\"\r\n                                style={{ marginTop: \"20px\", width: \"50px\", height:\"50px\" }}\r\n                              />\r\n                            </a>\r\n                            <div\r\n                              className=\"media-body\"\r\n                              style={{\r\n                                textAlign: \"initial\",\r\n                              }}\r\n                            >\r\n                              <div\r\n                                className=\"f-13 chat-header\"\r\n                                style={{\r\n                                  color: \"black\",\r\n                                }}\r\n                              >\r\n                                {\" \"}\r\n                                <li\r\n                                  key={Announcement.id}\r\n                                  value={Announcement.id}\r\n                                  style={{ listStyleType: \"none\" }}\r\n                                >\r\n                                  <label\r\n                                    style={{\r\n                                      padding: \"2px\",\r\n                                    }}\r\n                                  >\r\n                                    <span\r\n                                      className=\"Fontsize_In_chat\"\r\n                                      style={{\r\n                                        color: \"black\",\r\n                                        whiteSpace: \"nowrap\",\r\n                                        fontWeight: \"bold\",\r\n                                      }}\r\n                                    ></span>\r\n                                    <br />\r\n                                    <span\r\n                                      className=\"Fontsize_In_chat\"\r\n                                      style={{\r\n                                        color: \"black\",\r\n                                        whiteSpace: \"nowrap\",\r\n                                      }}\r\n                                    >\r\n                                      {Announcement.name}\r\n                                    </span>\r\n                                    <br />\r\n                                    <span\r\n                                      className=\"Fontsize_In_chat\"\r\n                                      style={{\r\n                                        color: \"Gray\",\r\n                                        whiteSpace: \"nowrap\",\r\n                                      }}\r\n                                    >\r\n                                      {Announcement.email}\r\n                                    </span>\r\n                                  </label>\r\n                                </li>\r\n                              </div>\r\n                            </div>\r\n                            <input hidden type=\"text\" name=\"User_Id\" />\r\n                          </div>\r\n                        ))}\r\n                      </form>\r\n                      <center>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"but\"\r\n                          //  onClick={this.handleSubmitTitle}\r\n                          onClick={this.openPopup}\r\n                        >\r\n                          Continue\r\n                        </button>\r\n                      </center>\r\n                    </form> */}\r\n                      <form style={{ backgroundColor: \"white\" }}>\r\n                        <div>\r\n                          <>\r\n                            {showFirstHeader ? (\r\n                              <div className=\"glowBox\">\r\n                                <div>\r\n                                  <div style={{ float: \"left\" }}>\r\n                                    <a\r\n                                      href\r\n                                      onClick={() => {\r\n                                        this.handleBackArrowClick2();\r\n                                        this.handleClick();\r\n                                      }}\r\n                                    >\r\n                                      <i\r\n                                        className=\"icofont icofont-arrow-left\"\r\n                                        style={{\r\n                                          fontSize: \"45px\",\r\n                                          color: \"white\",\r\n                                        }}\r\n                                      />\r\n                                    </a>{\" \"}\r\n                                  </div>\r\n                                </div>\r\n                                <h4\r\n                                  className=\"title\"\r\n                                  style={{ marginRight: \"50px\" }}\r\n                                >\r\n                                  New Discussion\r\n                                </h4>\r\n                              </div>\r\n                            ) : null}\r\n                          </>\r\n                        </div>\r\n                        <div\r\n                          className=\"container-fluid\"\r\n                          id=\"NDiscContainer\"\r\n                          style={{ marginTop: \"4%\" }}\r\n                        >\r\n                          <div className=\"row\">\r\n                            <span\r\n                              className=\"NewDiscussionTab\"\r\n                              id=\"NewDiscussionTab\"\r\n                            >\r\n                              <input\r\n                                id=\"tab1\"\r\n                                type=\"radio\"\r\n                                name=\"tabs\"\r\n                                className=\"DNInput\"\r\n                                defaultChecked=\"tab1\"\r\n                              />\r\n                              <label\r\n                                for=\"tab1\"\r\n                                id=\"DNlabeluser\"\r\n                                onClick={this.HideFormdisplay}\r\n                                // style={\r\n                                //   displayForm\r\n                                //     ? { width: \"165px\" }\r\n                                //     : { width: \"155px\" }\r\n                                // }\r\n                              >\r\n                                <span>\r\n                                <i\r\n                              className=\"fa fa-user\"\r\n                              aria-hidden=\"true\"\r\n                              style={{ fontSize: \"13px\"}}\r\n                              id=\"DNTextuser\"\r\n                            ></i>\r\n                            &nbsp;&nbsp;\r\n                                  <span id=\"DNTextuser\">1:1 </span>\r\n                                </span>\r\n                              </label>\r\n\r\n                              <input id=\"tab3\" type=\"radio\" name=\"tabs\" />\r\n                              <label\r\n                                for=\"tab3\"\r\n                                id=\"DNlabeluser\"\r\n                                // style={\r\n                                //   displayForm\r\n                                //     ? { width: \"165px\" }\r\n                                //     : { width: \"155px\" }\r\n                                // }\r\n                                onClick={this.Formdisplay}\r\n                              >\r\n                                <span>\r\n                                <i\r\n                              className=\"fa fa-users\"\r\n                              aria-hidden=\"true\"\r\n                              style={{ fontSize: \"13px\" }}\r\n                              id=\"DNTextuser\"\r\n                            ></i>\r\n                            &nbsp;&nbsp;\r\n                                  <span id=\"DNTextuser\">Create Group</span>\r\n                                </span>\r\n                              </label>\r\n                            </span>\r\n\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <div\r\n                              className={displayForm ? \"col-xl-12\" : \"col-xl-12\"}\r\n                              // style={{ marginTop: \"2%\" }}\r\n                              id=\"NDFullContainer\"\r\n                            >\r\n                              {displayForm ? (\r\n                                <form>\r\n                                  <div\r\n                                    id={\r\n                                      displayForm\r\n                                        ? \"NDcontainerAfter\"\r\n                                        : \"NDcontainer\"\r\n                                    }\r\n                                  >\r\n                                    <aside id=\"NDaside\">\r\n                                      <header>\r\n                                        <input\r\n                                          type=\"text\"\r\n                                          placeholder=\"Search Member...\"\r\n                                          onChange={this.myFunctionAll}\r\n                                          id=\"searchInputvalue\"\r\n                                        />\r\n                                      </header>\r\n                                      <center>\r\n                                        <span\r\n                                          id=\"DFilterErr\"\r\n                                          style={{ color: \"red\" }}\r\n                                        ></span>\r\n                                      </center>\r\n                                      <ul>\r\n                                        {MemberAccess.map((Announcement) => (\r\n                                          <>\r\n                                            {Accessed === 1 && Accessed_to === 1 ? (\r\n                                              <li>\r\n                                                <div\r\n                                                  className=\"checkbox-wrapper-12\"\r\n                                                  // style={{ marginTop: \"3%\" }}\r\n                                                  style={{ marginLeft: \"10px\" }}\r\n                                                >\r\n                                                  <div className=\"cbx\">\r\n                                                    <input\r\n                                                      type=\"checkbox\"\r\n                                                      title=\"Add\"\r\n                                                      className=\"check\"\r\n                                                      id={`Checkboxchat-${Announcement.email}`}\r\n                                                      value={Announcement.email}\r\n                                                      checked={selectedUserIds.includes(\r\n                                                        Announcement.email\r\n                                                      )}\r\n                                                      onChange={\r\n                                                        this\r\n                                                          .handleUserSelectionChange\r\n                                                      }\r\n                                                      style={{\r\n                                                        background:\r\n                                                          \"rgba(0,0,0,.1)\",\r\n                                                      }}\r\n                                                    />\r\n                                                    <label htmlFor={`Checkboxchat-${Announcement.email}`}></label>\r\n                                                    <svg\r\n                                                      width=\"15\"\r\n                                                      height=\"14\"\r\n                                                      viewbox=\"0 0 15 14\"\r\n                                                      fill=\"none\"\r\n                                                    >\r\n                                                      <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                                    </svg>\r\n                                                  </div>\r\n\r\n                                                  <svg\r\n                                                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                                                    version=\"1.1\"\r\n                                                  >\r\n                                                    <defs>\r\n                                                      <filter id=\"goo-12\">\r\n                                                        <fegaussianblur\r\n                                                          in=\"SourceGraphic\"\r\n                                                          stddeviation=\"4\"\r\n                                                          result=\"blur\"\r\n                                                        ></fegaussianblur>\r\n                                                        <fecolormatrix\r\n                                                          in=\"blur\"\r\n                                                          mode=\"matrix\"\r\n                                                          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                          result=\"goo-12\"\r\n                                                        ></fecolormatrix>\r\n                                                        <feblend\r\n                                                          in=\"SourceGraphic\"\r\n                                                          in2=\"goo-12\"\r\n                                                        ></feblend>\r\n                                                      </filter>\r\n                                                    </defs>\r\n                                                  </svg>\r\n                                                </div>\r\n                                                <img\r\n                                                  src={Announcement.profile_Picture}\r\n                                                  alt=\"\"\r\n                                                  style={{\r\n                                                    // marginTop: \"20px\",\r\n                                                    width: \"35px\",\r\n                                                    height: \"35px\",\r\n                                                    marginLeft: \"4px\",\r\n                                                  }}\r\n                                                  id=\"GrpAddmembers\"\r\n                                                />\r\n\r\n                                                <div id='NameListDiv'>\r\n                                                  <label htmlFor={`Checkboxchat-${Announcement.email}`} style={{ cursor: 'pointer', marginBottom: \"0\", display: 'block' }}>\r\n                                                    <h2 id=\"NDNameList\">\r\n                                                      {Announcement.userActiveStatus ===\r\n                                                        1 ? (\r\n                                                        <img\r\n                                                          src={onlineimg}\r\n                                                          className=\"media-object img-circle\"\r\n                                                          style={{\r\n                                                            marginTop: \"50px\",\r\n                                                            marginLeft: \"-12px\",\r\n                                                            width: \"12px\",\r\n                                                            // position: \"absolute\",\r\n                                                            background: \"white\",\r\n                                                            animation:\r\n                                                              \"greenonline 2s infinite\",\r\n                                                          }}\r\n                                                          title=\"Online\"\r\n                                                        />\r\n                                                      ) : (\r\n                                                        <img\r\n                                                          src={offlineimg}\r\n                                                          className=\"media-object img-circle\"\r\n                                                          style={{\r\n                                                            marginTop: \"50px\",\r\n                                                            marginLeft: \"-12px\",\r\n                                                            width: \"12px\",\r\n                                                            // position: \"absolute\",\r\n                                                            background: \"white\",\r\n                                                            animation:\r\n                                                              \"offlinego 2s infinite\",\r\n                                                          }}\r\n                                                          title={`last seen at ${Announcement.logout}`}\r\n                                                        />\r\n                                                      )}\r\n                                                      &nbsp;{Announcement.fName}\r\n                                                    </h2>\r\n                                                  </label>\r\n                                                </div>\r\n                                                <br />\r\n\r\n                                                <span\r\n                                                  id=\"AddMemberMail\"\r\n                                                  style={{\r\n                                                    fontSize: \"12px\",\r\n                                                    color: \"#fff\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  ({Announcement.email})\r\n                                                </span>\r\n                                              </li>) : null}\r\n                                          </>\r\n                                        ))}\r\n                                        {NonAccess.map((Announcement) => (\r\n                                          <>\r\n                                            {(Accessed === 1 &&\r\n                                              Accessed_to === 0) ||\r\n                                              (Accessed === 0 &&\r\n                                                Accessed_to === 0) ||\r\n                                              (Accessed === 0 &&\r\n                                                Accessed_to === 1) ? (\r\n                                              <li>\r\n                                                <div\r\n                                                  className=\"checkbox-wrapper-12\"\r\n                                                  // style={{ marginTop: \"3%\" }}\r\n                                                  style={{ marginLeft: \"10px\" }}\r\n                                                >\r\n                                                  <div className=\"cbx\">\r\n                                                    <input\r\n                                                      type=\"checkbox\"\r\n                                                      title=\"Add\"\r\n                                                      className=\"check\"\r\n                                                      id={`Checkboxchat-${Announcement.email}`}\r\n                                                      value={Announcement.email}\r\n                                                      checked={selectedUserIds.includes(\r\n                                                        Announcement.email\r\n                                                      )}\r\n                                                      onChange={\r\n                                                        this\r\n                                                          .handleUserSelectionChange\r\n                                                      }\r\n                                                      style={{\r\n                                                        background:\r\n                                                          \"rgba(0,0,0,.1)\",\r\n                                                      }}\r\n                                                    />\r\n                                                    <label htmlFor={`Checkboxchat-${Announcement.email}`}></label>\r\n                                                    <svg\r\n                                                      width=\"15\"\r\n                                                      height=\"14\"\r\n                                                      viewbox=\"0 0 15 14\"\r\n                                                      fill=\"none\"\r\n                                                    >\r\n                                                      <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                                    </svg>\r\n                                                  </div>\r\n\r\n                                                  <svg\r\n                                                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                                                    version=\"1.1\"\r\n                                                  >\r\n                                                    <defs>\r\n                                                      <filter id=\"goo-12\">\r\n                                                        <fegaussianblur\r\n                                                          in=\"SourceGraphic\"\r\n                                                          stddeviation=\"4\"\r\n                                                          result=\"blur\"\r\n                                                        ></fegaussianblur>\r\n                                                        <fecolormatrix\r\n                                                          in=\"blur\"\r\n                                                          mode=\"matrix\"\r\n                                                          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                          result=\"goo-12\"\r\n                                                        ></fecolormatrix>\r\n                                                        <feblend\r\n                                                          in=\"SourceGraphic\"\r\n                                                          in2=\"goo-12\"\r\n                                                        ></feblend>\r\n                                                      </filter>\r\n                                                    </defs>\r\n                                                  </svg>\r\n                                                </div>\r\n                                                <img\r\n                                                  src={\r\n                                                    Announcement.profile_Picture\r\n                                                  }\r\n                                                  alt=\"\"\r\n                                                  style={{\r\n                                                    // marginTop: \"20px\",\r\n                                                    width: \"35px\",\r\n                                                    height: \"35px\",\r\n                                                    marginLeft: \"4px\",\r\n                                                  }}\r\n                                                  id=\"GrpAddmembers\"\r\n                                                />\r\n\r\n                                                <div\r\n                                                  id='NameListDiv'\r\n                                                >\r\n                                                  <label htmlFor={`Checkboxchat-${Announcement.email}`} style={{ cursor: 'pointer', marginBottom: \"0\", display: 'block' }}>\r\n                                                    <h2 id=\"NDNameList\">\r\n                                                      {Announcement.userActiveStatus ===\r\n                                                        1 ? (\r\n                                                        <img\r\n                                                          src={onlineimg}\r\n                                                          className=\"media-object img-circle\"\r\n                                                          style={{\r\n                                                            marginTop: \"50px\",\r\n                                                            marginLeft: \"-12px\",\r\n                                                            width: \"12px\",\r\n                                                            // position: \"absolute\",\r\n                                                            background: \"white\",\r\n                                                            animation:\r\n                                                              \"greenonline 2s infinite\",\r\n                                                          }}\r\n                                                          title=\"Online\"\r\n                                                        />\r\n                                                      ) : (\r\n                                                        <img\r\n                                                          src={offlineimg}\r\n                                                          className=\"media-object img-circle\"\r\n                                                          style={{\r\n                                                            marginTop: \"50px\",\r\n                                                            marginLeft: \"-12px\",\r\n                                                            width: \"12px\",\r\n                                                            // position: \"absolute\",\r\n                                                            background: \"white\",\r\n                                                            animation:\r\n                                                              \"offlinego 2s infinite\",\r\n                                                          }}\r\n                                                          title={`last seen at ${Announcement.logout}`}\r\n                                                        />\r\n                                                      )}\r\n                                                      &nbsp;\r\n                                                      {Announcement.fName}\r\n                                                    </h2>\r\n                                                  </label>\r\n                                                </div>\r\n                                                <br />\r\n\r\n                                                <span\r\n                                                  id=\"AddMemberMail\"\r\n                                                  style={{\r\n                                                    fontSize: \"12px\",\r\n                                                    color: \"#fff\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  ({Announcement.email})\r\n                                                </span>\r\n                                              </li>\r\n                                            ) : null}\r\n                                          </>\r\n                                        ))}\r\n                                      </ul>\r\n                                    </aside>\r\n                                    <main id=\"NDmain\">\r\n                                      <center>\r\n                                        {displayForm &&\r\n                                          selectedUsers.length !== 0 ? (\r\n                                          <div>\r\n                                            <center\r\n                                              style={{\r\n                                                marginTop: \"2%\",\r\n                                                color: \"#7367f0\",\r\n                                                fontWeight: \"bold\",\r\n                                                fontSize: \"16px\",\r\n                                              }}\r\n                                            >\r\n                                              Selected Users\r\n                                            </center>\r\n                                            <form id=\"UserSelectPop\">\r\n                                              {selectedUsers.map((member) => (\r\n                                                <div\r\n                                                  className=\"media userlist-box\"\r\n                                                  data-id=\"1\"\r\n                                                  data-status=\"online\"\r\n                                                  data-username=\"Josephin Doe\"\r\n                                                  data-toggle=\"tooltip\"\r\n                                                  data-placement=\"left\"\r\n                                                  id=\"EntityUser\"\r\n                                                  // onClick={() => {\r\n                                                  //   this.Chatpop(member.firstName, member.email);\r\n                                                  // }}\r\n                                                  style={{\r\n                                                    // padding: \"5px\",\r\n                                                    height: \"57px\",\r\n                                                    borderBottom: \"none\",\r\n                                                    //  borderLeft: \"1px solid rgb(221, 221, 221)\"\r\n                                                  }}\r\n                                                >\r\n                                                  &nbsp;&nbsp;&nbsp;\r\n                                                  <a className=\"media-left\">\r\n                                                    <img\r\n                                                      className=\"media-object img-circle\"\r\n                                                      src={\r\n                                                        member.profile_Picture\r\n                                                      }\r\n                                                      alt=\"Generic placeholder image\"\r\n                                                      style={{\r\n                                                        marginTop: \"20px\",\r\n                                                        width: \"35px\",\r\n                                                        height: \"35px\",\r\n                                                      }}\r\n                                                    // onClick={() =>\r\n                                                    //   this.markMessageAsSeenUser(\r\n                                                    //     member.senderId,\r\n                                                    //     member.particularId\r\n                                                    //   )\r\n                                                    // }\r\n                                                    />\r\n                                                    <img\r\n                                                      id=\"delIcon\"\r\n                                                      src={delImg}\r\n                                                      className=\"media-object img-circle\"\r\n                                                      onClick={() => {\r\n                                                        this.handleUserRemove(\r\n                                                          member.email,\r\n                                                          member.name\r\n                                                        );\r\n                                                      }}\r\n                                                    />\r\n                                                  </a>\r\n                                                  <div\r\n                                                    className=\"media-body\"\r\n                                                    style={{\r\n                                                      textAlign: \"initial\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <div\r\n                                                      className=\"f-13 chat-header\"\r\n                                                      style={{\r\n                                                        color: \"black\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {\" \"}\r\n                                                      <a\r\n                                                        id=\"lastmemberli\"\r\n                                                        key={member.id}\r\n                                                        value={member.id}\r\n                                                        style={{\r\n                                                          listStyleType: \"none\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <label\r\n                                                        // style={{\r\n                                                        //   padding: \"2px\",\r\n                                                        // }}\r\n                                                        >\r\n                                                          <span\r\n                                                            className=\"Fontsize_In_chat\"\r\n                                                            style={{\r\n                                                              color: \"black\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                              fontWeight:\r\n                                                                \"bold\",\r\n                                                            }}\r\n                                                          ></span>\r\n                                                          <br />\r\n                                                          <span\r\n                                                            className=\"Fontsize_In_chat\"\r\n                                                            style={{\r\n                                                              color: \"black\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                              fontWeight:\r\n                                                                \"bold\",\r\n                                                              fontSize: \"14px\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {member.name}\r\n                                                          </span>\r\n                                                          &nbsp;{\" \"}\r\n                                                          <span\r\n                                                            className=\"Fontsize_In_chat\"\r\n                                                            style={{\r\n                                                              color: \"Gray\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                              fontSize: \"13px\",\r\n                                                            }}\r\n                                                          >\r\n                                                            ({member.email})\r\n                                                          </span>\r\n                                                          {/* &nbsp;&nbsp;{\" \"} <i\r\n                                                  className=\"fa fa-times\"\r\n                                                  aria-hidden=\"true\"\r\n                                                  style={{\r\n                                                    color: \"red\",\r\n                                                    cursor: \"pointer\",\r\n                                                    fontSize: \"17px\",\r\n                                                    \r\n                                                   \r\n                                                  }}\r\n                                                  onClick={() => {\r\n                                                    this.handleUserRemove(\r\n                                                      member.email,\r\n                                                      member.name\r\n                                                    );\r\n                                                  }}\r\n                                                ></i> */}\r\n                                                        </label>\r\n                                                        {/* <i\r\n                                                className=\"fa fa-times\"\r\n                                                aria-hidden=\"true\"\r\n                                                style={{\r\n                                                  color: \"red\",\r\n                                                  cursor: \"pointer\",\r\n                                                  fontSize: \"17px\",\r\n                                                  float: \"right\",\r\n                                                  marginRight: \"8%\",\r\n                                                  marginTop: \"8%\",\r\n                                                }}\r\n                                                onClick={() => {\r\n                                                  this.handleUserRemove(\r\n                                                    member.email,\r\n                                                    member.name\r\n                                                  );\r\n                                                }}\r\n                                              ></i> */}\r\n                                                      </a>\r\n                                                    </div>\r\n                                                  </div>\r\n                                                  <input\r\n                                                    hidden\r\n                                                    type=\"text\"\r\n                                                    name=\"User_Id\"\r\n                                                  />\r\n                                                </div>\r\n                                              ))}\r\n                                            </form>{\" \"}\r\n                                            <center>\r\n                                              {selectedUsers.length ==\r\n                                                0 ? null : (\r\n                                                <>\r\n                                                  <br />\r\n                                                  <button\r\n                                                    type=\"submit\"\r\n                                                    className=\"but\"\r\n                                                    //  onClick={this.handleSubmitTitle}\r\n                                                    onClick={this.openPopup}\r\n                                                  >\r\n                                                    Continue\r\n                                                  </button>\r\n                                                </>\r\n                                              )}\r\n                                            </center>\r\n                                          </div>\r\n                                        ) : (\r\n                                          <center>\r\n                                            <img\r\n                                              //  src=\"https://static.thenounproject.com/png/396917-200.png\"\r\n                                              src=\"https://thumbs.dreamstime.com/b/people-talking-icon-group-symbol-bubbles-isolated-white-background-simple-abstract-discuss-vector-black-illustration-115580097.jpg\"\r\n                                              style={{\r\n                                                height: \"150px\",\r\n                                                width: \"150px\",\r\n                                                borderRadius: \"50%\",\r\n                                                marginTop: '160px'\r\n                                              }}\r\n                                            ></img>\r\n                                            <br />\r\n                                            <br />\r\n                                            <h5\r\n                                              style={{\r\n                                                color: \"gray\",\r\n                                                fontWeight: \"bold\",\r\n                                              }}\r\n                                            >\r\n                                              Start Group Discussion{\" \"}\r\n                                            </h5>\r\n                                          </center>\r\n                                        )}\r\n                                      </center>\r\n                                    </main>\r\n                                  </div>\r\n                                </form>\r\n                              ) : (\r\n                                <form>\r\n                                  <div\r\n                                    id={\r\n                                      chatpop\r\n                                        ? \"NDcontainerAfter\"\r\n                                        : \"NDcontainer\"\r\n                                    }\r\n                                  >\r\n                                    <aside id=\"NDaside\">\r\n                                      <header>\r\n                                        <input\r\n                                          type=\"text\"\r\n                                          placeholder=\"Search Member...\"\r\n                                          onChange={this.myFunctionAll}\r\n                                          id=\"searchInputvalue\"\r\n                                        />\r\n                                      </header>\r\n                                      <center>\r\n                                        <span\r\n                                          id=\"DFilterErr\"\r\n                                          style={{ color: \"red\" }}\r\n                                        ></span>\r\n                                      </center>\r\n                                      <ul>\r\n                                        <>\r\n                                          {MemberAccess.map((Announcement) => (\r\n                                            <>\r\n                                              {Accessed === 1 &&\r\n                                                Accessed_to === 1 ? (\r\n                                                <li\r\n                                                  onClick={() => {\r\n                                                    this.getDetails(\r\n                                                      Announcement.firstName,\r\n                                                      Announcement.email,\r\n                                                      Announcement.profile_Picture,\r\n                                                      Announcement.senderId,\r\n                                                      Announcement.particularId\r\n                                                    );\r\n                                                    this.markMessageAsSeenUser(\r\n                                                      Announcement.senderId,\r\n                                                      Announcement.particularId\r\n                                                    );\r\n                                                    this.markMessageAsSeenAdmin(\r\n                                                      Announcement.senderId,\r\n                                                      Announcement.particularId\r\n                                                    );\r\n                                                  }}\r\n                                                >\r\n                                                  <img\r\n                                                    src={\r\n                                                      Announcement.profile_Picture\r\n                                                    }\r\n                                                    alt=\"\"\r\n                                                    style={{\r\n                                                      // marginTop: \"20px\",\r\n                                                      width: \"35px\",\r\n                                                      height: \"35px\",\r\n                                                    }}\r\n                                                  />\r\n\r\n                                                  <div\r\n                                                    id='NameListDiv'\r\n                                                  >\r\n                                                    <h2 id=\"NDNameList\">\r\n                                                      {Announcement.userActiveStatus ===\r\n                                                        1 ? (\r\n                                                        <img\r\n                                                          src={onlineimg}\r\n                                                          className=\"media-object img-circle\"\r\n                                                          style={{\r\n                                                            marginTop: \"50px\",\r\n                                                            marginLeft: \"-12px\",\r\n                                                            width: \"12px\",\r\n                                                            // position: \"absolute\",\r\n                                                            background: \"white\",\r\n                                                            animation:\r\n                                                              \"greenonline 2s infinite\",\r\n                                                          }}\r\n                                                          title=\"Online\"\r\n                                                        />\r\n                                                      ) : (\r\n                                                        <img\r\n                                                          src={offlineimg}\r\n                                                          className=\"media-object img-circle\"\r\n                                                          style={{\r\n                                                            marginTop: \"50px\",\r\n                                                            marginLeft: \"-12px\",\r\n                                                            width: \"12px\",\r\n                                                            // position: \"absolute\",\r\n                                                            background: \"white\",\r\n                                                            animation:\r\n                                                              \"offlinego 2s infinite\",\r\n                                                          }}\r\n                                                          title={`last seen at ${Announcement.logout}`}\r\n                                                        />\r\n                                                      )}\r\n                                                      &nbsp;\r\n                                                      {Announcement.fName}\r\n                                                      &nbsp;{\" \"}\r\n                                                      {Announcement.senderId !==\r\n                                                        UserId ? (\r\n                                                        <>\r\n                                                          {Announcement.counts >\r\n                                                            0 ? (\r\n                                                            <p\r\n                                                              className=\"badge badge-primary\"\r\n                                                              style={{\r\n                                                                fontSize:\r\n                                                                  \"11px\",\r\n                                                                backgroundColor:\r\n                                                                  \"#563ccf\",\r\n                                                              }}\r\n                                                            >\r\n                                                              {\r\n                                                                Announcement.counts\r\n                                                              }\r\n                                                            </p>\r\n                                                          ) : null}\r\n                                                        </>\r\n                                                      ) : null}\r\n                                                    </h2>\r\n                                                  </div>\r\n                                                  <br />\r\n\r\n                                                  <span\r\n                                                    id=\"NDMail\"\r\n                                                    style={{\r\n                                                      fontSize: \"12px\",\r\n                                                      color: \"#fff\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {\" \"}\r\n                                                    ({Announcement.email})\r\n                                                  </span>\r\n                                                </li>\r\n                                              ) : null}\r\n                                            </>\r\n                                          ))}\r\n                                        </>\r\n                                        <>\r\n                                          {NonAccess.map((Announcement) => (\r\n                                            <>\r\n                                              {(Accessed === 1 &&\r\n                                                Accessed_to === 0) ||\r\n                                                (Accessed === 0 &&\r\n                                                  Accessed_to === 0) ||\r\n                                                (Accessed === 0 &&\r\n                                                  Accessed_to === 1) ? (\r\n                                                <li\r\n                                                  onClick={() => {\r\n                                                    this.getDetails(\r\n                                                      Announcement.firstName,\r\n                                                      Announcement.email,\r\n                                                      Announcement.profile_Picture,\r\n                                                      Announcement.senderId,\r\n                                                      Announcement.particularId\r\n                                                    );\r\n                                                    this.markMessageAsSeenUser(\r\n                                                      Announcement.senderId,\r\n                                                      Announcement.particularId\r\n                                                    );\r\n                                                    this.markMessageAsSeenAdmin(\r\n                                                      Announcement.senderId,\r\n                                                      Announcement.particularId\r\n                                                    );\r\n                                                  }}\r\n                                                >\r\n                                                  <img\r\n                                                    src={\r\n                                                      Announcement.profile_Picture\r\n                                                    }\r\n                                                    alt=\"\"\r\n                                                    style={{\r\n                                                      // marginTop: \"20px\",\r\n                                                      width: \"35px\",\r\n                                                      height: \"35px\",\r\n                                                    }}\r\n                                                  />\r\n\r\n                                                  <div\r\n                                                    id='NameListDiv'\r\n                                                  >\r\n                                                    <h2 id=\"NDNameList\">\r\n                                                      {Announcement.userActiveStatus ===\r\n                                                        1 ? (\r\n                                                        <img\r\n                                                          src={onlineimg}\r\n                                                          className=\"media-object img-circle\"\r\n                                                          style={{\r\n                                                            marginTop: \"50px\",\r\n                                                            marginLeft: \"-12px\",\r\n                                                            width: \"12px\",\r\n                                                            // position: \"absolute\",\r\n                                                            background: \"white\",\r\n                                                            animation:\r\n                                                              \"greenonline 2s infinite\",\r\n                                                          }}\r\n                                                          title=\"Online\"\r\n                                                        />\r\n                                                      ) : (\r\n                                                        <img\r\n                                                          src={offlineimg}\r\n                                                          className=\"media-object img-circle\"\r\n                                                          style={{\r\n                                                            marginTop: \"50px\",\r\n                                                            marginLeft: \"-12px\",\r\n                                                            width: \"12px\",\r\n                                                            // position: \"absolute\",\r\n                                                            background: \"white\",\r\n                                                            animation:\r\n                                                              \"offlinego 2s infinite\",\r\n                                                          }}\r\n                                                          title={`last seen at ${Announcement.logout}`}\r\n                                                        />\r\n                                                      )}\r\n                                                      &nbsp;\r\n                                                      {Announcement.fName}\r\n                                                      &nbsp;{\" \"}\r\n                                                      {Announcement.senderId !==\r\n                                                        UserId ? (\r\n                                                        <>\r\n                                                          {Announcement.counts >\r\n                                                            0 ? (\r\n                                                            <p\r\n                                                              className=\"badge badge-primary\"\r\n                                                              style={{\r\n                                                                fontSize:\r\n                                                                  \"11px\",\r\n                                                                backgroundColor:\r\n                                                                  \"#563ccf\",\r\n                                                              }}\r\n                                                            >\r\n                                                              {\r\n                                                                Announcement.counts\r\n                                                              }\r\n                                                            </p>\r\n                                                          ) : null}\r\n                                                        </>\r\n                                                      ) : null}\r\n                                                    </h2>\r\n                                                  </div>\r\n                                                  <br />\r\n\r\n                                                  <span\r\n                                                    id=\"NDMail\"\r\n                                                    style={{\r\n                                                      fontSize: \"12px\",\r\n                                                      color: \"#fff\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {\" \"}\r\n                                                    ({Announcement.email})\r\n                                                  </span>\r\n                                                </li>\r\n                                              ) : null}\r\n                                            </>\r\n                                          ))}\r\n                                        </>\r\n                                      </ul>\r\n                                    </aside>\r\n                                    <main id=\"NDmain\">\r\n                                      {Chatpop ? (\r\n                                        <div style={chatpop}>\r\n                                          {Addmembers.map((member) =>\r\n                                              member.email ===\r\n                                              this.state.Email ? (\r\n                                              <div>\r\n                                                {member.userActiveStatus ===\r\n                                                  1 ? (\r\n                                                  <>\r\n                                                    <img\r\n                                                      src={onlinedot}\r\n                                                      className=\"media-object img-circle\"\r\n                                                      style={{\r\n                                                        animation:\r\n                                                          \"greenonline 2s infinite\",\r\n                                                        marginTop: \"25px\",\r\n                                                        width: \"12px\",\r\n                                                        position: \"absolute\",\r\n                                                        marginLeft: \"25px\",\r\n                                                      }}\r\n                                                      //style={{\r\n                                                      //   marginTop: \"0px\",\r\n                                                      // width: \"15px\",\r\n                                                      //   // position: \"absolute\",\r\n                                                      //}}\r\n                                                      title=\"Online\"\r\n                                                    // id=\"Statusdot\"\r\n                                                    />\r\n                                                    <img\r\n                                                      src={UPic}\r\n                                                      style={{\r\n                                                        width: \"35px\",\r\n                                                        height: \"35px\",\r\n                                                        borderRadius: \"50%\",\r\n                                                      }}\r\n                                                      alt=\"\"\r\n                                                    />\r\n                                                    &nbsp;\r\n                                                    <span\r\n                                                      style={{\r\n                                                        // float: \"left\",\r\n                                                        // marginTop: \"15px\",\r\n                                                        color: \"white\",\r\n                                                        fontSize: \"15px\",\r\n                                                        fontWeight: \"bold\",\r\n                                                        // marginLeft: \"6%\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {\" \"}\r\n                                                      {member.fName}{\" \"}\r\n                                                      <p\r\n                                                        style={{\r\n                                                          // color: \"#2ecc71\",\r\n                                                          fontSize: \"10px\",\r\n                                                          color: \"#2ecc71\",\r\n                                                          //  marginLeft: \"5.4%\",\r\n                                                          marginLeft: \"43px\",\r\n                                                          marginTop: \"-0.7%\",\r\n                                                          position: \"absolute\",\r\n                                                        }}\r\n                                                      >\r\n                                                        Online\r\n                                                      </p>\r\n                                                    </span>\r\n                                                  </>\r\n                                                ) : (\r\n                                                  <>\r\n                                                    <img\r\n                                                      src={offlinedot}\r\n                                                      className=\"media-object img-circle\"\r\n                                                      title=\"Offline\"\r\n                                                      // id=\"Statusdot\"\r\n                                                      style={{\r\n                                                        animation:\r\n                                                          \"offlinego 2s infinite\",\r\n                                                        marginTop: \"25px\",\r\n                                                        width: \"12px\",\r\n                                                        position: \"absolute\",\r\n                                                        marginLeft: \"25px\",\r\n                                                      }}\r\n                                                    />\r\n                                                    <img\r\n                                                      src={UPic}\r\n                                                      style={{\r\n                                                        width: \"35px\",\r\n                                                        height: \"35px\",\r\n                                                        borderRadius: \"50%\",\r\n                                                      }}\r\n                                                      alt=\"\"\r\n                                                    />\r\n                                                    &nbsp;{\" \"}\r\n                                                    <span\r\n                                                      style={{\r\n                                                        color: \"white\",\r\n                                                        fontSize: \"15px\",\r\n                                                        fontWeight: \"bold\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {\" \"}\r\n                                                      {member.fName}{\" \"}\r\n                                                      <p\r\n                                                        style={{\r\n                                                          // color: \"#d4d4d4\",\r\n                                                          fontSize: \"10px\",\r\n                                                          color: \"#ff725d\",\r\n                                                          // marginLeft: \"5.4%\",\r\n                                                          marginLeft: \"43px\",\r\n                                                          marginTop: \"-0.7%\",\r\n                                                          position: \"absolute\",\r\n                                                        }}\r\n                                                      >\r\n                                                        last seen at{\" \"}\r\n                                                        {member.logout}\r\n                                                      </p>\r\n                                                    </span>\r\n                                                  </>\r\n                                                )}\r\n                                                <span\r\n                                                  style={{\r\n                                                    float: \"right\",\r\n                                                    color: \"white\",\r\n                                                    fontSize: \"20px\",\r\n                                                    marginRight: \"15px\",\r\n                                                    cursor: \"pointer\",\r\n                                                    // marginTop: \"-10px\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  <i\r\n                                                    className=\"fa fa-times\"\r\n                                                    aria-hidden=\"true\"\r\n                                                    onClick={this.hideChatpop}\r\n                                                  ></i>\r\n                                                </span>\r\n                                              </div>\r\n                                            ) : null\r\n                                          )}\r\n\r\n                                          <form\r\n                                            autoComplete=\"off\"\r\n                                            ref={this.formRef}\r\n                                            // onSubmit={this.handleSubmit}\r\n                                            encType=\"multipart/form-data\"\r\n                                          >\r\n                                            <input\r\n                                              type=\"hidden\"\r\n                                              name=\"UserName\"\r\n                                              defaultValue={this.state.Email}\r\n                                            />\r\n\r\n                                            <div>\r\n                                              <div className=\"message-scrooler\">\r\n                                                <div className=\"messages\" style={{ background: '#eff3f7' }}>\r\n                                                  <div\r\n                                                    ref={this.chatBoxRef}\r\n                                                    // className=\"containers\"\r\n                                                    style={{\r\n                                                      marginTop: \"20px\",\r\n                                                      overflowY: \"scroll\",\r\n                                                      height: \"380px\",\r\n                                                      // marginBottom: '-15px',\r\n                                                    }}\r\n                                                  >\r\n                                                    {messages.map(\r\n                                                      (message, index) => {\r\n                                                        const isSender =\r\n                                                          Popmsg.includes(\r\n                                                            message\r\n                                                          );\r\n                                                        let text =\r\n                                                          message.document_Path;\r\n                                                        let result = text.slice(\r\n                                                          45,\r\n                                                          85\r\n                                                        );\r\n                                                        let result1 =\r\n                                                          text.slice(45);\r\n                                                        return (\r\n                                                          <>\r\n                                                            {message.sysDateTimeWithSeconds && message.rowNum === 1 ? (\r\n                                                              <center\r\n                                                                style={{\r\n                                                                  marginTop:\r\n                                                                    \"1%\"\r\n                                                                  , marginBottom: '10px'\r\n                                                                }}\r\n                                                              >\r\n                                                                <span\r\n                                                                  style={{\r\n                                                                    color:\r\n                                                                      \"gray\",\r\n                                                                    backgroundColor:\r\n                                                                      \"#8eb6d859\",\r\n                                                                    height:\r\n                                                                      \"35px\",\r\n                                                                    padding:\r\n                                                                      \"8px 8px 8px 6px\",\r\n                                                                    borderRadius:\r\n                                                                      \"7px\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  &nbsp;\r\n                                                                  {this.formatDateAA1(\r\n                                                                    message.createDateTime\r\n                                                                  )}\r\n                                                                </span>\r\n                                                              </center>\r\n                                                            ) : null}\r\n                                                            {message.particularId === UserId ? <>\r\n                                                              {message.displayStatus === 2 ? (\r\n                                                                <div\r\n                                                                  className={`message-${isSender ? \"SendMsg\" : \"blue\"\r\n                                                                    }`}\r\n                                                                  key={index}\r\n                                                                  style={{\r\n                                                                    height: \"auto\",\r\n                                                                    overflowWrap: \"break-word\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {MsgMenu &&\r\n                                                                    this.state.deleteId == message.id ? (\r\n                                                                    <div\r\n                                                                      style={MessageMenu}\r\n                                                                      ref={this.containerRef}\r\n                                                                    >\r\n                                                                      <center>\r\n                                                                        <ul>\r\n                                                                          {isSender ? (\r\n                                                                            <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n\r\n                                                                              <span\r\n                                                                                onClick={this.EditMessage}\r\n                                                                                id=\"MsgOption\"\r\n                                                                                style={{ marginLeft: '-26px' }}\r\n                                                                              >\r\n                                                                                <i\r\n                                                                                  className=\"fa fa-pencil-square-o\"\r\n                                                                                  aria-hidden=\"true\"\r\n                                                                                ></i>&nbsp;&nbsp;\r\n                                                                                <b>\r\n                                                                                  Edit\r\n                                                                                </b>\r\n                                                                              </span>\r\n                                                                            </li>) : null}\r\n\r\n                                                                          <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n                                                                            <span\r\n                                                                              onClick={this.deleteMenu}\r\n                                                                              id=\"MsgOption\"\r\n                                                                              style={{ marginLeft: '-14px' }}\r\n                                                                            >\r\n                                                                              <i\r\n                                                                                className=\"fa fa-trash\"\r\n                                                                                aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;\r\n\r\n                                                                              <b>\r\n                                                                                Delete\r\n                                                                              </b>\r\n                                                                            </span>\r\n                                                                          </li>\r\n                                                                          <li style={{ padding: '8px' }}>\r\n                                                                            <span\r\n                                                                              onClick={this.forwardopenpop}\r\n                                                                              id=\"MsgOption\"\r\n                                                                            >\r\n                                                                              <i\r\n                                                                                className=\"fa fa-share\"\r\n                                                                                aria-hidden=\"true\"></i>\r\n\r\n                                                                              <b>&nbsp;\r\n                                                                                Forward\r\n                                                                              </b>\r\n                                                                            </span>\r\n                                                                          </li>\r\n\r\n                                                                        </ul>\r\n                                                                      </center>\r\n                                                                    </div>\r\n                                                                  ) : null}\r\n                                                                  <i\r\n                                                                    className=\"fa fa-ellipsis-h\"\r\n                                                                    style={{\r\n                                                                      float: \"Right\",\r\n                                                                      cursor: \"pointer\",\r\n                                                                    }}\r\n                                                                    aria-hidden=\"true\"\r\n                                                                    onClick={() =>\r\n                                                                      this.DisplayMenu(\r\n                                                                        message.id,\r\n                                                                        message.message,\r\n                                                                        message.picture_Path,\r\n                                                                        message.document_Path,\r\n                                                                        message.senderId,\r\n                                                                        message.createDateTime,\r\n                                                                        message.particularId,\r\n                                                                        message.sysDateTimeWithSeconds\r\n                                                                      )\r\n                                                                    }\r\n                                                                  ></i>\r\n\r\n                                                                  {!isSender ? (\r\n                                                                    <h6\r\n                                                                      style={{\r\n                                                                        fontWeight: \"600\",\r\n                                                                        color: \"#09679f\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      {message.editStatus === 1 ? (\r\n                                                                        <span\r\n                                                                          style={{\r\n                                                                            fontWeight: \"200\",\r\n                                                                            color: \"grey\",\r\n                                                                            fontSize: \"10px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          Edited\r\n                                                                        </span>\r\n                                                                      ) : null}\r\n                                                                    </h6>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      {message.editStatus === 1 ? (\r\n                                                                        <h6\r\n                                                                          style={{\r\n                                                                            fontWeight: \"200\",\r\n                                                                            color: \"grey\",\r\n                                                                            fontSize: \"10px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          Edited\r\n                                                                        </h6>\r\n                                                                      ) : null}\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                  {!isSender ? (\r\n                                                                    <>\r\n                                                                      {message.frwdStatus === 1 ? (\r\n                                                                        <h6\r\n                                                                          style={{\r\n                                                                            fontWeight: \"200\",\r\n                                                                            color: \"grey\",\r\n                                                                            fontSize: \"10px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <i\r\n                                                                            className=\"fa fa-share\"\r\n                                                                            aria-hidden=\"true\"\r\n                                                                          ></i>\r\n                                                                          &nbsp;&nbsp;Forwarded\r\n                                                                        </h6>\r\n                                                                      ) : null}\r\n                                                                    </>\r\n                                                                  ) : null}\r\n                                                                  {message.picture_Path === \"-\" &&\r\n                                                                    message.document_Path === \"-\" ? (\r\n                                                                    <p\r\n                                                                      className=\"message-content\"\r\n                                                                      name=\"Popmsg\"\r\n                                                                    // style={{ wordWrap: \"break-word\" }}\r\n                                                                    >\r\n                                                                      {regexp.test(message.message) ==\r\n                                                                        true ? (\r\n                                                                        <>\r\n                                                                          <a\r\n                                                                            style={{\r\n                                                                              color: \"blue\",\r\n                                                                              textDecoration: \"underline\",\r\n                                                                            }}\r\n                                                                            target=\"_blank\"\r\n                                                                            rel=\"noopener noreferrer\"\r\n                                                                            href={message.message}\r\n                                                                          >\r\n                                                                            {message.message}\r\n                                                                          </a>\r\n                                                                          <br />\r\n                                                                        </>\r\n                                                                      ) : (\r\n                                                                        <div>\r\n                                                                          <p>{message.message}</p>\r\n                                                                        </div>\r\n                                                                      )}\r\n                                                                      {isSender && message.seen == 1 ? (\r\n                                                                        <img\r\n                                                                          src={doubletick}\r\n                                                                          style={{\r\n                                                                            // marginTop: \"50px\",\r\n                                                                            marginLeft: \"-2px\",\r\n                                                                            width: \"20px\",\r\n                                                                            float: \"right\",\r\n                                                                          }}\r\n                                                                          title=\"Seen\"\r\n                                                                        />\r\n                                                                      ) : null}\r\n                                                                      {isSender && message.seen == 0 ? (\r\n                                                                        <img\r\n                                                                          src={singletick}\r\n                                                                          style={{\r\n                                                                            // marginTop: \"50px\",\r\n                                                                            marginLeft: \"-2px\",\r\n                                                                            width: \"20px\",\r\n                                                                            float: \"right\",\r\n                                                                          }}\r\n                                                                          title=\"Unread\"\r\n                                                                        />\r\n                                                                      ) : null}\r\n                                                                      <br />\r\n                                                                    </p>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      {message.picture_Path !== \"-\" &&\r\n                                                                        message.document_Path !== \"-\" ? (\r\n                                                                        <div>\r\n                                                                          <div>\r\n                                                                            <p\r\n                                                                              className=\"message-content\"\r\n                                                                              name=\"Popmsg\"\r\n                                                                            // style={{ wordWrap: \"break-word\" }}\r\n                                                                            >\r\n                                                                              {message.message !=\r\n                                                                                \"-\" ? (\r\n                                                                                <>\r\n                                                                                  {\r\n                                                                                    message.message\r\n                                                                                  }\r\n                                                                                </>\r\n                                                                              ) : null}\r\n                                                                            </p>\r\n\r\n                                                                            <br />\r\n                                                                            <a\r\n                                                                              href={\r\n                                                                                message.picture_Path\r\n                                                                              }\r\n                                                                              name=\"picture\"\r\n                                                                              readOnly\r\n                                                                              value={\r\n                                                                                message.picture_Path\r\n                                                                              }\r\n                                                                              title=\"\"\r\n                                                                              target=\"_blank\"\r\n                                                                              style={{\r\n                                                                                width:\r\n                                                                                  \"120px\",\r\n                                                                                height:\r\n                                                                                  \"200px\",\r\n                                                                              }}\r\n                                                                            ></a>\r\n                                                                            <div>\r\n                                                                              <img\r\n                                                                                alt=\"chatimg\"\r\n                                                                                width=\"80\"\r\n                                                                                height=\"80\"\r\n                                                                                src={message.picture_Path}\r\n                                                                                style={{\r\n                                                                                  width: \"inherit\",\r\n                                                                                }}\r\n                                                                              />\r\n                                                                            </div>\r\n                                                                            <div>\r\n                                                                              <embed\r\n                                                                                src={\r\n                                                                                  message.document_Path\r\n                                                                                }\r\n                                                                                id=\"Gstiframe\"\r\n                                                                                title=\"\"\r\n                                                                                scrolling=\"no\"\r\n                                                                                target=\"_blank\"\r\n                                                                                style={{\r\n                                                                                  width: \"100px\",\r\n                                                                                  height: \"100px\",\r\n                                                                                  pointerEvents: \"none\",\r\n                                                                                }}\r\n                                                                              ></embed>\r\n                                                                            </div>\r\n                                                                          </div>\r\n                                                                          {isSender &&\r\n                                                                            message.seen == 1 ? (\r\n                                                                            <img\r\n                                                                              src={doubletick}\r\n                                                                              style={{\r\n                                                                                // marginTop: \"50px\",\r\n                                                                                marginLeft: \"-2px\",\r\n                                                                                width: \"20px\",\r\n                                                                                float: \"right\",\r\n                                                                              }}\r\n                                                                              title=\"Seen\"\r\n                                                                            />\r\n                                                                          ) : null}\r\n                                                                          {isSender &&\r\n                                                                            message.seen == 0 ? (\r\n                                                                            <img\r\n                                                                              src={singletick}\r\n                                                                              style={{\r\n                                                                                // marginTop: \"50px\",\r\n                                                                                marginLeft: \"-2px\",\r\n                                                                                width: \"20px\",\r\n                                                                                float: \"right\",\r\n                                                                              }}\r\n                                                                              title=\"Unread\"\r\n                                                                            />\r\n                                                                          ) : null}\r\n                                                                          <br />\r\n                                                                        </div>\r\n                                                                      ) : (\r\n                                                                        <>\r\n                                                                          {message.picture_Path === \"-\" &&\r\n                                                                            message.document_Path !==\r\n                                                                            \"-\" ? (\r\n                                                                            <div>\r\n                                                                              <p\r\n                                                                                className=\"message-content\"\r\n                                                                                name=\"Popmsg\"\r\n                                                                              // style={{\r\n                                                                              //   wordWrap: \"break-word\",\r\n                                                                              // }}\r\n                                                                              >\r\n                                                                                {message.message !=\r\n                                                                                  \"-\" ? (\r\n                                                                                  <>\r\n                                                                                    {\r\n                                                                                      message.message\r\n                                                                                    }\r\n                                                                                  </>\r\n                                                                                ) : null}\r\n                                                                              </p>\r\n                                                                              <br />\r\n                                                                              <a\r\n                                                                                href={\r\n                                                                                  message.document_Path\r\n                                                                                }\r\n                                                                                name=\"picture\"\r\n                                                                                readOnly\r\n                                                                                value={\r\n                                                                                  message.document_Path\r\n                                                                                }\r\n                                                                                title=\"\"\r\n                                                                                scrolling=\"no\"\r\n                                                                                target=\"_blank\"\r\n                                                                                style={{\r\n                                                                                  width: \"120px\",\r\n                                                                                  height: \"200px\",\r\n                                                                                }}\r\n                                                                              >\r\n                                                                                <div\r\n                                                                                  className=\"row\"\r\n                                                                                  style={{\r\n                                                                                    width: \"180px\",\r\n                                                                                    height: \"60px\",\r\n                                                                                    borderRadius: \"5px\",\r\n                                                                                    boxShadow:\r\n                                                                                      \"rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px\",\r\n                                                                                    background: \"#e8e8e8\",\r\n                                                                                    alignItems: \"center\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  <div className=\"col-lg-3\">\r\n                                                                                    <img\r\n                                                                                      src={File1}\r\n                                                                                      style={{\r\n                                                                                        height: \"30px\",\r\n                                                                                        width: \"30px\",\r\n                                                                                      }}\r\n                                                                                    ></img>\r\n                                                                                  </div>\r\n                                                                                  <div className=\"col-lg-9\">\r\n                                                                                    {message.document_Path\r\n                                                                                      .length > 85 ? (\r\n                                                                                      <>\r\n                                                                                        <div\r\n                                                                                          style={{\r\n                                                                                            opacity:\r\n                                                                                              DName &&\r\n                                                                                                documentname ==\r\n                                                                                                message.id\r\n                                                                                                ? 1\r\n                                                                                                : 0,\r\n                                                                                            width:\r\n                                                                                              \"150px\",\r\n                                                                                            height:\r\n                                                                                              \"auto\",\r\n                                                                                            overflowWrap:\r\n                                                                                              \"break-word\",\r\n                                                                                            zIndex: \"109\",\r\n                                                                                            border:\r\n                                                                                              \"1px solid black\",\r\n\r\n                                                                                            background:\r\n                                                                                              \"#0000007d\",\r\n                                                                                            color:\r\n                                                                                              \"white\",\r\n                                                                                            alignItems:\r\n                                                                                              \"center\",\r\n                                                                                            position:\r\n                                                                                              \"absolute\",\r\n                                                                                            top: \"-50px\",\r\n                                                                                            left: \"-50px\",\r\n                                                                                          }}\r\n                                                                                        >\r\n                                                                                          <p\r\n                                                                                            style={{\r\n                                                                                              fontSize:\r\n                                                                                                \"10px\",\r\n                                                                                            }}\r\n                                                                                          >\r\n                                                                                            {result1}\r\n                                                                                          </p>\r\n                                                                                        </div>\r\n                                                                                        <p\r\n                                                                                          style={{\r\n                                                                                            marginTop:\r\n                                                                                              \"10px\",\r\n                                                                                            textAlign:\r\n                                                                                              \"center\",\r\n                                                                                            fontSize:\r\n                                                                                              \"10px\",\r\n                                                                                            fontWeight:\r\n                                                                                              \"600\",\r\n                                                                                            color:\r\n                                                                                              \"#19578b\",\r\n                                                                                          }}\r\n                                                                                          onMouseOver={(\r\n                                                                                            e\r\n                                                                                          ) => {\r\n                                                                                            e.preventDefault();\r\n                                                                                            this.documentName(\r\n                                                                                              message.id\r\n                                                                                            );\r\n                                                                                          }}\r\n                                                                                          onMouseLeave={\r\n                                                                                            this\r\n                                                                                              .documentNameL\r\n                                                                                          }\r\n                                                                                        >\r\n                                                                                          {result}\r\n                                                                                          ...\r\n                                                                                        </p>\r\n                                                                                      </>\r\n                                                                                    ) : (\r\n                                                                                      <p\r\n                                                                                        style={{\r\n                                                                                          marginTop:\r\n                                                                                            \"10px\",\r\n                                                                                          textAlign:\r\n                                                                                            \"center\",\r\n                                                                                          fontSize:\r\n                                                                                            \"10px\",\r\n                                                                                          fontWeight:\r\n                                                                                            \"600\",\r\n                                                                                          color:\r\n                                                                                            \"#014c8c\",\r\n                                                                                        }}\r\n                                                                                      >\r\n                                                                                        {result}\r\n                                                                                      </p>\r\n                                                                                    )}\r\n                                                                                  </div>\r\n                                                                                </div>\r\n                                                                              </a>\r\n                                                                              {isSender &&\r\n                                                                                message.seen == 1 ? (\r\n                                                                                <img\r\n                                                                                  src={doubletick}\r\n                                                                                  style={{\r\n                                                                                    // marginTop: \"50px\",\r\n                                                                                    marginLeft: \"-2px\",\r\n                                                                                    width: \"20px\",\r\n                                                                                    float: \"right\",\r\n                                                                                  }}\r\n                                                                                  title=\"Seen\"\r\n                                                                                />\r\n                                                                              ) : null}\r\n                                                                              {isSender &&\r\n                                                                                message.seen == 0 ? (\r\n                                                                                <img\r\n                                                                                  src={singletick}\r\n                                                                                  style={{\r\n                                                                                    // marginTop: \"50px\",\r\n                                                                                    marginLeft: \"-2px\",\r\n                                                                                    width: \"20px\",\r\n                                                                                    float: \"right\",\r\n                                                                                  }}\r\n                                                                                  title=\"Unread\"\r\n                                                                                />\r\n                                                                              ) : null}\r\n                                                                              <br />\r\n                                                                            </div>\r\n                                                                          ) : (\r\n                                                                            <div>\r\n                                                                              <p\r\n                                                                                className=\"message-content\"\r\n                                                                                name=\"Popmsg\"\r\n                                                                              // style={{\r\n                                                                              //   wordWrap: \"break-word\",\r\n                                                                              // }}\r\n                                                                              >\r\n                                                                                {message.message !=\r\n                                                                                  \"-\" ? (\r\n                                                                                  <>\r\n                                                                                    {\r\n                                                                                      message.message\r\n                                                                                    }\r\n                                                                                  </>\r\n                                                                                ) : null}\r\n                                                                              </p>\r\n                                                                              <br />\r\n                                                                              <a\r\n                                                                                href={\r\n                                                                                  message.picture_Path\r\n                                                                                }\r\n                                                                                name=\"picture\"\r\n                                                                                readOnly\r\n                                                                                value={\r\n                                                                                  message.picture_Path\r\n                                                                                }\r\n                                                                                title=\"\"\r\n                                                                                target=\"_blank\"\r\n                                                                                style={{\r\n                                                                                  width:\r\n                                                                                    \"120px\",\r\n                                                                                  height:\r\n                                                                                    \"200px\",\r\n                                                                                }}\r\n                                                                              >\r\n                                                                                <div>\r\n                                                                                  <img\r\n                                                                                    alt=\"chatimg\"\r\n                                                                                    width=\"80\"\r\n                                                                                    height=\"80\"\r\n                                                                                    src={\r\n                                                                                      message.picture_Path\r\n                                                                                    }\r\n                                                                                    style={{\r\n                                                                                      width: \"inherit\",\r\n                                                                                    }}\r\n                                                                                  />\r\n                                                                                </div>\r\n                                                                              </a>\r\n                                                                              {isSender &&\r\n                                                                                message.seen == 1 ? (\r\n                                                                                <img\r\n                                                                                  src={doubletick}\r\n                                                                                  style={{\r\n                                                                                    // marginTop: \"50px\",\r\n                                                                                    marginLeft: \"-2px\",\r\n                                                                                    width: \"20px\",\r\n                                                                                    float: \"right\",\r\n                                                                                  }}\r\n                                                                                  title=\"Seen\"\r\n                                                                                />\r\n                                                                              ) : null}\r\n                                                                              {isSender &&\r\n                                                                                message.seen == 0 ? (\r\n                                                                                <img\r\n                                                                                  src={singletick}\r\n                                                                                  style={{\r\n                                                                                    // marginTop: \"50px\",\r\n                                                                                    marginLeft: \"-2px\",\r\n                                                                                    width: \"20px\",\r\n                                                                                    float: \"right\",\r\n                                                                                  }}\r\n                                                                                  title=\"Unread\"\r\n                                                                                />\r\n                                                                              ) : null}\r\n                                                                              <br />\r\n                                                                            </div>\r\n                                                                          )}\r\n                                                                        </>\r\n                                                                      )}\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                  <br />\r\n                                                                  <div className=\"message-timestamp-right\">\r\n                                                                    {/* <TimeAgo\r\n                                      date={message.createDateTime}\r\n                                      live={true}\r\n                                      format={(value, unit, suffix) => {\r\n                                        if (unit === \"second\") {\r\n                                          // Custom formatting for seconds\r\n                                          return `${value} seconds ago`;\r\n                                        }\r\n\r\n                                        // Default formatting for other units\r\n                                        return `${value} ${unit}${suffix}`;\r\n                                      }}\r\n                                      locale=\"en-US\"\r\n                                      style={{ color: \"gray\" }}\r\n                                    /> */}\r\n\r\n                                                                    {/* <ReactTimeAgo\r\n                                        date={message.createDateTime}\r\n                                        locale=\"en-US\"\r\n                                        timeStyle=\"round-minute\"\r\n                                        style={{ color: \"blue\" }}\r\n                                      /> */}\r\n                                                                    <span\r\n                                                                      style={{\r\n                                                                        color: \"gray\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      <i className=\"fa fa-clock-o\"></i>\r\n                                                                      &nbsp;\r\n                                                                      {this.formatDateAA(\r\n                                                                        message.createDateTime\r\n                                                                      )}\r\n                                                                    </span>\r\n                                                                  </div>\r\n                                                                </div>\r\n                                                              ) : null}\r\n                                                            </> :\r\n                                                              <>\r\n                                                                {message.displayStatus === 1 ?\r\n                                                                  <div\r\n                                                                    className={`message-${isSender ? \"SendMsg\" : \"blue\"\r\n                                                                      }`}\r\n                                                                    key={index}\r\n                                                                    style={{\r\n                                                                      height: \"auto\",\r\n                                                                      overflowWrap: \"break-word\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {MsgMenu &&\r\n                                                                      this.state.deleteId == message.id ? (\r\n                                                                      <div\r\n                                                                        style={MessageMenu}\r\n                                                                        ref={this.containerRef}\r\n                                                                      >\r\n                                                                        <center>\r\n                                                                          <ul>\r\n                                                                            {isSender ? (\r\n                                                                              <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n\r\n                                                                                <span\r\n                                                                                  onClick={this.EditMessage}\r\n                                                                                  id=\"MsgOption\"\r\n                                                                                  style={{ marginLeft: '-26px' }}\r\n                                                                                >\r\n                                                                                  <i\r\n                                                                                    className=\"fa fa-pencil-square-o\"\r\n                                                                                    aria-hidden=\"true\"\r\n                                                                                  ></i>&nbsp;&nbsp;\r\n                                                                                  <b>\r\n                                                                                    Edit\r\n                                                                                  </b>\r\n                                                                                </span>\r\n                                                                              </li>) : null}\r\n\r\n                                                                            <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n                                                                              <span\r\n                                                                                onClick={this.deleteMenu}\r\n                                                                                id=\"MsgOption\"\r\n                                                                                style={{ marginLeft: '-14px' }}\r\n                                                                              >\r\n                                                                                <i\r\n                                                                                  className=\"fa fa-trash\"\r\n                                                                                  aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;\r\n\r\n                                                                                <b>\r\n                                                                                  Delete\r\n                                                                                </b>\r\n                                                                              </span>\r\n                                                                            </li>\r\n                                                                            <li style={{ padding: '8px' }}>\r\n                                                                              <span\r\n                                                                                onClick={this.forwardopenpop}\r\n                                                                                id=\"MsgOption\"\r\n                                                                              >\r\n                                                                                <i\r\n                                                                                  className=\"fa fa-share\"\r\n                                                                                  aria-hidden=\"true\"></i>\r\n\r\n                                                                                <b>&nbsp;\r\n                                                                                  Forward\r\n                                                                                </b>\r\n                                                                              </span>\r\n                                                                            </li>\r\n\r\n                                                                          </ul>\r\n                                                                        </center>\r\n                                                                      </div>\r\n                                                                    ) : null}\r\n                                                                    <i\r\n                                                                      className=\"fa fa-ellipsis-h\"\r\n                                                                      style={{\r\n                                                                        float: \"Right\",\r\n                                                                        cursor: \"pointer\",\r\n                                                                      }}\r\n                                                                      aria-hidden=\"true\"\r\n                                                                      onClick={() =>\r\n                                                                        this.DisplayMenu(\r\n                                                                          message.id,\r\n                                                                          message.message,\r\n                                                                          message.picture_Path,\r\n                                                                          message.document_Path,\r\n                                                                          message.senderId,\r\n                                                                          message.createDateTime,\r\n                                                                          message.particularId,\r\n                                                                          message.sysDateTimeWithSeconds\r\n                                                                        )\r\n                                                                      }\r\n                                                                    ></i>\r\n\r\n                                                                    {!isSender ? (\r\n                                                                      <h6\r\n                                                                        style={{\r\n                                                                          fontWeight: \"600\",\r\n                                                                          color: \"#09679f\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        {message.editStatus === 1 ? (\r\n                                                                          <span\r\n                                                                            style={{\r\n                                                                              fontWeight: \"200\",\r\n                                                                              color: \"grey\",\r\n                                                                              fontSize: \"10px\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            Edited\r\n                                                                          </span>\r\n                                                                        ) : null}\r\n                                                                      </h6>\r\n                                                                    ) : (\r\n                                                                      <>\r\n                                                                        {message.editStatus === 1 ? (\r\n                                                                          <h6\r\n                                                                            style={{\r\n                                                                              fontWeight: \"200\",\r\n                                                                              color: \"grey\",\r\n                                                                              fontSize: \"10px\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            Edited\r\n                                                                          </h6>\r\n                                                                        ) : null}\r\n                                                                      </>\r\n                                                                    )}\r\n                                                                    {!isSender ? (\r\n                                                                      <>\r\n                                                                        {message.frwdStatus === 1 ? (\r\n                                                                          <h6\r\n                                                                            style={{\r\n                                                                              fontWeight: \"200\",\r\n                                                                              color: \"grey\",\r\n                                                                              fontSize: \"10px\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            <i\r\n                                                                              className=\"fa fa-share\"\r\n                                                                              aria-hidden=\"true\"\r\n                                                                            ></i>\r\n                                                                            &nbsp;&nbsp;Forwarded\r\n                                                                          </h6>\r\n                                                                        ) : null}\r\n                                                                      </>\r\n                                                                    ) : null}\r\n                                                                    {message.picture_Path === \"-\" &&\r\n                                                                      message.document_Path === \"-\" ? (\r\n                                                                      <p\r\n                                                                        className=\"message-content\"\r\n                                                                        name=\"Popmsg\"\r\n                                                                      // style={{ wordWrap: \"break-word\" }}\r\n                                                                      >\r\n                                                                        {regexp.test(message.message) ==\r\n                                                                          true ? (\r\n                                                                          <>\r\n                                                                            <a\r\n                                                                              style={{\r\n                                                                                color: \"blue\",\r\n                                                                                textDecoration: \"underline\",\r\n                                                                              }}\r\n                                                                              target=\"_blank\"\r\n                                                                              rel=\"noopener noreferrer\"\r\n                                                                              href={message.message}\r\n                                                                            >\r\n                                                                              {message.message}\r\n                                                                            </a>\r\n                                                                            <br />\r\n                                                                          </>\r\n                                                                        ) : (\r\n                                                                          <div>\r\n                                                                            <p>{message.message}</p>\r\n                                                                          </div>\r\n                                                                        )}\r\n                                                                        {isSender && message.seen == 1 ? (\r\n                                                                          <img\r\n                                                                            src={doubletick}\r\n                                                                            style={{\r\n                                                                              // marginTop: \"50px\",\r\n                                                                              marginLeft: \"-2px\",\r\n                                                                              width: \"20px\",\r\n                                                                              float: \"right\",\r\n                                                                            }}\r\n                                                                            title=\"Seen\"\r\n                                                                          />\r\n                                                                        ) : null}\r\n                                                                        {isSender && message.seen == 0 ? (\r\n                                                                          <img\r\n                                                                            src={singletick}\r\n                                                                            style={{\r\n                                                                              // marginTop: \"50px\",\r\n                                                                              marginLeft: \"-2px\",\r\n                                                                              width: \"20px\",\r\n                                                                              float: \"right\",\r\n                                                                            }}\r\n                                                                            title=\"Unread\"\r\n                                                                          />\r\n                                                                        ) : null}\r\n                                                                        <br />\r\n                                                                      </p>\r\n                                                                    ) : (\r\n                                                                      <>\r\n                                                                        {message.picture_Path !== \"-\" &&\r\n                                                                          message.document_Path !== \"-\" ? (\r\n                                                                          <div>\r\n                                                                            <div>\r\n                                                                              <p\r\n                                                                                className=\"message-content\"\r\n                                                                                name=\"Popmsg\"\r\n                                                                              // style={{ wordWrap: \"break-word\" }}\r\n                                                                              >\r\n                                                                                {message.message !=\r\n                                                                                  \"-\" ? (\r\n                                                                                  <>\r\n                                                                                    {\r\n                                                                                      message.message\r\n                                                                                    }\r\n                                                                                  </>\r\n                                                                                ) : null}\r\n                                                                              </p>\r\n\r\n                                                                              <br />\r\n                                                                              <a\r\n                                                                                href={\r\n                                                                                  message.picture_Path\r\n                                                                                }\r\n                                                                                name=\"picture\"\r\n                                                                                readOnly\r\n                                                                                value={\r\n                                                                                  message.picture_Path\r\n                                                                                }\r\n                                                                                title=\"\"\r\n                                                                                target=\"_blank\"\r\n                                                                                style={{\r\n                                                                                  width:\r\n                                                                                    \"120px\",\r\n                                                                                  height:\r\n                                                                                    \"200px\",\r\n                                                                                }}\r\n                                                                              ></a>\r\n                                                                              <div>\r\n                                                                                <img\r\n                                                                                  alt=\"chatimg\"\r\n                                                                                  width=\"80\"\r\n                                                                                  height=\"80\"\r\n                                                                                  src={message.picture_Path}\r\n                                                                                  style={{\r\n                                                                                    width: \"inherit\",\r\n                                                                                  }}\r\n                                                                                />\r\n                                                                              </div>\r\n                                                                              <div>\r\n                                                                                <embed\r\n                                                                                  src={\r\n                                                                                    message.document_Path\r\n                                                                                  }\r\n                                                                                  id=\"Gstiframe\"\r\n                                                                                  title=\"\"\r\n                                                                                  scrolling=\"no\"\r\n                                                                                  target=\"_blank\"\r\n                                                                                  style={{\r\n                                                                                    width: \"100px\",\r\n                                                                                    height: \"100px\",\r\n                                                                                    pointerEvents: \"none\",\r\n                                                                                  }}\r\n                                                                                ></embed>\r\n                                                                              </div>\r\n                                                                            </div>\r\n                                                                            {isSender &&\r\n                                                                              message.seen == 1 ? (\r\n                                                                              <img\r\n                                                                                src={doubletick}\r\n                                                                                style={{\r\n                                                                                  // marginTop: \"50px\",\r\n                                                                                  marginLeft: \"-2px\",\r\n                                                                                  width: \"20px\",\r\n                                                                                  float: \"right\",\r\n                                                                                }}\r\n                                                                                title=\"Seen\"\r\n                                                                              />\r\n                                                                            ) : null}\r\n                                                                            {isSender &&\r\n                                                                              message.seen == 0 ? (\r\n                                                                              <img\r\n                                                                                src={singletick}\r\n                                                                                style={{\r\n                                                                                  // marginTop: \"50px\",\r\n                                                                                  marginLeft: \"-2px\",\r\n                                                                                  width: \"20px\",\r\n                                                                                  float: \"right\",\r\n                                                                                }}\r\n                                                                                title=\"Unread\"\r\n                                                                              />\r\n                                                                            ) : null}\r\n                                                                            <br />\r\n                                                                          </div>\r\n                                                                        ) : (\r\n                                                                          <>\r\n                                                                            {message.picture_Path === \"-\" &&\r\n                                                                              message.document_Path !==\r\n                                                                              \"-\" ? (\r\n                                                                              <div>\r\n                                                                                <p\r\n                                                                                  className=\"message-content\"\r\n                                                                                  name=\"Popmsg\"\r\n                                                                                // style={{\r\n                                                                                //   wordWrap: \"break-word\",\r\n                                                                                // }}\r\n                                                                                >\r\n                                                                                  {message.message !=\r\n                                                                                    \"-\" ? (\r\n                                                                                    <>\r\n                                                                                      {\r\n                                                                                        message.message\r\n                                                                                      }\r\n                                                                                    </>\r\n                                                                                  ) : null}\r\n                                                                                </p>\r\n                                                                                <br />\r\n                                                                                <a\r\n                                                                                  href={\r\n                                                                                    message.document_Path\r\n                                                                                  }\r\n                                                                                  name=\"picture\"\r\n                                                                                  readOnly\r\n                                                                                  value={\r\n                                                                                    message.document_Path\r\n                                                                                  }\r\n                                                                                  title=\"\"\r\n                                                                                  scrolling=\"no\"\r\n                                                                                  target=\"_blank\"\r\n                                                                                  style={{\r\n                                                                                    width: \"120px\",\r\n                                                                                    height: \"200px\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  <div\r\n                                                                                    className=\"row\"\r\n                                                                                    style={{\r\n                                                                                      width: \"180px\",\r\n                                                                                      height: \"60px\",\r\n                                                                                      borderRadius: \"5px\",\r\n                                                                                      boxShadow:\r\n                                                                                        \"rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px\",\r\n                                                                                      background: \"#e8e8e8\",\r\n                                                                                      alignItems: \"center\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    <div className=\"col-lg-3\">\r\n                                                                                      <img\r\n                                                                                        src={File1}\r\n                                                                                        style={{\r\n                                                                                          height: \"30px\",\r\n                                                                                          width: \"30px\",\r\n                                                                                        }}\r\n                                                                                      ></img>\r\n                                                                                    </div>\r\n                                                                                    <div className=\"col-lg-9\">\r\n                                                                                      {message.document_Path\r\n                                                                                        .length > 85 ? (\r\n                                                                                        <>\r\n                                                                                          <div\r\n                                                                                            style={{\r\n                                                                                              opacity:\r\n                                                                                                DName &&\r\n                                                                                                  documentname ==\r\n                                                                                                  message.id\r\n                                                                                                  ? 1\r\n                                                                                                  : 0,\r\n                                                                                              width:\r\n                                                                                                \"150px\",\r\n                                                                                              height:\r\n                                                                                                \"auto\",\r\n                                                                                              overflowWrap:\r\n                                                                                                \"break-word\",\r\n                                                                                              zIndex: \"109\",\r\n                                                                                              border:\r\n                                                                                                \"1px solid black\",\r\n\r\n                                                                                              background:\r\n                                                                                                \"#0000007d\",\r\n                                                                                              color:\r\n                                                                                                \"white\",\r\n                                                                                              alignItems:\r\n                                                                                                \"center\",\r\n                                                                                              position:\r\n                                                                                                \"absolute\",\r\n                                                                                              top: \"-50px\",\r\n                                                                                              left: \"-50px\",\r\n                                                                                            }}\r\n                                                                                          >\r\n                                                                                            <p\r\n                                                                                              style={{\r\n                                                                                                fontSize:\r\n                                                                                                  \"10px\",\r\n                                                                                              }}\r\n                                                                                            >\r\n                                                                                              {result1}\r\n                                                                                            </p>\r\n                                                                                          </div>\r\n                                                                                          <p\r\n                                                                                            style={{\r\n                                                                                              marginTop:\r\n                                                                                                \"10px\",\r\n                                                                                              textAlign:\r\n                                                                                                \"center\",\r\n                                                                                              fontSize:\r\n                                                                                                \"10px\",\r\n                                                                                              fontWeight:\r\n                                                                                                \"600\",\r\n                                                                                              color:\r\n                                                                                                \"#19578b\",\r\n                                                                                            }}\r\n                                                                                            onMouseOver={(\r\n                                                                                              e\r\n                                                                                            ) => {\r\n                                                                                              e.preventDefault();\r\n                                                                                              this.documentName(\r\n                                                                                                message.id\r\n                                                                                              );\r\n                                                                                            }}\r\n                                                                                            onMouseLeave={\r\n                                                                                              this\r\n                                                                                                .documentNameL\r\n                                                                                            }\r\n                                                                                          >\r\n                                                                                            {result}\r\n                                                                                            ...\r\n                                                                                          </p>\r\n                                                                                        </>\r\n                                                                                      ) : (\r\n                                                                                        <p\r\n                                                                                          style={{\r\n                                                                                            marginTop:\r\n                                                                                              \"10px\",\r\n                                                                                            textAlign:\r\n                                                                                              \"center\",\r\n                                                                                            fontSize:\r\n                                                                                              \"10px\",\r\n                                                                                            fontWeight:\r\n                                                                                              \"600\",\r\n                                                                                            color:\r\n                                                                                              \"#014c8c\",\r\n                                                                                          }}\r\n                                                                                        >\r\n                                                                                          {result}\r\n                                                                                        </p>\r\n                                                                                      )}\r\n                                                                                    </div>\r\n                                                                                  </div>\r\n                                                                                </a>\r\n                                                                                {isSender &&\r\n                                                                                  message.seen == 1 ? (\r\n                                                                                  <img\r\n                                                                                    src={doubletick}\r\n                                                                                    style={{\r\n                                                                                      // marginTop: \"50px\",\r\n                                                                                      marginLeft: \"-2px\",\r\n                                                                                      width: \"20px\",\r\n                                                                                      float: \"right\",\r\n                                                                                    }}\r\n                                                                                    title=\"Seen\"\r\n                                                                                  />\r\n                                                                                ) : null}\r\n                                                                                {isSender &&\r\n                                                                                  message.seen == 0 ? (\r\n                                                                                  <img\r\n                                                                                    src={singletick}\r\n                                                                                    style={{\r\n                                                                                      // marginTop: \"50px\",\r\n                                                                                      marginLeft: \"-2px\",\r\n                                                                                      width: \"20px\",\r\n                                                                                      float: \"right\",\r\n                                                                                    }}\r\n                                                                                    title=\"Unread\"\r\n                                                                                  />\r\n                                                                                ) : null}\r\n                                                                                <br />\r\n                                                                              </div>\r\n                                                                            ) : (\r\n                                                                              <div>\r\n                                                                                <p\r\n                                                                                  className=\"message-content\"\r\n                                                                                  name=\"Popmsg\"\r\n                                                                                // style={{\r\n                                                                                //   wordWrap: \"break-word\",\r\n                                                                                // }}\r\n                                                                                >\r\n                                                                                  {message.message !=\r\n                                                                                    \"-\" ? (\r\n                                                                                    <>\r\n                                                                                      {\r\n                                                                                        message.message\r\n                                                                                      }\r\n                                                                                    </>\r\n                                                                                  ) : null}\r\n                                                                                </p>\r\n                                                                                <br />\r\n                                                                                <a\r\n                                                                                  href={\r\n                                                                                    message.picture_Path\r\n                                                                                  }\r\n                                                                                  name=\"picture\"\r\n                                                                                  readOnly\r\n                                                                                  value={\r\n                                                                                    message.picture_Path\r\n                                                                                  }\r\n                                                                                  title=\"\"\r\n                                                                                  target=\"_blank\"\r\n                                                                                  style={{\r\n                                                                                    width:\r\n                                                                                      \"120px\",\r\n                                                                                    height:\r\n                                                                                      \"200px\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  <div>\r\n                                                                                    <img\r\n                                                                                      alt=\"chatimg\"\r\n                                                                                      width=\"80\"\r\n                                                                                      height=\"80\"\r\n                                                                                      src={\r\n                                                                                        message.picture_Path\r\n                                                                                      }\r\n                                                                                      style={{\r\n                                                                                        width: \"inherit\",\r\n                                                                                      }}\r\n                                                                                    />\r\n                                                                                  </div>\r\n                                                                                </a>\r\n                                                                                {isSender &&\r\n                                                                                  message.seen == 1 ? (\r\n                                                                                  <img\r\n                                                                                    src={doubletick}\r\n                                                                                    style={{\r\n                                                                                      // marginTop: \"50px\",\r\n                                                                                      marginLeft: \"-2px\",\r\n                                                                                      width: \"20px\",\r\n                                                                                      float: \"right\",\r\n                                                                                    }}\r\n                                                                                    title=\"Seen\"\r\n                                                                                  />\r\n                                                                                ) : null}\r\n                                                                                {isSender &&\r\n                                                                                  message.seen == 0 ? (\r\n                                                                                  <img\r\n                                                                                    src={singletick}\r\n                                                                                    style={{\r\n                                                                                      // marginTop: \"50px\",\r\n                                                                                      marginLeft: \"-2px\",\r\n                                                                                      width: \"20px\",\r\n                                                                                      float: \"right\",\r\n                                                                                    }}\r\n                                                                                    title=\"Unread\"\r\n                                                                                  />\r\n                                                                                ) : null}\r\n                                                                                <br />\r\n                                                                              </div>\r\n                                                                            )}\r\n                                                                          </>\r\n                                                                        )}\r\n                                                                      </>\r\n                                                                    )}\r\n                                                                    <br />\r\n                                                                    <div className=\"message-timestamp-right\">\r\n\r\n                                                                      <span\r\n                                                                        style={{\r\n                                                                          color: \"gray\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        <i className=\"fa fa-clock-o\"></i>\r\n                                                                        &nbsp;\r\n                                                                        {this.formatDateAA(\r\n                                                                          message.createDateTime\r\n                                                                        )}\r\n                                                                      </span>\r\n                                                                    </div>\r\n                                                                  </div> : null}\r\n                                                              </>\r\n\r\n                                                            }\r\n                                                          </>\r\n                                                        );\r\n                                                      }\r\n                                                    )}\r\n                                                    <div ref={this.myRef} />\r\n                                                  </div>\r\n                                                </div>\r\n                                              </div>\r\n                                            </div>\r\n\r\n                                            {Deletepop ? (\r\n                                              <div style={deleteStyles} ref={this.containerRef} id=\"ICdelpop\">\r\n                                                <i\r\n                                                  className=\"fa fa-times\"\r\n                                                  aria-hidden=\"true\"\r\n                                                  style={{\r\n                                                    color: \"gray\",\r\n                                                    marginLeft: \"90%\",\r\n                                                    fontSize: \"17px\",\r\n                                                  }}\r\n                                                  onClick={this.handleClose}\r\n                                                ></i>\r\n                                                <center>\r\n                                                  <span>\r\n                                                    <img\r\n                                                      src=\"https://static.thenounproject.com/png/659539-200.png\"\r\n                                                      style={{ height: '25px', width: '25px' }}></img>&nbsp;\r\n                                                    <span >Delete Message?</span>\r\n                                                    <br />\r\n                                                  </span>\r\n                                                  <div style={{ display: 'inline-flex', gap: '15px', padding: '20px' }} id=\"spandiV\">\r\n\r\n                                                    <span\r\n                                                      id=\"Deletelistbtns\"\r\n                                                      onClick={this.DeleteMessageOne}\r\n                                                      style={{ float: \"right\" }}\r\n                                                    >\r\n                                                      Delete for me\r\n                                                    </span>\r\n\r\n\r\n                                                    {this.state.deletesender == UserId ? (\r\n                                                      <>\r\n                                                        <span\r\n                                                          id=\"Deletelistbtns\"\r\n                                                          onClick={this.ICDeleteMessageEveryone}\r\n                                                          style={{ float: \"right\" }}\r\n                                                        >\r\n                                                          Delete for Everyone\r\n                                                        </span>\r\n                                                        <br />\r\n                                                      </>\r\n                                                    ) : null}\r\n\r\n                                                  </div>\r\n                                                </center>\r\n                                              </div>\r\n                                            ) : null}\r\n\r\n                                            {this.state.forwardpopup && (\r\n                                              <>\r\n                                                {Minimized ? null : (\r\n                                                  <div className=\"popup\">\r\n                                                    <div className=\"popup-content\">\r\n                                                      <center id=\"DiscAddPop\">\r\n                                                        <div>\r\n                                                          <center style={{ marginTop: '-2%' }}>\r\n                                                            <h6>\r\n                                                              <b>Forward To</b>\r\n                                                            </h6>\r\n                                                          </center>\r\n                                                          <center>\r\n                                                            <input\r\n                                                              className=\"DiscSearchbox\"\r\n                                                              placeholder=\"Search\"\r\n                                                              onChange={this.Forwardmemberfilter}\r\n                                                            />\r\n\r\n                                                          </center> <br />\r\n                                                          <center>\r\n                                                            <form id=\"ForwardMemberPopA\">\r\n                                                              {FrdNonAccess.length === 0 && FrdMemberAccess.length === 0 ?\r\n                                                                <center>\r\n\r\n                                                                  <span\r\n                                                                    id=\"ForwardFilterErrA\"\r\n                                                                    style={{ color: \"red\" }}\r\n                                                                  > Member Not Found</span>\r\n                                                                </center> :\r\n                                                                <>\r\n                                                                  {FrdMemberAccess.map((Announcement) => (\r\n                                                                    <>\r\n                                                                      {Accessed === 1 && Accessed_to === 1 ? (\r\n                                                                        <div\r\n                                                                          className=\"media userlist-box\"\r\n                                                                          data-id=\"1\"\r\n                                                                          data-status=\"online\"\r\n                                                                          data-username=\"Josephin Doe\"\r\n                                                                          data-toggle=\"tooltip\"\r\n                                                                          data-placement=\"left\"\r\n                                                                          style={{\r\n                                                                            // padding: \"5px\",\r\n                                                                            height: \"55px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <div\r\n                                                                            className=\"checkbox-wrapper-12\"\r\n                                                                            id=\"checkboxTop\"\r\n                                                                          >\r\n                                                                            <div className=\"cbx\">\r\n                                                                              <input\r\n                                                                                type=\"checkbox\"\r\n                                                                                title=\"Add\"\r\n                                                                                className=\"check\"\r\n                                                                                id=\"Checkboxchat\"\r\n                                                                                value={Announcement.email}\r\n                                                                                checked={selectedUserIds.includes(\r\n                                                                                  Announcement.email\r\n                                                                                )}\r\n                                                                                onChange={this.handleUserSelectionChange}\r\n                                                                              />\r\n                                                                              <label for=\"cbx-12\"></label>\r\n                                                                              <svg\r\n                                                                                width=\"15\"\r\n                                                                                height=\"14\"\r\n                                                                                viewbox=\"0 0 15 14\"\r\n                                                                                fill=\"none\"\r\n                                                                              >\r\n                                                                                <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                                                              </svg>\r\n                                                                            </div>\r\n\r\n                                                                            <svg\r\n                                                                              xmlns=\"http://www.w3.org/2000/svg\"\r\n                                                                              version=\"1.1\"\r\n                                                                            >\r\n                                                                              <defs>\r\n                                                                                <filter id=\"goo-12\">\r\n                                                                                  <fegaussianblur\r\n                                                                                    in=\"SourceGraphic\"\r\n                                                                                    stddeviation=\"4\"\r\n                                                                                    result=\"blur\"\r\n                                                                                  ></fegaussianblur>\r\n                                                                                  <fecolormatrix\r\n                                                                                    in=\"blur\"\r\n                                                                                    mode=\"matrix\"\r\n                                                                                    values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                                                    result=\"goo-12\"\r\n                                                                                  ></fecolormatrix>\r\n                                                                                  <feblend\r\n                                                                                    in=\"SourceGraphic\"\r\n                                                                                    in2=\"goo-12\"\r\n                                                                                  ></feblend>\r\n                                                                                </filter>\r\n                                                                              </defs>\r\n                                                                            </svg>\r\n                                                                          </div>\r\n                                                                          &nbsp;&nbsp;&nbsp;\r\n                                                                          <a\r\n                                                                            className=\"media-left\"\r\n                                                                            style={{ marginTop: \"-4%\" }}\r\n                                                                          >\r\n                                                                            <img\r\n                                                                              className=\"media-object img-circle\"\r\n                                                                              src={Announcement.profile_Picture}\r\n                                                                              alt=\"Generic placeholder image\"\r\n                                                                              style={{\r\n                                                                                marginTop: \"20px\",\r\n                                                                                width: \"35px\",\r\n                                                                                height: \"35px\",\r\n                                                                              }}\r\n                                                                            />\r\n                                                                            {Announcement.userActiveStatus === 1 ? (\r\n                                                                              <img\r\n                                                                                src={onlineimg}\r\n                                                                                className=\"media-object img-circle\"\r\n                                                                                style={{\r\n                                                                                  marginTop: \"50px\",\r\n                                                                                  marginLeft: \"-12px\",\r\n                                                                                  width: \"12px\",\r\n                                                                                  // position: \"absolute\",\r\n                                                                                  background: \"white\",\r\n                                                                                }}\r\n                                                                                title=\"Online\"\r\n                                                                              />\r\n                                                                            ) : (\r\n                                                                              <img\r\n                                                                                src={offlineimg}\r\n                                                                                className=\"media-object img-circle\"\r\n                                                                                style={{\r\n                                                                                  marginTop: \"50px\",\r\n                                                                                  marginLeft: \"-12px\",\r\n                                                                                  width: \"12px\",\r\n                                                                                  // position: \"absolute\",\r\n                                                                                  background: \"white\",\r\n                                                                                }}\r\n                                                                                title={`last seen at ${Announcement.logout}`}\r\n                                                                              />\r\n                                                                            )}\r\n                                                                          </a>\r\n                                                                          <div\r\n                                                                            className=\"media-body\"\r\n                                                                            style={{\r\n                                                                              textAlign: \"initial\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            <div\r\n                                                                              className=\"f-13 chat-header\"\r\n                                                                              style={{\r\n                                                                                color: \"black\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              {\" \"}\r\n                                                                              <li\r\n                                                                                key={Announcement.id}\r\n                                                                                value={Announcement.id}\r\n                                                                                style={{ listStyleType: \"none\" }}\r\n                                                                              >\r\n                                                                                <label style={{ marginTop: '-2%' }}>\r\n                                                                                  <span\r\n                                                                                    className=\"Fontsize_In_chat\"\r\n                                                                                    style={{\r\n                                                                                      color: \"black\",\r\n                                                                                      whiteSpace: \"nowrap\",\r\n                                                                                      fontWeight: \"bold\",\r\n                                                                                    }}\r\n                                                                                  ></span>\r\n                                                                                  <br />\r\n                                                                                  <span\r\n                                                                                    className=\"Fontsize_In_chat\"\r\n                                                                                    style={{\r\n                                                                                      color: \"black\",\r\n                                                                                      whiteSpace: \"nowrap\",\r\n                                                                                      fontWeight: \"bold\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    {Announcement.fName}\r\n                                                                                  </span>\r\n                                                                                  &nbsp;\r\n                                                                                  <span\r\n                                                                                    className=\"Fontsize_In_chat\"\r\n                                                                                    style={{\r\n                                                                                      color: \"Gray\",\r\n                                                                                      whiteSpace: \"nowrap\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    ({Announcement.email})\r\n                                                                                  </span>\r\n                                                                                </label>\r\n                                                                              </li>\r\n                                                                            </div>\r\n                                                                          </div>\r\n                                                                          <input hidden type=\"text\" name=\"User_Id\" />\r\n                                                                        </div>) : null}\r\n                                                                    </>\r\n                                                                  ))}\r\n                                                                  {FrdNonAccess.map((Announcement) => (\r\n                                                                    <>\r\n                                                                      {(Accessed === 1 &&\r\n                                                                        Accessed_to === 0) ||\r\n                                                                        (Accessed === 0 && Accessed_to === 0) ||\r\n                                                                        (Accessed === 0 &&\r\n                                                                          Accessed_to === 1) ? (\r\n                                                                        <div\r\n                                                                          className=\"media userlist-box\"\r\n                                                                          data-id=\"1\"\r\n                                                                          data-status=\"online\"\r\n                                                                          data-username=\"Josephin Doe\"\r\n                                                                          data-toggle=\"tooltip\"\r\n                                                                          data-placement=\"left\"\r\n                                                                          style={{\r\n                                                                            // padding: \"5px\",\r\n                                                                            height: \"55px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <div\r\n                                                                            className=\"checkbox-wrapper-12\"\r\n                                                                            id=\"checkboxTop\" x\r\n                                                                          >\r\n                                                                            <div className=\"cbx\">\r\n                                                                              <input\r\n                                                                                type=\"checkbox\"\r\n                                                                                title=\"Add\"\r\n                                                                                className=\"check\"\r\n                                                                                id=\"Checkboxchat\"\r\n                                                                                value={Announcement.email}\r\n                                                                                checked={selectedUserIds.includes(\r\n                                                                                  Announcement.email\r\n                                                                                )}\r\n                                                                                onChange={this.handleUserSelectionChange}\r\n                                                                              />\r\n                                                                              <label for=\"cbx-12\"></label>\r\n                                                                              <svg\r\n                                                                                width=\"15\"\r\n                                                                                height=\"14\"\r\n                                                                                viewbox=\"0 0 15 14\"\r\n                                                                                fill=\"none\"\r\n                                                                              >\r\n                                                                                <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                                                              </svg>\r\n                                                                            </div>\r\n\r\n                                                                            <svg\r\n                                                                              xmlns=\"http://www.w3.org/2000/svg\"\r\n                                                                              version=\"1.1\"\r\n                                                                            >\r\n                                                                              <defs>\r\n                                                                                <filter id=\"goo-12\">\r\n                                                                                  <fegaussianblur\r\n                                                                                    in=\"SourceGraphic\"\r\n                                                                                    stddeviation=\"4\"\r\n                                                                                    result=\"blur\"\r\n                                                                                  ></fegaussianblur>\r\n                                                                                  <fecolormatrix\r\n                                                                                    in=\"blur\"\r\n                                                                                    mode=\"matrix\"\r\n                                                                                    values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                                                    result=\"goo-12\"\r\n                                                                                  ></fecolormatrix>\r\n                                                                                  <feblend\r\n                                                                                    in=\"SourceGraphic\"\r\n                                                                                    in2=\"goo-12\"\r\n                                                                                  ></feblend>\r\n                                                                                </filter>\r\n                                                                              </defs>\r\n                                                                            </svg>\r\n                                                                          </div>\r\n                                                                          &nbsp;&nbsp;&nbsp;\r\n                                                                          <a\r\n                                                                            className=\"media-left\"\r\n                                                                            style={{ marginTop: \"-4%\" }}\r\n                                                                          >\r\n                                                                            <img\r\n                                                                              className=\"media-object img-circle\"\r\n                                                                              src={Announcement.profile_Picture}\r\n                                                                              alt=\"Generic placeholder image\"\r\n                                                                              style={{\r\n                                                                                marginTop: \"20px\",\r\n                                                                                width: \"35px\",\r\n                                                                                height: \"35px\",\r\n                                                                              }}\r\n                                                                            />\r\n                                                                            {Announcement.userActiveStatus === 1 ? (\r\n                                                                              <img\r\n                                                                                src={onlineimg}\r\n                                                                                className=\"media-object img-circle\"\r\n                                                                                style={{\r\n                                                                                  marginTop: \"50px\",\r\n                                                                                  marginLeft: \"-12px\",\r\n                                                                                  width: \"12px\",\r\n                                                                                  // position: \"absolute\",\r\n                                                                                  background: \"white\",\r\n                                                                                }}\r\n                                                                                title=\"Online\"\r\n                                                                              />\r\n                                                                            ) : (\r\n                                                                              <img\r\n                                                                                src={offlineimg}\r\n                                                                                className=\"media-object img-circle\"\r\n                                                                                style={{\r\n                                                                                  marginTop: \"50px\",\r\n                                                                                  marginLeft: \"-12px\",\r\n                                                                                  width: \"12px\",\r\n                                                                                  // position: \"absolute\",\r\n                                                                                  background: \"white\",\r\n                                                                                }}\r\n                                                                                title={`last seen at ${Announcement.logout}`}\r\n                                                                              />\r\n                                                                            )}\r\n                                                                          </a>\r\n                                                                          <div\r\n                                                                            className=\"media-body\"\r\n                                                                            style={{\r\n                                                                              textAlign: \"initial\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            <div\r\n                                                                              className=\"f-13 chat-header\"\r\n                                                                              style={{\r\n                                                                                color: \"black\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              {\" \"}\r\n                                                                              <li\r\n                                                                                key={Announcement.id}\r\n                                                                                value={Announcement.id}\r\n                                                                                style={{ listStyleType: \"none\" }}\r\n                                                                              >\r\n                                                                                <label style={{ marginTop: '-2%' }}>\r\n                                                                                  <span\r\n                                                                                    className=\"Fontsize_In_chat\"\r\n                                                                                    style={{\r\n                                                                                      color: \"black\",\r\n                                                                                      whiteSpace: \"nowrap\",\r\n                                                                                      fontWeight: \"bold\",\r\n                                                                                    }}\r\n                                                                                  ></span>\r\n                                                                                  <br />\r\n                                                                                  <span\r\n                                                                                    className=\"Fontsize_In_chat\"\r\n                                                                                    style={{\r\n                                                                                      color: \"black\",\r\n                                                                                      whiteSpace: \"nowrap\",\r\n                                                                                      fontWeight: \"bold\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    {Announcement.fName}\r\n                                                                                  </span>\r\n                                                                                  &nbsp;\r\n                                                                                  <span\r\n                                                                                    className=\"Fontsize_In_chat\"\r\n                                                                                    style={{\r\n                                                                                      color: \"Gray\",\r\n                                                                                      whiteSpace: \"nowrap\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    ({Announcement.email})\r\n                                                                                  </span>\r\n                                                                                </label>\r\n                                                                              </li>\r\n                                                                            </div>\r\n                                                                          </div>\r\n                                                                          <input hidden type=\"text\" name=\"User_Id\" />\r\n                                                                        </div>) : null}\r\n                                                                    </>\r\n                                                                  ))}</>}\r\n                                                            </form>\r\n                                                            <br />\r\n                                                            <span\r\n                                                              className=\"AddmemberpopFrdbtn\"\r\n                                                              id=\"addbutton\"\r\n                                                              disabled=\"disabled\"\r\n                                                              onClick={this.ForwardIChatMsg}\r\n                                                            >\r\n                                                              Forward\r\n                                                            </span>{\" \"}\r\n                                                            &nbsp;&nbsp;&nbsp;&nbsp;{\" \"}\r\n                                                            <span\r\n                                                              className=\"Addmemberpopbtns\"\r\n                                                              id=\"Cancelbutton\"\r\n                                                              onClick={this.hideForwardpop}\r\n                                                            >\r\n                                                              Cancel\r\n                                                            </span>\r\n                                                          </center>\r\n                                                        </div>\r\n                                                      </center>\r\n                                                    </div>\r\n                                                  </div>\r\n                                                )}\r\n                                              </>\r\n                                            )}\r\n\r\n                                            <div\r\n                                              className=\"input-group write-msg\"\r\n                                              id=\"input-group write-msg\"\r\n                                              style={{\r\n                                                border: \"1px solid #bfbfbe\",\r\n                                                padding: \"2px 2px\",\r\n                                                // marginTop: \"367px\",\r\n                                                zIndex: \"none\",\r\n                                                marginLeft: '-1%',\r\n                                                background: '#eff3f7',\r\n                                                width: '101%'\r\n                                              }}\r\n                                            >\r\n                                              <div\r\n                                                style={attachStyles}\r\n                                                id=\"NDiscICattach\"\r\n                                              >\r\n                                                <ul id=\"listmenu\">\r\n                                                  <label\r\n                                                    style={{ marginTop: \"8px\" }}\r\n                                                  >\r\n                                                    <span\r\n                                                      className=\"fa fa-picture-o\"\r\n                                                      aria-hidden=\"true\"\r\n                                                      style={{\r\n                                                        color: \"#5d4fd0\",\r\n                                                        marginLeft: \"7px\",\r\n                                                        cursor: \"pointer\",\r\n                                                      }}\r\n                                                      onClick={() => {\r\n                                                        this.Picturepop();\r\n                                                      }}\r\n                                                    ></span>\r\n                                                  </label>\r\n                                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                  <br />\r\n                                                  <label\r\n                                                    style={{\r\n                                                      marginTop: \"8px\",\r\n                                                      marginLeft: \"23%\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <span\r\n                                                      className=\"fa fa-file\"\r\n                                                      aria-hidden=\"true\"\r\n                                                      style={{\r\n                                                        color: \"#5d4fd0\",\r\n                                                        cursor: \"pointer\",\r\n                                                      }}\r\n                                                      onClick={() => {\r\n                                                        this.Documentpop();\r\n                                                      }}\r\n                                                    ></span>\r\n                                                  </label>\r\n                                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                </ul>\r\n                                              </div>\r\n                                              <input\r\n                                                type=\"text\"\r\n                                                className=\"form-control input-value\"\r\n                                                placeholder=\"Type a Message\"\r\n                                                value={this.state.message}\r\n                                                onChange={this.handleTextChange}\r\n                                                name=\"Message\"\r\n                                                style={{\r\n                                                  border: \"none\",\r\n                                                  zIndex: \"auto\",\r\n                                                  background: \"#eff3f7\",\r\n                                                }}\r\n                                              // onKeyPress={this.handleKeyPress}\r\n                                              />\r\n                                              <span\r\n                                                className=\"fa fa-smile-o\"\r\n                                                aria-hidden=\"true\"\r\n                                                style={{\r\n                                                  marginTop: \"10px\",\r\n                                                  fontSize: \"18px\",\r\n                                                  backgroundColor: \"#eff3f7\",\r\n                                                }}\r\n                                                onClick={this.myEmoji}\r\n                                              ></span>\r\n                                              &nbsp;&nbsp;\r\n                                              {showEmoji && (\r\n                                                <div\r\n                                                  style={{\r\n                                                    position: \"absolute\",\r\n                                                    top: \"-410%\",\r\n                                                    // left: \"50%\", \r\n                                                    transform: \"translate(-50%, -50%)\",\r\n                                                    maxWidth: \"90vw\",\r\n                                                    maxHeight: \"90vh\",\r\n                                                  }}\r\n                                                  id='PickerDiv'\r\n                                                >\r\n                                                  <Picker\r\n                                                    onEmojiClick={this.handleEmojiClick}\r\n\r\n                                                    height={350}\r\n                                                    width={\"100%\"}\r\n\r\n                                                  />\r\n                                                </div>\r\n                                              )}\r\n                                              &nbsp;&nbsp;\r\n                                              <span\r\n                                                style={{\r\n                                                  backgroundColor: \"#eff3f7\",\r\n                                                }}\r\n                                              >\r\n                                                <label\r\n                                                  style={{ marginTop: \"8px\" }}\r\n                                                >\r\n                                                  <i\r\n                                                    className=\"fa fa-paperclip\"\r\n                                                    style={{ fontSize: \"20px\" }}\r\n                                                    aria-hidden=\"true\"\r\n                                                    onClick={this.attachMenu}\r\n                                                    id=\"AttachIcon\"\r\n                                                  ></i>\r\n                                                </label>\r\n                                              </span>\r\n                                              &nbsp;&nbsp;\r\n                                              <span className=\"input-group-btn\">\r\n                                                <button\r\n                                                  type=\"submit\"\r\n                                                  className=\"btn btn-secondary\"\r\n                                                  onClick={this.handleSubmitA}\r\n                                                  style={{\r\n                                                    zIndex: \"auto\",\r\n                                                    backgroundColor: \"#eff3f7\",\r\n                                                  }}\r\n                                                >\r\n                                                  <i className=\"icofont icofont-paper-plane\"></i>\r\n                                                </button>\r\n                                              </span>\r\n                                            </div>\r\n                                            <div\r\n                                              className=\"input-group write-msg\"\r\n                                              id=\"input-groupEdit\"\r\n                                              style={{\r\n                                                border: \"1px solid #bfbfbe\",\r\n                                                padding: \"2px 2px\",\r\n                                                backgroundColor: \"#eff3f7\",\r\n                                                // marginTop: \"503px\",\r\n                                                // width: \"101.5%\",\r\n                                                // marginLeft: \"-10px\",\r\n                                                // backgroundColor: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              <input\r\n                                                type=\"text\"\r\n                                                className=\"form-control input-value\"\r\n                                                placeholder=\"Type a Message\"\r\n                                                value={this.state.deletemsg}\r\n                                                onChange={this.handleTextChange}\r\n                                                name=\"Message\"\r\n                                                style={{ border: \"none\", backgroundColor: \"#eff3f7\" }}\r\n                                                onKeyPress={this.handleKeyPressUser}\r\n                                              />\r\n                                              <input\r\n                                                type=\"file\"\r\n                                                id=\"file\"\r\n                                                name=\"Picture_Path\"\r\n                                                accept=\"image/*\"\r\n                                                // onChange={this.handleInputChange}\r\n                                                // onChange={this.handleImageUpload}\r\n                                                onChange={this.handleFileChange}\r\n                                                onFocus={(e) => (e.target.type = \"file\")}\r\n                                                style={{ display: \"none\" }}\r\n                                              />\r\n                                              <span\r\n                                                className=\"fa fa-smile-o\"\r\n                                                aria-hidden=\"true\"\r\n                                                style={{\r\n                                                  marginTop: \"10px\",\r\n                                                  fontSize: \"18px\",\r\n                                                  backgroundColor: \"#eff3f7\"\r\n                                                }}\r\n                                                onClick={this.myEmoji}\r\n                                              ></span>\r\n                                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                              {/* <input\r\n                          type=\"file\"\r\n                          id=\"file\"\r\n                          name=\"Picture_Path\"\r\n                          onFocus={(e) => (e.target.type = \"file\")}\r\n                          style={{ display: \"none\" }}\r\n                        /> */}\r\n                                              {showEmoji && (\r\n                                                <div\r\n                                                  style={{\r\n                                                    position: \"absolute\",\r\n                                                    top: \"-410%\",\r\n                                                    // left: \"50%\", \r\n                                                    transform: \"translate(-50%, -50%)\",\r\n                                                    maxWidth: \"90vw\",\r\n                                                    maxHeight: \"90vh\",\r\n                                                  }}\r\n                                                  id='PickerDiv'\r\n                                                >\r\n                                                  <Picker\r\n                                                    onEmojiClick={this.handleEmojiClick}\r\n\r\n                                                    height={350}\r\n                                                    width={\"100%\"}\r\n\r\n                                                  />\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"input-group-btn\">\r\n                                                <span\r\n                                                  id=\"paper-btn\"\r\n                                                  className=\"btn btn-secondary\"\r\n                                                  // type=\"submit\"\r\n                                                  style={{ backgroundColor: \"#eff3f7\" }}\r\n                                                >\r\n                                                  <i\r\n                                                    className=\"fa fa-check\"\r\n                                                    onClick={this.EditOneonOneMessage}\r\n                                                  ></i>{\" \"}\r\n                                                  &nbsp;&nbsp;{\" \"}\r\n                                                  <i\r\n                                                    className=\"fa fa-times\"\r\n                                                    onClick={this.CancelEdit}\r\n                                                  ></i>\r\n                                                </span>\r\n                                              </span>\r\n                                            </div>\r\n                                          </form>\r\n                                        </div>\r\n                                      ) : (\r\n                                        <center>\r\n                                          <img\r\n                                            src=\"https://static.vecteezy.com/system/resources/thumbnails/006/692/321/small/chatting-message-icon-template-black-color-editable-chatting-message-icon-symbol-flat-illustration-for-graphic-and-web-design-free-vector.jpg\"\r\n                                            style={{\r\n                                              height: \"150px\",\r\n                                              width: \"150px\",\r\n                                              borderRadius: \"50%\",\r\n                                              marginTop: '160px'\r\n                                            }}\r\n                                          ></img>\r\n                                          <br />\r\n                                          <br />\r\n                                          <h5\r\n                                            style={{\r\n                                              color: \"gray\",\r\n                                              fontWeight: \"bold\",\r\n                                            }}\r\n                                          >\r\n                                            Start Discussion{\" \"}\r\n                                          </h5>\r\n                                        </center>\r\n                                      )}\r\n                                      <div style={documentpop} id=\"chatDocPop\">\r\n                                        <span style={{ textAlign: \"center\" }}>\r\n                                          {isdocumentpopOpen && (\r\n                                            <ChatDocPop\r\n                                              values={this.state.OneonOneAdmin}\r\n                                              handleClose={() =>\r\n                                                this.documentPopup()\r\n                                              }\r\n                                            // AllMembers={this.state.mergedUsers}\r\n                                            />\r\n                                          )}\r\n                                        </span>\r\n                                      </div>\r\n\r\n                                      <div style={picturepop} id=\"chatDocPop\">\r\n                                        <span style={{ textAlign: \"center\" }}>\r\n                                          {ispicturepopOpen && (\r\n                                            <ChatPicturepop\r\n                                              // values={this.state.Email}\r\n                                              // values={this.state.Group}\r\n                                              handleClose={() =>\r\n                                                this.picturePopup()\r\n                                              }\r\n                                            />\r\n                                          )}\r\n                                        </span>\r\n                                      </div>\r\n                                    </main>\r\n                                  </div>\r\n                                </form>\r\n                              )}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </form>\r\n                      {/*              \r\n          </div>\r\n          \r\n        </div> */}\r\n                    </div>\r\n                    \r\n                   \r\n                    \r\n\r\n                    {this.state.isPopupOpen && (\r\n                      <div className=\"Annpop1\" style={{ zIndex: '+10' }}>\r\n                        <div className=\"Annpopinnernormalpop1\">\r\n                          <div id=\"NewDisc\">\r\n                            <form id=\"login-form\">\r\n                              <i\r\n                                className=\"fa fa-times\"\r\n                                aria-hidden=\"true\"\r\n                                style={{\r\n                                  color: \"gray\",\r\n                                  marginLeft: \"97%\",\r\n                                  fontSize: \"20px\",\r\n                                }}\r\n                                onClick={this.closePopup}\r\n                              ></i>\r\n                              {/* <h5 id=\"D-title\"> Create Discussion Name </h5> */}\r\n\r\n                              {/* <i className=\"fa fa-times\" aria-hidden=\"true\" style={{ color: 'gray',marginLeft:'97%', fontSize: '20px', }}\r\n\r\nonClick={this.closePopup} ></i> */}\r\n\r\n                              {/* <label className=\"custom-field one\">\r\n                                <input\r\n                                  type=\"text\"\r\n                                  placeholder=\" \"\r\n                                  onChange={this.handletitle}\r\n                                  list=\"contacts\"\r\n                                  id=\"Group-Title\"\r\n                                />\r\n\r\n                                <span className=\"placeholder\">Discussion Name</span>\r\n                              </label> */}\r\n                              <fieldset>\r\n                                <legend>Discussion Name</legend>\r\n                                <label className=\"custom-field one\">\r\n                                  <input\r\n                                    placeholder=\" \"\r\n                                    onChange={this.handletitle}\r\n                                    list=\"contacts\"\r\n                                    type=\"text\"\r\n                                    id=\"Group-Title\"\r\n                                  ></input>\r\n                                </label>\r\n                              </fieldset>\r\n                              <span\r\n                                style={{\r\n                                  color: \"red\",\r\n                                  fontSize: \"13px\",\r\n                                  // marginTop: \"-15px\",\r\n                                  // marginLeft: \"2%\",\r\n                                }}\r\n                                id=\"titleerr\"\r\n                              ></span>\r\n                              <center>\r\n                                {/* <button className=\"btn chatbtncolor\" type=\"submit\" value=\"Log in\" id=\"addRow\" style={{width:'65%'}} onClick={this.handleSubmitTitle}>\r\n       <i\r\n                    className=\"fa fa-users chatButtonTextColor\"\r\n                    aria-hidden=\"true\"\r\n                  ></i>  \r\n                  Get Start\r\n      </button> */}\r\n                                <span\r\n                                  className=\"GTbuttons\"\r\n                                  onClick={this.handleSubmitTitle}\r\n                                  id=\"color\"\r\n                                >\r\n                                  <b>Get Started</b>\r\n                                </span>\r\n                              </center>\r\n                            </form>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    )}\r\n\r\n                    {this.state.EditSkillModel ? (\r\n                      <GroupPop\r\n                        id=\"\"\r\n                        values={this.state.EditSkillValues}\r\n                        close={() => this.EditSkillModel()}\r\n                      />\r\n                    ) : null}\r\n                  \r\n                </div>\r\n              </div>\r\n             </div>\r\n          </div>\r\n          </div>\r\n              </div>\r\n             </div>\r\n          </div>\r\n        )}\r\n\r\n        {istitlepopOpen && (\r\n          <GroupTitlePopup\r\n            content={\r\n              <>\r\n                {/* <b>Group Title</b> */}\r\n                <br></br>\r\n                <center>\r\n                  <div>\r\n                    <a href=\"javascript:void(0);\" title=\"Add Profile\">\r\n                      <input\r\n                        type=\"file\"\r\n                        hidden\r\n                        ref={this.inputReference}\r\n                        onChange={this.fileUploadInputChange}\r\n                      />\r\n\r\n                      {this.state.fileUploadState == \"\" ? (\r\n                        <img\r\n                          onClick={this.fileUploadAction}\r\n                          id=\"profileImg\"\r\n                          style={{\r\n                            width: \"70px\",\r\n                            height: \"70px\",\r\n                            borderRadius: \"40px\",\r\n                            cursor: \"pointer\",\r\n                          }}\r\n                          src={DefaultProfile}\r\n                        ></img>\r\n                      ) : (\r\n                        <img\r\n                          onClick={this.fileUploadAction}\r\n                          style={{\r\n                            width: \"80px\",\r\n                            height: \"80px\",\r\n                            borderRadius: \"40px\",\r\n                            cursor: \"pointer\",\r\n                          }}\r\n                          src={this.state.EImage}\r\n                        ></img>\r\n                      )}\r\n                    </a>\r\n                  </div>\r\n                </center>\r\n                <br />\r\n                <div id=\"NameInput\">\r\n                  <input\r\n                    type=\"text\"\r\n                    className=\"GTinput\"\r\n                    name=\"name\"\r\n                    placeholder=\"Discussion Name\"\r\n                    id=\"Group-Title\"\r\n                  ></input>\r\n                  <span\r\n                    style={{ color: \"red\", fontSize: \"13px\" }}\r\n                    id=\"titleerr\"\r\n                  ></span>\r\n                </div>\r\n                <br />\r\n\r\n                <center>\r\n                  <div id=\"Group-Type\">\r\n                    <label>\r\n                      <input\r\n                        type=\"radio\"\r\n                        name=\"radioBtn\"\r\n                        onChange={this.privatebtn}\r\n                        style={{ accentColor: \"#4020bfde\" }}\r\n                        id=\"color\"\r\n                      />\r\n                      &nbsp; Private\r\n                    </label>\r\n                    &nbsp;&nbsp;&nbsp;\r\n                    <label>\r\n                      <input\r\n                        type=\"radio\"\r\n                        name=\"radioBtn\"\r\n                        onChange={this.publicbtn}\r\n                        style={{ accentColor: \"#4020bfde\" }}\r\n                        id=\"color1\"\r\n                      />\r\n                      &nbsp; Public\r\n                    </label>\r\n                  </div>\r\n\r\n                  {error && (\r\n                    <div style={{ color: \"red\", fontSize: \"13px\" }}>\r\n                      {error}\r\n                    </div>\r\n                  )}\r\n                  <br />\r\n                  <button className=\"GTsavebtn\" onClick={this.handleSubmitTitle}>\r\n                    Save\r\n                  </button>\r\n                </center>\r\n              </>\r\n            }\r\n            handleClose={this.toggleTitlePopup}\r\n          />\r\n        )}\r\n    \r\n     </div>\r\n    );\r\n  }\r\n}\r\nexport default Userchating;\r\n","import React, { Component } from \"react\";\r\nexport default class dummy extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {};\r\n  }\r\n  cipher = (salt) => {\r\n    const textToChars = (text) => text.split(\"\").map((c) => c.charCodeAt(0));\r\n    const byteHex = (n) => (\"0\" + Number(n).toString(16)).substr(-2);\r\n    const applySaltToChar = (code) =>\r\n      textToChars(salt).reduce((a, b) => a ^ b, code);\r\n\r\n    return (text) =>\r\n      text\r\n        .split(\"\")\r\n        .map(textToChars)\r\n        .map(applySaltToChar)\r\n        .map(byteHex)\r\n        .join(\"\");\r\n  };\r\n\r\n  decipher = (salt) => {\r\n    const textToChars = (text) => text.split(\"\").map((c) => c.charCodeAt(0));\r\n    const applySaltToChar = (code) =>\r\n      textToChars(salt).reduce((a, b) => a ^ b, code);\r\n    return (encoded) =>\r\n      encoded\r\n        .match(/.{1,2}/g)\r\n        .map((hex) => parseInt(hex, 16))\r\n        .map(applySaltToChar)\r\n        .map((charCode) => String.fromCharCode(charCode))\r\n        .join(\"\");\r\n  };\r\n\r\n  componentDidMount() {\r\n    // To create a cipher\r\n    //const myCipher = this.cipher('mySecretSalt')\r\n    //Then cipher any text:\r\n    //To decipher, you need to create a decipher and use it:\r\n    //const myDecipher = this.decipher('mySecretSalt')\r\n  }\r\n  render() {\r\n    return <div></div>;\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport LifeStyle from \"./Lifestyle\";\r\nimport { Category } from \"@material-ui/icons\";\r\n\r\nexport default class AddLifestylePop extends Component {\r\n\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            lifestyle: [],\r\n            formErrors: {},\r\n            ButtonDisabled: false,\r\n        }\r\n    }\r\n\r\n\r\n\r\n    GetLifestyle() {\r\n\r\n    const tableName = \"MasterLifeStyle\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n        const accessToken = user;\r\n        fetch(url, {\r\n            method: \"GET\",\r\n            headers: {\r\n                \"Content-type\": \"application/json\",\r\n                Accept: \"application/json\",\r\n                \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n                Authorization: \"Bearer \" + accessToken,\r\n            },\r\n            //body:JSON.stringify(data)\r\n        })\r\n            .then((response) => response.json())\r\n            .then((data) => {\r\n                this.setState({\r\n                    lifestyle: data,\r\n\r\n                });\r\n\r\n            });\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.GetLifestyle();\r\n    }\r\n    handleSubmit = async (e) => {\r\n        var Name = document.getElementById(\"LStyleName\").value;\r\n        var categoryA = document.getElementById(\"category\").value;\r\n        var OtherCategoryA = document.getElementById(\"ugtext\").value;\r\n\r\n        e.preventDefault();\r\n\r\n        if (this.Validation()) {\r\n            this.setState({\r\n                ButtonDisabled: true,\r\n            });\r\n            const data = new FormData();\r\n             data.append(\"Category\", categoryA);\r\n            data.append(\"LifeStyleName\", Name);\r\n            data.append(\"OtherCategory\", OtherCategoryA);\r\n\r\n            var role = JSON.parse(localStorage.Role);\r\n            const url = `${BASE_URLs}/SuperAdmin/AddLifeStyle`;\r\n            // role.toString() === \"Platform Admin\"\r\n            //   ? `${BASE_URLs}/SuperAdmin/SASkill`\r\n            //   : `${BASE_URLs}/Skill/AddSkillName`;\r\n\r\n            const options = {\r\n                method: \"POST\",\r\n                headers: {\r\n                    \"Access-Control-Allow-Origin\": \"*\",\r\n                    \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                    Accept: \"application/json\",\r\n                    Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n                },\r\n                body: data,\r\n            };\r\n            const response = await fetch(url, options);\r\n            const result = await response.json();\r\n\r\n            if (result.status === \"Success\") {\r\n                toast.success(result.message, {\r\n                    position: \"top-center\",\r\n                    autoClose: 3200,\r\n                    hideProgressBar: false,\r\n                    closeOnClick: true,\r\n                    pauseOnHover: true,\r\n                    draggable: true,\r\n                    progress: undefined,\r\n                });\r\n                this.setState({\r\n                    ButtonDisabled: false,\r\n                });\r\n                document.getElementById(\"Lifestylepop\").style.display = \"none\";\r\n                setTimeout(function () {\r\n                    if (document.getElementById(\"close\")) {\r\n                        document.getElementById(\"close\").click();\r\n                    }\r\n                }, 4000);\r\n            } else {\r\n                toast.error(result.message, {\r\n                    position: \"top-center\",\r\n                    autoClose: 3200,\r\n                    hideProgressBar: false,\r\n                    closeOnClick: true,\r\n                    pauseOnHover: true,\r\n                    draggable: true,\r\n                    progress: undefined,\r\n                });\r\n            }\r\n        }\r\n    };\r\n    handlechange = (e) => {\r\n        let formErrors = {};\r\n        let formIsValid = true;\r\n        var Name = document.getElementById(\"LStyleName\").value;\r\n        var CategoryName = document.getElementById(\"category\").value;\r\n        var OtherCategory = document.getElementById(\"ugtext\").value;\r\n        if (!Name) {\r\n            formIsValid = false;\r\n            formErrors[\"NameErr\"] = \"LifeStyleName  is required\";\r\n        }\r\n        else if (!CategoryName) {\r\n            formIsValid = false;\r\n            formErrors[\"category\"] = \"Category is required\";\r\n        }\r\n        else if (CategoryName === \"others\") {\r\n            if (!OtherCategory || OtherCategory.trim() == \"\") {\r\n                formIsValid = false;\r\n                formErrors[\"OtherCategoryerr\"] = \"Category is required\";\r\n            }\r\n        }\r\n  \r\n    \r\n        this.setState({ formErrors: formErrors });\r\n    \r\n        return formIsValid;\r\n      };\r\n\r\n    Validation() {\r\n        var Name = document.getElementById(\"LStyleName\").value;\r\n        var CategoryName = document.getElementById(\"category\").value;\r\n        var OtherCategory = document.getElementById(\"ugtext\").value;\r\n        let formErrors = {};\r\n        let formIsValid = true;\r\n        //Email\r\n        if (!Name) {\r\n            formIsValid = false;\r\n            formErrors[\"NameErr\"] = \"LifeStyleName  is required\";\r\n        }\r\n        if (!CategoryName) {\r\n            formIsValid = false;\r\n            formErrors[\"category\"] = \"Category is required\";\r\n        }\r\n        if (CategoryName === \"others\") {\r\n            if (!OtherCategory || OtherCategory.trim() == \"\") {\r\n              formIsValid = false;\r\n              formErrors[\"OtherCategoryerr\"] = \"Category is required\";\r\n            }\r\n          }\r\n\r\n        this.setState({ formErrors: formErrors });\r\n        return formIsValid;\r\n    }\r\n    AutoCaps(e) {\r\n        let value =\r\n            e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n        e.target.value = value;\r\n    }\r\n\r\n    Handlecategory() {\r\n        var value = document.getElementById(\"category\").value;\r\n    \r\n        if (value === \"others\") {\r\n          document.getElementById(\"ugtext\").value = \"\";\r\n          document.getElementById(\"ugtext\").type = \"text\";\r\n        } else {\r\n          document.getElementById(\"ugtext\").value = \"None\";\r\n          document.getElementById(\"ugtext\").type = \"hidden\";\r\n        }\r\n      }\r\n    render() {\r\n        var w = window.innerWidth;\r\n        const { NameErr, category,OtherCategoryerr } = this.state.formErrors;\r\n        const uniqueCategories = [...new Set(this.state.lifestyle.map(item => item.category))];\r\n        return (\r\n            <>\r\n\r\n                <ToastContainer\r\n                    position=\"top-center\"\r\n                    autoClose={1500}\r\n                    hideProgressBar={false}\r\n                    newestOnTop={false}\r\n                    closeOnClick\r\n                    rtl={false}\r\n                    pauseOnFocusLoss\r\n                    draggable\r\n                    pauseOnHover\r\n                />\r\n\r\n                <div className=\"pop\">\r\n                    <div\r\n                        className=\"popinnernormal\"\r\n                        style={{ padding: \"1%\" }}\r\n                        id=\"Lifestylepop\"\r\n                    >\r\n                        <button\r\n                            id=\"close\"\r\n                            style={{\r\n                                float: \"right\",\r\n                                backgroundColor: \"#a0a3a305\",\r\n                                color: \"#797070\",\r\n                                border: \"1px solid #a3a5a505\",\r\n                            }}\r\n                            onClick={this.props.close}\r\n                        >\r\n                            <CloseIcon />\r\n                        </button><br />\r\n                        <form autoComplete=\"off\" encType=\"multipart/form-data\"    onSubmit={this.handleSubmit}>\r\n\r\n                            <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                                <div className=\"col-sm-6\" style={{ zIndex: \"1000\", display: \"block\" }}>\r\n                                    <select\r\n                                        className=\"effect-16 selectleftalign\"\r\n                                        id=\"category\"\r\n                                        name=\"Category\"\r\n                                        onChange={this.handlechange}\r\n                                        onInputCapture={this.Handlecategory}\r\n                                        type=\"text\"\r\n                                        placeholder=\"Select\"\r\n                                    >\r\n                                        <option value=\"\"> Select</option>\r\n\r\n                                        {uniqueCategories.map((category) => (\r\n                                            <option\r\n\r\n                                                value={category}\r\n                                            >\r\n                                                {category}\r\n                                            </option>\r\n                                        ))}\r\n                                        <option value=\"others\">Others</option>\r\n\r\n                                    </select>\r\n\r\n                                    {!category ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n\r\n                                            Category\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {category}\r\n                                        </div>\r\n                                    )}{\" \"}\r\n                                    <input\r\n                    type=\"hidden\"\r\n                    className=\"form\"\r\n                    id=\"ugtext\"\r\n                    name=\"OtherCategory\"\r\n                    onChange={this.handlechange}\r\n                  />{\" \"}\r\n                  {OtherCategoryerr == null ? null : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {OtherCategoryerr}\r\n                    </div>\r\n                  )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-sm-6\">\r\n                                    <input\r\n                                        className=\"form\"\r\n                                        maxLength=\"50\"\r\n                                        id=\"LStyleName\"\r\n                                        onChange={(e) => {\r\n                                            this.AutoCaps(e);\r\n                                            this.handlechange();\r\n                                        }}\r\n                                        name=\"LifeStyleName\"\r\n                                        type=\"text\"\r\n\r\n                                    />\r\n\r\n                                    {!NameErr ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                                            LifeStyleName{\" \"}\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {NameErr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                            </div>\r\n\r\n                            {/* <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                               \r\n                                <div className=\"col-sm-6\">\r\n                                    <input\r\n                                        className=\"form\"\r\n                                        maxLength=\"50\"\r\n                                        id=\"LStyleName\"\r\n                                        onChange={(e) => {\r\n                                            this.AutoCaps(e);\r\n                                        }}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                    // onKeyPress={this.handleKeyPress}\r\n                                    // onKeyDown={this._handleKeyDown}\r\n                                    />\r\n                                    {!NameErr ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                                            Add LifeStyle{\" \"}\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {NameErr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-sm-6\">\r\n                                    <input\r\n                                        className=\"form\"\r\n                                        maxLength=\"50\"\r\n                                        id=\"LStyleName\"\r\n                                        onChange={(e) => {\r\n                                            this.AutoCaps(e);\r\n                                        }}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                    // onKeyPress={this.handleKeyPress}\r\n                                    // onKeyDown={this._handleKeyDown}\r\n                                    />\r\n                                    {!NameErr ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                                            Add LifeStyle{\" \"}\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {NameErr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                            </div> */}\r\n                            <div className=\"row\">\r\n                                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                                    <button\r\n                                        type=\"submit\"\r\n                                        disabled={this.state.ButtonDisabled}\r\n                                        onClick={this.handleSubmit}\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"86.36px\",\r\n                                            marginTop: \"-0.3%\",\r\n                                        }}\r\n                                    >\r\n                                        Save\r\n                                    </button>\r\n                                </div>\r\n                            </div>\r\n                            <br />\r\n                        </form>\r\n                    </div>\r\n                </div>\r\n            </>\r\n        )\r\n    }\r\n}","export default __webpack_public_path__ + \"static/media/LifeStyleExl.ead19377.xlsx\";","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport AddPop from \"../../Screen/SuperAdmin/AddLifestylePop\";\r\nimport Excel from \"../../Assets/Files/LifeStyleExl.xlsx\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { OutTable } from \"react-excel-renderer\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class LifeStyle extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      lifestyle: [],\r\n      Addlifestyle: [],\r\n      AddlifestyleModel: false,\r\n      Filterpop: false,\r\n      letters: [],\r\n      showExcel: false,\r\n\r\n    }\r\n  }\r\n\r\n\r\n  componentDidMount() {\r\n    this.GetLifestyle();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  AddlifestyleModel = () => {\r\n    this.setState((prevState) => ({\r\n      AddlifestyleModel: !prevState.AddlifestyleModel,\r\n    }));\r\n    this.GetLifestyle();\r\n  };\r\n\r\n\r\n  GetLifestyle() {\r\n    const tableName = \"MasterLifeStyle\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          lifestyle: data,\r\n          Addlifestyle: data,\r\n\r\n        });\r\n\r\n      });\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    const lifestyle = this.state.Addlifestyle.filter((item) =>\r\n      item.lifestyleName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ lifestyle });\r\n  };\r\n  handlelifestylefilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const lifestyle = this.state.Addlifestyle.filter((item) => {\r\n      return item.lifestyleName.toLowerCase().startsWith(letter.toLowerCase());\r\n    });\r\n    this.setState({ lifestyle, showResults: true });\r\n  };\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"LSsheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n    // Process Data (add a new row)\r\n    var ws = workbook.Sheets[\"Sheet1\"];\r\n    //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    // if (document.getElementById(\"selectall\")) {\r\n    //   document.getElementById(\"selectall\").checked = false;\r\n    // }\r\n    // if (document.getElementsByName(\"Id_delete\")) {\r\n    //   var checkboxes = document.getElementsByName(\"Id_delete\");\r\n    //   for (var i = 0; i < checkboxes.length; i++) {\r\n    //     checkboxes[i].checked = false;\r\n    //     document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n    //     document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n    //   }\r\n    // }\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\", { autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/SuperAdmin/LifeStyleExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetLifestyle();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) { }\r\n  };\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_Lssheet`;\r\n    const { lifestyle, Filterpop, showExcel } = this.state;\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.AddlifestyleModel ? (\r\n          <AddPop id=\"Success\" close={() => this.AddlifestyleModel()} />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <div className=\"glowBox\">\r\n                      <div>\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n                      <h4 className=\"title\" style={{ marginRight: \"50px\" }}>\r\n                        LifeStyle {\" \"}\r\n                      </h4>\r\n\r\n                    </div>\r\n                    <br />\r\n                    <div className=\"add-rowEduform\">\r\n                      <form\r\n                        autoComplete=\"on\"\r\n                        id=\"Eduform\"\r\n                        encType=\"multipart/form-data\"\r\n                        onSubmit={this.handleSubmit}\r\n                      >\r\n                        <div className=\"card-block\">\r\n                          <div className=\"row\">\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                onClick={() => this.AddlifestyleModel()}\r\n                                // onKeyPress={this.handleKeyPress}\r\n                                type=\"button\"\r\n                                style={{ width: \"150px\", background: \"white\" }}\r\n                                id=\"addRow\"\r\n                                className=\"btn dropdown_item-2\"\r\n                              >\r\n                                Add{\" \"}\r\n                              </button>\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                className=\"btn\"\r\n                                id=\"addBtn\"\r\n                                name=\"LifeStyle\"\r\n                              >\r\n                                Import From Excel\r\n                              </label>\r\n                              <input\r\n                                id=\"files\"\r\n                                type=\"file\"\r\n                                accept=\".xlsx\"\r\n                                style={{ display: \"none\" }}\r\n                                onChange={this.handleUpload}\r\n                                name=\"LifeStyle\"\r\n                              />\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                                onClick={() => this.exportXlsx(filename)}\r\n                              // onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n                            </div>\r\n\r\n                            <div\r\n                              className=\"col btnalign\"\r\n                            //   onKeyDown={this.handleKeyPress}\r\n                            >\r\n                              <a\r\n                                className=\"btn\"\r\n                                href={Excel}\r\n                                type=\"button\"\r\n                                style={{ color: \"#5035ce\" }}\r\n                              >\r\n                                <i\r\n                                  title=\"Download Template\"\r\n                                  className=\"icofont icofont-download\"\r\n                                ></i>{\" \"}\r\n                                Download\r\n                              </a>\r\n                            </div>\r\n\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                onKeyUp={this.onKeyUp}\r\n                                // onKeyPress={this.handleKeyPress}\r\n                                style={{ float: \"right\" }}\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    // Filterpop: true,\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <center>\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\" style={{marginTop:'30px'}}>\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n)}\r\n</center>\r\n\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n                            <div className=\"savebtndiv\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                id=\"\"\r\n                                type=\"submit\"\r\n                                style={{ width: \"150px\" }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <span\r\n                                className=\"btn\"\r\n                                id=\"add-row\"\r\n                                style={{ width: \"150px\" }}\r\n                                onClick={this.cancel}\r\n                              >\r\n                                Cancel\r\n                              </span>\r\n                            </div>\r\n                          )}\r\n                          {/* <OutTable\r\n                            data={this.state.rows}\r\n                            columns={this.state.cols}\r\n                            tableClassName=\"ExcelTable2007\"\r\n                            tableHeaderRowclassName=\"heading\"\r\n                          /> */}\r\n                        </div>\r\n                      </form>\r\n                    </div>\r\n                    <br />\r\n\r\n                    <div>\r\n                      <form\r\n                      // onSubmit={this.Multidelete}\r\n                      // onKeyPress={this.handleKeyPress}\r\n                      >\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          />\r\n                          &nbsp;&nbsp;\r\n                        </div>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"multitrash\"\r\n                          id=\"delete\"\r\n                          style={{ float: \"right\", visibility: \"hidden\" }}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-delete-alt\"\r\n                            style={{ color: \"darkgray\" }}\r\n                          ></i>\r\n                        </button>\r\n                        <span\r\n                          id=\"deletecount\"\r\n                          className=\"multitrash\"\r\n                          style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                        ></span>\r\n                        <div className=\"dt-responsive table-responsive\">\r\n                          <table\r\n                            id=\"LSsheet\"\r\n                            className=\"table nowrap\"\r\n                            style={{ display: \"none\" }}\r\n                          >\r\n                            <thead>\r\n                              <tr>\r\n                                <th> Category</th>\r\n                                <th>LifeStyle Name</th>\r\n                              </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                              {lifestyle.map((skill) => (\r\n                                <tr>\r\n                                  <td>{skill.category}</td>\r\n                                  <td>{skill.lifestyleName}</td>\r\n                                </tr>\r\n                              ))}\r\n                            </tbody>\r\n                          </table>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-1\"></div>\r\n                            <div className=\"col-lg-10 skillname\">\r\n\r\n                            </div>\r\n                            <div className=\"col-lg-1\"></div>\r\n                          </div>\r\n                          <br />\r\n                          <div className=\"row\" style={{ padding: \"15px\" }}>\r\n                            {lifestyle.map((skill) => (\r\n                              <div className=\"col-lg-3\">\r\n                                <p>{skill.lifestyleName}</p>\r\n                              </div>\r\n                            ))}\r\n                          </div>\r\n                          <center>\r\n                            {Filterpop === true && lifestyle.length === 0 ? (\r\n                              <div>No Record</div>\r\n                            ) : null}\r\n                          </center>\r\n\r\n                          <br />\r\n                        </div>\r\n                      </form>\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false });\r\n                          this.GetLifestyle();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.onKeyUp}\r\n                          onKeyPress={this.handleKeyPress}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map(\r\n                          (letter, index) => (\r\n                            <button\r\n                              className=\"filter\"\r\n                              key={index}\r\n                              onClick={(event) =>\r\n                                this.handlelifestylefilter(\r\n                                  letter,\r\n                                  event\r\n                                )\r\n                              }\r\n                            >\r\n                              {letter}\r\n                            </button>\r\n                          )\r\n                        )}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n      </>\r\n    )\r\n  }\r\n}","export default __webpack_public_path__ + \"static/media/PersonalityExl.7bf4a1d8.xlsx\";","import React, { Component } from \"react\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport LifeStyle from \"./Lifestyle\";\r\nimport { Category } from \"@material-ui/icons\";\r\n\r\nexport default class AddPersonality extends Component {\r\n\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            Personality: [],\r\n            formErrors: {},\r\n            ButtonDisabled: false,\r\n        }\r\n\r\n        this.handleSubmit = this.handleSubmit.bind(this);\r\n    }\r\n\r\n\r\n\r\n    GetPersonality() {\r\n\r\n    const tableName = \"MasterPersonality\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n        const accessToken = user;\r\n        fetch(url, {\r\n            method: \"GET\",\r\n            headers: {\r\n                \"Content-type\": \"application/json\",\r\n                Accept: \"application/json\",\r\n                \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n                Authorization: \"Bearer \" + accessToken,\r\n            },\r\n            //body:JSON.stringify(data)\r\n        })\r\n            .then((response) => response.json())\r\n            .then((data) => {\r\n                this.setState({\r\n                    Personality: data,\r\n\r\n                });\r\n\r\n                console.log('asaad', data)\r\n\r\n            });\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.GetPersonality();\r\n    }\r\n    handleSubmit = async (e) => {\r\n       \r\n        var Name = document.getElementById(\"LStyleName\").value;\r\n        var categoryA = document.getElementById(\"category\").value;\r\n        var OtherCategoryA = document.getElementById(\"ugtext\").value;\r\n        e.preventDefault();\r\n\r\n        if (this.Validation()) {\r\n            this.setState({\r\n                ButtonDisabled: true,\r\n            });\r\n\r\n            const data = new FormData();\r\n             data.append(\"Category\", categoryA);\r\n            data.append(\"PersonalityName\", Name);\r\n            data.append(\"OtherCategory\", OtherCategoryA);\r\n\r\n            var role = JSON.parse(localStorage.Role);\r\n            const url = `${BASE_URLs}/SuperAdmin/AddPersonality`;\r\n            // role.toString() === \"Platform Admin\"\r\n            //   ? `${BASE_URLs}/SuperAdmin/SASkill`\r\n            //   : `${BASE_URLs}/Skill/AddSkillName`;\r\n\r\n            const options = {\r\n                method: \"POST\",\r\n                headers: {\r\n                    \"Access-Control-Allow-Origin\": \"*\",\r\n                    \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                    Accept: \"application/json\",\r\n                    Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n                },\r\n                body: data,\r\n            };\r\n            const response = await fetch(url, options);\r\n            const result = await response.json();\r\n\r\n            if (result.status === \"Success\") {\r\n                toast.success(result.message, {\r\n                    position: \"top-center\",\r\n                    autoClose: 3200,\r\n                    hideProgressBar: false,\r\n                    closeOnClick: true,\r\n                    pauseOnHover: true,\r\n                    draggable: true,\r\n                    progress: undefined,\r\n                });\r\n                this.setState({\r\n                    ButtonDisabled: false,\r\n                });\r\n                document.getElementById(\"Lifestylepop\").style.display = \"none\";\r\n                setTimeout(function () {\r\n                    if (document.getElementById(\"close\")) {\r\n                        document.getElementById(\"close\").click();\r\n                    }\r\n                }, 4000);\r\n            } else {\r\n                toast.error(result.message, {\r\n                    position: \"top-center\",\r\n                    autoClose: 3200,\r\n                    hideProgressBar: false,\r\n                    closeOnClick: true,\r\n                    pauseOnHover: true,\r\n                    draggable: true,\r\n                    progress: undefined,\r\n                });\r\n            }\r\n        }\r\n    };\r\n\r\n    handlechange = (e) => {\r\n        let formErrors = {};\r\n        let formIsValid = true;\r\n        var Name = document.getElementById(\"LStyleName\").value;\r\n        var CategoryName = document.getElementById(\"category\").value;\r\n        var OtherCategory = document.getElementById(\"ugtext\").value;\r\n        if (!Name) {\r\n            formIsValid = false;\r\n            formErrors[\"NameErr\"] = \"PersonalityName  is required\";\r\n        }\r\n        else if (!CategoryName) {\r\n            formIsValid = false;\r\n            formErrors[\"category\"] = \"Category is required\";\r\n        }\r\n        else if (CategoryName === \"others\") {\r\n            if (!OtherCategory || OtherCategory.trim() == \"\") {\r\n                formIsValid = false;\r\n                formErrors[\"OtherCategoryerr\"] = \"Category is required\";\r\n            }\r\n        }\r\n  \r\n    \r\n        this.setState({ formErrors: formErrors });\r\n    \r\n        return formIsValid;\r\n      };\r\n\r\n    Validation() {\r\n        var Name = document.getElementById(\"LStyleName\").value;\r\n        var CategoryName = document.getElementById(\"category\").value;\r\n        var OtherCategory = document.getElementById(\"ugtext\").value;\r\n        let formErrors = {};\r\n        let formIsValid = true;\r\n        //Email\r\n        if (!Name) {\r\n            formIsValid = false;\r\n            formErrors[\"NameErr\"] = \"PersonalityName  is required\";\r\n        }\r\n        if (!CategoryName) {\r\n            formIsValid = false;\r\n            formErrors[\"category\"] = \"Category is required\";\r\n        }\r\n        if (CategoryName === \"others\") {\r\n            if (!OtherCategory || OtherCategory.trim() == \"\") {\r\n                formIsValid = false;\r\n                formErrors[\"OtherCategoryerr\"] = \"Category is required\";\r\n            }\r\n        }\r\n\r\n        this.setState({ formErrors: formErrors });\r\n        return formIsValid;\r\n    }\r\n    AutoCaps(e) {\r\n        let value =\r\n            e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n        e.target.value = value;\r\n    }\r\n\r\n    Handlecategory() {\r\n        var value = document.getElementById(\"category\").value;\r\n\r\n        if (value === \"others\") {\r\n            document.getElementById(\"ugtext\").value = \"\";\r\n            document.getElementById(\"ugtext\").type = \"text\";\r\n        } else {\r\n            document.getElementById(\"ugtext\").value = \"None\";\r\n            document.getElementById(\"ugtext\").type = \"hidden\";\r\n        }\r\n    }\r\n    render() {\r\n        var w = window.innerWidth;\r\n        const { NameErr, category, OtherCategoryerr } = this.state.formErrors;\r\n        const uniqueCategories = [...new Set(this.state.Personality.map(item => item.category))];\r\n        return (\r\n            <>\r\n\r\n                <ToastContainer\r\n                    position=\"top-center\"\r\n                    autoClose={1500}\r\n                    hideProgressBar={false}\r\n                    newestOnTop={false}\r\n                    closeOnClick\r\n                    rtl={false}\r\n                    pauseOnFocusLoss\r\n                    draggable\r\n                    pauseOnHover\r\n                />\r\n\r\n                <div className=\"pop\">\r\n                    <div\r\n                        className=\"popinnernormal\"\r\n                        style={{ padding: \"1%\" }}\r\n                        id=\"Lifestylepop\"\r\n                    >\r\n                        <button\r\n                            id=\"close\"\r\n                            style={{\r\n                                float: \"right\",\r\n                                backgroundColor: \"#a0a3a305\",\r\n                                color: \"#797070\",\r\n                                border: \"1px solid #a3a5a505\",\r\n                            }}\r\n                            onClick={this.props.close}\r\n                        >\r\n                            <CloseIcon />\r\n                        </button><br />\r\n                        <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n\r\n                            <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                                <div className=\"col-sm-6\" style={{ zIndex: \"1000\", display: \"block\" }}>\r\n                                    <select\r\n                                        className=\"effect-16 selectleftalign\"\r\n                                        id=\"category\"\r\n                                        name=\"Category\"\r\n                                        onInputCapture={this.Handlecategory}\r\n                                        onChange={this.handlechange}\r\n                                        type=\"text\"\r\n                                        placeholder=\"Select\"\r\n                                    >\r\n                                        <option value=\"\"> Select</option>\r\n\r\n                                        {uniqueCategories.map((category) => (\r\n                                            <option\r\n\r\n                                                value={category}\r\n                                            >\r\n                                                {category}\r\n                                            </option>\r\n                                        ))}\r\n                                        <option value=\"others\">Others</option>\r\n\r\n                                    </select>\r\n\r\n                                    {!category ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n\r\n                                            Category\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {category}\r\n                                        </div>\r\n                                    )}{\" \"}\r\n                                    <input\r\n                                        type=\"hidden\"\r\n                                        className=\"form\"\r\n                                        id=\"ugtext\"\r\n                                        name=\"OtherCategory\"\r\n                                        onChange={this.handlechange}\r\n                                    />{\" \"}\r\n                                    {OtherCategoryerr == null ? null : (\r\n                                        <div style={{ color: \"red\", float: \"left\" }}>\r\n                                            {OtherCategoryerr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-sm-6\">\r\n                                    <input\r\n                                        className=\"form\"\r\n                                        maxLength=\"50\"\r\n                                        id=\"LStyleName\"\r\n                                        onChange={(e) => {\r\n                                            this.AutoCaps(e);\r\n                                            this.handlechange();\r\n                                        }}\r\n                                        name=\"PersonalityName\"\r\n                                        type=\"text\"\r\n\r\n                                    />\r\n\r\n                                    {!NameErr ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                                            PersonalityName{\" \"}\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {NameErr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                            </div>\r\n\r\n                          \r\n                            <div className=\"row\">\r\n                                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                                    <button\r\n                                        type=\"submit\"\r\n                                        disabled={this.state.ButtonDisabled}\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"86.36px\",\r\n                                            marginTop: \"-0.3%\",\r\n                                        }}\r\n                                    >\r\n                                        Save\r\n                                    </button>\r\n                                </div>\r\n                            </div>\r\n                            <br />\r\n                        </form>\r\n                    </div>\r\n                </div>\r\n            </>\r\n        )\r\n    }\r\n}","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Excel from \"../../Assets/Files/PersonalityExl.xlsx\";\r\nimport AddPop from \"../../Screen/SuperAdmin/AddPersonalityPop\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class Personality extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Personality: [],\r\n      AddPersonality: [],\r\n      letters: [],\r\n      Filterpop: false,\r\n      FilterData: \"\",\r\n      AddPersonalityModel:false,\r\n      showExcel: false,\r\n\r\n    }\r\n  }\r\n\r\n\r\n  componentDidMount() {\r\n    this.GetPersonality();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n  GetPersonality() {\r\n    const tableName = \"MasterPersonality\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      // body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Personality: data,\r\n          AddPersonality: data,\r\n\r\n        });\r\n     \r\n      });\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    const Personality = this.state.AddPersonality.filter((item) =>\r\n      item.personalityName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Personality });\r\n  };\r\n\r\n  handlePersonalityfilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Personality = this.state.AddPersonality.filter((item) => {\r\n      return item.personalityName.toLowerCase().startsWith(letter.toLowerCase());\r\n    });\r\n    this.setState({ Personality, showResults: true, FilterData: Personality });\r\n  };\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"sheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n    // Process Data (add a new row)\r\n    var ws = workbook.Sheets[\"Sheet1\"];\r\n    //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  AddPersonalityModel = () => {\r\n    this.setState((prevState) => ({\r\n      AddPersonalityModel: !prevState.AddPersonalityModel,\r\n    }));\r\n    this.GetPersonality();\r\n  };\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/SuperAdmin/PersonalityExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetPersonality();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n  };\r\n\r\n  \r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_Personalitysheet`;\r\n    const { Personality, Filterpop, FilterData,showExcel} = this.state;\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.AddPersonalityModel ? (\r\n          <AddPop id=\"Success\" close={() => this.AddPersonalityModel()} />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <div className=\"glowBox\">\r\n                      <div>\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n                      <h4 className=\"title\" style={{ marginRight: \"50px\" }}>\r\n                        Personality {\" \"}\r\n                      </h4>\r\n\r\n                    </div>\r\n                    <br />\r\n                    <div className=\"add-rowEduform\">\r\n                      <form\r\n                        autoComplete=\"on\"\r\n                        id=\"Eduform\"\r\n                        encType=\"multipart/form-data\"\r\n                       onSubmit={this.handleSubmit}\r\n                      >\r\n                        <div className=\"card-block\">\r\n                          <div className=\"row\">\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                               onClick={() => this.AddPersonalityModel()}\r\n                                // onKeyPress={this.handleKeyPress}\r\n                                type=\"button\"\r\n                                style={{ width: \"150px\", background: \"white\" }}\r\n                                id=\"addRow\"\r\n                                className=\"btn dropdown_item-2\"\r\n                              >\r\n                                Add{\" \"}\r\n                              </button>\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                className=\"btn\"\r\n                                id=\"addBtn\"\r\n                                name=\"Personality\"\r\n                              >\r\n                                Import From Excel\r\n                              </label>\r\n                              <input\r\n                                id=\"files\"\r\n                                type=\"file\"\r\n                                accept=\".xlsx\"\r\n                                style={{ display: \"none\" }}\r\n                                 onChange={this.handleUpload}\r\n                                name=\"Personality\"\r\n                              />\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                               onClick={() => this.exportXlsx(filename)}\r\n                              // onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n                            </div>\r\n\r\n                            <div\r\n                              className=\"col btnalign\"\r\n                            //   onKeyDown={this.handleKeyPress}\r\n                            >\r\n                              <a\r\n                                className=\"btn\"\r\n                                 href={Excel}\r\n                                type=\"button\"\r\n                                style={{ color: \"#5035ce\" }}\r\n                              >\r\n                                <i\r\n                                  title=\"Download Template\"\r\n                                  className=\"icofont icofont-download\"\r\n                                ></i>{\" \"}\r\n                                Download\r\n                              </a>\r\n                            </div>\r\n\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                // onKeyUp={this.onKeyUp}\r\n                                // onKeyPress={this.handleKeyPress}\r\n                                style={{ float: \"right\" }}\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    // Filterpop: true,\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                          </div> \r\n                          \r\n                          <center>\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\" style={{marginTop:'30px'}}>\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n)}\r\n</center>\r\n\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n                            <div className=\"savebtndiv\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                id=\"\"\r\n                                type=\"submit\"\r\n                                style={{ width: \"150px\" }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <span\r\n                                className=\"btn\"\r\n                                id=\"add-row\"\r\n                                style={{ width: \"150px\" }}\r\n                                onClick={this.cancel}\r\n                              >\r\n                                Cancel\r\n                              </span>\r\n                            </div>\r\n                          )}\r\n                          </div>\r\n                      </form>\r\n                    </div>\r\n                    <br />\r\n\r\n                    <div>\r\n                      <form\r\n                      // onSubmit={this.Multidelete}\r\n                      // onKeyPress={this.handleKeyPress}\r\n                      >\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          />\r\n                          &nbsp;&nbsp;\r\n                        </div>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"multitrash\"\r\n                          id=\"delete\"\r\n                          style={{ float: \"right\", visibility: \"hidden\" }}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-delete-alt\"\r\n                            style={{ color: \"darkgray\" }}\r\n                          ></i>\r\n                        </button>\r\n                        <span\r\n                          id=\"deletecount\"\r\n                          className=\"multitrash\"\r\n                          style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                        ></span>\r\n                        <div className=\"dt-responsive table-responsive\">\r\n                          <table\r\n                            id=\"sheet\"\r\n                            className=\"table nowrap\"\r\n                            style={{ display: \"none\" }}\r\n                          >\r\n                            <thead>\r\n                              <tr>\r\n                              <th>Category</th>\r\n                                <th>Personality Name</th>\r\n                              </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                              {Personality.map((skill) => (\r\n                                <tr>\r\n                                <td>{skill.category}</td>\r\n                                  <td>{skill.personalityName}</td>\r\n                                </tr>\r\n                              ))}\r\n                            </tbody>\r\n                          </table>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-1\"></div>\r\n                            <div className=\"col-lg-10 skillname\">\r\n\r\n                            </div>\r\n                            <div className=\"col-lg-1\"></div>\r\n                          </div>\r\n                          <br />\r\n                          <div className=\"row\" style={{ padding: \"15px\" }}>\r\n                            {Personality.map((skill) => (\r\n                              <div className=\"col-lg-3\">\r\n                                <p>{skill.personalityName}</p>\r\n                              </div>\r\n                            ))}\r\n                          </div>\r\n                          <center>\r\n                            {Filterpop === true && FilterData.length === 0 && Personality.length === 0 ? (\r\n                              <div>No Record</div>\r\n                            ) : null}\r\n                          </center>\r\n\r\n                          <br />\r\n                        </div>\r\n                      </form>\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false });\r\n                          this.GetPersonality();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.onKeyUp}\r\n                          onKeyPress={this.handleKeyPress}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map(\r\n                          (letter, index) => (\r\n                            <button\r\n                              className=\"filter\"\r\n                              key={index}\r\n                              onClick={(event) =>\r\n                                this.handlePersonalityfilter(\r\n                                  letter,\r\n                                  event\r\n                                )\r\n                              }\r\n                            >\r\n                              {letter}\r\n                            </button>\r\n                          )\r\n                        )}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n      </>\r\n    )\r\n  }\r\n}","import React, { Component } from \"react\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport LifeStyle from \"./Lifestyle\";\r\nimport { Category } from \"@material-ui/icons\";\r\n\r\nexport default class AddIntrest extends Component {\r\n\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            lifestyle: [],\r\n            formErrors: {},\r\n            ButtonDisabled: false,\r\n        }\r\n    }\r\n\r\n\r\n\r\n    GetInterest() {\r\n\r\n    const tableName = \"MasterInterests\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n        const accessToken = user;\r\n        fetch(url, {\r\n            method: \"GET\",\r\n            headers: {\r\n                \"Content-type\": \"application/json\",\r\n                Accept: \"application/json\",\r\n                \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n                Authorization: \"Bearer \" + accessToken,\r\n            },\r\n            //body:JSON.stringify(data)\r\n        })\r\n            .then((response) => response.json())\r\n            .then((data) => {\r\n                this.setState({\r\n                    lifestyle: data,\r\n\r\n                });\r\n\r\n            });\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.GetInterest();\r\n    }\r\n    handleSubmit = async (e) => {\r\n        var Name = document.getElementById(\"LStyleName\").value;\r\n        var categoryA = document.getElementById(\"category\").value;\r\n        var OtherCategoryA = document.getElementById(\"ugtext\").value;\r\n        e.preventDefault();\r\n\r\n        if (this.Validation()) {\r\n            this.setState({\r\n                ButtonDisabled: true,\r\n            });\r\n            const data = new FormData();\r\n            data.append(\"Category\", categoryA);\r\n            data.append(\"IntrestName\", Name);\r\n            data.append(\"OtherCategory\", OtherCategoryA);\r\n\r\n            var role = JSON.parse(localStorage.Role);\r\n            const url = `${BASE_URLs}/SuperAdmin/AddIntrest`;\r\n            // role.toString() === \"Platform Admin\"\r\n            //   ? `${BASE_URLs}/SuperAdmin/SASkill`\r\n            //   : `${BASE_URLs}/Skill/AddSkillName`;\r\n\r\n            const options = {\r\n                method: \"POST\",\r\n                headers: {\r\n                    \"Access-Control-Allow-Origin\": \"*\",\r\n                    \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                    Accept: \"application/json\",\r\n                    Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n                },\r\n                body: data,\r\n            };\r\n            const response = await fetch(url, options);\r\n            const result = await response.json();\r\n\r\n            if (result.status === \"Success\") {\r\n                toast.success(result.message, {\r\n                    position: \"top-center\",\r\n                    autoClose: 3200,\r\n                    hideProgressBar: false,\r\n                    closeOnClick: true,\r\n                    pauseOnHover: true,\r\n                    draggable: true,\r\n                    progress: undefined,\r\n                });\r\n                this.setState({\r\n                    ButtonDisabled: false,\r\n                });\r\n                document.getElementById(\"Lifestylepop\").style.display = \"none\";\r\n                setTimeout(function () {\r\n                    if (document.getElementById(\"close\")) {\r\n                        document.getElementById(\"close\").click();\r\n                    }\r\n                }, 4000);\r\n            } else {\r\n                toast.error(result.message, {\r\n                    position: \"top-center\",\r\n                    autoClose: 3200,\r\n                    hideProgressBar: false,\r\n                    closeOnClick: true,\r\n                    pauseOnHover: true,\r\n                    draggable: true,\r\n                    progress: undefined,\r\n                });\r\n            }\r\n        }\r\n    };\r\n    handlechange = (e) => {\r\n        let formErrors = {};\r\n        let formIsValid = true;\r\n        var Name = document.getElementById(\"LStyleName\").value;\r\n        var CategoryName = document.getElementById(\"category\").value;\r\n        var OtherCategory = document.getElementById(\"ugtext\").value;\r\n        if (!Name) {\r\n            formIsValid = false;\r\n            formErrors[\"NameErr\"] = \"IntrestName  is required\";\r\n        }\r\n        else if (!CategoryName) {\r\n            formIsValid = false;\r\n            formErrors[\"category\"] = \"Category is required\";\r\n        }\r\n        else if (CategoryName === \"others\") {\r\n            if (!OtherCategory || OtherCategory.trim() == \"\") {\r\n                formIsValid = false;\r\n                formErrors[\"OtherCategoryerr\"] = \"Category is required\";\r\n            }\r\n        }\r\n\r\n\r\n        this.setState({ formErrors: formErrors });\r\n\r\n        return formIsValid;\r\n    };\r\n\r\n    Validation() {\r\n        var Name = document.getElementById(\"LStyleName\").value;\r\n        var CategoryName = document.getElementById(\"category\").value;\r\n        var OtherCategory = document.getElementById(\"ugtext\").value;\r\n        let formErrors = {};\r\n        let formIsValid = true;\r\n        //Email\r\n        if (!Name) {\r\n            formIsValid = false;\r\n            formErrors[\"NameErr\"] = \"IntrestName  is required\";\r\n        }\r\n        if (!CategoryName) {\r\n            formIsValid = false;\r\n            formErrors[\"category\"] = \"Category is required\";\r\n        }\r\n        if (CategoryName === \"others\") {\r\n            if (!OtherCategory || OtherCategory.trim() == \"\") {\r\n                formIsValid = false;\r\n                formErrors[\"OtherCategoryerr\"] = \"Category is required\";\r\n            }\r\n        }\r\n\r\n        this.setState({ formErrors: formErrors });\r\n        return formIsValid;\r\n    }\r\n    AutoCaps(e) {\r\n        let value =\r\n            e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n        e.target.value = value;\r\n    }\r\n\r\n    Handlecategory() {\r\n        var value = document.getElementById(\"category\").value;\r\n\r\n        if (value === \"others\") {\r\n            document.getElementById(\"ugtext\").value = \"\";\r\n            document.getElementById(\"ugtext\").type = \"text\";\r\n        } else {\r\n            document.getElementById(\"ugtext\").value = \"None\";\r\n            document.getElementById(\"ugtext\").type = \"hidden\";\r\n        }\r\n    }\r\n    render() {\r\n        var w = window.innerWidth;\r\n        const { NameErr, category, OtherCategoryerr } = this.state.formErrors;\r\n        const uniqueCategories = [...new Set(this.state.lifestyle.map(item => item.category))];\r\n        return (\r\n            <>\r\n\r\n                <ToastContainer\r\n                    position=\"top-center\"\r\n                    autoClose={1500}\r\n                    hideProgressBar={false}\r\n                    newestOnTop={false}\r\n                    closeOnClick\r\n                    rtl={false}\r\n                    pauseOnFocusLoss\r\n                    draggable\r\n                    pauseOnHover\r\n                />\r\n\r\n                <div className=\"pop\">\r\n                    <div\r\n                        className=\"popinnernormal\"\r\n                        style={{ padding: \"1%\" }}\r\n                        id=\"Lifestylepop\"\r\n                    >\r\n                        <button\r\n                            id=\"close\"\r\n                            style={{\r\n                                float: \"right\",\r\n                                backgroundColor: \"#a0a3a305\",\r\n                                color: \"#797070\",\r\n                                border: \"1px solid #a3a5a505\",\r\n                            }}\r\n                            onClick={this.props.close}\r\n                        >\r\n                            <CloseIcon />\r\n                        </button><br />\r\n                        <form autoComplete=\"off\" encType=\"multipart/form-data\" onSubmit={this.handleSubmit}>\r\n\r\n                            <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                                <div className=\"col-sm-6\" style={{ zIndex: \"1000\", display: \"block\" }}>\r\n                                    <select\r\n                                        className=\"effect-16 selectleftalign\"\r\n                                        id=\"category\"\r\n                                        name=\"Category\"\r\n                                        onChange={this.handlechange}\r\n                                        onInputCapture={this.Handlecategory}\r\n                                        type=\"text\"\r\n                                        placeholder=\"Select\"\r\n                                    >\r\n                                        <option value=\"\"> Select</option>\r\n\r\n                                        {uniqueCategories.map((category) => (\r\n                                            <option\r\n\r\n                                                value={category}\r\n                                            >\r\n                                                {category}\r\n                                            </option>\r\n                                        ))}\r\n                                        <option value=\"others\">Others</option>\r\n\r\n                                    </select>\r\n\r\n                                    {!category ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n\r\n                                            Category\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {category}\r\n                                        </div>\r\n                                    )}{\" \"}\r\n                                    <input\r\n                                        type=\"hidden\"\r\n                                        className=\"form\"\r\n                                        id=\"ugtext\"\r\n                                        name=\"OtherCategory\"\r\n                                        onChange={this.handlechange}\r\n                                    />{\" \"}\r\n                                    {OtherCategoryerr == null ? null : (\r\n                                        <div style={{ color: \"red\", float: \"left\" }}>\r\n                                            {OtherCategoryerr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-sm-6\">\r\n                                    <input\r\n                                        className=\"form\"\r\n                                        maxLength=\"50\"\r\n                                        id=\"LStyleName\"\r\n                                        onChange={(e) => {\r\n                                            this.AutoCaps(e);\r\n                                            this.handlechange();\r\n                                        }}\r\n                                        name=\"IntrestName\"\r\n                                        type=\"text\"\r\n\r\n                                    />\r\n\r\n                                    {!NameErr ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                                            IntrestName{\" \"}\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {NameErr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                            </div>\r\n\r\n                            {/* <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                               \r\n                                <div className=\"col-sm-6\">\r\n                                    <input\r\n                                        className=\"form\"\r\n                                        maxLength=\"50\"\r\n                                        id=\"LStyleName\"\r\n                                        onChange={(e) => {\r\n                                            this.AutoCaps(e);\r\n                                        }}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                    // onKeyPress={this.handleKeyPress}\r\n                                    // onKeyDown={this._handleKeyDown}\r\n                                    />\r\n                                    {!NameErr ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                                            Add LifeStyle{\" \"}\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {NameErr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-sm-6\">\r\n                                    <input\r\n                                        className=\"form\"\r\n                                        maxLength=\"50\"\r\n                                        id=\"LStyleName\"\r\n                                        onChange={(e) => {\r\n                                            this.AutoCaps(e);\r\n                                        }}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                    // onKeyPress={this.handleKeyPress}\r\n                                    // onKeyDown={this._handleKeyDown}\r\n                                    />\r\n                                    {!NameErr ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                                            Add LifeStyle{\" \"}\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {NameErr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                            </div> */}\r\n                            <div className=\"row\">\r\n                                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                                    <button\r\n                                        type=\"submit\"\r\n                                        disabled={this.state.ButtonDisabled}\r\n                                        onClick={this.handleSubmit}\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"86.36px\",\r\n                                            marginTop: \"-0.3%\",\r\n                                        }}\r\n                                    >\r\n                                        Save\r\n                                    </button>\r\n                                </div>\r\n                            </div>\r\n                            <br />\r\n                        </form>\r\n                    </div>\r\n                </div>\r\n            </>\r\n        )\r\n    }\r\n}","export default __webpack_public_path__ + \"static/media/IntrestExl.87c99e86.xlsx\";","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport AddPop from \"../../Screen/SuperAdmin/AddIntrestPop\";\r\nimport Excel from \"../../Assets/Files/IntrestExl.xlsx\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nvar XLSX = require(\"xlsx\");\r\n\r\nexport default class Intrested extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            Intrest: [],\r\n            AddIntrest: [],\r\n            letters: [],\r\n            Filterpop: false,\r\n            FilterData: \"\",\r\n            AddIntrestModel:false,\r\n            showExcel: false,\r\n\r\n        }\r\n    }\r\n\r\n\r\n    componentDidMount() {\r\n        this.GetIntrest();\r\n        const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n      }\r\n\r\n    GetIntrest() {\r\n      const tableName = \"MasterInterests\"; // Replace with the actual table name needed\r\n      const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n        const accessToken = user;\r\n        fetch(url, {\r\n          method: \"GET\",\r\n          headers: {\r\n            \"Content-type\": \"application/json\",\r\n            Accept: \"application/json\",\r\n            \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n            Authorization: \"Bearer \" + accessToken,\r\n          },\r\n          //body:JSON.stringify(data)\r\n        })\r\n          .then((response) => response.json())\r\n          .then((data) => {\r\n            this.setState({\r\n                Intrest: data,\r\n                AddIntrest: data,\r\n            \r\n            });\r\n       \r\n          });\r\n      }\r\n\r\n      onKeyUp = (e) => {\r\n        const Intrest = this.state.AddIntrest.filter((item) =>\r\n          item.interestName.toLowerCase().includes(e.target.value.toLowerCase())\r\n        );\r\n        this.setState({ Intrest });\r\n      };\r\n      AddIntrestModel = () => {\r\n        this.setState((prevState) => ({\r\n          AddIntrestModel: !prevState.AddIntrestModel,\r\n        }));\r\n        this.GetIntrest();\r\n      };\r\n      handleIntrestfilter = (letter, event) => {\r\n        event.preventDefault();\r\n        const Intrest = this.state.AddIntrest.filter((item) => {\r\n          return item.interestName.toLowerCase().startsWith(letter.toLowerCase());\r\n        });\r\n        this.setState({ Intrest, showResults: true, FilterData: Intrest });\r\n      };\r\n\r\n      exportXlsx(filename) {\r\n        // Acquire Data (reference to the HTML table)\r\n        var table_elt = document.getElementById(\"sheet\");\r\n        // Extract Data (create a workbook object from the table)\r\n        var workbook = XLSX.utils.table_to_book(table_elt);\r\n        workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n        // Process Data (add a new row)\r\n        var ws = workbook.Sheets[\"Sheet1\"];\r\n        //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n        // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n        XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n      }\r\n\r\n      handleUpload = (event) => {\r\n        this.setState({ showExcel: true });\r\n    \r\n        // if (document.getElementById(\"selectall\")) {\r\n        //   document.getElementById(\"selectall\").checked = false;\r\n        // }\r\n        // if (document.getElementsByName(\"Id_delete\")) {\r\n        //   var checkboxes = document.getElementsByName(\"Id_delete\");\r\n        //   for (var i = 0; i < checkboxes.length; i++) {\r\n        //     checkboxes[i].checked = false;\r\n        //     document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        //     document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        //   }\r\n        // }\r\n    \r\n        var inputElement = document.getElementById(\"files\");\r\n        var files = inputElement.files;\r\n        var filename = files[0].name;\r\n        var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n        var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n        var isAllowed = allowedExtensionsRegx.test(extension);\r\n    \r\n        // Check if the file is allowed\r\n        if (isAllowed) {\r\n          // Read the file using FileReader\r\n          const reader = new FileReader();\r\n          reader.onload = (e) => {\r\n            const data = e.target.result;\r\n            const workbook = XLSX.read(data, { type: 'binary' });\r\n            const sheetName = workbook.SheetNames[0];\r\n            const sheet = workbook.Sheets[sheetName];\r\n            const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n    \r\n            // Check if the parsed data is empty\r\n            if (parsedData.length === 0) {\r\n              toast.error(\"The uploaded Excel file is empty.\", { autoClose: 3200 });\r\n              this.setState({ initialData: [], showExcel: false });\r\n            } else {\r\n              this.setState({ initialData: parsedData });\r\n            }\r\n          };\r\n          reader.onerror = (error) => {\r\n            console.error(\"Error reading file:\", error);\r\n          };\r\n          reader.readAsBinaryString(files[0]);\r\n    \r\n          return true; // Indicate successful file upload\r\n        } else {\r\n          alert(\"Invalid File Type.\");\r\n          return false; // Indicate failed file upload\r\n        }\r\n      };\r\n      cancel = () => {\r\n    \r\n        var inputElement = document.getElementById(\"files\");\r\n        inputElement.value = \"\";\r\n    \r\n        this.setState({ showExcel: false });\r\n    \r\n      };\r\n    \r\n      handleSubmit = (event) => {\r\n        event.preventDefault();\r\n        try {\r\n          const data = new FormData(event.target);\r\n          fetch(`${BASE_URLs}/SuperAdmin/IntrestExcel`, {\r\n            method: \"POST\",\r\n            headers: {\r\n              \"Access-Control-Allow-Origin\": \"*\",\r\n              Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n            body: data,\r\n          })\r\n            .then((res) => res.json())\r\n            .then((resp) => {\r\n              if (resp === undefined) {\r\n                alert(\"0  Records  inserted \");\r\n              }\r\n              if (resp === 0) {\r\n                alert(\"Records added Successfully\");\r\n              } else {\r\n                alert(+resp + \" Records not inserted \");\r\n              }\r\n              this.GetIntrest();\r\n              this.setState({ initialData: undefined });\r\n            });\r\n          var file = document.getElementById(\"files\");\r\n          var emptyFile = document.createElement(\"input\");\r\n          emptyFile.type = \"file\";\r\n          file.files = emptyFile.files;\r\n        } catch (error) { }\r\n      };\r\n    render(){\r\n      var username = JSON.parse(localStorage.uname);\r\n      var filename = `O_${username}_Intrestsheet`;\r\n        const { Intrest,Filterpop, FilterData, showExcel} = this.state;\r\n        return(\r\n<>\r\n<SideBar active={window.location.pathname} />\r\n\r\n{this.state.AddIntrestModel ? (\r\n          <AddPop id=\"Success\" close={() => this.AddIntrestModel()} />\r\n        ) : null}\r\n<div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <div className=\"glowBox\">\r\n                      <div>\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n                      <h4 className=\"title\" style={{ marginRight: \"50px\" }}>\r\n                        Intrest {\" \"}\r\n                      </h4>\r\n                     \r\n                    </div>\r\n                    <br />\r\n                    <div className=\"add-rowEduform\">\r\n                    <form\r\n                        autoComplete=\"on\"\r\n                        id=\"Eduform\"\r\n                        encType=\"multipart/form-data\"\r\n                       onSubmit={this.handleSubmit}\r\n                      >\r\n                        <div className=\"card-block\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col btnalign\">\r\n                            <button\r\n                              onClick={() => this.AddIntrestModel()}\r\n                                // onKeyPress={this.handleKeyPress}\r\n                                type=\"button\"\r\n                                style={{ width: \"150px\", background: \"white\" }}\r\n                                id=\"addRow\"\r\n                                className=\"btn dropdown_item-2\"\r\n                              >\r\n                                Add{\" \"}\r\n                              </button>\r\n                        </div>\r\n                        <div className=\"col btnalign\">\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                className=\"btn\"\r\n                                id=\"addBtn\"\r\n                                name=\"Intrest\"\r\n                              >\r\n                                Import From Excel\r\n                              </label>\r\n                              <input\r\n                                id=\"files\"\r\n                                type=\"file\"\r\n                                accept=\".xlsx\"\r\n                                style={{ display: \"none\" }}\r\n                                 onChange={this.handleUpload}\r\n                                name=\"Intrest\"\r\n                              />\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                               onClick={() => this.exportXlsx(filename)}\r\n                                // onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n                            </div>\r\n\r\n                            <div\r\n                              className=\"col btnalign\"\r\n                            //   onKeyDown={this.handleKeyPress}\r\n                            >\r\n                              <a\r\n                                className=\"btn\"\r\n                                 href={Excel}\r\n                                type=\"button\"\r\n                                style={{ color: \"#5035ce\" }}\r\n                              >\r\n                                <i\r\n                                  title=\"Download Template\"\r\n                                  className=\"icofont icofont-download\"\r\n                                ></i>{\" \"}\r\n                                Download\r\n                              </a>\r\n                            </div>\r\n\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                // onKeyUp={this.onKeyUp}\r\n                                // onKeyPress={this.handleKeyPress}\r\n                                style={{ float: \"right\" }}\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    // Filterpop: true,\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                         </div> \r\n                         <center>\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\" style={{marginTop:'30px'}}>\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n)}\r\n</center>\r\n\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n                            <div className=\"savebtndiv\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                id=\"\"\r\n                                type=\"submit\"\r\n                                style={{ width: \"150px\" }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <span\r\n                                className=\"btn\"\r\n                                id=\"add-row\"\r\n                                style={{ width: \"150px\" }}\r\n                                onClick={this.cancel}\r\n                              >\r\n                                Cancel\r\n                              </span>\r\n                            </div>\r\n                          )}\r\n                         </div>\r\n                      </form>\r\n                    </div>\r\n                    <br />\r\n\r\n                    <div>\r\n                      <form\r\n                        // onSubmit={this.Multidelete}\r\n                        // onKeyPress={this.handleKeyPress}\r\n                      >\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          />\r\n                          &nbsp;&nbsp;\r\n                        </div>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"multitrash\"\r\n                          id=\"delete\"\r\n                          style={{ float: \"right\", visibility: \"hidden\" }}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-delete-alt\"\r\n                            style={{ color: \"darkgray\" }}\r\n                          ></i>\r\n                        </button>\r\n                        <span\r\n                          id=\"deletecount\"\r\n                          className=\"multitrash\"\r\n                          style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                        ></span>\r\n                        <div className=\"dt-responsive table-responsive\">\r\n                          <table\r\n                            id=\"sheet\"\r\n                            className=\"table nowrap\"\r\n                            style={{ display: \"none\" }}\r\n                          >\r\n                            <thead>\r\n                              <tr>\r\n                              <th> Category</th>\r\n                                <th>Intrest Name</th>\r\n                              </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                              {Intrest.map((skill) => (\r\n                                <tr>\r\n                                <td>{skill.category}</td>\r\n                                  <td>{skill.interestName}</td>\r\n                                </tr>\r\n                              ))}\r\n                            </tbody>\r\n                          </table>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-1\"></div>\r\n                            <div className=\"col-lg-10 skillname\">\r\n                          \r\n                            </div>\r\n                            <div className=\"col-lg-1\"></div>\r\n                          </div>\r\n                          <br />\r\n                          <div className=\"row\" style={{ padding: \"15px\" }}>\r\n                            {Intrest.map((skill) => (\r\n                              <div className=\"col-lg-3\">\r\n                                <p>{skill.interestName}</p>\r\n                              </div>\r\n                            ))}\r\n                          </div>\r\n                          <center>\r\n                          {Filterpop === true && FilterData.length === 0 && Intrest.length === 0 ? (\r\n                                       <div>No Record</div>\r\n                                    ) : null}\r\n                                    </center>\r\n\r\n                          <br />\r\n                        </div>\r\n                      </form>\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                    </div>\r\n                    </div>\r\n                    </div>\r\n                    </div>\r\n\r\n                    {Filterpop && (\r\n                              <div className=\"popSearchTeam\">\r\n                                <div className=\"popSearchinnernormalTeam\">\r\n                                  <div\r\n                                    className=\"popSearchinnertitle\"\r\n                                    id=\"popSearchinnernormal\"\r\n                                  >\r\n                                    <button\r\n                                      id=\"close\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        backgroundColor: \"#a0a3a305\",\r\n                                        color: \"#797070\",\r\n                                        border: \"1px solid #a3a5a505\",\r\n                                        marginTop: \"-20px\",\r\n                                        marginRight: \"-20px\",\r\n                                      }}\r\n                                      onClick={() => {\r\n                                        this.setState({ Filterpop: false });\r\n                                        this.GetIntrest();\r\n                                      }}\r\n                                    >\r\n                                      <CloseIcon />\r\n                                    </button>\r\n\r\n                                    <div className=\"checkboxes\">\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          fontSize: \"20px\",\r\n                                          color: \"gray\",\r\n                                          marginLeft: \"-1%\",\r\n                                          position: \"absolute\",\r\n                                          marginTop: \"0.5%\",\r\n                                        }}\r\n                                      ></i>\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onKeyUp={this.onKeyUp}\r\n                                        onKeyPress={this.handleKeyPress}\r\n                                        style={{ float: \"right\", width: \"80%\" }}\r\n                                      />\r\n                                      <br></br>\r\n                                      {this.state.letters.map(\r\n                                        (letter, index) => (\r\n                                          <button\r\n                                            className=\"filter\"\r\n                                            key={index}\r\n                                            onClick={(event) =>\r\n                                              this.handleIntrestfilter(\r\n                                                letter,\r\n                                                event\r\n                                              )\r\n                                            }\r\n                                          >\r\n                                            {letter}\r\n                                          </button>\r\n                                        )\r\n                                      )}\r\n                                      <br></br>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n                    </div>\r\n                    </div>\r\n                    </div>\r\n\r\n</>\r\n        )\r\n    }\r\n}","import React, { Component } from \"react\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport LifeStyle from \"./Lifestyle\";\r\nimport { Category } from \"@material-ui/icons\";\r\n\r\nexport default class AddActivity extends Component {\r\n\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            Activity: [],\r\n            formErrors: {},\r\n            ButtonDisabled: false,\r\n        }\r\n    }\r\n\r\n\r\n\r\n    GetActivity() {\r\n\r\n    const tableName = \"MasterActivities\"; // Replace with the actual table name needed\r\n    const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n        const accessToken = user;\r\n        fetch(url, {\r\n            method: \"GET\",\r\n            headers: {\r\n                \"Content-type\": \"application/json\",\r\n                Accept: \"application/json\",\r\n                \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n                Authorization: \"Bearer \" + accessToken,\r\n            },\r\n            //body:JSON.stringify(data)\r\n        })\r\n            .then((response) => response.json())\r\n            .then((data) => {\r\n                this.setState({\r\n                    Activity: data,\r\n\r\n                });\r\n\r\n            });\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.GetActivity();\r\n    }\r\n    handleSubmit = async (e) => {\r\n        var Name = document.getElementById(\"LStyleName\").value;\r\n        var categoryA = document.getElementById(\"category\").value;\r\n        var OtherCategoryA = document.getElementById(\"ugtext\").value;\r\n        e.preventDefault();\r\n\r\n        if (this.Validation()) {\r\n            this.setState({\r\n                ButtonDisabled: true,\r\n            });\r\n            const data = new FormData();\r\n            data.append(\"Category\", categoryA);\r\n            data.append(\"ActivityName\", Name);\r\n            data.append(\"OtherCategory\", OtherCategoryA);\r\n\r\n            var role = JSON.parse(localStorage.Role);\r\n            const url = `${BASE_URLs}/SuperAdmin/AddActivity`;\r\n            // role.toString() === \"Platform Admin\"\r\n            //   ? `${BASE_URLs}/SuperAdmin/SASkill`\r\n            //   : `${BASE_URLs}/Skill/AddSkillName`;\r\n\r\n            const options = {\r\n                method: \"POST\",\r\n                headers: {\r\n                    \"Access-Control-Allow-Origin\": \"*\",\r\n                    \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                    Accept: \"application/json\",\r\n                    Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n                },\r\n                body: data,\r\n            };\r\n            const response = await fetch(url, options);\r\n            const result = await response.json();\r\n\r\n            if (result.status === \"Success\") {\r\n                toast.success(result.message, {\r\n                    position: \"top-center\",\r\n                    autoClose: 3200,\r\n                    hideProgressBar: false,\r\n                    closeOnClick: true,\r\n                    pauseOnHover: true,\r\n                    draggable: true,\r\n                    progress: undefined,\r\n                });\r\n                this.setState({\r\n                    ButtonDisabled: false,\r\n                });\r\n                document.getElementById(\"Lifestylepop\").style.display = \"none\";\r\n                setTimeout(function () {\r\n                    if (document.getElementById(\"close\")) {\r\n                        document.getElementById(\"close\").click();\r\n                    }\r\n                }, 4000);\r\n            } else {\r\n                toast.error(result.message, {\r\n                    position: \"top-center\",\r\n                    autoClose: 3200,\r\n                    hideProgressBar: false,\r\n                    closeOnClick: true,\r\n                    pauseOnHover: true,\r\n                    draggable: true,\r\n                    progress: undefined,\r\n                });\r\n            }\r\n        }\r\n    };\r\n    handlechange = (e) => {\r\n        let formErrors = {};\r\n        let formIsValid = true;\r\n        var Name = document.getElementById(\"LStyleName\").value;\r\n        var CategoryName = document.getElementById(\"category\").value;\r\n        var OtherCategory = document.getElementById(\"ugtext\").value;\r\n        if (!Name) {\r\n            formIsValid = false;\r\n            formErrors[\"NameErr\"] = \"ActivityName  is required\";\r\n        }\r\n        else if (!CategoryName) {\r\n            formIsValid = false;\r\n            formErrors[\"category\"] = \"Category is required\";\r\n        }\r\n        else if (CategoryName === \"others\") {\r\n            if (!OtherCategory || OtherCategory.trim() == \"\") {\r\n                formIsValid = false;\r\n                formErrors[\"OtherCategoryerr\"] = \"Category is required\";\r\n            }\r\n        }\r\n\r\n\r\n        this.setState({ formErrors: formErrors });\r\n\r\n        return formIsValid;\r\n    };\r\n\r\n    Validation() {\r\n        var Name = document.getElementById(\"LStyleName\").value;\r\n        var CategoryName = document.getElementById(\"category\").value;\r\n        var OtherCategory = document.getElementById(\"ugtext\").value;\r\n        let formErrors = {};\r\n        let formIsValid = true;\r\n        //Email\r\n        if (!Name) {\r\n            formIsValid = false;\r\n            formErrors[\"NameErr\"] = \"ActivityName  is required\";\r\n        }\r\n        if (!CategoryName) {\r\n            formIsValid = false;\r\n            formErrors[\"category\"] = \"Category is required\";\r\n        }\r\n        if (CategoryName === \"others\") {\r\n            if (!OtherCategory || OtherCategory.trim() == \"\") {\r\n                formIsValid = false;\r\n                formErrors[\"OtherCategoryerr\"] = \"Category is required\";\r\n            }\r\n        }\r\n\r\n        this.setState({ formErrors: formErrors });\r\n        return formIsValid;\r\n    }\r\n    AutoCaps(e) {\r\n        let value =\r\n            e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n        e.target.value = value;\r\n    }\r\n\r\n    Handlecategory() {\r\n        var value = document.getElementById(\"category\").value;\r\n\r\n        if (value === \"others\") {\r\n            document.getElementById(\"ugtext\").value = \"\";\r\n            document.getElementById(\"ugtext\").type = \"text\";\r\n        } else {\r\n            document.getElementById(\"ugtext\").value = \"None\";\r\n            document.getElementById(\"ugtext\").type = \"hidden\";\r\n        }\r\n    }\r\n    render() {\r\n        var w = window.innerWidth;\r\n        const { NameErr, category, OtherCategoryerr } = this.state.formErrors;\r\n        const uniqueCategories = [...new Set(this.state.Activity.map(item => item.category))];\r\n        return (\r\n            <>\r\n\r\n                <ToastContainer\r\n                    position=\"top-center\"\r\n                    autoClose={1500}\r\n                    hideProgressBar={false}\r\n                    newestOnTop={false}\r\n                    closeOnClick\r\n                    rtl={false}\r\n                    pauseOnFocusLoss\r\n                    draggable\r\n                    pauseOnHover\r\n                />\r\n\r\n                <div className=\"pop\">\r\n                    <div\r\n                        className=\"popinnernormal\"\r\n                        style={{ padding: \"1%\" }}\r\n                        id=\"Lifestylepop\"\r\n                    >\r\n                        <button\r\n                            id=\"close\"\r\n                            style={{\r\n                                float: \"right\",\r\n                                backgroundColor: \"#a0a3a305\",\r\n                                color: \"#797070\",\r\n                                border: \"1px solid #a3a5a505\",\r\n                            }}\r\n                            onClick={this.props.close}\r\n                        >\r\n                            <CloseIcon />\r\n                        </button><br />\r\n                        <form autoComplete=\"off\" encType=\"multipart/form-data\" onSubmit={this.handleSubmit}>\r\n\r\n                            <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                                <div className=\"col-sm-6\" style={{ zIndex: \"1000\", display: \"block\" }}>\r\n                                    <select\r\n                                        className=\"effect-16 selectleftalign\"\r\n                                        id=\"category\"\r\n                                        name=\"Category\"\r\n                                        onChange={this.handlechange}\r\n                                        onInputCapture={this.Handlecategory}\r\n                                        type=\"text\"\r\n                                        placeholder=\"Select\"\r\n                                    >\r\n                                        <option value=\"\"> Select</option>\r\n\r\n                                        {uniqueCategories.map((category) => (\r\n                                            <option\r\n\r\n                                                value={category}\r\n                                            >\r\n                                                {category}\r\n                                            </option>\r\n                                        ))}\r\n                                        <option value=\"others\">Others</option>\r\n\r\n                                    </select>\r\n\r\n                                    {!category ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n\r\n                                            Category\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {category}\r\n                                        </div>\r\n                                    )}{\" \"}\r\n                                    <input\r\n                                        type=\"hidden\"\r\n                                        className=\"form\"\r\n                                        id=\"ugtext\"\r\n                                        name=\"OtherCategory\"\r\n                                        onChange={this.handlechange}\r\n                                    />{\" \"}\r\n                                    {OtherCategoryerr == null ? null : (\r\n                                        <div style={{ color: \"red\", float: \"left\" }}>\r\n                                            {OtherCategoryerr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-sm-6\">\r\n                                    <input\r\n                                        className=\"form\"\r\n                                        maxLength=\"50\"\r\n                                        id=\"LStyleName\"\r\n                                        onChange={(e) => {\r\n                                            this.AutoCaps(e);\r\n                                            this.handlechange();\r\n                                        }}\r\n                                        name=\"ActivityName\"\r\n                                        type=\"text\"\r\n\r\n                                    />\r\n\r\n                                    {!NameErr ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                                            ActivityName{\" \"}\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {NameErr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                            </div>\r\n\r\n                            {/* <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                               \r\n                                <div className=\"col-sm-6\">\r\n                                    <input\r\n                                        className=\"form\"\r\n                                        maxLength=\"50\"\r\n                                        id=\"LStyleName\"\r\n                                        onChange={(e) => {\r\n                                            this.AutoCaps(e);\r\n                                        }}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                    // onKeyPress={this.handleKeyPress}\r\n                                    // onKeyDown={this._handleKeyDown}\r\n                                    />\r\n                                    {!NameErr ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                                            Add LifeStyle{\" \"}\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {NameErr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-sm-6\">\r\n                                    <input\r\n                                        className=\"form\"\r\n                                        maxLength=\"50\"\r\n                                        id=\"LStyleName\"\r\n                                        onChange={(e) => {\r\n                                            this.AutoCaps(e);\r\n                                        }}\r\n                                        name=\"SkillName\"\r\n                                        type=\"text\"\r\n                                    // onKeyPress={this.handleKeyPress}\r\n                                    // onKeyDown={this._handleKeyDown}\r\n                                    />\r\n                                    {!NameErr ? (\r\n                                        <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                                            Add LifeStyle{\" \"}\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                                            {NameErr}\r\n                                        </div>\r\n                                    )}\r\n                                    <span className=\"underline\" />\r\n                                </div>\r\n                            </div> */}\r\n                            <div className=\"row\">\r\n                                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                                    <button\r\n                                        type=\"submit\"\r\n                                        disabled={this.state.ButtonDisabled}\r\n                                        onClick={this.handleSubmit}\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"86.36px\",\r\n                                            marginTop: \"-0.3%\",\r\n                                        }}\r\n                                    >\r\n                                        Save\r\n                                    </button>\r\n                                </div>\r\n                            </div>\r\n                            <br />\r\n                        </form>\r\n                    </div>\r\n                </div>\r\n            </>\r\n        )\r\n    }\r\n}","export default __webpack_public_path__ + \"static/media/ActivityExl.fe033939.xlsx\";","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport AddPop from \"../../Screen/SuperAdmin/AddActivityPop\";\r\nimport Excel from \"../../Assets/Files/ActivityExl.xlsx\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class Activities extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            Activity: [],\r\n            AddActivity: [],\r\n            letters: [],\r\n      Filterpop: false,\r\n      FilterData: \"\",\r\n      AddActivityModel:false,\r\n      showExcel:false\r\n\r\n        }\r\n    }\r\n\r\n\r\n    componentDidMount() {\r\n        this.GetActivity();\r\n        const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n        this.setState({ letters: alphabet });\r\n      }\r\n\r\n    GetActivity() {\r\n      const tableName = \"MasterActivities\"; // Replace with the actual table name needed\r\n      const url = `${BASE_URLs}/AdminProfile/getmasterdata?TableName=${tableName}`;\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n        const accessToken = user;\r\n        fetch(url, {\r\n          method: \"GET\",\r\n          headers: {\r\n            \"Content-type\": \"application/json\",\r\n            Accept: \"application/json\",\r\n            \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n            Authorization: \"Bearer \" + accessToken,\r\n          },\r\n          //body:JSON.stringify(data)\r\n        })\r\n          .then((response) => response.json())\r\n          .then((data) => {\r\n            this.setState({\r\n                Activity: data,\r\n                AddActivity: data,\r\n            \r\n            });\r\n        \r\n          });\r\n      }\r\n      AddActivityModel = () => {\r\n        this.setState((prevState) => ({\r\n          AddActivityModel: !prevState.AddActivityModel,\r\n        }));\r\n        this.GetActivity();\r\n      };\r\n      onKeyUp = (e) => {\r\n        const Activity = this.state.AddActivity.filter((item) =>\r\n          item.activityName.toLowerCase().includes(e.target.value.toLowerCase())\r\n        );\r\n        this.setState({ Activity });\r\n      };\r\n    \r\n      handleActivityfilter = (letter, event) => {\r\n        event.preventDefault();\r\n        const Activity = this.state.AddActivity.filter((item) => {\r\n          return item.activityName.toLowerCase().startsWith(letter.toLowerCase());\r\n        });\r\n        this.setState({ Activity, showResults: true, FilterData: Activity });\r\n      };\r\n\r\n      exportXlsx(filename) {\r\n        // Acquire Data (reference to the HTML table)\r\n        var table_elt = document.getElementById(\"sheet\");\r\n        // Extract Data (create a workbook object from the table)\r\n        var workbook = XLSX.utils.table_to_book(table_elt);\r\n        workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n        // Process Data (add a new row)\r\n        var ws = workbook.Sheets[\"Sheet1\"];\r\n        //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n        // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n        XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n      }\r\n\r\n      handleUpload = (event) => {\r\n        this.setState({ showExcel: true });\r\n    \r\n        // if (document.getElementById(\"selectall\")) {\r\n        //   document.getElementById(\"selectall\").checked = false;\r\n        // }\r\n        // if (document.getElementsByName(\"Id_delete\")) {\r\n        //   var checkboxes = document.getElementsByName(\"Id_delete\");\r\n        //   for (var i = 0; i < checkboxes.length; i++) {\r\n        //     checkboxes[i].checked = false;\r\n        //     document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        //     document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        //   }\r\n        // }\r\n    \r\n        var inputElement = document.getElementById(\"files\");\r\n        var files = inputElement.files;\r\n        var filename = files[0].name;\r\n        var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n        var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n        var isAllowed = allowedExtensionsRegx.test(extension);\r\n    \r\n        // Check if the file is allowed\r\n        if (isAllowed) {\r\n          // Read the file using FileReader\r\n          const reader = new FileReader();\r\n          reader.onload = (e) => {\r\n            const data = e.target.result;\r\n            const workbook = XLSX.read(data, { type: 'binary' });\r\n            const sheetName = workbook.SheetNames[0];\r\n            const sheet = workbook.Sheets[sheetName];\r\n            const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n    \r\n            // Check if the parsed data is empty\r\n            if (parsedData.length === 0) {\r\n              toast.error(\"The uploaded Excel file is empty.\", { autoClose: 3200 });\r\n              this.setState({ initialData: [], showExcel: false });\r\n            } else {\r\n              this.setState({ initialData: parsedData });\r\n            }\r\n          };\r\n          reader.onerror = (error) => {\r\n            console.error(\"Error reading file:\", error);\r\n          };\r\n          reader.readAsBinaryString(files[0]);\r\n    \r\n          return true; // Indicate successful file upload\r\n        } else {\r\n          alert(\"Invalid File Type.\");\r\n          return false; // Indicate failed file upload\r\n        }\r\n      };\r\n      cancel = () => {\r\n    \r\n        var inputElement = document.getElementById(\"files\");\r\n        inputElement.value = \"\";\r\n    \r\n        this.setState({ showExcel: false });\r\n    \r\n      };\r\n    \r\n      handleSubmit = (event) => {\r\n        event.preventDefault();\r\n        try {\r\n          const data = new FormData(event.target);\r\n          fetch(`${BASE_URLs}/SuperAdmin/ActivityExcel`, {\r\n            method: \"POST\",\r\n            headers: {\r\n              \"Access-Control-Allow-Origin\": \"*\",\r\n              Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n            body: data,\r\n          })\r\n            .then((res) => res.json())\r\n            .then((resp) => {\r\n              if (resp === undefined) {\r\n                alert(\"0  Records  inserted \");\r\n              }\r\n              if (resp === 0) {\r\n                alert(\"Records added Successfully\");\r\n              } else {\r\n                alert(+resp + \" Records not inserted \");\r\n              }\r\n              this.GetActivity();\r\n              this.setState({ initialData: undefined });\r\n            });\r\n          var file = document.getElementById(\"files\");\r\n          var emptyFile = document.createElement(\"input\");\r\n          emptyFile.type = \"file\";\r\n          file.files = emptyFile.files;\r\n        } catch (error) { }\r\n      };\r\n    render(){\r\n      var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_Activitysheet`;\r\n        const { Activity,Filterpop, FilterData,showExcel } = this.state;\r\n        return(\r\n<>\r\n<SideBar active={window.location.pathname} />\r\n{this.state.AddActivityModel ? (\r\n          <AddPop id=\"Success\" close={() => this.AddActivityModel()} />\r\n        ) : null}\r\n<div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <div className=\"glowBox\">\r\n                      <div>\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n                      <h4 className=\"title\" style={{ marginRight: \"50px\" }}>\r\n                        Activities {\" \"}\r\n                      </h4>\r\n                     \r\n                    </div>\r\n                    <br />\r\n                    <div className=\"add-rowEduform\">\r\n                    <form\r\n                        autoComplete=\"on\"\r\n                        id=\"Eduform\"\r\n                        encType=\"multipart/form-data\"\r\n                        onSubmit={this.handleSubmit}\r\n                      >\r\n                        <div className=\"card-block\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col btnalign\">\r\n                            <button\r\n                               onClick={() => this.AddActivityModel()}\r\n                                // onKeyPress={this.handleKeyPress}\r\n                                type=\"button\"\r\n                                style={{ width: \"150px\", background: \"white\" }}\r\n                                id=\"addRow\"\r\n                                className=\"btn dropdown_item-2\"\r\n                              >\r\n                                Add{\" \"}\r\n                              </button>\r\n                        </div>\r\n                        <div className=\"col btnalign\">\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                className=\"btn\"\r\n                                id=\"addBtn\"\r\n                                name=\"Activity\"\r\n                              >\r\n                                Import From Excel\r\n                              </label>\r\n                              <input\r\n                                id=\"files\"\r\n                                type=\"file\"\r\n                                accept=\".xlsx\"\r\n                                style={{ display: \"none\" }}\r\n                                 onChange={this.handleUpload}\r\n                                name=\"Activity\"\r\n                              />\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                                onClick={() => this.exportXlsx(filename)}\r\n                                // onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n                            </div>\r\n\r\n                            <div\r\n                              className=\"col btnalign\"\r\n                            //   onKeyDown={this.handleKeyPress}\r\n                            >\r\n                              <a\r\n                                className=\"btn\"\r\n                                 href={Excel}\r\n                                type=\"button\"\r\n                                style={{ color: \"#5035ce\" }}\r\n                              >\r\n                                <i\r\n                                  title=\"Download Template\"\r\n                                  className=\"icofont icofont-download\"\r\n                                ></i>{\" \"}\r\n                                Download\r\n                              </a>\r\n                            </div>\r\n\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                // onKeyUp={this.onKeyUp}\r\n                                // onKeyPress={this.handleKeyPress}\r\n                                style={{ float: \"right\" }}\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    // Filterpop: true,\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                         </div>\r\n                         \r\n                         <center>\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\" style={{marginTop:'30px'}}>\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n)}\r\n</center>\r\n\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n                            <div className=\"savebtndiv\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                id=\"\"\r\n                                type=\"submit\"\r\n                                style={{ width: \"150px\" }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <span\r\n                                className=\"btn\"\r\n                                id=\"add-row\"\r\n                                style={{ width: \"150px\" }}\r\n                                onClick={this.cancel}\r\n                              >\r\n                                Cancel\r\n                              </span>\r\n                            </div>\r\n                          )}\r\n                          </div>\r\n                      </form>\r\n                    </div>\r\n                    <br />\r\n\r\n                    <div>\r\n                      <form\r\n                        // onSubmit={this.Multidelete}\r\n                        // onKeyPress={this.handleKeyPress}\r\n                      >\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          />\r\n                          &nbsp;&nbsp;\r\n                        </div>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"multitrash\"\r\n                          id=\"delete\"\r\n                          style={{ float: \"right\", visibility: \"hidden\" }}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-delete-alt\"\r\n                            style={{ color: \"darkgray\" }}\r\n                          ></i>\r\n                        </button>\r\n                        <span\r\n                          id=\"deletecount\"\r\n                          className=\"multitrash\"\r\n                          style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                        ></span>\r\n                        <div className=\"dt-responsive table-responsive\">\r\n                          <table\r\n                            id=\"sheet\"\r\n                            className=\"table nowrap\"\r\n                            style={{ display: \"none\" }}\r\n                          >\r\n                            <thead>\r\n                              <tr>\r\n                              <th> Category</th>\r\n                                <th>Activity Name</th>\r\n                              </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                              {Activity.map((skill) => (\r\n                                <tr>\r\n                                <td>{skill.category}</td>\r\n                                  <td>{skill.activityName}</td>\r\n                                </tr>\r\n                              ))}\r\n                            </tbody>\r\n                          </table>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-1\"></div>\r\n                            <div className=\"col-lg-10 skillname\">\r\n                          \r\n                            </div>\r\n                            <div className=\"col-lg-1\"></div>\r\n                          </div>\r\n                          <br />\r\n                          <div className=\"row\" style={{ padding: \"15px\" }}>\r\n                            {Activity.map((skill) => (\r\n                              <div className=\"col-lg-3\">\r\n                                <p>{skill.activityName}</p>\r\n                              </div>\r\n                            ))}\r\n                          </div>\r\n                          <center>\r\n                          {Filterpop === true && FilterData.length === 0 && Activity.length === 0 ? (\r\n                                       <div>No Record</div>\r\n                                    ) : null}\r\n                                    </center>\r\n\r\n                          <br />\r\n                        </div>\r\n                      </form>\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                    </div>\r\n                    </div>\r\n                    </div>\r\n                    </div>\r\n\r\n                    {Filterpop && (\r\n                              <div className=\"popSearchTeam\">\r\n                                <div className=\"popSearchinnernormalTeam\">\r\n                                  <div\r\n                                    className=\"popSearchinnertitle\"\r\n                                    id=\"popSearchinnernormal\"\r\n                                  >\r\n                                    <button\r\n                                      id=\"close\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        backgroundColor: \"#a0a3a305\",\r\n                                        color: \"#797070\",\r\n                                        border: \"1px solid #a3a5a505\",\r\n                                        marginTop: \"-20px\",\r\n                                        marginRight: \"-20px\",\r\n                                      }}\r\n                                      onClick={() => {\r\n                                        this.setState({ Filterpop: false });\r\n                                        this.GetActivity();\r\n                                      }}\r\n                                    >\r\n                                      <CloseIcon />\r\n                                    </button>\r\n\r\n                                    <div className=\"checkboxes\">\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          fontSize: \"20px\",\r\n                                          color: \"gray\",\r\n                                          marginLeft: \"-1%\",\r\n                                          position: \"absolute\",\r\n                                          marginTop: \"0.5%\",\r\n                                        }}\r\n                                      ></i>\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onKeyUp={this.onKeyUp}\r\n                                        onKeyPress={this.handleKeyPress}\r\n                                        style={{ float: \"right\", width: \"80%\" }}\r\n                                      />\r\n                                      <br></br>\r\n                                      {this.state.letters.map(\r\n                                        (letter, index) => (\r\n                                          <button\r\n                                            className=\"filter\"\r\n                                            key={index}\r\n                                            onClick={(event) =>\r\n                                              this.handleActivityfilter(\r\n                                                letter,\r\n                                                event\r\n                                              )\r\n                                            }\r\n                                          >\r\n                                            {letter}\r\n                                          </button>\r\n                                        )\r\n                                      )}\r\n                                      <br></br>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n                    </div>\r\n                    </div>\r\n                    </div>\r\n\r\n</>\r\n        )\r\n    }\r\n}","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\n\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport CommonSuccess from \"../Common/CommonSuccess\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AdminSkillPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      Department: [],\r\n      categ: [],\r\n    };\r\n  }\r\n  handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n\r\n    // if (this.handleFormValidation()) {\r\n    const data = new FormData(event.target);\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n\r\n    const accessToken = user;\r\n    const url = `${BASE_URLs}/Skill/post`;\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      body: data,\r\n    };\r\n\r\n    const response = await fetch(url, options);\r\n    const result = await response.json();\r\n\r\n    this.setState({ PopMessage: result.message });\r\n\r\n    if (result.status === \"Success\") {\r\n      this.SuccessModel();\r\n      setTimeout(() => {\r\n        this.props.history.push(\"/MasterSkill\");\r\n      }, 2000);\r\n    } else {\r\n      toast.error(result.message, {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n    //  }\r\n  };\r\n\r\n  Validation() {\r\n    const { Category } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  Getcategory() {\r\n    let url = `${BASE_URLs}/Skill/GetAdminCategory`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          categ: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n  };\r\n\r\n  componentDidMount() {\r\n    // this.RelationshipDropList();\r\n    this.Getcategory();\r\n  }\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  render() {\r\n    const { categ } = this.state;\r\n    //  const {CategoryErr}= this.state.formErrors;\r\n    const { Department } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        {this.state.SuccessModel ? (\r\n          <CommonSuccess\r\n            id=\"Success\"\r\n            message={this.state.PopMessage}\r\n            close={() => this.SuccessModel()}\r\n          />\r\n        ) : null}\r\n        <div className=\"pop\">\r\n          <div className=\"popinnernormal\" style={{ padding: \"1%\" }}>\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n\r\n            <form\r\n              autoComplete=\"on\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit}\r\n            >\r\n              <div className=\"container\">\r\n                <div className=\"row\" id=\"skill-form\">\r\n                  <div className=\"col-lg-4\">\r\n                    <input\r\n                      type=\"text\"\r\n                      className=\"form\"\r\n                      id=\"Category\"\r\n                      name=\"Category\"\r\n                      onInputCapture={this.HandlePg}\r\n                      onChange={this.handleChange}\r\n                    ></input>\r\n                    <span style={{ color: \"#a29d9d\" }}> Category </span>\r\n                    {/* {!CategoryErr ? <span style={{ color: '#a29d9d' }}>Category</span>: <div style={{ color: \"red\" }}>{CategoryErr}</div>}  */}\r\n                    <span className=\"underline\" />\r\n                    <input\r\n                      type=\"hidden\"\r\n                      className=\"form\"\r\n                      id=\"pgtext\"\r\n                      name=\"OtherCategory\"\r\n                      onChange={this.handleChange}\r\n                      placeholder=\"Category\"\r\n                    />\r\n                  </div>\r\n\r\n                  <div className=\"col-lg-4\">\r\n                    <input\r\n                      className=\"form\"\r\n                      id=\"SkillName\"\r\n                      name=\"SkillName\"\r\n                      type=\"text\"\r\n                      onChange={this.handleChange}\r\n                    />\r\n                    <span style={{ color: \"#a29d9d\" }}> Skill Name </span>\r\n                    {/* {!SkillNameErr ?  <span style={{ color: '#a29d9d' }}> Name </span>:    <div style={{ color: \"red\" }}>{SkillNameErr}</div>          }  */}\r\n                    <span className=\"underline\" />\r\n                  </div>\r\n\r\n                  <div className=\"col-lg-4\">\r\n                    <input\r\n                      className=\"form\"\r\n                      id=\"SkillDescription\"\r\n                      name=\"SkillDescription\"\r\n                      type=\"text\"\r\n                      onChange={this.handleChange}\r\n                    />\r\n                    <span style={{ color: \"#a29d9d\" }}>\r\n                      {\" \"}\r\n                      Skill Description{\" \"}\r\n                    </span>\r\n                    {/* {!SkillDescriptionErr ?<span style={{ color: '#a29d9d' }}> Description </span> :<div style={{ color: \"red\" }}>{SkillDescriptionErr}</div>    }  */}\r\n                    <span className=\"underline\" />\r\n                  </div>\r\n                </div>\r\n\r\n                <div className=\"row\">\r\n                  <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                    <button\r\n                      type=\"submit\"\r\n                      className=\"but\"\r\n                      style={{\r\n                        height: \"39.5px\",\r\n                        width: \"86.36px\",\r\n                        marginTop: \"-0.3%\",\r\n                      }}\r\n                    >\r\n                      Save\r\n                    </button>\r\n                    &nbsp; &nbsp; &nbsp;\r\n                    <button\r\n                      type=\"reset\"\r\n                      className=\" btn-Secondary\"\r\n                      style={{ height: \"39.5px\" }}\r\n                    >\r\n                      Cancel\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </form>\r\n            <br />\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport SuccessPopup1 from \"./SuccessPopup1\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport $ from \"jquery\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class Aspuserlistchat extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Announcement: [],\r\n      AllAnnouncementList: [],\r\n      showing: true,\r\n      profile: [],\r\n      EditSkillModel: false,\r\n      EditSkillValues: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      User: [],\r\n      AlluserList: [],\r\n    };\r\n    this.initialState = this.state; // this.handleContentClick = this.handleContentClick.bind(this);\r\n  }\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/status1`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ User: data, AlluserList: data });\r\n        // console.log(\"user data\", data);\r\n      });\r\n  }\r\n  EditSkillModel = (e, fn) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        SkillName: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModel: !prevState.EditSkillModel,\r\n    }));\r\n    //   this.GetAddSkill();\r\n  };\r\n  GetAnnouncement() {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(`${BASE_URLs}/UserBank/GetAllUser`, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Announcement: data,\r\n          AllAnnouncementList: data,\r\n        });\r\n\r\n        // console.log(\"New\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n  GroupSearch = (e) => {\r\n    const Announcement = this.state.AllAnnouncementList.filter((item) =>\r\n      item.firstName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement });\r\n  };\r\n\r\n  OATGroupSearch = (e) => {\r\n    const User = this.state.AlluserList.filter((item) =>\r\n      item.personname.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ User });\r\n  };\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n  componentDidMount() {\r\n    this.GetAnnouncement();\r\n    this.UserOrg();\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { Announcement, User } = this.state;\r\n    $(\"li > input[type=checkbox]\").on(\"change\", function () {\r\n      var $this = $(this),\r\n        $ul = $this.parent().find(\"> ul\");\r\n\r\n      if ($this.is(\":checked\")) $ul.show();\r\n      else $ul.hide();\r\n    });\r\n    return (\r\n      <>\r\n        <div>\r\n          {this.state.EditSkillModel ? (\r\n            <SuccessPopup1 id=\"\" close={() => this.EditSkillModel()} />\r\n          ) : null}\r\n          <div className=\"pcoded-content\">\r\n            <div className=\"pcoded-inner-content\">\r\n              <div className=\"main-body chat-bg\">\r\n                <div className=\"\">\r\n                  <div id=\"\" className=\"\">\r\n                    <div className=\"page-body\">\r\n                      <div className=\"row\">\r\n                        <div className=\"chat-box\">\r\n                          <div id=\"sidebar\" className=\"users p-chat-user\">\r\n                            <div className=\"had-container\">\r\n                              <div\r\n                                className=\"card card_main p-fixed users-main \"\r\n                                style={{ overflow: \"scroll\" }}\r\n                              >\r\n                                <div className=\"user-box\">\r\n                                  <div id=\"tsum-tabs\">\r\n                                    <main id=\"maintab\">\r\n                                      {/* <input id=\"tab1\" type=\"radio\" name=\"tabs\" checked/>\r\n    <label for=\"tab1\">In Entity</label>\r\n      \r\n    <input id=\"tab2\" type=\"radio\" name=\"tabs\"/>\r\n    <label for=\"tab2\">In OAT</label>\r\n\r\n    <input id=\"tab3\" type=\"radio\" name=\"tabs\"/>\r\n    <label for=\"tab3\">Invite</label>  */}\r\n                                      <input\r\n                                        id=\"tab1\"\r\n                                        type=\"radio\"\r\n                                        name=\"tabs\"\r\n                                        defaultChecked\r\n                                      />\r\n                                      <label\r\n                                        id=\"supertab\"\r\n                                        className=\"j-tabs-label\"\r\n                                        htmlFor=\"tab1\"\r\n                                        title=\"In Entity\"\r\n                                        color=\"white\"\r\n                                      >\r\n                                        In Entity\r\n                                      </label>\r\n                                      <input\r\n                                        id=\"tab2\"\r\n                                        type=\"radio\"\r\n                                        name=\"tabs\"\r\n                                      />\r\n                                      <label\r\n                                        id=\"activetab\"\r\n                                        className=\"j-tabs-label\"\r\n                                        htmlFor=\"tab2\"\r\n                                        title=\"In OAT\"\r\n                                        color=\"white\"\r\n                                      >\r\n                                        In OAT\r\n                                      </label>\r\n\r\n                                      <br />\r\n                                      <br />\r\n\r\n                                      {/* <section id=\"content1\" style={{minHeight:\"0\"}} > */}\r\n                                      <div\r\n                                        id=\"tabs-section-1\"\r\n                                        className=\"j-tabs-section\"\r\n                                      >\r\n                                        <div className=\"right-icon-control\">\r\n                                          <input\r\n                                            type=\"text\"\r\n                                            className=\"form-control  search-text\"\r\n                                            placeholder=\"Search Friend\"\r\n                                            onChange={this.GroupSearch}\r\n                                          />\r\n                                          <div className=\"form-icon\">\r\n                                            <i className=\"icofont icofont-search\"></i>\r\n                                          </div>\r\n                                        </div>\r\n                                        <br />\r\n                                        {Announcement.map(\r\n                                          (Announcement, id) => (\r\n                                            <div\r\n                                              className=\"media userlist-box\"\r\n                                              data-id=\"1\"\r\n                                              data-status=\"online\"\r\n                                              data-username=\"Josephin Doe\"\r\n                                              data-toggle=\"tooltip\"\r\n                                              data-placement=\"left\"\r\n                                              title=\"Josephin Doe\"\r\n                                            >\r\n                                              <label className=\"checkboxChat\">\r\n                                                <input\r\n                                                  type=\"checkbox\"\r\n                                                  className=\"checkbox__input_chat\"\r\n                                                />\r\n                                                <span className=\"checkbox__inner_chat\"></span>\r\n                                              </label>\r\n                                              <a className=\"media-left\">\r\n                                                <img\r\n                                                  className=\"media-object img-circle\"\r\n                                                  src=\"assets/images/avatar-1.png\"\r\n                                                  alt=\"Generic placeholder image\"\r\n                                                />\r\n                                              </a>\r\n                                              <div\r\n                                                className=\"media-body\"\r\n                                                style={{ textAlign: \"initial\" }}\r\n                                              >\r\n                                                <div\r\n                                                  className=\"f-13 chat-header\"\r\n                                                  style={{ color: \"black\" }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  {Announcement.firstName}\r\n                                                </div>\r\n                                              </div>\r\n                                              <i\r\n                                                className=\"fa fa-user-plus\"\r\n                                                aria-hidden=\"true\"\r\n                                                style={{ color: \"#7666f0b8\" }}\r\n                                              ></i>\r\n                                            </div>\r\n                                          )\r\n                                        )}\r\n                                      </div>\r\n\r\n                                      <div\r\n                                        id=\"tabs-section-2\"\r\n                                        className=\"j-tabs-section\"\r\n                                      >\r\n                                        <div className=\"right-icon-control\">\r\n                                          <input\r\n                                            type=\"text\"\r\n                                            className=\"form-control  search-text\"\r\n                                            placeholder=\"Search Friend\"\r\n                                            onChange={this.OATGroupSearch}\r\n                                          />\r\n                                          <div className=\"form-icon\">\r\n                                            <i className=\"icofont icofont-search\"></i>\r\n                                          </div>\r\n                                        </div>\r\n                                        <br />\r\n                                        {User.map((user) => (\r\n                                          <div\r\n                                            className=\"media userlist-box\"\r\n                                            data-id=\"2\"\r\n                                            data-status=\"online\"\r\n                                            data-username=\"Josephin Doe\"\r\n                                            data-toggle=\"tooltip\"\r\n                                            data-placement=\"left\"\r\n                                            title=\"Josephin Doe\"\r\n                                          >\r\n                                            <a className=\"media-left\">\r\n                                              <img\r\n                                                className=\"media-object img-circle\"\r\n                                                src=\"assets/images/avatar-1.png\"\r\n                                                alt=\"Generic placeholder image\"\r\n                                              />\r\n                                            </a>\r\n                                            <div\r\n                                              className=\"media-body\"\r\n                                              style={{ textAlign: \"initial\" }}\r\n                                            >\r\n                                              <div\r\n                                                className=\"f-13 chat-header\"\r\n                                                style={{ color: \"black\" }}\r\n                                              >\r\n                                                <ul className=\"product_cat_checklist\">\r\n                                                  <li id=\"product_cat-38\">\r\n                                                    <input\r\n                                                      className=\"wcv_category_check\"\r\n                                                      value=\"38\"\r\n                                                      type=\"checkbox\"\r\n                                                      name=\"product_cat[]\"\r\n                                                      id=\"in-product_cat-38\"\r\n                                                      data-parsley-multiple=\"product_cat\"\r\n                                                      style={{\r\n                                                        display: \"none\",\r\n                                                      }}\r\n                                                    />\r\n                                                    <label\r\n                                                      className=\"selectit\"\r\n                                                      for=\"in-product_cat-38\"\r\n                                                      style={{\r\n                                                        backgroundColor: \"none\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {user.company_Name}\r\n                                                    </label>\r\n                                                    <ul className=\"children\">\r\n                                                      <li id=\"product_cat-53\">\r\n                                                        <input\r\n                                                          className=\"wcv_category_check\"\r\n                                                          value=\"53\"\r\n                                                          type=\"checkbox\"\r\n                                                          name=\"product_cat[]\"\r\n                                                          id=\"in-product_cat-53\"\r\n                                                          data-parsley-multiple=\"product_cat\"\r\n                                                        />\r\n                                                        <label\r\n                                                          className=\"selectit\"\r\n                                                          for=\"in-product_cat-53\"\r\n                                                        >\r\n                                                          Jhon\r\n                                                        </label>\r\n                                                      </li>\r\n                                                      <li id=\"product_cat-52\">\r\n                                                        <input\r\n                                                          className=\"wcv_category_check\"\r\n                                                          value=\"52\"\r\n                                                          type=\"checkbox\"\r\n                                                          name=\"product_cat[]\"\r\n                                                          id=\"in-product_cat-52\"\r\n                                                          data-parsley-multiple=\"product_cat\"\r\n                                                        />\r\n                                                        <label\r\n                                                          className=\"selectit\"\r\n                                                          for=\"in-product_cat-52\"\r\n                                                        >\r\n                                                          Jhon2\r\n                                                        </label>\r\n                                                      </li>\r\n                                                    </ul>\r\n                                                  </li>\r\n                                                </ul>\r\n                                              </div>\r\n                                            </div>\r\n                                            <i\r\n                                              className=\"fa fa-user-plus\"\r\n                                              aria-hidden=\"true\"\r\n                                              style={{ color: \"#7666f0b8\" }}\r\n                                            ></i>\r\n                                          </div>\r\n                                        ))}\r\n                                      </div>\r\n                                    </main>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div id=\"styleSelector\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {/* <div className=\"pop\" style={{backgroundColor:\"transparent\"}}>\r\n       <div className= {w>768 ?\"popinnernormal oneFieldPop\":\"popinnernormal oneFieldPopMobile\"} style={{padding:\"1%\"}}> \r\n      <form  autoComplete=\"off\" encType=\"multipart/form-data\"  >\r\n \r\n\r\n           \r\n \r\n   \r\n      \r\n    \r\n\r\n\r\n   \r\n  <br/>\r\n\r\n           </form>\r\n      </div> \r\n   </div>   */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport Aspuserlistchat from \"../Common/Aspuserlistchat\";\r\nexport default class ChatGrupPop extends Component {\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    return (\r\n      <>\r\n        <div>\r\n          <div className=\"pcoded-content\">\r\n            <div className=\"pcoded-inner-content\">\r\n              <div className=\"main-body chat-bg\">\r\n                <div className=\"\">\r\n                  <div id=\"\" className=\"\">\r\n                    <div className=\"page-body\">\r\n                      <div className=\"row\">\r\n                        <div className=\"chat-box\">\r\n                          <div id=\"sidebar\" className=\"users p-chat-user\">\r\n                            <div className=\"had-container\">\r\n                              <div\r\n                                className=\"card card_main p-fixed users-main \"\r\n                                style={{ overflow: \"scroll\" }}\r\n                              >\r\n                                <div className=\"user-box\">\r\n                                  <div id=\"tsum-tabs\">\r\n                                    <main id=\"maintab\">\r\n                                      <br />\r\n\r\n                                      <div className=\"right-icon-control\">\r\n                                        <input\r\n                                          type=\"text\"\r\n                                          className=\"form-control  search-text\"\r\n                                          placeholder=\"Search Friend\"\r\n                                          onChange={this.GroupSearch}\r\n                                        />\r\n                                        <div className=\"form-icon\">\r\n                                          <i className=\"icofont icofont-search\"></i>\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div className=\"right-icon-control\"></div>\r\n                                      <br />\r\n\r\n                                      <div\r\n                                        className=\"media userlist-box\"\r\n                                        data-id=\"1\"\r\n                                        data-status=\"online\"\r\n                                        data-username=\"Josephin Doe\"\r\n                                        data-toggle=\"tooltip\"\r\n                                        data-placement=\"left\"\r\n                                        title=\"Josephin Doe\"\r\n                                      >\r\n                                        <a className=\"media-left\">\r\n                                          <img\r\n                                            className=\"media-object img-circle\"\r\n                                            src=\"assets/images/avatar-1.png\"\r\n                                            alt=\"Generic placeholder image\"\r\n                                          />\r\n                                        </a>\r\n                                        <div\r\n                                          className=\"media-body\"\r\n                                          style={{ textAlign: \"initial\" }}\r\n                                        >\r\n                                          <div\r\n                                            className=\"f-13 chat-header\"\r\n                                            style={{ color: \"black\" }}\r\n                                          >\r\n                                            {\" \"}\r\n                                            firstName\r\n                                          </div>\r\n                                        </div>\r\n                                        {/* <label className=\"checkboxChat\">\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              className=\"checkbox__input_chat\"\r\n                                            />\r\n                                            <span className=\"checkbox__inner_chat\"></span>\r\n                                          </label> */}\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          type=\"button\"\r\n                                          style={{\r\n                                            color: \"#5035ce\",\r\n                                            fontWeight: \"bold\",\r\n                                          }}\r\n                                        >\r\n                                          Add\r\n                                        </button>\r\n                                      </div>\r\n                                    </main>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div id=\"styleSelector\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport Swal from \"sweetalert2\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport video from \"../Assets/images/videoplay.png\";\r\nimport axios from \"axios\";\r\nconst thumb = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 2,\r\n  border: \"1px solid #eaeaea\",\r\n  marginBottom: 8,\r\n  marginRight: 8,\r\n  width: 100,\r\n  height: 100,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\nconst thumbsContainer = {\r\n  height: 10,\r\n  marginTop: 2,\r\n};\r\nconst thumbss = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 10,\r\n  border: \"6px dotted #eaeaea\",\r\n  marginBottom: 20,\r\n  marginTop: 80,\r\n  marginRight: 4,\r\n  alignItems: \"center\",\r\n  textAlign: \"center\",\r\n  width: \"100%\",\r\n  height: 200,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\nconst thumbInner = {\r\n  display: \"flex\",\r\n  minWidth: 0,\r\n  overflow: \"hidden\",\r\n};\r\n\r\nconst img = {\r\n  display: \"block\",\r\n  width: \"auto\",\r\n  height: \"100%\",\r\n};\r\n\r\nfunction ChatPicturepop(props) {\r\n  const [message, setMessage] = useState(\"\");\r\n  const [files, setFiles] = useState([]);\r\n  const [inputDisabled, setInputDisabled] = useState(false);\r\n\r\n  const [showEmoji, setShowEmoji] = useState(false);\r\n\r\n  const storedValue = localStorage.getItem(\"fileee\");\r\n  const emailA = storedValue ? storedValue.replace(/\"/g, \"\") : \"\";\r\n\r\n  const [email, setEmail] = useState(emailA);\r\n\r\n  const toggleEmoji = () => {\r\n    setShowEmoji((prevShowEmoji) => !prevShowEmoji);\r\n  };\r\n\r\n  const handleEmojiClick = (emojiObject) => {\r\n    setMessage((prevMessage) => prevMessage + emojiObject.emoji);\r\n    setShowEmoji(false);\r\n  };\r\n\r\n  const handleKeyPress = async(event) => {\r\n    if (event.charCode === 13) {\r\n    event.preventDefault();\r\n  \r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please select an image\");\r\n    } else {\r\n      files.forEach((file) => {\r\n        if (file.size >= 2048000) {\r\n          Swal.fire({\r\n            text: \"Upload less than 2MB\",\r\n            icon: \"warning\",\r\n          });\r\n        } else {\r\n          const formData = new FormData();\r\n          setInputDisabled(true)\r\n          formData.append(\"Message\", message);\r\n          formData.append(\"UserName\", email);\r\n          formData.append(\"Picture_Path\", file);\r\n  \r\n          const options = {\r\n            method: \"POST\",\r\n            headers: {\r\n              \"Access-Control-Allow-Origin\": \"*\",\r\n              \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n              Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n            data: formData,\r\n          };\r\n  \r\n          axios.post(`${BASE_URLs}/contact/OneOnOne`, formData, options)\r\n            .then((response) => {\r\n              setFiles([]);\r\n              setMessage(\"\");\r\n              setInputDisabled(false)\r\n              props.handleClose();\r\n            })\r\n            .catch((error) => {\r\n              console.error(\"Error:\", error);\r\n            });\r\n        }\r\n      });\r\n    }\r\n  }\r\n  };\r\n\r\n  const handleSubmit = (event) => {\r\n    event.preventDefault();\r\n  \r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please select an image\");\r\n    } else {\r\n      files.forEach((file) => {\r\n        if (file.size >= 2048000) {\r\n          Swal.fire({\r\n            text: \"Upload less than 2MB\",\r\n            icon: \"warning\",\r\n          });\r\n        } else {\r\n          const formData = new FormData();\r\n          setInputDisabled(true)\r\n          formData.append(\"Message\", message);\r\n          formData.append(\"UserName\", email);\r\n          formData.append(\"Picture_Path\", file);\r\n  \r\n          const options = {\r\n            method: \"POST\",\r\n            headers: {\r\n              \"Access-Control-Allow-Origin\": \"*\",\r\n              \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n              Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n            data: formData,\r\n          };\r\n  \r\n          axios.post(`${BASE_URLs}/contact/OneOnOne`, formData, options)\r\n            .then((response) => {\r\n              setFiles([]);\r\n              setMessage(\"\");\r\n              setInputDisabled(false)\r\n              props.handleClose();\r\n            })\r\n            .catch((error) => {\r\n              console.error(\"Error:\", error);\r\n            });\r\n        }\r\n      });\r\n    }\r\n  };\r\n  \r\n\r\n  const handleTextChange = (event) => {\r\n    setMessage(event.target.value);\r\n  };\r\n\r\n  const handleRemoveImage = (index) => {\r\n    const updatedFiles = [...files];\r\n    updatedFiles.splice(index, 1);\r\n    setFiles(updatedFiles);\r\n  };\r\n\r\n  const { getRootProps, getInputProps } = useDropzone({\r\n    accept: {\r\n      'image/*': [],\r\n      'video/mp4': ['.mp4', '.MP4', '.gif', '.GIF', '.mov', '.mkv'],\r\n    },\r\n    onDrop: (acceptedFiles) => {\r\n      setFiles(\r\n        acceptedFiles.map((file) =>\r\n          Object.assign(file, {\r\n            preview: URL.createObjectURL(file),\r\n          })\r\n        )\r\n      );\r\n    },\r\n  });\r\n\r\n  const thumbs = files.map((file, index) => (\r\n    <div style={thumb} key={file.name}>\r\n      <div style={thumbInner}>\r\n        <img\r\n          src={file.name.includes('mp4') ? video : file.preview}\r\n          style={img}\r\n          alt={`Thumbnail-${index}`}\r\n          onLoad={() => {\r\n            URL.revokeObjectURL(file.preview);\r\n          }}\r\n        />\r\n      </div>\r\n      <span onClick={() => handleRemoveImage(index)}>x</span>\r\n    </div>\r\n  ));\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      files.forEach((file) => URL.revokeObjectURL(file.preview));\r\n    };\r\n  }, [files]);\r\n\r\n  return (\r\n    <div className=\"container\">\r\n      <form id=\"contactForm\" autoComplete=\"off\" encType=\"multipart/form-data\">\r\n        <span\r\n          className=\"GTclose-icon\"\r\n          onClick={props.handleClose}\r\n          style={{ marginTop: \"20px\" }}\r\n        >\r\n          x\r\n        </span>\r\n        <div {...getRootProps({ className: \"dropzone\" })}>\r\n          <input {...getInputProps()} multiple />\r\n          <h4 style={thumbss}>\r\n            Drag & drop some image here, or click to select images\r\n          </h4>\r\n        </div>\r\n        <aside style={thumbsContainer}>\r\n          <div id=\"\" style={{ height: \"176px\", overflow: \"scroll\", backgroundColor: \"#eff3f7\" }}>\r\n            {thumbs.length > 0 ? thumbs : <p>No images selected</p>}\r\n          </div>\r\n        </aside>\r\n        <div id=\"imageInput\" style={{ marginTop: \"122px\" }}>\r\n          <div\r\n            className=\"input-group write-msg\"\r\n            id=\"input-group write-msg\"\r\n            style={{\r\n              border: \"1px solid #bfbfbe\",\r\n              padding: \"2px 2px\",\r\n              // marginTop: \"220px\",\r\n              background: \"#eff3f7\",\r\n            }}\r\n          >\r\n            <input\r\n              type=\"text\"\r\n              className=\"form-control input-value\"\r\n              placeholder=\"Type a Message\"\r\n              value={message}\r\n              onChange={handleTextChange}\r\n              onKeyPress={handleKeyPress}\r\n              name=\"Message\"\r\n              style={{ border: \"none\", background: '#eff3f7' }}\r\n              disabled={inputDisabled}\r\n            />\r\n            <span\r\n              className=\"fa fa-smile-o\"\r\n              aria-hidden=\"true\"\r\n              style={{ marginTop: \"10px\", fontSize: \"18px\", background: \"#eff3f7\", }}\r\n              onClick={toggleEmoji}\r\n            ></span>\r\n            &nbsp;&nbsp;&nbsp;&nbsp;\r\n            {showEmoji && (\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  top: \"-410%\",\r\n\r\n                  transform: \"translate(-50%, -50%)\",\r\n                  maxWidth: \"90vw\",\r\n                  maxHeight: \"90vh\",\r\n                }}\r\n                id='PickerDiv'\r\n              >\r\n                <Picker\r\n                  onEmojiClick={handleEmojiClick}\r\n\r\n                  height={350}\r\n                  width={\"100%\"}\r\n\r\n                />\r\n              </div>\r\n            )}\r\n            <span className=\"input-group-btn\">\r\n              <button\r\n                id=\"paper-btn\"\r\n                className=\"btn btn-secondary\"\r\n                type=\"submit\"\r\n                onClick={handleSubmit}\r\n                style={{ background: '#eff3f7'}}\r\n                disabled={inputDisabled}\r\n              >\r\n                <i className=\"icofont icofont-paper-plane\"></i>\r\n              </button>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  );\r\n}\r\nexport default ChatPicturepop;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport \"../Css/Chat.css\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport axios from \"axios\";\r\nconst thumb = {\r\n  display: \"inline-flex\",\r\n  borderRadius: 10,\r\n  border: \"6px dotted #eaeaea\",\r\n  marginBottom: 20,\r\n  marginTop: 80,\r\n  marginRight: 4,\r\n  alignItems: \"center\",\r\n  textAlign: \"center\",\r\n  width: \"100%\",\r\n  height: 200,\r\n  padding: 4,\r\n  boxSizing: \"border-box\",\r\n};\r\n\r\nconst ChatDocPop = (props) => {\r\n  const [message, setMessage] = useState(\"\");\r\n  const [files, setFiles] = useState([]);\r\n  const [inputDisabled, setInputDisabled] = useState(false);\r\n\r\n  const [showEmoji, setShowEmoji] = useState(false);\r\n\r\n  const storedValue = localStorage.getItem(\"fileee\");\r\n  const emailA = storedValue ? storedValue.replace(/\"/g, \"\") : \"\";\r\n\r\n  const [email, setEmail] = useState(emailA);\r\n\r\n  const toggleEmoji = () => {\r\n    setShowEmoji((prevShowEmoji) => !prevShowEmoji);\r\n  };\r\n\r\n  const handleEmojiClick = (emojiObject) => {\r\n    setMessage((prevMessage) => prevMessage + emojiObject.emoji);\r\n    setShowEmoji(false);\r\n  };\r\n  const handleKeyPress = (event) => {\r\n    if (event.charCode === 13) {\r\n      event.preventDefault();\r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please choose a document.\");\r\n    } else {\r\n      const ids = files.map(file => file.path);\r\n      const filteredResponse = files.filter(\r\n        ({ path }, index) => !ids.includes(path, index + 1)\r\n      )\r\n      filteredResponse.forEach((file) => {\r\n        const formData = new FormData();\r\n        setInputDisabled(true)\r\n        formData.append(\"Message\", message);\r\n        formData.append(\"UserName\", email);\r\n  \r\n        formData.append(\"Document_Path\", file);\r\n  \r\n        const options = {\r\n          method: \"POST\",\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n          data: formData,\r\n        };\r\n  \r\n        axios.post(`${BASE_URLs}/contact/OneOnOne`, formData, options)\r\n          .then((response) => {\r\n            setFiles([]);\r\n            setMessage(\"\");\r\n            setInputDisabled(false)\r\n            props.handleClose();\r\n          })\r\n          .catch((error) => {\r\n            console.error(\"Error:\", error);\r\n          });\r\n      });\r\n    }\r\n    }\r\n  };\r\n\r\n  const handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    if (!message.toString().trim() && files.length === 0) {\r\n      alert(\"Please choose a document.\");\r\n    } else {\r\n      const ids = files.map(file => file.path);\r\n      const filteredResponse = files.filter(\r\n        ({ path }, index) => !ids.includes(path, index + 1)\r\n      )\r\n      filteredResponse.forEach((file) => {\r\n        const formData = new FormData();\r\n        setInputDisabled(true)\r\n        formData.append(\"Message\", message);\r\n        formData.append(\"UserName\", email);\r\n  \r\n        formData.append(\"Document_Path\", file);\r\n  \r\n        const options = {\r\n          method: \"POST\",\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n          data: formData,\r\n        };\r\n  \r\n        axios.post(`${BASE_URLs}/contact/OneOnOne`, formData, options)\r\n          .then((response) => {\r\n            setFiles([]);\r\n            setMessage(\"\");\r\n            setInputDisabled(false)\r\n            props.handleClose();\r\n          })\r\n          .catch((error) => {\r\n            console.error(\"Error:\", error);\r\n          });\r\n      });\r\n    }\r\n  };\r\n  \r\n\r\n  const handleTextChange = (event) => {\r\n    setMessage(event.target.value);\r\n  };\r\n\r\n  const { getRootProps, getInputProps, open } = useDropzone({\r\n    noClick: true,\r\n    noKeyboard: true,\r\n    onDrop: (acceptedFiles) => {\r\n      setFiles([...files, ...acceptedFiles]);\r\n    },\r\n  });\r\n\r\n  const handleFileDelete = (index) => {\r\n    const ids =files.map(file => file.path);\r\n  const filteredResponse = files.filter(\r\n  ({ path}, index) => !ids.includes(path, index + 1)\r\n  )\r\n  const updatedFiles = [...filteredResponse];\r\n    updatedFiles.splice(index, 1);\r\n    setFiles(updatedFiles);\r\n  };\r\n\r\n  const uniqueFileList = [...new Set(files.map(file => file.path))];\r\n  const fileList = uniqueFileList.map((path, index) => {\r\n\r\n    return (\r\n      <li key={path}>\r\n        <br />\r\n        {path}&nbsp;&nbsp;\r\n        <button className=\"GTbuttons1\" onClick={() => handleFileDelete(index)}>\r\n          x\r\n        </button>\r\n      </li>\r\n    );\r\n  });\r\n\r\n  return (\r\n    <div className=\"container\">\r\n      <form id=\"contactForm\" autoComplete=\"off\" encType=\"multipart/form-data\">\r\n        <div {...getRootProps({ className: \"dropzone\" })}>\r\n          <span\r\n            className=\"GTclose-icon\"\r\n            onClick={props.handleClose}\r\n            style={{ marginTop: \"20px\" }}\r\n          >\r\n            x\r\n          </span>\r\n\r\n          <input {...getInputProps()} />\r\n          <h4 style={thumb} onClick={open}>\r\n            Drag & drop some files here....\r\n          </h4>\r\n        </div>\r\n        <aside>\r\n          <h5>File Name:</h5>\r\n          <div\r\n            id=\"NewDiscfileList\"\r\n          // style={{ height: \"200px\", overflow: \"scroll\" }}\r\n          >\r\n            <ul>{fileList}</ul>\r\n          </div>\r\n        </aside>\r\n        <div id=\"dropInput\" style={{ marginTop: '-16px' }}>\r\n          <div\r\n            className=\"input-group write-msg\"\r\n            id=\"input-group write-msg\"\r\n            style={{\r\n              border: \"1px solid #bfbfbe\",\r\n              padding: \"2px 2px\",\r\n              //  marginTop:'200px',\r\n              background: \"#eff3f7\",\r\n            }}\r\n           \r\n          >\r\n            <input\r\n              type=\"text\"\r\n              className=\"form-control input-value\"\r\n              placeholder=\"Type a Message\"\r\n              value={message}\r\n              onChange={handleTextChange}\r\n              onKeyPress={handleKeyPress}\r\n              name=\"Message\"\r\n              style={{ border: \"none\", background: '#eff3f7' }}\r\n              disabled={inputDisabled}\r\n            />\r\n            <span\r\n              className=\"fa fa-smile-o\"\r\n              aria-hidden=\"true\"\r\n              style={{ marginTop: \"10px\", fontSize: \"18px\", background: '#eff3f7' }}\r\n              onClick={toggleEmoji}\r\n            ></span>\r\n            &nbsp;&nbsp;&nbsp;&nbsp;\r\n            {showEmoji && (\r\n\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  top: \"-410%\",\r\n\r\n                  transform: \"translate(-50%, -50%)\",\r\n                  maxWidth: \"90vw\",\r\n                  maxHeight: \"90vh\",\r\n                }}\r\n                id='PickerDiv'\r\n              >\r\n                <Picker\r\n                  onEmojiClick={handleEmojiClick}\r\n\r\n                  height={350}\r\n                  width={\"100%\"}\r\n\r\n                />\r\n              </div>\r\n\r\n\r\n            )}\r\n            <span className=\"input-group-btn\">\r\n              <button\r\n                id=\"paper-btn\"\r\n                className=\"btn btn-secondary\"\r\n                type=\"submit\"\r\n                onClick={handleSubmit}\r\n                disabled={inputDisabled}\r\n                style={{ background: '#eff3f7'}}\r\n              >\r\n                <i className=\"icofont icofont-paper-plane\"></i>\r\n              </button>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  );\r\n};\r\nexport default ChatDocPop;\r\n","import React, { Component } from \"react\";\r\nimport { useLocation } from 'react-router-dom';\r\nimport SideBar from \"./Sidebar\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { Link } from \"react-router-dom\";\r\nimport GroupPop from \"./GroupPop\";\r\nimport GroupTitlePopup from \"./GroupTitlePopup\";\r\nimport LastGroup from \"./LastGroup\";\r\nimport LastChatpop from \"./LastChatpop\";\r\nimport \"../Css/Chat.css\";\r\nimport axios from \"axios\";\r\nimport ReactTimeAgo from \"react-time-ago\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport GroupMember from \"../Assets/images/addmemgroup.png\";\r\nimport Swal from \"sweetalert2\";\r\nimport DefaultProfile from \"../Assets/images/profile.png\";\r\nimport onlinedot from \"../Assets/images/online-dot.png\";\r\nimport offlinedot from \"../Assets/images/offline-dot.png\";\r\nimport onlineimg from \"../Assets/images/online.png\";\r\nimport offlineimg from \"../Assets/images/offlineimg.png\";\r\nimport delImg from \"../Assets/images/deleteIconA.png\";\r\nimport doubletick from \"../Assets/images/double-check.webp\";\r\nimport singletick from \"../Assets/images/single-check.png\";\r\nimport File1 from \"../Assets/images/document.png\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport ChatPicturepop from \"./ChatPicturepop\";\r\nimport ChatDocPop from \"./ChatDocPop\";\r\nimport * as signalR from '@microsoft/signalr';\r\nexport class Chatbox extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.containerRef = React.createRef();\r\n    this.state = {\r\n      // isBox3Open: props.location.state?.isBox3Open || false,\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isButton3Visible: true,\r\n      isBackArrowVisible: false,\r\n      isBackArrowVisibleA: false,\r\n      isBackArrowVisibleB: false,\r\n      AddSkillModel: false,\r\n      isBox1Open: false,\r\n      SearchModel: false,\r\n      isBox2Open: false,\r\n      selectedUsers: [],\r\n      selectedUsersA: [],\r\n      EditSkillModel: false,\r\n      EditSkillModelEntity: false,\r\n      Lastgrpchatmodel: false,\r\n      EntityModel: false,\r\n      EditSkillValues: [],\r\n      picture_Path: null,\r\n      document_Path: null,\r\n      EditSkillValuesEntity: [],\r\n      Announcement: [],\r\n      AllAnnouncement: [],\r\n      EntityUser: [],\r\n      EntityUserlist: [],\r\n      checkedItems: [],\r\n      showResults: false,\r\n      discussionValue: \"\",\r\n      discussionNameValue: \"\",\r\n      LastChatModel: false,\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n      User: [],\r\n      OATUser: [],\r\n      OATAlluser: [],\r\n      message: [],\r\n      Popmsg: [],\r\n      ReceivepopMsg: [],\r\n      selectedDocumentName: \"\",\r\n      active: false,\r\n      chosenEmoji: null,\r\n      showEmoji: false,\r\n      setShowEmoji: \"\",\r\n      LastGroupopen: true,\r\n      email: \"\",\r\n      firstname: \"\",\r\n      Addmembers: [],\r\n      AllAddmembers: [],\r\n      groupName: \"\",\r\n      istitlepopOpen: false,\r\n      privacy: \"\",\r\n      Memberslist: [],\r\n      fileUploadState: \"\",\r\n      EImage: \"\",\r\n      selectedOption: \"\",\r\n      error: \"\",\r\n      showFirstHeader: true,\r\n      shouldResetHeader: false,\r\n      ReceivepopMsgUser: [],\r\n      Name: \"\",\r\n      Email: \"\",\r\n      Chatpop: false,\r\n      UserId: \"\",\r\n      Team: [],\r\n      Teams: [],\r\n      Access: \"\",\r\n      checkBox1: false,\r\n      checkBox2: false,\r\n      checkBox3: false,\r\n      checkBox4: false,\r\n      externalAcc: false,\r\n      allowAcc1: true,\r\n      allowAcc2: \"\",\r\n      Filterpop: false,\r\n      EntityShow: false,\r\n      EntityShowOff: false,\r\n      Entity: [],\r\n      EName: \"\",\r\n      EId: \"\",\r\n      EntityUsers: [],\r\n      AllAccess: [],\r\n      DName: false,\r\n      MemberAccess: [],\r\n      AllMemberAccess: [],\r\n      FrdMemberAccess: [],\r\n      FrdAllMemberAccess: [],\r\n      NonAccess: [],\r\n      FrdNonAccess: [],\r\n      AllFrdNonAccess: [],\r\n      checking: false,\r\n      toggleStates: {},\r\n      selectedEntities: {},\r\n      UPic: \"\",\r\n      attachMenu: false,\r\n      Picturepopup: false,\r\n      isdocumentpopOpen: false,\r\n      ispicturepopOpen: false,\r\n      OneonOneAdmin: [],\r\n      MsgMenu: false,\r\n      Deletepop: false,\r\n      deletesender: \"\",\r\n      delparticularId: \"\",\r\n      deletedate: \"\",\r\n      deleteEvery: \"\",\r\n      deletemsg: \"\",\r\n      Forwardpic: \"\",\r\n      Forwarddoc: \"\",\r\n      deleteId: \"\",\r\n      Minimized: false,\r\n      InputDisabled: false,\r\n      hubConnection: null\r\n    };\r\n\r\n    this.inputReference = React.createRef();\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleEmojiClick = this.handleEmojiClick.bind(this);\r\n    this.myEmoji = this.myEmoji.bind(this);\r\n    this.formRef = React.createRef();\r\n    this.chatBoxRef = React.createRef();\r\n    this.firstInputRef = React.createRef();\r\n    this.searchForDiscRef = React.createRef();\r\n    this.attachMenu = this.attachMenu.bind(this);\r\n    this.deleteMenu = this.deleteMenu.bind(this);\r\n  }\r\n  closefuncdisc = () => {\r\n    this.setState({ Filterpop: false });\r\n    var AllMemberlist = this.state.AllMemberAccess;\r\n    this.setState({ MemberAccess: AllMemberlist, showResults: true });\r\n  };\r\n  handleChange(event) {\r\n    this.setState({\r\n      file: URL.createObjectURL(event.target.files[0]),\r\n    });\r\n  }\r\n\r\n  formatDateAA1 = (dateString) => {\r\n    const inputDate = new Date(dateString);\r\n    const currentDate = new Date();\r\n    const oneDay = 24 * 60 * 60 * 1000; \r\n    const oneWeekAgo = new Date(currentDate.getTime() - 7 * oneDay);\r\n\r\n    const isToday =\r\n      inputDate.getDate() === currentDate.getDate() &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isYesterday =\r\n      inputDate.getDate() === currentDate.getDate() - 1 &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isBeforeYesterday =\r\n      inputDate.getTime() > oneWeekAgo.getTime() && !isYesterday;\r\n\r\n    const options = {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n      hour: \"numeric\",\r\n      minute: \"numeric\",\r\n      hour12: true,\r\n    };\r\n\r\n    const options1 = {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n    };\r\n\r\n    if (isToday) {\r\n      return \"Today\";\r\n    } else if (isYesterday) {\r\n      return \"Yesterday\";\r\n    } else if (isBeforeYesterday) {\r\n      const formattedDate = inputDate.toLocaleDateString(\"en-US\", {\r\n        weekday: \"long\",\r\n      });\r\n      return `${formattedDate}`;\r\n    } else {\r\n      return inputDate.toLocaleString(\"en-US\", options1);\r\n    }\r\n  };\r\n\r\n  GetMemberAccess() {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    axios.get(`${BASE_URLs}/Chat/GetAccessMemberUsers`, options)\r\n      .then((response) => {\r\n        this.setState({\r\n          MemberAccess: response.data,\r\n          AllMemberAccess: response.data,\r\n          FrdMemberAccess: response.data,\r\n          FrdAllMemberAccess: response.data,\r\n        });\r\n        // // // console.log(\"Access Admin\", response.data);\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching MemberAccess:\", error);\r\n      });\r\n  \r\n    setInterval(1000);\r\n  }\r\n  \r\n  GetNonAccess() {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    axios.get(`${BASE_URLs}/Team/GetAccessMembers`, options)\r\n      .then((response) => {\r\n        this.setState({\r\n          NonAccess: response.data,\r\n          AllNonAccess: response.data,\r\n          FrdNonAccess: response.data,\r\n          AllFrdNonAccess: response.data\r\n        });\r\n        // // // console.log(\"NonAccess Admin\", response.data);\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching NonAccess:\", error);\r\n      });\r\n  }\r\n\r\n\r\n  UpdateLocalStorage() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Profile/GetUpdateAccessDetails`, options)\r\n      .then((response) => {\r\n        // Assuming response.data is an array of objects\r\n        response.data.forEach((d) => {\r\n          localStorage.setItem(\"access\", d.access);\r\n          localStorage.setItem(\"accessed_to\", d.accessed_to);\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // Handle errors here\r\n        // console.error(\"Error fetching update access details:\", error);\r\n      });\r\n  }\r\n  \r\n\r\n  handleDocumentChange = (event) => {\r\n    const selectedDocument = event.target.files[0];\r\n    this.setState({\r\n      document_Path: selectedDocument,\r\n      selectedDocumentName: selectedDocument.name,\r\n    });\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    this.setState({\r\n      message: e.target.value,\r\n    });\r\n  };\r\n\r\n  myEmoji = () => {\r\n    const changeState = this.state.showEmoji;\r\n    if (changeState) {\r\n      this.setState({\r\n        showEmoji: false,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        showEmoji: true,\r\n        attachMenu: false\r\n      });\r\n    }\r\n  };\r\n  handleEmojiClick = (emojiObject) => {\r\n    this.setState((prevState) => ({\r\n      message: prevState.message + emojiObject.emoji,\r\n      showEmoji: false,\r\n    }));\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n  handleTextChange = (event) => {\r\n    this.setState({\r\n      message: event.target.value,\r\n      deletemsg: event.target.value,\r\n    });\r\n  };\r\n  handleFileChange = (event) => {\r\n    this.setState({ picture_Path: event.target.files[0] });\r\n  };\r\n  handleSubmit = (data, email, firstName, event) => {\r\n  const { message, picture_Path, document_Path } = this.state;\r\n  if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n    event.preventDefault();\r\n    alert(\"Please enter a message, select an image, or choose a document.\");\r\n  } else {\r\n    event.preventDefault();\r\n\r\n    const formData = new FormData();\r\n    this.setState({\r\n      InputDisabled: true,\r\n    });\r\n    formData.append('data', data);\r\n\r\n    axios.post(`${BASE_URLs}/Contact/OneOnOne`, formData, {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        this.GetmsgPop(email);\r\n        this.GetReceivemsgPop(firstName, email);\r\n        this.setState({\r\n          message: \"\",\r\n          picture_Path: null,\r\n          document_Path: null,\r\n          MsgMenu: false,\r\n          InputDisabled: false,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error('Error:', error);\r\n      });\r\n  }\r\n};\r\n\r\n  scrollIntoView() {\r\n    this.myRef.current?.scrollIntoView();\r\n  }\r\n  scrollToBottom = () => {\r\n    if (this.chatBoxRef.current) {\r\n      this.chatBoxRef.current.scrollTop = this.chatBoxRef.current.scrollHeight;\r\n    }\r\n  };\r\n  GetForwardMembers = () => {\r\n    axios({\r\n      method: \"POST\",\r\n\r\n      url: `${BASE_URLs}/Chat/GetForwardMembers`,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n      })\r\n      .catch((error) => {\r\n      });\r\n  };\r\n  GetAllMembers(Id, GroupName, Profile) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetGroupMembers?Id=${Id}`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n  \r\n        localStorage.setItem(\"AllGroupMember\", JSON.stringify(data));\r\n  \r\n        const UserId = JSON.parse(localStorage.userId);\r\n  \r\n        let Member = localStorage.getItem(\"AllGroupMember\");\r\n        let Members = JSON.parse(Member);\r\n        let lMembers = Members.map((e) => e.user_id);\r\n        let Membersstr = lMembers.toString();\r\n  \r\n        this.setState({\r\n          Memberslist: Membersstr,\r\n        });\r\n  \r\n        this.SubmitStartMessage(Id, GroupName, Profile);\r\n        setTimeout(() => {\r\n          this.SubmitStartAddMessage(Id, GroupName, Profile);\r\n        }, 10);\r\n      })\r\n      .catch((error) => {\r\n        // console.error('Error fetching data:', error);\r\n      });\r\n  }\r\n\r\n  handleUserSelectionChange = (event) => {\r\n    window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });\r\n    const { value, checked } = event.target;\r\n    this.setState((prevState) => {\r\n      let selectedUsers = [...prevState.selectedUsers];\r\n      let selectedUserIds = [...prevState.selectedUserIds];\r\n      let selectedUsersA = [...prevState.selectedUsersA];\r\n      let selectedUserName = [...prevState.selectedUserName];\r\n      if (checked) {\r\n        const userToAdd = prevState.Addmembers.find(\r\n          (user) => user.email === value\r\n        );\r\n        if (userToAdd) {\r\n          selectedUsers.push(userToAdd);\r\n          selectedUserIds.push(userToAdd.email);\r\n        }\r\n\r\n        const userNameToAdd = prevState.Addmembers.find(\r\n          (user) => user.email === value\r\n        );\r\n        if (userNameToAdd) {\r\n          let Both = userNameToAdd.name;\r\n          selectedUsersA.push(userNameToAdd);\r\n          selectedUserName.push(Both);\r\n        }\r\n      } else {\r\n        const userNameToAdd = prevState.Addmembers.find(\r\n          (user) => user.email === value\r\n        );\r\n\r\n        selectedUsers = selectedUsers.filter((user) => user.email !== value);\r\n        selectedUserIds = selectedUserIds.filter((email) => email !== userNameToAdd.email);\r\n\r\n        selectedUsersA = selectedUsersA.filter((user) => user.email !== value);\r\n        selectedUserName = selectedUserName.filter(\r\n          (name) => name !== userNameToAdd.name\r\n        );\r\n      }\r\n\r\n      return { selectedUsers, selectedUserIds, selectedUserName };\r\n    });\r\n  };\r\n  handleDiscussionChange = (event) => {\r\n    const value = event.target.value;\r\n    this.setState({\r\n      discussionValue: value,\r\n      discussionNameValue: value, // Update the discussion name value\r\n    });\r\n  };\r\n\r\n  handleUserSelect = (id) => {\r\n    this.setState((prevState) => {\r\n      const selectedUserIds = prevState.selectedUsers.map((user) => user.id);\r\n      if (selectedUserIds.includes(id)) {\r\n        return {\r\n          selectedUsers: prevState.selectedUsers.filter(\r\n            (user) => user.id !== id\r\n          ),\r\n        };\r\n      }\r\n      const userToAdd = prevState.Addmembers.find((user) => user.id === id);\r\n      return {\r\n        selectedUsers: [...prevState.selectedUsers, userToAdd],\r\n      };\r\n    });\r\n  };\r\n  handleUserRemove = (email, name) => {\r\n    this.setState((prevState) => {\r\n      const updatedSelectedUsers = prevState.selectedUsers.filter(\r\n        (user) => user.email !== email\r\n      );\r\n      const updatedSelectedUserIds = prevState.selectedUserIds.filter(\r\n        (userId) => userId !== email\r\n      );\r\n      const updatedSelectedUserName = prevState.selectedUserName.filter(\r\n        (userName) => userName !== name\r\n      );\r\n\r\n      return {\r\n        selectedUsers: updatedSelectedUsers,\r\n        selectedUserIds: updatedSelectedUserIds,\r\n        selectedUserName: updatedSelectedUserName,\r\n      };\r\n    });\r\n  };\r\n  handleCheckboxChange = (event) => {\r\n    const itemId = parseInt(event.target.value);\r\n    const isChecked = event.target.checked;\r\n\r\n    if (isChecked) {\r\n      this.setState((prevState) => ({\r\n        checkedItems: [...prevState.checkedItems, itemId],\r\n      }));\r\n    } else {\r\n      this.setState((prevState) => ({\r\n        checkedItems: prevState.checkedItems.filter((id) => id !== itemId),\r\n      }));\r\n    }\r\n  };\r\n  hideBox2 = () => {\r\n    document.getElementById(\"Searchbox2\").style.display = \"none\";\r\n    this.setState({\r\n      selectedUsers: [],\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n    });\r\n  };\r\n  handleButton1Click = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isBackArrowVisible: true,\r\n      LastChatModel: false,\r\n      EntityModel: true,\r\n    });\r\n  };\r\n  handleButton2Click = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isButton3Visible: true,\r\n      showFirstHeader: true,\r\n      isBackArrowVisibleA: true,\r\n      isBackArrowVisibleB: true,\r\n      isBackArrowVisible: false,\r\n      LastChatModel: false,\r\n      isBox1Open: false,\r\n      isBox2Open: false,\r\n      LastGroupopen: true,\r\n    });\r\n  };\r\n  handleButton3Click = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isButton3Visible: false,\r\n      showFirstHeader: true,\r\n      isBackArrowVisibleA: true,\r\n      isBackArrowVisible: false,\r\n      LastGroupopen: false,\r\n      isBox3Open: true,\r\n    });\r\n  };\r\n\r\n  AccessOpen = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isButton3Visible: false,\r\n      showFirstHeader: true,\r\n      isBackArrowVisibleA: true,\r\n      isBackArrowVisible: false,\r\n      LastGroupopen: false,\r\n      isBox3Open: false,\r\n      Access: true,\r\n    });\r\n  };\r\n  handleButton4Click = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isButton3Visible: false,\r\n      showFirstHeader: true,\r\n      isBackArrowVisibleA: true,\r\n      isBackArrowVisible: false,\r\n      LastGroupopen: false,\r\n      isBox3Open: true,\r\n      isBox4Open: !this.state.isBox4Open,\r\n      selectedUsers: [],\r\n    });\r\n  };\r\n\r\n  ClearUsers = () => {\r\n    this.setState({\r\n      selectedUsers: [],\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n      Addmembers: [],\r\n    });\r\n  };\r\n\r\n  handleBackArrowClick = () => {\r\n    this.setState({\r\n      isButton1Visible: true,\r\n      isButton2Visible: true,\r\n      isButton3Visible: false,\r\n      showFirstHeader: true,\r\n      isBackArrowVisible: false,\r\n      AddSkillModel: false,\r\n      isBox1Open: false,\r\n      isBox2Open: false,\r\n      isBox3Open: false,\r\n      isBox4Open: false,\r\n      LastChatModel: true,\r\n      EntityModel: false,\r\n      SearchModel: false,\r\n    });\r\n  };\r\n  CheckboxClear = () => {\r\n    this.setState({\r\n      selectedUsers: [],\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n    });\r\n  };\r\n  handleBackArrowClick2 = () => {\r\n    this.setState({\r\n      selectedUsers: [],\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n    });\r\n    this.setState({\r\n      shouldFirstHeader: true,\r\n      checkBox1: false,\r\n      checkBox2: false,\r\n      checkBox3: false,\r\n      checkBox4: false,\r\n      displayForm: false,\r\n      Chatpop: false,\r\n    });\r\n\r\n    this.setState({\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isButton3Visible: true,\r\n      isBackArrowVisibleA: false,\r\n      isBackArrowVisibleB: false,\r\n      AddSkillModel: false,\r\n      showResults: false,\r\n      isBox1Open: false,\r\n      isBox2Open: false,\r\n      isBox3Open: false,\r\n      isBox4Open: false,\r\n      LastGroupopen: true,\r\n      Access: false,\r\n    });\r\n  };\r\n\r\n  handleBackArrowClick3 = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n      isButton2Visible: false,\r\n      isButton3Visible: true,\r\n      showFirstHeader: true,\r\n      isBackArrowVisibleA: true,\r\n      isBackArrowVisibleB: true,\r\n      isBackArrowVisible: false,\r\n      LastChatModel: false,\r\n      isBox1Open: false,\r\n      isBox2Open: false,\r\n      isBox3Open: false,\r\n      isBox4Open: false,\r\n      LastGroupopen: true,\r\n      Access: false,\r\n    });\r\n  };\r\n  AddSkillModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      AddSkillModel: !prevState.AddSkillModel,\r\n    }));\r\n  };\r\n\r\n  AddGroupModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n\r\n        document\r\n\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      AddGroupModel: !prevState.AddGroupModel,\r\n    })); \r\n  };\r\n\r\n  GetAddmembers() {\r\n    \r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Chat/GetallMembers`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n  \r\n        if (Array.isArray(data)) {\r\n          this.setState({\r\n            Addmembers: data,\r\n            AllAddmembers: data,\r\n          });\r\n        } else {\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        // console.error('Error fetching data:', error);\r\n      });\r\n  \r\n    // setInterval(1000);\r\n  }\r\n  GetAccessMembers() {\r\n    const { EName, EId } = this.state;\r\n  \r\n    const config = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      }\r\n    };\r\n  \r\n    const data = {\r\n      entity: EName,\r\n      id: EId,\r\n    };\r\n  \r\n    axios.post(`${BASE_URLs}/Chat/Accessmembers`, data, config)\r\n      .then((response) => {\r\n        // Handle response data if needed\r\n        // this.setState({ Access: response.data });\r\n        // // // console.log(\"Accessss\", response.data);\r\n        this.setState({\r\n          EntityShow: false,\r\n          EntityShowOff: false,\r\n        });\r\n        Swal.fire({\r\n          // title: \"Access Given\",\r\n          text: \"Access Given Successfully\",\r\n          icon: \"success\",\r\n          confirmButtonText: \"Done\",\r\n        });\r\n        this.Team1();\r\n        window.location.reload(true);\r\n      })\r\n      .catch((error) => {\r\n        // Handle error\r\n        // console.error('Error:', error);\r\n      });\r\n  }\r\n\r\n  GetAccessMembersOff(entityName, id) {\r\n    const { EName, EId } = this.state;\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.post(`${BASE_URLs}/Chat/AccessmembersOff`, {\r\n      entity: EName,\r\n      id: EId,\r\n    }, options)\r\n    .then((response) => {\r\n      // Handle response data here\r\n    })\r\n    .catch((error) => {\r\n      // Handle errors here\r\n    })\r\n    .finally(() => {\r\n      this.setState({\r\n        EntityShow: false,\r\n        EntityShowOff: false,\r\n      });\r\n      Swal.fire({\r\n        // title: \"Access Given\",\r\n        text: \"Access Turned off Successfully\",\r\n        icon: \"success\",\r\n        confirmButtonText: \"Done\",\r\n      });\r\n      window.location.reload(true);\r\n    });\r\n  }\r\n\r\n  GetAccessMembersDenied(entityName, id) {\r\n    const { EName, EId } = this.state;\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.post(`${BASE_URLs}/Chat/AccessmembersDenied`, {\r\n      entity: EName,\r\n      id: EId,\r\n    }, options)\r\n    .then((response) => {\r\n      // Handle response data here\r\n      // // console.log(\"AccessmembersDenied\", response.data);\r\n    })\r\n    .catch((error) => {\r\n      // Handle errors here\r\n    })\r\n    .finally(() => {\r\n      this.setState({\r\n        EntityShow: false,\r\n        EntityShowOff: false,\r\n      });\r\n      Swal.fire({\r\n        // title: \"Access Given\",\r\n        text: \"Access Denied Successfully\",\r\n        icon: \"success\",\r\n        confirmButtonText: \"Done\",\r\n      });\r\n      document.getElementById('EAccessPopA1').style.display = \"none\";\r\n    });\r\n  }\r\n\r\n  GetAccessMembers1(members_Id) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    Swal.fire({\r\n      title: \"Click Ok to Confirm\",\r\n\r\n      text: \"For Giving Access\",\r\n\r\n      icon: \"warning\",\r\n\r\n      showCancelButton: true,\r\n\r\n      confirmButtonColor: \"#3085d6\",\r\n\r\n      cancelButtonColor: \"#d33\",\r\n\r\n      confirmButtonText: \"Yes!\",\r\n    });\r\n  }\r\n\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/AddOrganization/status1`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n  \r\n        this.setState({\r\n          OATUser: data,\r\n          OATAlluser: data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error('Error:', error);\r\n      });\r\n  }\r\n\r\n  SearchModel = (id, uid, cid, em, cn) => {\r\n    this.setState({\r\n      EntityModel: false,\r\n    });\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      SearchValues: {\r\n        id: id,\r\n        userId: uid,\r\n        company_Id: cid,\r\n        email: em,\r\n        company_Name: cn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      SearchModel: !prevState.SearchModel,\r\n    }));\r\n  };\r\n\r\n  GetEntityUser(AdminEmail) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/UserBank/OatUser?AdminEmail=${AdminEmail}`, options)\r\n      .then((response) => {\r\n        if (!response.status === 200) {\r\n          throw new Error(\"Error: \" + response.status);\r\n        }\r\n        return response.data;\r\n      })\r\n      .then((data) => {\r\n        this.setState({\r\n          EntityUser: data,\r\n          EntityUserlist: data,\r\n          showResults: true,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n      });\r\n  }\r\n\r\n  backentity = () => {\r\n    this.setState({\r\n      EntityModel: true,\r\n      SearchModel: false,\r\n    });\r\n  };\r\n\r\n  GetAnnouncement(Id) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/UserBank/GetAllUser?Id=${Id}`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          Announcement: data,\r\n          AllAnnouncement: data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error('Error:', error);\r\n      });\r\n  }\r\n\r\n  myFunctionAll = (e) => {\r\n    clearInterval(this.interval);\r\n    const MemberAccess = this.state.AllMemberAccess.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ MemberAccess, showResults: true });\r\n\r\n    const NonAccess = this.state.AllNonAccess.filter(\r\n      (item) =>\r\n        item.firstName\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n\r\n    this.setState({ NonAccess, showResults: true });\r\n\r\n    if (NonAccess.length === 0 && MemberAccess.length === 0) {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \" Member Not Found\";\r\n    } else {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \"\";\r\n    }\r\n\r\n\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement });\r\n    const OATUser = this.state.OATAlluser.filter((item) =>\r\n      item.company_Name.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ OATUser });\r\n  };\r\n\r\n  LettermyFunctionAll = (letter, e) => {\r\n    e.preventDefault();\r\n    const Addmembers = this.state.AllAddmembers.filter(\r\n      (item) =>\r\n        item.name.toLowerCase().startsWith(letter.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(letter.toLowerCase())\r\n    );\r\n    this.setState({ Addmembers, showResults: true });\r\n\r\n    if (Addmembers.length === 0) {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \" Member Not Found\";\r\n    } else {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \"\";\r\n    }\r\n\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().includes(letter.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(letter.toLowerCase())\r\n    );\r\n    this.setState({ Announcement });\r\n    const OATUser = this.state.OATAlluser.filter((item) =>\r\n      item.company_Name.toLowerCase().includes(letter.toLowerCase())\r\n    );\r\n    this.setState({ OATUser });\r\n  };\r\n\r\n  myFunctionEntity = (e) => {\r\n    const EntityUser = this.state.EntityUserlist.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ EntityUser });\r\n  };\r\n  myFunction1 = (e) => {\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement });\r\n  };\r\n  EntityFilter = (e) => {\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.adminName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement, showResults: true });\r\n  };\r\n  componentDidMount() {\r\n    this.checkShouldClickButton3();\r\n      this.GetAnnouncement();\r\n    this.GetMessages();\r\n    this.GetAddmembers();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n    this.UserOrg();\r\n    this.setState({ letters: alphabet });\r\n    this.handleClick();\r\n    this.Team();\r\n    this.Team1();\r\n    this.GetMemberAccess();\r\n    this.GetNonAccess();\r\n\r\n    const hubConnection = new signalR.HubConnectionBuilder()\r\n      .withUrl(`${BASE_URLs}/chatHub`) // Replace with your SignalR hub URL\r\n      .configureLogging(signalR.LogLevel.Information)\r\n      .build();\r\n\r\n    this.setState({ hubConnection }, () => {\r\n      this.state.hubConnection\r\n        .start()\r\n        .then(() => {\r\n          // console.log('SignalR Connected');\r\n\r\n          this.state.hubConnection.on('ReceiveMessage', (user, message) => {\r\n            // console.log(`New message received: ${message} from ${user}`);\r\n            this.setState(prevState => ({\r\n              message: [...prevState.message, { user, message }]\r\n            }));\r\n          });\r\n        })\r\n        .catch(error => {}\r\n          //  console.error('SignalR Connection Error:', error)\r\n          );\r\n    });\r\n\r\n    this.OneononeUser();\r\n\r\n    var Id = JSON.parse(localStorage.getItem(\"userId\"));\r\n    this.setState({ UserId: Id });\r\n\r\n      if (!this.state.Filterpop) {\r\n        Promise.all([this.GetAddmembers(), this.UpdateLocalStorage()])\r\n          .then(results => {\r\n          })\r\n          .catch(error => {\r\n          });\r\n      }\r\n\r\n\r\n    document.addEventListener(\"mousedown\", this.handleClickOutside);\r\n  }\r\n\r\n  componentDidUpdate(prevProps) {\r\n    if (prevProps.location !== this.props.location) {\r\n      this.checkShouldClickButton3();\r\n    }\r\n  }\r\n\r\n  checkShouldClickButton3() {\r\n    const { location } = this.props;\r\n    if (location.state && location.state.shouldClickButton3) {\r\n      this.handleButton3Click();\r\n      this.getDetails(location.state.FirstName,location.state.UserName,location.state.pic,location.state.senderId,location.state.particularId)\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    clearInterval(this.interval);\r\n  }\r\n\r\n\r\n  handleClickOutside = (event) => {\r\n    if (\r\n      this.containerRef.current &&\r\n      !this.containerRef.current.contains(event.target)\r\n    ) {\r\n      this.setState({\r\n        Deletepop: false,\r\n\r\n        showEmoji: false,\r\n        MsgMenu: false,\r\n        attachMenu: false,\r\n      });\r\n    }\r\n  };\r\n  Team() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Team/GetActiveMembers`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          EntityMembers: data,\r\n          AllEntityMembers: data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error('Error:', error);\r\n      });\r\n  }\r\n  OneononeUser() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/UserBank/GetAllUserPop`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        this.setState({\r\n          OneonOne: data,\r\n          OneonOneCount: data,\r\n          User: [],\r\n          Alluser1: [],\r\n          Deleted: [],\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error('Error:', error);\r\n      });\r\n  }\r\n\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Addmembers = this.state.AllAddmembers.filter((item) => {\r\n      return item.name.charAt(0).toLowerCase() === letter.toLowerCase();\r\n    });\r\n    this.setState({ Addmembers, showResults: true });\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.firstName\r\n          .toLowerCase()\r\n          .includes(event.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(event.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement });\r\n    const OATUser = this.state.OATAlluser.filter((item) =>\r\n      item.company_Name.toLowerCase().includes(event.target.value.toLowerCase())\r\n    );\r\n    this.setState({ OATUser });\r\n  };\r\n\r\n  printChecked() {\r\n    var items = document.getElementsByName(\"inputCheck\");\r\n    var arr = [];\r\n    for (var i = 0; i < items.length; i++) {\r\n      if (items[i].type == \"checkbox\" && items[i].checked == true) {\r\n        arr.push(items[i].value);\r\n      }\r\n    }\r\n    localStorage.setItem(\"ddvalue\", arr);\r\n    var arr = localStorage.getItem(\"ddvalue\");\r\n    arr = arr.split(\",\");\r\n    var selectedItems = \"\";\r\n    for (var i = 0; i < arr.length; i++) {\r\n      selectedItems += \"<br/>\" + arr[i];\r\n      document.getElementById(\"result\").innerHTML = selectedItems;\r\n    }\r\n    return true;\r\n  }\r\n  EditSkillModel = (e, fn) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        firstName: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModel: !prevState.EditSkillModel,\r\n    }));\r\n  };\r\n  EditSkillModelEntity = (e, fn, al, uid, rmsg, em, mb) => {\r\n    this.GetmsgPop(em);\r\n    this.GetReceivemsgPop(fn);\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditSkillValuesEntity: {\r\n        id: e,\r\n        firstName: fn,\r\n        allmessage: al,\r\n        usermsgId: uid,\r\n        receivemsg: rmsg,\r\n        email: em,\r\n        displayName: mb,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModelEntity: !prevState.EditSkillModelEntity,\r\n    }));\r\n  };\r\n  Lastgrpchatmodel = () => {\r\n    this.setState((prevState) => ({\r\n      Lastgrpchatmodel: !prevState.Lastgrpchatmodel,\r\n    }));\r\n  };\r\n  LastChatModel = () => {\r\n    this.setState((prevState) => ({\r\n      LastChatModel: !prevState.LastChatModel,\r\n    }));\r\n  };\r\n\r\n  handletitle = () => {\r\n    var GroupName = document.getElementById(\"Group-Title\").value;\r\n    if (!GroupName) {\r\n      document.getElementById(\"titleerr\").innerHTML =\r\n        \"Discussion Name Required!\";\r\n    } else {\r\n      document.getElementById(\"titleerr\").innerHTML = \" \";\r\n    }\r\n  };\r\n  handleSubmitTitle = (event) => {\r\n    event.preventDefault();\r\n    let String_User = this.state.selectedUserIds.toString();\r\n    var GroupName = document.getElementById(\"Group-Title\").value;\r\n    let BASE_URL = JSON.parse(localStorage.email);\r\n    let comma = \",\";\r\n    let String_UserA = `${String_User}${comma}${BASE_URL}`;\r\n\r\n    if (!GroupName) {\r\n      document.getElementById(\"titleerr\").innerHTML =\r\n        \"Discussion Name Required!\";\r\n    } else {\r\n      document.getElementById(\"titleerr\").innerHTML = \" \";\r\n    }\r\n\r\n    if (!String_UserA) {\r\n      alert(\"You Need to Add Atleast One Member to start Group Discussion\");\r\n    }\r\n\r\n    if (GroupName && String_UserA) {\r\n      const data = {\r\n        user_id: String_UserA,\r\n        group_Name: GroupName,\r\n        Privacy: 0,\r\n        ImagePath: this.state.fileUploadState,\r\n      };\r\n\r\n      axios({\r\n        method: \"POST\",\r\n        url: `${BASE_URLs}/Chat/CreateGroup`,\r\n        data: data,\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n          if (response.data.status === \"Failure\") {\r\n            alert(\"Discussion Name Already Exist\");\r\n          }\r\n\r\n          if (response.data.status === \"Success\") {\r\n            Swal.fire({\r\n              position: \"center\",\r\n              icon: \"success\",\r\n\r\n              text: \"Discussion Created\",\r\n\r\n              showConfirmButton: false,\r\n\r\n              timer: 3000,\r\n              customClass: \"Group-swal-container\",\r\n            });\r\n\r\n            this.closePopup();\r\n            this.GetGroupId(GroupName);\r\n\r\n            this.setState({\r\n              showResults: false,\r\n              displayForm: false\r\n            });\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          alert(\"failed !\");\r\n        });\r\n    }\r\n  };\r\n  SubmitStartMessage = (Id, GroupName, Profile) => {\r\n    const data = {\r\n      Group_Name: GroupName,\r\n      Group_id: Id,\r\n      GroupMember: this.state.Memberslist,\r\n      Profile: Profile,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/contact/GroupStartMessage`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        setTimeout(() => {\r\n          this.setState({\r\n            isBox1Open: false,\r\n            isBox2Open: false,\r\n            isBox3Open: false,\r\n            isBox4Open: false,\r\n            LastGroupopen: true,\r\n            isButton3Visible: true,\r\n            showFirstHeader: false,\r\n            EditSkillModel: true,\r\n            istitlepopOpen: false,\r\n            isBackArrowVisibleA: false,\r\n            Access: false,\r\n            EditSkillValues: {\r\n              groupId: Id,\r\n              groupName: GroupName,\r\n            },\r\n          });\r\n        }, 1000);\r\n      })\r\n      .catch((error) => {\r\n        alert(\"failed !\");\r\n      });\r\n  };\r\n\r\n  SubmitStartAddMessage = (Id, GroupName, Profile) => {\r\n    let String_User = this.state.selectedUserName.toString();\r\n    const data = {\r\n      Group_Name: GroupName,\r\n      Group_id: Id,\r\n      GroupMember: this.state.Memberslist,\r\n      Message: String_User,\r\n      Profile: Profile,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/contact/GroupAddMemberMessage`,\r\n      data: data,\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        this.setState({\r\n          selectedUsers: [],\r\n          selectedUserIds: [],\r\n          selectedUserName: [],\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        alert(\"failed !\");\r\n      });\r\n  };\r\n  GetGroupId(GroupName) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetGroupId?GroupName=${GroupName}`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        localStorage.setItem(\"GroupData\", JSON.stringify(data));\r\n        let groupdetail = localStorage.getItem(\"GroupData\");\r\n        let group = JSON.parse(groupdetail);\r\n        let groupid = group.map((e) => e.group_id);\r\n        let profile = group.map((e) => e.profile_Pic);\r\n        let Profile = profile[0];\r\n        let Id = groupid[0];\r\n  \r\n        this.GetAllMembers(Id, GroupName, Profile);\r\n      })\r\n      .catch((error) => {\r\n        // console.error('Error:', error);\r\n      });\r\n  }\r\n\r\n  formclick() {\r\n    document.getElementById(\"formbtn\").click();\r\n  }\r\n\r\n  handleButtonClick() {\r\n    this.setState((prevState) => ({\r\n      isBox1Open: !prevState.isBox1Open,\r\n      isBox2Open: !prevState.isBox2Open,\r\n    }));\r\n\r\n    setTimeout(() => {\r\n      document.getElementById(\"Searchbox2\").style.display = \"none\";\r\n    }, 5);\r\n  }\r\n  GetmsgPop(UserName) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetmsgPop?UserName=${UserName}`, options)\r\n      .then((response) => {\r\n        if (!response.status === 200) {\r\n          throw new Error(\"Error: \" + response.status);\r\n        }\r\n        return response.data;\r\n      })\r\n      .then((data) => {\r\n        const DataLength = this.state.Popmsg.length;\r\n  \r\n        this.setState({\r\n          Popmsg: data,\r\n        }, () => {\r\n          if (data.length > DataLength) {\r\n            this.scrollToBottom();\r\n          }\r\n        });\r\n  \r\n        this.setState({\r\n          Popmsg: data,\r\n        });\r\n        this.setState({\r\n          OneonOneAdmin: UserName,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n      });\r\n  }\r\n\r\n  EntityShowPop = (entityName, id) => {\r\n\r\n    this.setState((prevState) => {\r\n      const toggleStates = { ...prevState.toggleStates };\r\n      const selectedEntities = Array.isArray(prevState.selectedEntities)\r\n        ? [...prevState.selectedEntities]\r\n        : [];\r\n      toggleStates[id] = !toggleStates[id];\r\n\r\n      if (toggleStates[id]) {\r\n        selectedEntities.push({ id, entityName });\r\n\r\n        const entityNames = selectedEntities.map(entity => entity.entityName).join(','); // Convert array to string\r\n        const entityId = selectedEntities.map(entity => entity.id).join(','); // Convert array to string\r\n\r\n        this.setState({\r\n          EName: entityNames,\r\n          EId: entityId,\r\n        });\r\n      } else {\r\n        const indexToRemove = selectedEntities.findIndex(entity => entity.id === id);\r\n        selectedEntities.splice(indexToRemove, 1);\r\n        const SelectedEntitiesA = selectedEntities.length > 0;\r\n        this.setState({\r\n          EntityShow: SelectedEntitiesA,\r\n          toggleStates,\r\n          selectedEntities,\r\n        });\r\n      }\r\n\r\n\r\n      return { toggleStates, selectedEntities };\r\n    });\r\n  };\r\n\r\n  AllEntityShow = (entityName, id) => {\r\n\r\n    this.setState((prevState) => {\r\n      const toggleStates = { ...prevState.toggleStates };\r\n      const selectedEntities = Array.isArray(prevState.selectedEntities)\r\n        ? [...prevState.selectedEntities]\r\n        : [];\r\n      toggleStates[id] = !toggleStates[id];\r\n\r\n      if (toggleStates[id]) {\r\n        selectedEntities.push({ id, entityName });\r\n\r\n        const entityNames = selectedEntities.map(entity => entity.entityName).join(','); // Convert array to string\r\n        const entityId = selectedEntities.map(entity => entity.id).join(','); // Convert array to string\r\n\r\n        this.setState({\r\n          EntityShow: true,\r\n          EName: entityNames,\r\n          EId: entityId,\r\n        });\r\n      } else {\r\n        const indexToRemove = selectedEntities.findIndex(entity => entity.id === id);\r\n        selectedEntities.splice(indexToRemove, 1);\r\n        const SelectedEntitiesA = selectedEntities.length > 0;\r\n        this.setState({\r\n          EntityShow: SelectedEntitiesA,\r\n          toggleStates,\r\n          selectedEntities,\r\n        });\r\n      }\r\n\r\n\r\n      return { toggleStates, selectedEntities };\r\n    });\r\n  };\r\n\r\n\r\n  GetReceivemsgPop(FirstName, UserName) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetReceivemsgPop?FirstName=${FirstName}&Email=${UserName}`, options)\r\n      .then((response) => {\r\n        if (!response.status === 200) {\r\n          throw new Error(\"Error: \" + response.status);\r\n        }\r\n        return response.data;\r\n      })\r\n      .then((data) => {\r\n        const DataLength = this.state.ReceivepopMsg.length;\r\n  \r\n        this.setState({\r\n          ReceivepopMsg: data,\r\n        }, () => {\r\n          if (data.length > DataLength) {\r\n            this.scrollToBottom();\r\n          }\r\n        });\r\n      })\r\n      .catch((error) => {\r\n      });\r\n  }\r\n\r\n  GetMessages() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetSendmsg`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        if (Array.isArray(data)) {\r\n          this.setState({\r\n            Messages: data,\r\n          });\r\n        } else {\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        // console.error('Error:', error);\r\n      });\r\n  }\r\n  Successpopclose = () => {\r\n    this.setState({\r\n      isButton1Visible: true,\r\n      isButton2Visible: true,\r\n      isBackArrowVisible: false,\r\n      EntityModel: false,\r\n      EditSkillModelEntity: false,\r\n      LastChatModel: true,\r\n    });\r\n  };\r\n\r\n  OATSearch = (e) => {\r\n    const OATUser = this.state.OATAlluser.filter((item) =>\r\n      item.company_Name.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ OATUser });\r\n  };\r\n\r\n  TeamSearch = (e) => {\r\n    const Entity = this.state.Teams.filter((item) =>\r\n      item.entityName.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n\r\n    this.setState({ Entity });\r\n  };\r\n  LetterTeamSearch = (letter, e) => {\r\n    e.preventDefault();\r\n    const Entity = this.state.Teams.filter((item) =>\r\n      item.entityName.toLowerCase().startsWith(letter.toLowerCase())\r\n    );\r\n    this.setState({ Entity });\r\n    if (Entity.length === 0) {\r\n      document.getElementById(\"FilterErr\").innerHTML = \"Entity Not Found\";\r\n    } else {\r\n      document.getElementById(\"FilterErr\").innerHTML = \"\";\r\n    }\r\n  };\r\n  toggleTitlePopupOpen = () => {\r\n    {\r\n      this.state.selectedUsers.length == 0\r\n        ? alert(\"Select Any User\")\r\n        : this.setState({\r\n          istitlepopOpen: true,\r\n        });\r\n    }\r\n  };\r\n  toggleTitlePopup = () => {\r\n    this.setState({\r\n      istitlepopOpen: false,\r\n\r\n      EImage: DefaultProfile,\r\n    });\r\n  };\r\n\r\n  publicbtn = (event) => {\r\n    this.setState({\r\n      selectedOption: event.target.value,\r\n      error: \"\",\r\n    });\r\n    Swal.fire({\r\n      title: \"Are you sure\",\r\n      text: \"Continue with Public chat?\",\r\n      icon: \"warning\",\r\n      showCancelButton: true,\r\n      confirmButtonColor: \"#3085d6\",\r\n      cancelButtonColor: \"#d33\",\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n    });\r\n    this.setState({\r\n      privacy: 1,\r\n    });\r\n  };\r\n  privatebtn = (event) => {\r\n    this.setState({\r\n      selectedOption: event.target.value,\r\n      error: \"\",\r\n    });\r\n\r\n    Swal.fire({\r\n      title: \"Are you sure\",\r\n      text: \"Continue with Private chat?\",\r\n      icon: \"warning\",\r\n      showCancelButton: true,\r\n      confirmButtonColor: \"#3085d6\",\r\n      cancelButtonColor: \"#d33\",\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n    });\r\n\r\n    this.setState({\r\n      privacy: 0,\r\n    });\r\n  };\r\n  fileUploadAction = () => this.inputReference.current.click();\r\n  fileUploadInputChange = (e) => {\r\n    const selectedFile = e.target.files[0];\r\n\r\n    if (!selectedFile) {\r\n      return;\r\n    }\r\n\r\n    if (!(selectedFile instanceof Blob || selectedFile instanceof File)) {\r\n      return;\r\n    }\r\n\r\n    this.setState({\r\n      fileUploadState: selectedFile,\r\n      EImage: URL.createObjectURL(selectedFile),\r\n    });\r\n  };\r\n  openPopup = (e) => {\r\n    e.preventDefault();\r\n    var users = this.state.selectedUsers;\r\n    if (users.length === 0) {\r\n      alert(\"Choose Discussion Members\");\r\n    } else {\r\n      this.setState({ isPopupOpen: true });\r\n    }\r\n  };\r\n\r\n  closePopup = () => {\r\n    this.setState({ isPopupOpen: false });\r\n  };\r\n\r\n  handleClick = () => {\r\n    this.GetMemberAccess();\r\n    this.GetNonAccess();\r\n    this.setState(\r\n      (prevState) => ({\r\n        showFirstHeader: !prevState.showFirstHeader,\r\n      })\r\n    );\r\n  };\r\n\r\n  GetReceivemsgPopUser(FirstName, UserName) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Contact/GetReceivemsgPopUser?FirstName=${FirstName}&Email=${UserName}`, options)\r\n      .then((response) => {\r\n        if (!response.status === 200) {\r\n          throw new Error(\"Error: \" + response.status);\r\n        }\r\n        return response.data;\r\n      })\r\n      .then((data) => {\r\n        const DataLength = this.state.ReceivepopMsgUser.length;\r\n  \r\n        this.setState({\r\n          ReceivepopMsgUser: data,\r\n        }, () => {\r\n          if (data.length > DataLength) {\r\n            this.scrollToBottom();\r\n          }\r\n        });\r\n        this.setState({\r\n          ReceivepopMsgUser: data,\r\n        });\r\n  \r\n      })\r\n      .catch((error) => {\r\n      });\r\n  }\r\n  getDetails = (FirstName, UserName, pic, senderId, particularId) => {\r\n    if (this.state.Chatpop) {\r\n      this.setState({\r\n        Name: FirstName,\r\n        Email: UserName,\r\n        UPic: pic,\r\n        attachMenu: false,\r\n        showEmoji: false,\r\n        MsgMenu: false,\r\n        Deletepop: false,\r\n        Picturepopup: false,\r\n        Documentpopup: false\r\n      }, () => {\r\n        setTimeout(() => {\r\n          this.scrollToBottom();\r\n        }, 100);\r\n      });\r\n\r\n      this.GetReceivemsgPop(FirstName, UserName);\r\n      this.GetReceivemsgPopUser(FirstName, UserName);\r\n      this.GetmsgPop(UserName);\r\n      this.GetAddmembers();\r\n      this.GetNonAccess();\r\n\r\n      if (this.interval) {\r\n        clearInterval(this.interval);\r\n      }\r\n      this.interval = setInterval(() => {\r\n        this.GetReceivemsgPop(FirstName, UserName);\r\n        this.GetReceivemsgPopUser(FirstName, UserName);\r\n        this.GetmsgPop(UserName);\r\n        this.markMessageAsSeenAdmin(\r\n          senderId, particularId\r\n        );\r\n        this.markMessageAsSeenUser(senderId, particularId\r\n        );\r\n      }, 1000);\r\n\r\n    } else {\r\n      this.setState({\r\n        Chatpop: true,\r\n        Name: FirstName,\r\n        Email: UserName,\r\n        UPic: pic,\r\n        attachMenu: false,\r\n        showEmoji: false,\r\n        MsgMenu: false,\r\n        Deletepop: false,\r\n        Picturepopup: false,\r\n        Documentpopup: false\r\n      }, () => {\r\n        setTimeout(() => {\r\n          this.scrollToBottom();\r\n        }, 100);\r\n      });\r\n\r\n      this.GetReceivemsgPop(FirstName, UserName);\r\n      this.GetReceivemsgPopUser(FirstName, UserName);\r\n      this.GetmsgPop(UserName);\r\n      this.GetAddmembers();\r\n      this.GetNonAccess();\r\n\r\n      if (this.interval) {\r\n        clearInterval(this.interval);\r\n      }\r\n      this.interval = setInterval(() => {\r\n        this.GetReceivemsgPop(FirstName, UserName);\r\n        this.GetReceivemsgPopUser(FirstName, UserName);\r\n        this.GetmsgPop(UserName);\r\n        this.markMessageAsSeenAdmin(\r\n          senderId, particularId\r\n        );\r\n        this.markMessageAsSeenUser(senderId, particularId\r\n        );\r\n      }, 1000);\r\n    }\r\n    window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });\r\n  };\r\n\r\n  hideChatpop = () => {\r\n    this.setState({\r\n      Chatpop: false,\r\n      MsgMenu: false,\r\n      Deletepop: false,\r\n      attachMenu: false,\r\n      showEmoji: false,\r\n    });\r\n    var inputvalue = document.getElementById('searchInputvalue').value\r\n\r\n    if (inputvalue !== null) {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \"\";\r\n      document.getElementById('searchInputvalue').value = '';\r\n      this.GetMemberAccess();\r\n      this.GetNonAccess();\r\n    }\r\n    else {\r\n    }\r\n  };\r\n  Formdisplay = () => {\r\n    this.setState((prevState) => ({\r\n      displayForm: !prevState.displayForm,\r\n      Chatpop: false,\r\n    }));\r\n\r\n    var inputvalue = document.getElementById('searchInputvalue').value\r\n\r\n    if (inputvalue !== null) {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \"\";\r\n      document.getElementById('searchInputvalue').value = '';\r\n      this.GetMemberAccess();\r\n      this.GetNonAccess();\r\n    }\r\n    else {\r\n    }\r\n\r\n  };\r\n  HideFormdisplay = () => {\r\n    this.setState((prevState) => ({\r\n      displayForm: false,\r\n      selectedUsers: [],\r\n      selectedUserIds: [],\r\n      selectedUserName: [],\r\n      Addmembers: [],\r\n    }));\r\n\r\n\r\n    var inputvalue = document.getElementById('searchInputvalue').value\r\n\r\n    if (inputvalue !== null) {\r\n      document.getElementById(\"DFilterErr\").innerHTML = \"\";\r\n      document.getElementById('searchInputvalue').value = '';\r\n      this.GetMemberAccess();\r\n      this.GetNonAccess();\r\n    }\r\n    else {\r\n    }\r\n\r\n  };\r\n  handleSubmitA = (event) => {\r\n    const { message, picture_Path, document_Path } = this.state;\r\n    if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n      event.preventDefault();\r\n      alert(\"Please enter a message, select an image, or choose a document.\");\r\n    } else {\r\n      event.preventDefault();\r\n      const formData = new FormData(this.formRef.current);\r\n\r\n      this.setState({\r\n        InputDisabled: true,\r\n      });\r\n  \r\n      // Now you can access form data values from formData\r\n      for (const [key, value] of formData.entries()) {\r\n        // // // console.log(`Field name: ${key}, Field value: ${value}`);\r\n      }\r\n  \r\n      axios.post(`${BASE_URLs}/Contact/OneOnOne`, formData, {\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          'Content-Type': 'multipart/form-data'\r\n        }\r\n      })\r\n      .then((response) => {\r\n        var FirstName = this.state.Name;\r\n        var UserName = this.state.Email;\r\n        this.GetReceivemsgPop(FirstName, UserName);\r\n  \r\n        this.GetmsgPop(UserName);\r\n        this.setState({\r\n          message: \"\",\r\n          picture_Path: null,\r\n          document_Path: null,\r\n          InputDisabled: false,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error('Error occurred while sending data:', error);\r\n      });\r\n    }\r\n  };\r\n  \r\n\r\n  markMessageAsSeenUser = (senderId, particularId) => {\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      data: {\r\n        senderId: senderId,\r\n        particularId: particularId,\r\n      },\r\n    };\r\n  \r\n    axios.post(`${BASE_URLs}/Notification/MsgSeenUser`, options)\r\n      .then((response) => {\r\n\r\n      })\r\n      .catch((error) => {\r\n\r\n      });\r\n  };\r\n\r\n  markMessageAsSeenAdmin = (senderId, particularId) => {\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      data: {\r\n        senderId: senderId,\r\n        particularId: particularId,\r\n      },\r\n    };\r\n  \r\n    axios.post(`${BASE_URLs}/Notification/MsgcountSeenAdmin`, options)\r\n      .then((response) => {\r\n\r\n      })\r\n      .catch((error) => {\r\n\r\n      });\r\n  };\r\n\r\n  AccessSetting = () => {\r\n    this.setState({\r\n      Access: !this.state.Access,\r\n    });\r\n  };\r\n\r\n  Team1() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Team/GetEntity`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        data.sort((a, b) => parseInt(a.teamId) - parseInt(b.teamId));\r\n        this.setState({\r\n          Entity: data,\r\n          Teams: data,\r\n        });\r\n      })\r\n      .catch((error) => {\r\n        // console.error('Error:', error);\r\n      });\r\n  }\r\n\r\n  HandleAllowAccessExternal1 = () => {\r\n    this.setState({\r\n      allowAcc1: \"0\",\r\n      allowAcc2: \"1\",\r\n      checkBox1: true,\r\n      checkBox2: false,\r\n      checkBox3: false,\r\n      checkBox4: false,\r\n    });\r\n  };\r\n\r\n  HandleAllowAccessExternal2 = () => {\r\n    this.setState({\r\n      allowAcc1: \"0\",\r\n      allowAcc2: \"1\",\r\n      checkBox1: false,\r\n      checkBox2: true,\r\n      checkBox3: false,\r\n      checkBox4: false,\r\n    });\r\n  };\r\n  HandleAllowAccessExternal3 = () => {\r\n    this.setState({\r\n      allowAcc1: \"0\",\r\n      allowAcc2: \"1\",\r\n      checkBox1: false,\r\n      checkBox2: false,\r\n      checkBox3: true,\r\n      checkBox4: false,\r\n    });\r\n  };\r\n  HandleAllowAccessExternal4 = () => {\r\n    this.setState({\r\n      allowAcc1: \"0\",\r\n      allowAcc2: \"1\",\r\n      checkBox1: false,\r\n      checkBox2: false,\r\n      checkBox3: false,\r\n      checkBox4: true,\r\n    });\r\n  };\r\n\r\n  EntityShow = (entityName, id) => {\r\n    this.setState((prevState) => {\r\n      const toggleStates = { ...prevState.toggleStates };\r\n      const selectedEntities = Array.isArray(prevState.selectedEntities)\r\n        ? [...prevState.selectedEntities]\r\n        : [];\r\n      toggleStates[id] = !toggleStates[id];\r\n\r\n      if (toggleStates[id]) {\r\n        selectedEntities.push({ id, entityName });\r\n\r\n        const entityNames = selectedEntities.map(entity => entity.entityName).join(','); // Convert array to string\r\n        const entityId = selectedEntities.map(entity => entity.id).join(','); // Convert array to string\r\n\r\n        this.setState({\r\n          EntityShow: true,\r\n          EName: entityNames,\r\n          EId: entityId,\r\n        });\r\n      } else {\r\n        const indexToRemove = selectedEntities.findIndex(entity => entity.id === id);\r\n        selectedEntities.splice(indexToRemove, 1);\r\n        const SelectedEntitiesA = selectedEntities.length > 0;\r\n        this.setState({\r\n          EntityShow: SelectedEntitiesA,\r\n          toggleStates,\r\n          selectedEntities,\r\n        });\r\n      }\r\n\r\n\r\n      return { toggleStates, selectedEntities };\r\n    });\r\n  };\r\n\r\n\r\n  EntityShowOff = (entityName, id) => {\r\n    this.setState((prevState) => {\r\n      const toggleStates = { ...prevState.toggleStates };\r\n      const selectedEntities = Array.isArray(prevState.selectedEntities)\r\n        ? [...prevState.selectedEntities]\r\n        : [];\r\n      toggleStates[id] = !toggleStates[id];\r\n\r\n      if (toggleStates[id]) {\r\n        selectedEntities.push({ id, entityName });\r\n\r\n        const entityNames = selectedEntities.map(entity => entity.entityName).join(','); // Convert array to string\r\n        const entityId = selectedEntities.map(entity => entity.id).join(','); // Convert array to string\r\n        this.setState({\r\n          EntityShowOff: true,\r\n          EName: entityNames,\r\n          EId: entityId,\r\n        });\r\n\r\n      } else {\r\n\r\n        const indexToRemove = selectedEntities.findIndex(entity => entity.id === id);\r\n        selectedEntities.splice(indexToRemove, 1);\r\n        const SelectedEntitiesA = selectedEntities.length > 0;\r\n        this.setState({\r\n          EntityShowOff: SelectedEntitiesA,\r\n          toggleStates,\r\n          selectedEntities,\r\n        });\r\n\r\n      }\r\n\r\n      return { toggleStates, selectedEntities };\r\n    });\r\n  };\r\n\r\n  AllowAllEntity() {\r\n    const { EName, EId } = this.state;\r\n    Swal.fire({\r\n      text: \"Are you sure wants to give access to all Entity?\",\r\n      icon: \"warning\",\r\n      showCancelButton: true,\r\n      confirmButtonColor: \"#3085d6\",\r\n      cancelButtonColor: \"#d33\",\r\n      confirmButtonText: \"Yes!\",\r\n      customClass: {\r\n        title: \"swal-title\",\r\n        content: \"swal-text\",\r\n        confirmButton: \"swal-button\",\r\n      },\r\n    }).then((result) => {\r\n      if (result.isConfirmed) {\r\n        const options = {\r\n          method: \"POST\",\r\n          headers: {\r\n            \"Content-Type\": \"application/json\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n          data: {\r\n            entity: EName,\r\n            id: EId,\r\n          },\r\n        };\r\n  \r\n        axios.post(`${BASE_URLs}/Chat/AllowAllAccess`, options)\r\n          .then((response) => {\r\n            const data = response.data;\r\n            if (data) {\r\n              Swal.fire({\r\n                title: \"Access Given to All Entities\",\r\n                text: \"Successfully\",\r\n                icon: \"success\",\r\n                confirmButtonText: \"Done\",\r\n              });\r\n              // // console.log(\"Accessssed\", data);\r\n              this.setState({\r\n                AllAccess: data,\r\n              });\r\n              window.location.reload(true);\r\n            } else {\r\n              // console.error(\"Received data:\", data);\r\n            }\r\n          })\r\n          .catch((error) => {\r\n            // console.error('Error:', error);\r\n          });\r\n      }\r\n    });\r\n  }\r\n\r\n  documentName = (dn) => {\r\n    this.setState({\r\n      DName: true,\r\n      documentname: dn,\r\n    });\r\n  };\r\n  documentNameL = () => {\r\n    setTimeout(() => {\r\n      this.setState({\r\n        DName: false,\r\n      });\r\n    }, 500);\r\n  };\r\n\r\n  formatDateAA = (dateString) => {\r\n    const inputDate = new Date(dateString);\r\n    const currentDate = new Date();\r\n    const oneDay = 24 * 60 * 60 * 1000; // Number of milliseconds in a day\r\n    const oneWeekAgo = new Date(currentDate.getTime() - 7 * oneDay);\r\n\r\n    const isToday =\r\n      inputDate.getDate() === currentDate.getDate() &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isYesterday =\r\n      inputDate.getDate() === currentDate.getDate() - 1 &&\r\n      inputDate.getMonth() === currentDate.getMonth() &&\r\n      inputDate.getFullYear() === currentDate.getFullYear();\r\n\r\n    const isBeforeYesterday =\r\n      inputDate.getTime() > oneWeekAgo.getTime() && !isYesterday;\r\n\r\n    const options = {\r\n      hour: \"numeric\",\r\n      minute: \"numeric\",\r\n      hour12: true,\r\n    };\r\n\r\n    if (isToday) {\r\n      const timeOnly = inputDate.toLocaleTimeString(\"en-US\", {\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n        hour12: true,\r\n      });\r\n      return `${timeOnly}`;\r\n    } else if (isYesterday) {\r\n      return `${inputDate.toLocaleTimeString(\"en-US\", {\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n        hour12: true,\r\n      })}`;\r\n    } else if (isBeforeYesterday) {\r\n      const formattedTime = inputDate.toLocaleTimeString(\"en-US\", {\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n        hour12: true,\r\n      });\r\n      return `${formattedTime}`;\r\n    } else {\r\n      return inputDate.toLocaleString(\"en-US\", options);\r\n    }\r\n  };\r\n\r\n  picturePopup = () => {\r\n    this.setState({\r\n      ispicturepopOpen: false,\r\n      Picturepopup: false,\r\n    });\r\n    var FirstName = this.state.Name;\r\n    var UserName = this.state.Email;\r\n    var Email = this.state.MailId;\r\n    this.GetmsgPop(UserName);\r\n    this.GetReceivemsgPop(FirstName, Email);\r\n    this.GetReceivemsgPopUser(FirstName, Email);\r\n  };\r\n  picturepop() {\r\n    this.setState({ Picturepopup: !this.state.Picturepopup });\r\n  }\r\n  hidepicturepop = () => {\r\n    this.setState({\r\n      Picturepopup: false,\r\n    });\r\n  };\r\n  hidedocumentpop = () => {\r\n    this.setState({\r\n      Documentpopup: false,\r\n    });\r\n  };\r\n  documentPopup = () => {\r\n    this.setState({\r\n      isdocumentpopOpen: false,\r\n      Documentpopup: false,\r\n    });\r\n    var FirstName = this.state.Name;\r\n    var UserName = this.state.Email;\r\n    var Email = this.state.MailId;\r\n    this.GetmsgPop(UserName);\r\n    this.GetReceivemsgPop(FirstName, Email);\r\n    this.GetReceivemsgPopUser(FirstName, Email);\r\n  };\r\n  documentpop() {\r\n    this.setState({ Documentpopup: !this.state.Documentpopup });\r\n  }\r\n\r\n  attachMenu() {\r\n    this.setState({\r\n      attachMenu: !this.state.attachMenu,\r\n      showEmoji: false,\r\n      Addpopup: false,\r\n      showMenu: false,\r\n      Deletepop: false,\r\n      MsgMenu: false,\r\n    });\r\n  }\r\n\r\n  Picturepop() {\r\n    this.setState({\r\n      Picturepopup: !this.state.Picturepopup,\r\n      ispicturepopOpen: true,\r\n      attachMenu: false,\r\n    });\r\n\r\n    localStorage.setItem(\"fileee\", JSON.stringify(this.state.OneonOneAdmin));\r\n  }\r\n\r\n  Documentpop() {\r\n    this.setState({\r\n      Documentpopup: !this.state.Documentpopup,\r\n      isdocumentpopOpen: true,\r\n      attachMenu: false,\r\n    });\r\n    localStorage.setItem(\"fileee\", JSON.stringify(this.state.OneonOneAdmin));\r\n    localStorage.setItem(\"UNamee\", JSON.stringify(this.state.Name));\r\n  }\r\n\r\n  DisplayMenu(id, Imsg, Ipic, Idoc, Isd, Icd, ParticularId, Ist) {\r\n\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n    this.setState({\r\n      MsgMenu: !this.state.MsgMenu,\r\n      deleteId: id,\r\n      Forwardpic: Ipic,\r\n      Forwarddoc: Idoc,\r\n      deletesender: Isd,\r\n      deletedate: Icd,\r\n      Deletepop: false,\r\n      attachMenu: false,\r\n      deleteEvery: id,\r\n      deletemsg: Imsg,\r\n      delparticularId: ParticularId,\r\n      Time: Ist,\r\n    });\r\n  }\r\n\r\n  EditOneonOneMessage = () => {\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n    const data = {\r\n      ParticularId: this.state.delparticularId,\r\n      Message: this.state.deletemsg,\r\n      SenderId: this.state.deletesender,\r\n      SysDateTimeWithSeconds: this.state.Time,\r\n    };\r\n    axios({\r\n      method: \"POST\",\r\n      url: `${BASE_URLs}/Chat/EditOneonOneMessage`,\r\n      data: data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"multipart/form-data\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        this.setState({ message: \"\", MsgMenu: false, deletemsg: \"\" });\r\n        var FirstName = this.state.Name;\r\n        var UserName = this.state.Email;\r\n        var Email = this.state.MailId;\r\n        this.GetReceivemsgPopUser(FirstName, Email);\r\n        this.GetmsgPop(UserName);\r\n\r\n        this.setState({ EditInput: false })\r\n      })\r\n\r\n      .catch((error) => {\r\n      });\r\n  };\r\n\r\n  DeleteMessageOne = () => {\r\n    const data = {\r\n      Id: this.state.deleteId,\r\n      UserName: this.state.Email,\r\n    };\r\n\r\n    Swal.fire({\r\n      text: \"Are you sure wants to Delete Message ?\",\r\n\r\n      icon: \"warning\",\r\n\r\n      showCancelButton: true,\r\n\r\n      confirmButtonColor: \"#3085d6\",\r\n\r\n      cancelButtonColor: \"#d33\",\r\n\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n      if (result.isConfirmed) {\r\n        axios({\r\n          method: \"POST\",\r\n\r\n          url: `${BASE_URLs}/Chat/DeleteMessageOne`,\r\n\r\n          data: data,\r\n\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"multipart/form-data\",\r\n\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        })\r\n          .then((response) => {\r\n\r\n            var FirstName = this.state.Name;\r\n            var UserName = this.state.Email;\r\n            var Email = this.state.MailId;\r\n            this.GetmsgPop(UserName);\r\n            this.GetReceivemsgPop(FirstName, Email);\r\n            this.GetReceivemsgPopUser(FirstName, Email);\r\n\r\n            this.setState({\r\n              Deletepop: false,\r\n            });\r\n          })\r\n\r\n          .catch((error) => {\r\n          });\r\n      }\r\n\r\n      if (result.isDismissed) {\r\n        this.setState({\r\n          Deletepop: false,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  GetForwardmembers() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Chat/GetallMembers`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        if (Array.isArray(data)) {\r\n          this.setState({\r\n            Forwardmembers: data,\r\n            AllForwardmembers: data,\r\n            Addmembers: data,\r\n            AllAddmembers: data,\r\n          });\r\n        } else {\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        // console.error('Error:', error);\r\n      });\r\n  }\r\n  forwardopenpop = () => {\r\n    this.setState({\r\n      forwardpopup: !this.state.forwardpopup,\r\n\r\n      MsgMenu: false,\r\n    });\r\n    this.GetMemberAccess();\r\n    this.GetNonAccess();\r\n  };\r\n\r\n  hideForwardpop = () => {\r\n    this.setState({\r\n      forwardpopup: false,\r\n      selectedUserIds: [],\r\n    });\r\n    this.GetMemberAccess();\r\n    this.GetNonAccess();\r\n  };\r\n\r\n  deleteMenu() {\r\n    this.setState({\r\n      Deletepop: !this.state.Deletepop,\r\n      MsgMenu: false,\r\n    });\r\n  }\r\n  handleClose = () => {\r\n    this.setState({\r\n      Deletepop: false,\r\n    });\r\n  };\r\n  handleClose1 = () => {\r\n    document.getElementById('EAccessPopA1').style.display = \"none\"\r\n  };\r\n  ICDeleteMessageEveryone = () => {\r\n    const data = {\r\n      UserName: this.state.Email,\r\n\r\n      SenderId: this.state.deletesender,\r\n      DateTimeSec: this.state.Time,\r\n\r\n      Message: this.state.deletemsg,\r\n\r\n      PicturePath: this.state.Forwardpic,\r\n\r\n      DocumentPath: this.state.Forwarddoc,\r\n\r\n    };\r\n\r\n    Swal.fire({\r\n\r\n      text: \"Are you sure wants to Delete Message?\",\r\n\r\n      icon: \"warning\",\r\n\r\n      showCancelButton: true,\r\n\r\n      confirmButtonColor: \"#3085d6\",\r\n\r\n      cancelButtonColor: \"#d33\",\r\n\r\n      confirmButtonText: \"Yes!\",\r\n    }).then((result) => {\r\n      if (result.isConfirmed) {\r\n        axios({\r\n          method: \"POST\",\r\n\r\n          url: `${BASE_URLs}/contact/ICDelMsgEveryone`,\r\n\r\n          data: data,\r\n\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            \"Content-Type\": \"multipart/form-data\",\r\n\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        })\r\n          .then((response) => {\r\n\r\n            var FirstName = this.state.Name;\r\n            var UserName = this.state.Email;\r\n            var Email = this.state.MailId;\r\n            this.GetmsgPop(UserName);\r\n            this.GetReceivemsgPop(FirstName, Email);\r\n            this.GetReceivemsgPopUser(FirstName, Email);\r\n\r\n            this.setState({\r\n              Deletepop: false,\r\n            });\r\n          })\r\n\r\n          .catch((error) => {\r\n          });\r\n      }\r\n\r\n      if (result.isDismissed) {\r\n        this.setState({\r\n          Deletepop: false,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  ICMuteDiscpop(e) {\r\n    e.preventDefault();\r\n    this.setState({\r\n      ICMuteDisc: !this.state.MuteDisc,\r\n    });\r\n  }\r\n\r\n  EditMessage = () => {\r\n    this.setState({ EditInput: true })\r\n    document.getElementById(\"input-groupEdit\").style.display = \"flex\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"none\";\r\n  }\r\n\r\n  CancelEdit() {\r\n    document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n    document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n  }\r\n\r\n  handleKeyPressUser = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  \r\n    if (event.charCode === 13 && !this.state.EditInput) {\r\n      const { message, picture_Path, document_Path } = this.state;\r\n      if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n        alert(\"Please enter a message, select an image, or choose a document.\");\r\n      } else {\r\n        event.preventDefault();\r\n  \r\n        const formData = new FormData(this.formRef.current);\r\n\r\n        for (const [key, value] of formData.entries()) {\r\n        }\r\n  \r\n        axios.post(`${BASE_URLs}/Contact/Receiversend`, formData, {\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            \"Content-Type\": \"multipart/form-data\",\r\n          },\r\n        })\r\n          .then((res) => res.json())\r\n          .then((data) => {\r\n            var FirstName = this.state.Name;\r\n            var UserName = this.state.Email;\r\n            this.GetReceivemsgPopUser(FirstName, UserName);\r\n            this.GetmsgPop(UserName);\r\n            this.setState({\r\n              message: \"\",\r\n              picture_Path: null,\r\n              document_Path: null,\r\n            });\r\n          })\r\n          .catch((error) => {\r\n            // console.error(\"Error:\", error);\r\n          });\r\n      }\r\n    }\r\n  \r\n    if (event.charCode === 13 && this.state.EditInput) {\r\n      document.getElementById(\"input-groupEdit\").style.display = \"none\";\r\n      document.getElementById(\"input-group write-msg\").style.display = \"flex\";\r\n      const data = {\r\n        ParticularId: this.state.delparticularId,\r\n        Message: this.state.deletemsg,\r\n        SenderId: this.state.deletesender,\r\n        SysDateTimeWithSeconds: this.state.Time,\r\n      };\r\n  \r\n      axios.post(`${BASE_URLs}/Chat/EditOneonOneMessage`, data, {\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n          this.setState({ message: \"\", MsgMenu: false, deletemsg: \"\" });\r\n          var FirstName = this.state.Name;\r\n          var UserName = this.state.Email;\r\n          var Email = this.state.MailId;\r\n          this.GetReceivemsgPopUser(FirstName, Email);\r\n          this.GetmsgPop(UserName);\r\n          this.setState({ EditInput: false });\r\n        })\r\n        .catch((error) => {\r\n          // console.error(\"Error:\", error);\r\n        });\r\n    }\r\n  };\r\n\r\n  ForwardIChatMsg = (event) => {\r\n    event.preventDefault();\r\n\r\n    let ParticularId = this.state.selectedUserIds.toString();\r\n\r\n    if (!ParticularId) {\r\n      alert(\"Choose Any Member\");\r\n    } else {\r\n      const data = {\r\n        Message: this.state.deletemsg,\r\n\r\n        Picture_Path: this.state.Forwardpic,\r\n\r\n        Document_Path: this.state.Forwarddoc,\r\n\r\n        UserName: ParticularId,\r\n      };\r\n\r\n      axios({\r\n        method: \"POST\",\r\n\r\n        url: `${BASE_URLs}/contact/OneonOneFwdMessage`,\r\n\r\n        data: data,\r\n\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"multipart/form-data\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      })\r\n        .then((response) => {\r\n\r\n          this.setState({\r\n            forwardpopup: false,\r\n            selectedUserIds: [],\r\n          });\r\n          Swal.fire({\r\n            position: \"center\",\r\n            icon: \"success\",\r\n            text: \"Forwarded\",\r\n            showConfirmButton: false,\r\n            timer: 2000,\r\n            timerProgressBar: true,\r\n            customClass: 'IC-swal-container'\r\n          });\r\n          var FirstName = this.state.Name;\r\n          var UserName = this.state.Email;\r\n          var Email = this.state.MailId;\r\n          this.GetmsgPop(UserName);\r\n          this.GetReceivemsgPop(FirstName, Email);\r\n          this.GetReceivemsgPopUser(FirstName, Email);\r\n          this.GetMemberAccess();\r\n          this.GetNonAccess();\r\n        })\r\n\r\n        .catch((error) => {\r\n\r\n          alert(\"failed !\");\r\n        });\r\n    }\r\n  };\r\n\r\n  toggleMinimize = () => {\r\n    this.setState((prevState) => ({\r\n      Minimized: !prevState.Minimized,\r\n    }));\r\n  };\r\n  Addmemberfilter = (e) => {\r\n    const MemberAccess = this.state.AllMemberAccess.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ MemberAccess, showResults: true });\r\n    const NonAccess = this.state.AllNonAccess.filter(\r\n      (item) =>\r\n        item.firstName\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ NonAccess, showResults: true });\r\n\r\n    if (NonAccess.length === 0 && MemberAccess.length === 0) {\r\n      document.getElementById(\"ForwardFilterErr\").innerHTML = \" Member Not Found\";\r\n    } else {\r\n      document.getElementById(\"ForwardFilterErr\").innerHTML = \"\";\r\n    }\r\n  };\r\n\r\n  Forwardmemberfilter = (e) => {\r\n    const FrdMemberAccess = this.state.FrdAllMemberAccess.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ FrdMemberAccess, showResults: true });\r\n    const FrdNonAccess = this.state.AllFrdNonAccess.filter(\r\n      (item) =>\r\n        item.firstName\r\n          .toLowerCase()\r\n          .startsWith(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n\r\n    this.setState({ FrdNonAccess, showResults: true });\r\n\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n\r\n    var EMaiL = JSON.parse(localStorage.email);\r\n\r\n    var entity = JSON.parse(localStorage.entityName)\r\n\r\n    const {\r\n      isButton1Visible,\r\n      isButton2Visible,\r\n      isButton3Visible,\r\n      isBackArrowVisible,\r\n      isBackArrowVisibleA,\r\n      EditSkillModelEntity,\r\n      isBackArrowVisibleB,\r\n      showFirstHeader,\r\n      isBox1Open,\r\n      isBox2Open,\r\n      isBox3Open,\r\n      isBox4Open,\r\n      Announcement,\r\n      EntityUser,\r\n      users,\r\n      showResults,\r\n      checkedItems,\r\n      User,\r\n      MsgMenu,\r\n      OATUser,\r\n      selectedUsers,\r\n      selectedUserIds,\r\n      selectedUserName,\r\n      LastGroupopen,\r\n      EntityModel,\r\n      error,\r\n      Popmsg,\r\n      message,\r\n      picture_Path,\r\n      document_Path,\r\n      ReceivepopMsg,\r\n      showEmoji,\r\n      SearchModel,\r\n      email,\r\n      firstname,\r\n      Addmembers,\r\n      istitlepopOpen,\r\n      groupName,\r\n      privacy,\r\n      Memberslist,\r\n      displayForm,\r\n      ReceivepopMsgUser,\r\n      Name,\r\n      UserId,\r\n      Team,\r\n      Entity,\r\n      Access,\r\n      externalAcc,\r\n      Filterpop,\r\n      EName,\r\n      EId,\r\n      Chatpop,\r\n      DName,\r\n      documentname,\r\n      MemberAccess,\r\n      FrdMemberAccess,\r\n      NonAccess,\r\n      FrdNonAccess,\r\n      UPic,\r\n      isdocumentpopOpen,\r\n      ispicturepopOpen,\r\n      Deletepop,\r\n      Deleted,\r\n      Minimized,\r\n    } = this.state;\r\n\r\n    const { discussionValue, discussionNameValue } = this.state;\r\n    const messages = [...Popmsg, ...ReceivepopMsg, ...ReceivepopMsgUser];\r\n    messages.sort(\r\n      (a, b) => new Date(a.createDateTime) - new Date(b.createDateTime)\r\n    );\r\n    messages.sort((a, b) => a.id - b.id);\r\n\r\n    let seenCreateDateTime = {}; // to keep track of createDateTime\r\n\r\n    for (let i = 0; i < messages.length; i++) {\r\n      const currentObject = messages[i];\r\n\r\n      if (seenCreateDateTime[currentObject.createDateTime.split(\"T\")[0]]) {\r\n        if (\r\n          seenCreateDateTime[currentObject.createDateTime.split(\"T\")[0]] !==\r\n          currentObject.displayName\r\n        ) {\r\n          messages[i].rowNum = 2;\r\n        }\r\n      } else {\r\n        seenCreateDateTime[currentObject.createDateTime.split(\"T\")[0]] =\r\n          currentObject.displayName;\r\n      }\r\n    }\r\n\r\n    const chatpop = {\r\n      display: this.state.Chatpop ? \"block\" : \"none\",\r\n      backgroundColor: '#5e616a',\r\n      padding: '10px 5px 5px 15px',\r\n      height: '57px'\r\n    };\r\n\r\n    const accesspopstyle = {\r\n      position: \"absolute\",\r\n      alignItems: \"center\",\r\n      zIndex: \"10\",\r\n      backgroundColor: \"white\",\r\n      padding: \"10px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: 'block',\r\n      cursor: \"pointer\",\r\n      borderRadius: \"9px\",\r\n      top: \"50%\",\r\n      left: \"50%\",\r\n      transform: \"translate(-50%, -50%)\",\r\n    };\r\n\r\n    const Accesspop = {\r\n      position: \"absolute\",\r\n      zIndex: \"100\",\r\n      top: \"300px\",\r\n      left: \"45%\",\r\n      backgroundColor: \"white\",\r\n      display: this.state.Access ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      width: \"20%\",\r\n      height: \"25%\",\r\n      borderRadius: \"5px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n    };\r\n\r\n    const MessageMenu = {\r\n      position: \"absolute\",\r\n      top: \"-30px\",\r\n      alignItems: \"center\",\r\n      zIndex: \"1\",\r\n      width: \"140px\",\r\n      backgroundColor: \"#eff3f7\",\r\n      padding: \"10px\",\r\n      boxShadow: \"rgb(0 0 0 / 20%) 0px 2px 5px\",\r\n      display: this.state.MsgMenu ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"none\",\r\n    };\r\n\r\n    const attachStyles = {\r\n      position: \"absolute\",\r\n      marginTop: \"-122px\",\r\n      alignItems: \"center\",\r\n      backgroundColor: \"#eff3f7\",\r\n      padding: \"10px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: this.state.attachMenu ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"9px\",\r\n\r\n    };\r\n\r\n    const deleteStyles = {\r\n      position: \"absolute\",\r\n      alignItems: \"center\",\r\n      zIndex: \"2\",\r\n      backgroundColor: \"#eff3f7\",\r\n      padding: \"10px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: this.state.Deletepop ? \"block\" : \"none\",\r\n      cursor: \"pointer\",\r\n      borderRadius: \"9px\",\r\n      marginTop: '-270px',\r\n    };\r\n\r\n    const picturepop = {\r\n      display: this.state.Picturepopup ? \"block\" : \"none\",\r\n    };\r\n\r\n    const documentpop = {\r\n      display: this.state.Documentpopup ? \"block\" : \"none\",\r\n    };\r\n\r\n    var Accessed = JSON.parse(localStorage.access);\r\n    var Accessed_to = JSON.parse(localStorage.accessed_to);\r\n\r\n    const regexp =\r\n      /(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?/;\r\n\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        {this.state.EditSkillModelEntity ? (\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-6\">\r\n\r\n              <div\r\n                className=\"pop\"\r\n                style={{ backgroundColor: \"transparent\", marginLeft: \"28%\" }}\r\n              >\r\n                <form\r\n                  id=\"contactForm\"\r\n                  autoComplete=\"off\"\r\n                  encType=\"multipart/form-data\"\r\n                  onSubmit={(e) => {\r\n                    e.preventDefault();\r\n                    const data = new FormData(e.target);\r\n                    this.handleSubmit(\r\n                      data,\r\n                      this.state.EditSkillValuesEntity.email,\r\n                      this.state.EditSkillValuesEntity.firstName\r\n                    );\r\n                  }}\r\n                >\r\n                  <ul className=\"text-right boxs\">\r\n                    <li\r\n                      className=\"chat-single-box card-shadow active\"\r\n                      data-id=\"1\"\r\n                      style={{ marginTop: \"-128px\" }}\r\n                    >\r\n                      <div\r\n                        className=\"had-container\"\r\n                        id=\"successclose\"\r\n                        style={{ width: \"970px\", marginLeft: \"-910px\" }}\r\n                      >\r\n                        <div\r\n                          className=\"chat-header p-10 bg-gray\"\r\n                          style={{ backgroundColor: \"rgb(156 145 244)\" }}\r\n                        >\r\n                          <div className=\"user-info d-inline-block f-left\">\r\n                            <div\r\n                              className=\"Namepass\"\r\n                              style={{ marginTop: \"1px\" }}\r\n                            >\r\n         \r\n                              <input\r\n                                type=\"hidden\"\r\n                                name=\"UserName\"\r\n                                defaultValue={\r\n                                  this.state.EditSkillValuesEntity.email\r\n                                }\r\n                              />\r\n                              <span\r\n                                className=\"userNames\"\r\n                                defaultValue={\r\n                                  this.state.EditSkillValuesEntity.firstName\r\n                                }\r\n                              >\r\n                                <a\r\n                                  href=\"javascript:void(0);\"\r\n                                  title=\"Me\"\r\n                                  style={{\r\n                                    fontSize: \"18px\",\r\n                                    fontWeight: \"600\",\r\n                                    color: \"white\",\r\n                                    textShadow: \"2px 2px #6f60e7\",\r\n                                  }}\r\n                                >\r\n                                  <img\r\n                                    src=\"assets/images/avatar-1.png\"\r\n                                    className=\"img-circle img-chat-profile\"\r\n                                    alt=\"Me\"\r\n                                  />\r\n                                  &nbsp;&nbsp;\r\n                                  {this.state.EditSkillValuesEntity.firstName}\r\n                                </a>\r\n                              </span>\r\n                            </div>\r\n                          </div>\r\n                          <div className=\"box-tools d-inline-block\">\r\n                            <button\r\n                              id=\"close\"\r\n                              style={{\r\n                                float: \"right\",\r\n                                backgroundColor: \"#a0a3a305\",\r\n                                color: \"#797070\",\r\n                                border: \"1px solid #a3a5a505\",\r\n                              }}\r\n                              onClick={() => {\r\n                                this.Successpopclose();\r\n                              }}\r\n                            >\r\n                              <CloseIcon />\r\n                            </button>\r\n                          </div>\r\n                        </div>\r\n                        <div\r\n                          className=\"chat-body p-10\"\r\n                          style={{\r\n                            overflowY: \"scroll\",\r\n                            overflowX: \"hidden\",\r\n                            height: \"470px\",\r\n                          }}\r\n                        >\r\n                          <div className=\"message-scrooler\">\r\n                            <div className=\"messages\">\r\n                              <div\r\n                                className=\"containers\"\r\n                                style={{ width: \"128vh\" }}\r\n                              >\r\n                                {messages.map((message, index) => {\r\n                                  const isSender = Popmsg.includes(message);\r\n\r\n                                  return (\r\n                                    <div\r\n                                      className={`message-${isSender ? \"SendMsg\" : \"blue\"\r\n                                        }`}\r\n                                      key={index}\r\n                                      style={{\r\n                                        height: \"auto\",\r\n                                        overflowWrap: \"break-word\",\r\n                                      }}\r\n                                    >\r\n                                      {message.picture_Path === \"-\" &&\r\n                                        message.document_Path === \"-\" ? (\r\n                                        <p\r\n                                          className=\"message-content\"\r\n                                          name=\"Popmsg\"\r\n                                        >\r\n                                          {message.message}\r\n                                        </p>\r\n                                      ) : (\r\n                                        <>\r\n                                          {message.picture_Path !== \"-\" &&\r\n                                            message.document_Path !== \"-\" ? (\r\n                                            <div>\r\n                                              <div>\r\n                                                <p\r\n                                                  className=\"message-content\"\r\n                                                  name=\"Popmsg\"\r\n                                                >\r\n                                                  {message.message !=\r\n                                                    \"-\" ? (\r\n                                                    <>\r\n                                                      {\r\n                                                        message.message\r\n                                                      }\r\n                                                    </>\r\n                                                  ) : null}\r\n                                                </p>\r\n\r\n                                                <br />\r\n\r\n                                                <div>\r\n                                                  <img\r\n                                                    alt=\"chatimg\"\r\n                                                    width=\"80\"\r\n                                                    height=\"80\"\r\n                                                    src={message.picture_Path}\r\n                                                  />\r\n                                                </div>\r\n                                                <div>\r\n                                                  <embed\r\n                                                    src={message.document_Path}\r\n                                                    id=\"Gstiframe\"\r\n                                                    title=\"\"\r\n                                                    scrolling=\"no\"\r\n                                                    target=\"_blank\"\r\n                                                    style={{\r\n                                                      width: \"100px\",\r\n                                                      height: \"100px\",\r\n                                                      pointerEvents: \"none\",\r\n                                                    }}\r\n                                                  ></embed>\r\n                                                </div>\r\n                                              </div>\r\n                                            </div>\r\n                                          ) : (\r\n                                            <>\r\n                                              {message.picture_Path === \"-\" &&\r\n                                                message.document_Path !== \"-\" ? (\r\n                                                <div>\r\n                                                  <p\r\n                                                    className=\"message-content\"\r\n                                                    name=\"Popmsg\"\r\n                                                  >\r\n                                                    {message.message !=\r\n                                                      \"-\" ? (\r\n                                                      <>\r\n                                                        {\r\n                                                          message.message\r\n                                                        }\r\n                                                      </>\r\n                                                    ) : null}\r\n                                                  </p>\r\n                                                  <br />\r\n                                                  <embed\r\n                                                    src={message.document_Path}\r\n                                                    id=\"Gstiframe\"\r\n                                                    title=\"\"\r\n                                                    scrolling=\"no\"\r\n                                                    target=\"_blank\"\r\n                                                    style={{\r\n                                                      width: \"100px\",\r\n                                                      height: \"100px\",\r\n                                                      pointerEvents: \"none\",\r\n                                                    }}\r\n                                                  ></embed>\r\n                                                </div>\r\n                                              ) : (\r\n                                                <div>\r\n                                                  <p\r\n                                                    className=\"message-content\"\r\n                                                    name=\"Popmsg\"\r\n                                                \r\n                                                  >\r\n                                                    {message.message !=\r\n                                                      \"-\" ? (\r\n                                                      <>\r\n                                                        {\r\n                                                          message.message\r\n                                                        }\r\n                                                      </>\r\n                                                    ) : null}\r\n                                                  </p>\r\n                                                  <br />\r\n\r\n                                                  <div>\r\n                                                    <img\r\n                                                      alt=\"chatimg\"\r\n                                                      width=\"80\"\r\n                                                      height=\"80\"\r\n                                                      src={message.picture_Path}\r\n                                                   \r\n                                                    />\r\n                                                  </div>\r\n                                                </div>\r\n                                              )}\r\n                                            </>\r\n                                          )}\r\n                                        </>\r\n                                      )}\r\n                                      <br />\r\n                                      <div className=\"message-timestamp-right\">\r\n                                        <ReactTimeAgo\r\n                                          date={message.createDateTime}\r\n                                          locale=\"en-US\"\r\n                                          timeStyle=\"round-minute\"\r\n                                          style={{ color: \"gray\" }}\r\n                                        />\r\n                                      </div>\r\n                                    </div>\r\n                                  );\r\n                                })}\r\n                                <div ref={this.myRef} />\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div id=\"Chat-Input-outer\">\r\n                          <div\r\n                            className=\"chat-footer b-t-muted\"\r\n                            style={{ backgroundColor: \"white\" }}\r\n                          >\r\n                            <div\r\n                              className=\"input-group write-msg\"\r\n                              id=\"Chat-input\"\r\n                              style={{\r\n                                border: \"1px solid #bfbfbe\",\r\n                                padding: \"2px 2px\",\r\n                              }}\r\n                            >\r\n                            \r\n                              <input\r\n                                type=\"text\"\r\n                                className=\"form-control input-value\"\r\n                                placeholder=\"Type a Message\"\r\n                                name=\"Message\"\r\n                                value={this.state.message}\r\n                                onChange={this.handleTextChange}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                style={{ border: \"none\" }}\r\n                              ></input>\r\n                              {picture_Path && (\r\n                                <div>\r\n                                  <img\r\n                                    src={URL.createObjectURL(picture_Path)}\r\n                                    alt=\"Preview\"\r\n                                    style={{ width: \"5vh\", height: \"5vh\" }}\r\n                                  />\r\n                                </div>\r\n                              )}\r\n                              {document_Path && (\r\n                                <div>\r\n                                  {document_Path.type ===\r\n                                    \"application/pdf/msword\" ? (\r\n                                    <embed\r\n                                      src={URL.createObjectURL(document_Path)}\r\n                                      width=\"50\"\r\n                                      height=\"60\"\r\n                                      type=\"application/pdf/msword\"\r\n                                    />\r\n                                  ) : (\r\n                                    <p>{document_Path.name}</p>\r\n                                  )}\r\n                                </div>\r\n                              )}\r\n                              <input\r\n                                type=\"hidden\"\r\n                                name=\"UserName\"\r\n                                defaultValue={\r\n                                  this.state.EditSkillValuesEntity.email\r\n                                }\r\n                              />\r\n                              <span\r\n                                className=\"fa fa-smile-o\"\r\n                                aria-hidden=\"true\"\r\n                                style={{ marginTop: \"10px\", fontSize: \"18px\" }}\r\n                                onClick={this.myEmoji}\r\n                              ></span>\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                             \r\n                              {showEmoji && (\r\n                                <div\r\n                                  style={{\r\n                                    position: \"absolute\",\r\n                                    top: \"-450px\",\r\n                                    marginLeft: \"300px\",\r\n                                  }}\r\n                                >\r\n                                  <Picker\r\n                                    onEmojiClick={this.handleEmojiClick}\r\n                                  />\r\n                                </div>\r\n                              )}\r\n                              <input\r\n                                type=\"file\"\r\n                                id=\"file\"\r\n                                name=\"Picture_Path\"\r\n                                accept=\"image/*\"\r\n                                onChange={this.handleFileChange}\r\n                                onFocus={(e) => (e.target.type = \"file\")}\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n                              <label\r\n                                htmlFor=\"file\"\r\n                                style={{ marginTop: \"8px\" }}\r\n                              >\r\n                                <span className=\"fa fa-picture-o\"> </span>\r\n                              </label>\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <input\r\n                                type=\"file\"\r\n                                id=\"files\"\r\n                                name=\"Document_Path\"\r\n                                onChange={this.handleDocumentChange}\r\n                                accept=\"application/pdf,application/msword\"\r\n                                onFocus={(e) => (e.target.type = \"file\")}\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                style={{ marginTop: \"8px\" }}\r\n                              >\r\n                                <span className=\"fa fa-file\"> </span>\r\n                              </label>\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <span className=\"input-group-btn\">\r\n                                <button\r\n                                  id=\"paper-btn\"\r\n                                  className=\"btn btn-secondary\"\r\n                                  type=\"submit\"\r\n                                  style={{\r\n                                    border: \"none\",\r\n                                    background: \"#ffffff\",\r\n                                    color: \"#5035ce\",\r\n                                  }}\r\n                                >\r\n                                  <i className=\"icofont icofont-paper-plane\"></i>\r\n                                </button>\r\n                              </span>\r\n                            </div>\r\n                            <div\r\n                              className=\"input-group write-msg\"\r\n                              id=\"input-groupEdit\"\r\n                              style={{\r\n                                border: \"1px solid #bfbfbe\",\r\n                                padding: \"2px 2px\",\r\n                                background: \"#eff3f7\",\r\n                              }}\r\n                            >\r\n                              <input\r\n                                type=\"text\"\r\n                                className=\"form-control input-value\"\r\n                                placeholder=\"Type a Message\"\r\n                                value={this.state.deletemsg}\r\n                                onChange={this.handleTextChange}\r\n                                name=\"Message\"\r\n                                style={{ border: \"none\", background: '#eff3f7' }}\r\n                                onKeyPress={this.handleKeyPressUser}\r\n                              />\r\n                              <input\r\n                                type=\"file\"\r\n                                id=\"file\"\r\n                                name=\"Picture_Path\"\r\n                                accept=\"image/*\"\r\n                                onChange={this.handleFileChange}\r\n                                onFocus={(e) => (e.target.type = \"file\")}\r\n                                style={{ display: \"none\" }}\r\n                              />\r\n                              <span\r\n                                className=\"fa fa-smile-o\"\r\n                                aria-hidden=\"true\"\r\n                                style={{\r\n                                  marginTop: \"10px\",\r\n                                  fontSize: \"18px\",\r\n                                  background: \"#eff3f7\",\r\n                                }}\r\n                                onClick={this.myEmoji}\r\n                              ></span>\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              {/* <input\r\n                          type=\"file\"\r\n                          id=\"file\"\r\n                          name=\"Picture_Path\"\r\n                          onFocus={(e) => (e.target.type = \"file\")}\r\n                          style={{ display: \"none\" }}\r\n                        /> */}\r\n                              {showEmoji && (\r\n                                <div\r\n                                  style={{\r\n                                    position: \"absolute\",\r\n                                    top: \"-395px\",\r\n                                    marginLeft: \"830px\",\r\n                                  }}\r\n                                >\r\n                                  <Picker onEmojiClick={this.handleEmojiClick} />\r\n                                </div>\r\n                              )}\r\n                              <span className=\"input-group-btn\" >\r\n                                <span\r\n                                  id=\"paper-btn\"\r\n                                  className=\"btn btn-secondary\"\r\n                                  style={{ background: '#eff3f7' }}\r\n                                >\r\n                                  <i\r\n                                    className=\"fa fa-check\"\r\n                                    onClick={this.EditOneonOneMessage}\r\n                                  ></i>{\" \"}\r\n                                  &nbsp;&nbsp;{\" \"}\r\n                                  <i\r\n                                    className=\"fa fa-times\"\r\n                                    onClick={this.CancelEdit}\r\n                                  ></i>\r\n                                </span>\r\n                              </span>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </li>\r\n                  </ul>\r\n                </form>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        ) : null}\r\n\r\n\r\n\r\n\r\n        {this.state.LastChatModel ? (\r\n          <div className=\"row\" id=\"Chat-MainA\">\r\n            <div className=\"col-lg-6\">\r\n              <LastChatpop\r\n                id=\"\"\r\n                close={() => this.LastChatModel()}\r\n              />\r\n            </div>\r\n          </div>\r\n        ) : null}\r\n\r\n        {this.state.SearchModel ? (\r\n          <div\r\n            className=\"pop\"\r\n            style={{\r\n              backgroundColor: \"transparent\",\r\n              left: \"40%\",\r\n              marginTop: \"-65px\",\r\n            }}\r\n            id=\"searchpop\"\r\n          >\r\n            <div>\r\n              <ul className=\"text-right boxs\">\r\n                <li\r\n                  className=\"chat-single-box card-shadow bg-white active\"\r\n                  data-id=\"1\"\r\n                  style={{ width: \"302px\" }}\r\n                >\r\n                  <div className=\"had-container\">\r\n                    <div>\r\n                      {/* <span defaultValue={this.props.values.company_Name}>{this.props.values.company_Name}</span> */}\r\n                    </div>\r\n                    <div className=\"chat-header p-10 bg-white\">\r\n                      <div className=\"box-tools d-inline-block\">\r\n                        <button\r\n                          style={{\r\n                            float: \"right\",\r\n                            backgroundColor: \"#a0a3a305\",\r\n                            color: \"#797070\",\r\n                            border: \"1px solid #a3a5a505\",\r\n                          }}\r\n                          onClick={this.backentity}\r\n                        >\r\n                          <CloseIcon />\r\n                        </button>\r\n                      </div>\r\n                      <input\r\n                        type=\"text\"\r\n                        className=\"form-control  search-text\"\r\n                        placeholder=\"Search\"\r\n                        onChange={this.myFunctionEntity}\r\n                      />\r\n                    </div>\r\n                    <div\r\n                      className=\"chat-body p-10\"\r\n                      style={{ overflow: \"scroll\", height: \"505px\" }}\r\n                    >\r\n                      {EntityUser.length == 0 ? (\r\n                        <>\r\n                          <center>\r\n                            <h6\r\n                              style={{ fontWeight: \"600\", color: \"#7f63efde\" }}\r\n                            >\r\n                              No Active Users In This Entity\r\n                            </h6>\r\n                          </center>\r\n                        </>\r\n                      ) : null}\r\n                    </div>\r\n                  </div>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n        ) : \r\n          null}\r\n        {EntityModel && (\r\n          <>\r\n\r\n            <div>\r\n              <div className=\"pcoded-content\">\r\n                <div className=\"pcoded-inner-content\">\r\n                  <div className=\"main-body chat-bg\">\r\n                    <div className=\"\">\r\n                      <div id=\"\" className=\"\">\r\n                        <div className=\"page-body\">\r\n                          <div className=\"row\">\r\n                            <div className=\"chat-box\">\r\n                              <div id=\"sidebar\" className=\"users p-chat-user\">\r\n                                <div className=\"had-container\">\r\n                                  <div\r\n                                    className=\"card card_main p-fixed users-main \"\r\n                                    style={{ overflow: \"scroll\" }}\r\n                                  >\r\n                                    <div className=\"user-box\">\r\n                                      <div id=\"tsum-tabs\">\r\n                                        <main id=\"maintab\">\r\n                                          <input\r\n                                            id=\"tab1\"\r\n                                            type=\"radio\"\r\n                                            name=\"tabs\"\r\n                                            defaultChecked\r\n                                          />\r\n                                          <label\r\n                                            id=\"supertab\"\r\n                                            className=\"j-tabs-label\"\r\n                                            htmlFor=\"tab1\"\r\n                                            title=\"In Entity\"\r\n                                            color=\"white\"\r\n                                          >\r\n                                            In Entity\r\n                                          </label>\r\n                                          <input\r\n                                            id=\"tab2\"\r\n                                            type=\"radio\"\r\n                                            name=\"tabs\"\r\n                                          />\r\n                                          <label\r\n                                            id=\"activetab\"\r\n                                            className=\"j-tabs-label\"\r\n                                            htmlFor=\"tab2\"\r\n                                            title=\"In OAT\"\r\n                                            color=\"white\"\r\n                                          >\r\n                                            In OAT\r\n                                          </label>\r\n\r\n                                          {/* <input id=\"tab3\" type=\"radio\" name=\"tabs\"/>\r\n    <label for=\"tab3\">Invite</label>  */}\r\n                                          <br />\r\n                                          <br />\r\n                                          <div\r\n                                            id=\"tabs-section-1\"\r\n                                            className=\"j-tabs-section\"\r\n                                          >\r\n                                            <div className=\"right-icon-control\">\r\n                                              <input\r\n                                                type=\"text\"\r\n                                                className=\"form-control  search-text\"\r\n                                                placeholder=\"Search\"\r\n                                                onChange={this.EntityFilter}\r\n                                              />\r\n                                              <div className=\"form-icon\">\r\n                                                <i className=\"icofont icofont-search\"></i>\r\n                                              </div>\r\n                                            </div>\r\n                                            <br />\r\n                                            {/* {Announcement.length > 0 && ( */}\r\n                                            {Announcement.length == 0 ? (\r\n                                              <>\r\n                                                <center>\r\n                                                  <h6\r\n                                                    style={{\r\n                                                      fontWeight: \"600\",\r\n                                                      color: \"#7f63efde\",\r\n                                                    }}\r\n                                                  >\r\n                                                    No Active Users In This\r\n                                                    Entity\r\n                                                  </h6>\r\n                                                </center>\r\n                                              </>\r\n                                            ) : null}\r\n                                            <>\r\n                                              {Announcement.map(\r\n                                                (Announcement) => (\r\n                                                  <>\r\n                                                    <div\r\n                                                      className=\"media userlist-box\"\r\n                                                      data-id=\"1\"\r\n                                                      data-status=\"online\"\r\n                                                      data-toggle=\"tooltip\"\r\n                                                      data-placement=\"left\"\r\n                                                      key={\r\n                                                        (Announcement.id,\r\n                                                          Announcement.usermsgId)\r\n                                                      }\r\n                                                      onClick={(e) => {\r\n                                                        e.preventDefault();\r\n                                                        this.EditSkillModelEntity(\r\n                                                          Announcement.id,\r\n                                                          Announcement.firstName,\r\n                                                          Announcement.allmessage,\r\n                                                          Announcement.usermsgId,\r\n                                                          Announcement.receivemsg,\r\n                                                          Announcement.email,\r\n                                                          Announcement.displayName\r\n                                                        );\r\n                                                      }}\r\n                                                    >\r\n                                                      <a className=\"media-left\">\r\n                                                        <img\r\n                                                          className=\"media-object img-circle\"\r\n                                                          src=\"assets/images/avatar-1.png\"\r\n                                                          alt=\"Generic placeholder image\"\r\n                                                        />\r\n                                                      </a>\r\n                                                      <div\r\n                                                        className=\"media-body\"\r\n                                                        style={{\r\n                                                          textAlign: \"initial\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div className=\"f-13 chat-header\">\r\n                                                          {\" \"}\r\n                                                          {/* <span style={{ color: \"Gray\" }}>{Announcement.teamId}</span>&nbsp; */}\r\n                                                          <span\r\n                                                            style={{\r\n                                                              color: \"black\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {\r\n                                                              Announcement.fName\r\n                                                            }\r\n                                                          </span>\r\n                                                          <br />\r\n                                                          <span\r\n                                                            style={{\r\n                                                              color: \"Gray\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {username}\r\n                                                          </span>\r\n                                                          <br />\r\n                                                          <span\r\n                                                            style={{\r\n                                                              color: \"Gray\",\r\n                                                              whiteSpace:\r\n                                                                \"nowrap\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {Announcement.email}\r\n                                                          </span>\r\n                                                        </div>\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  </>\r\n                                                )\r\n                                              )}\r\n                                            </>\r\n                                          </div>\r\n\r\n                                          <div\r\n                                            id=\"tabs-section-2\"\r\n                                            className=\"j-tabs-section\"\r\n                                          >\r\n                                            <div className=\"right-icon-control\">\r\n                                              <input\r\n                                                type=\"text\"\r\n                                                className=\"form-control  search-text\"\r\n                                                placeholder=\"Search\"\r\n                                                onChange={this.OATSearch}\r\n                                              />\r\n                                              <div className=\"form-icon\">\r\n                                                <i className=\"icofont icofont-search\"></i>\r\n                                              </div>\r\n                                            </div>\r\n                                            <br />\r\n\r\n                                            {OATUser.map((user) => (\r\n                                              <div\r\n                                                className=\"media userlist-box\"\r\n                                                data-id=\"2\"\r\n                                                data-status=\"online\"\r\n                                                data-username=\"Josephin Doe\"\r\n                                                data-toggle=\"tooltip\"\r\n                                                data-placement=\"left\"\r\n                                                title=\"Josephin Doe\"\r\n                                              >\r\n                                                <a className=\"media-left\">\r\n                                                  <img\r\n                                                    className=\"media-object img-circle\"\r\n                                                    src=\"assets/images/avatar-1.png\"\r\n                                                    alt=\"Generic placeholder image\"\r\n                                                  />\r\n                                                </a>\r\n                                                <div\r\n                                                  className=\"media-body\"\r\n                                                  style={{\r\n                                                    textAlign: \"initial\",\r\n                                                  }}\r\n                                                >\r\n                                                  <div\r\n                                                    className=\"f-13 chat-header\"\r\n                                                    style={{ color: \"black\" }}\r\n                                                  >\r\n                                                    <div>\r\n                                                      <div\r\n                                                        onClick={(e) => {\r\n                                                          e.preventDefault();\r\n                                                          this.SearchModel(\r\n                                                            user.id,\r\n                                                            user.userId,\r\n                                                            user.company_Id,\r\n                                                            user.email,\r\n                                                            user.company_Name\r\n                                                          );\r\n\r\n                                                          this.GetEntityUser(\r\n                                                            user.email\r\n                                                          );\r\n                                                        }}\r\n                                                      >\r\n                                                        {user.company_Name}\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  </div>\r\n                                                </div>\r\n                                              </div>\r\n                                            ))}\r\n                                          </div>\r\n                                        </main>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div id=\"styleSelector\"></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n           \r\n          </>\r\n        )}\r\n\r\n        {this.state.EditSkillModel ? (\r\n          <div>\r\n            <>\r\n\r\n              <GroupPop\r\n                id=\"\"\r\n                values={this.state.EditSkillValues}\r\n                close={() => this.EditSkillModel()}\r\n              />\r\n            </>\r\n          </div>\r\n        ) : null}\r\n\r\n        <div className=\"pcoded-content \">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div\r\n              className=\"main-body\"\r\n            >\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                 <div className=\"page-body \">\r\n                  {/*  */}\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\" style={{backgroundColor:\"transparent\",boxShadow:\"none\"}}\r\n                    >\r\n              <form \r\n              //  id=\"chbole\"\r\n              >\r\n                <div>\r\n                  {this.state.showFirstHeader ? null : (\r\n                    <div className=\"glowBoxnew\">\r\n                      <div>\r\n                        <div >\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n\r\n                      <h4 className=\"titlenew\" style={{ marginRight: \"50px\" }}>\r\n                        Town Hall\r\n\r\n                      </h4>\r\n\r\n                      <i\r\n                         id=\"gear\"\r\n                        title=\"Settings\"\r\n                        className=\"icofont icofont-gear\"\r\n                        onClick={this.AccessOpen}\r\n                      />\r\n                    </div>\r\n                  )}\r\n                  {isButton3Visible && (\r\n                    <div id=\"btnstyle\">\r\n                      <Link\r\n                        id=\"Ndbtn\"\r\n                        className=\"btn chatbtncolor\"\r\n                        onClick={() => {\r\n                          this.handleButton3Click();\r\n                        }}\r\n                      >\r\n                        <span id=\"Dlabel\" onClick={this.handleClick} style={{ width: \"145%\" }}>\r\n\r\n                          <i className=\"fa-solid fa-comment-medical\"></i>\r\n                          &nbsp;<span className=\"disresp\" id=\"DText\">New</span>&nbsp;\r\n                        </span>\r\n                      </Link>\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </form>\r\n              <div className=\"row\">\r\n                <div className=\"\">\r\n                  &nbsp;&nbsp;\r\n                  {isButton1Visible && (\r\n                    <Link\r\n                      id=\"addRow\"\r\n                      className=\"btn chatbtncolor\"\r\n                      onClick={() => {\r\n                        this.AddSkillModel();\r\n                        this.handleButton1Click();\r\n                      }}\r\n                    >\r\n                      <span className=\"chatButtonTextColor\">\r\n                        {\" \"}\r\n                        New Discussion\r\n                      </span>{\" \"}\r\n                      &nbsp;&nbsp;{\" \"}\r\n                      <i\r\n                        className=\"fa fa-comments-o chatButtonTextColor\"\r\n                        aria-hidden=\"true\"\r\n                      ></i>\r\n                    </Link>\r\n                  )}\r\n                  &nbsp;&nbsp;\r\n                  {isButton2Visible && (\r\n                    <Link\r\n                      id=\"addRow\"\r\n                      className=\"btn chatbtncolor\"\r\n                      onClick={() => {\r\n                        this.handleButton2Click();\r\n                      }}\r\n                    >\r\n                      {\" \"}\r\n                      <span className=\"chatButtonTextColor\">\r\n                        {\" \"}\r\n                        Group Discussion{\" \"}\r\n                      </span>\r\n                      &nbsp;&nbsp;\r\n                      <i\r\n                        className=\"fa fa-users chatButtonTextColor\"\r\n                        aria-hidden=\"true\"\r\n                      ></i>\r\n                    </Link>\r\n                  )}\r\n                </div>\r\n              </div>\r\n            \r\n          \r\n          \r\n        \r\n\r\n        {LastGroupopen && (\r\n          <div id=\"last\">\r\n            <LastGroup id=\"\" close={() => this.Lastgrpchatmodel()} />\r\n            </div>\r\n        )}\r\n        </div>\r\n        </div>\r\n        </div>\r\n        </div>\r\n        </div>\r\n         </div>\r\n         </div>\r\n        </div>\r\n\r\n        {isBox1Open && (\r\n          <div className=\"pcoded-content\" id=\"Searchbox1\">\r\n            <div className=\"pcoded-inner-content\">\r\n              <div className=\"main-body chat-bg\">\r\n                <div className=\"\">\r\n                  <div id=\"\" className=\"\">\r\n                    <div className=\"page-body\">\r\n                      <div className=\"row\">\r\n                        <div className=\"chat-box\">\r\n                          <div id=\"sidebar\" className=\"users p-chat-user\">\r\n                            <div className=\"had-container\">\r\n                              <form className=\"grupform\">\r\n                                <div\r\n                                  className=\"card card_main p-fixed users-main \"\r\n                                  style={{\r\n                                    overflow: \"scroll\",\r\n                                  }}\r\n                                >\r\n                                  \r\n                                  <div className=\"user-box\">\r\n                                    <div id=\"tsum-tabs\">\r\n                                      <main id=\"\">\r\n                                        <div id=\"\" className=\"\">\r\n                                          <br />\r\n                                          <div className=\"col-lg-12\">\r\n                                            <input\r\n                                              type=\"text\"\r\n                                              className=\"Searchbox\"\r\n                                              placeholder=\"Search\"\r\n                                              onChange={this.myFunctionAll}\r\n                                              style={{\r\n                                                backgroundColor: \"white\",\r\n                                              }}\r\n                                            />\r\n                                            {/* <div className=\"form-icon\">\r\n                                              <i className=\"icofont icofont-search\"></i>\r\n                                            </div> */}\r\n                                          </div>\r\n\r\n                                          <br />\r\n                                          <div className=\"checkboxes\">\r\n                                            {this.state.letters.map(\r\n                                              (letter, index) => (\r\n                                                <button\r\n                                                  className=\"alphabet\"\r\n                                                  key={index}\r\n                                                  onClick={(event) =>\r\n                                                    this.handleFilter(\r\n                                                      letter,\r\n                                                      event\r\n                                                    )\r\n                                                  }\r\n                                                >\r\n                                                  {letter}\r\n                                                </button>\r\n                                              )\r\n                                            )}\r\n                                          </div>\r\n\r\n                                          <div className=\"right-icon-control\"></div>\r\n                                          <br />\r\n\r\n                                          <>\r\n                                            <>\r\n                                              {showResults && (\r\n                                                <>\r\n                                                  <ul>\r\n                                                    {Addmembers.map(\r\n                                                      (Announcement) => (\r\n                                                        <div\r\n                                                          className=\"media userlist-box\"\r\n                                                          data-id=\"1\"\r\n                                                          data-status=\"online\"\r\n                                                          data-username=\"Josephin Doe\"\r\n                                                          data-toggle=\"tooltip\"\r\n                                                          data-placement=\"left\"\r\n                                                          style={{\r\n                                                            padding: \"5px\",\r\n                                                            height: \"79px\",\r\n                                                          }}\r\n                                                        >\r\n                                                          &nbsp;&nbsp;&nbsp;\r\n                                                          <a className=\"media-left\">\r\n                                                            <img\r\n                                                              className=\"media-object img-circle\"\r\n                                                              src=\"assets/images/avatar-1.png\"\r\n                                                              alt=\"Generic placeholder image\"\r\n                                                              style={{\r\n                                                                marginTop:\r\n                                                                  \"20px\",\r\n                                                              }}\r\n                                                            />\r\n                                                          </a>\r\n                                                          <div\r\n                                                            className=\"media-body\"\r\n                                                            style={{\r\n                                                              textAlign:\r\n                                                                \"initial\",\r\n                                                            }}\r\n                                                          >\r\n                                                            <div\r\n                                                              className=\"f-13 chat-header\"\r\n                                                              style={{\r\n                                                                color: \"black\",\r\n                                                              }}\r\n                                                            >\r\n                                                              {\" \"}\r\n                                                              <li\r\n                                                                key={\r\n                                                                  Announcement.id\r\n                                                                }\r\n                                                                value={\r\n                                                                  Announcement.id\r\n                                                                }\r\n                                                              >\r\n                                                                <label\r\n                                                                  style={{\r\n                                                                    padding:\r\n                                                                      \"2px\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  <span\r\n                                                                    className=\"Fontsize_In_chat\"\r\n                                                                    style={{\r\n                                                                      color:\r\n                                                                        \"black\",\r\n                                                                      whiteSpace:\r\n                                                                        \"nowrap\",\r\n                                                                      fontWeight:\r\n                                                                        \"bold\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {/* {\" \"}\r\n                                                                    {\r\n                                                                      Announcement.name\r\n                                                                    }\r\n                                                                    */}\r\n                                                                  </span>\r\n                                                                  <br />\r\n                                                                  <span\r\n                                                                    className=\"Fontsize_In_chat\"\r\n                                                                    style={{\r\n                                                                      color:\r\n                                                                        \"black\",\r\n                                                                      whiteSpace:\r\n                                                                        \"nowrap\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {\r\n                                                                      Announcement.name\r\n                                                                    }\r\n                                                                  </span>\r\n                                                                  <br />\r\n                                                                  <span\r\n                                                                    className=\"Fontsize_In_chat\"\r\n                                                                    style={{\r\n                                                                      color:\r\n                                                                        \"Gray\",\r\n                                                                      whiteSpace:\r\n                                                                        \"nowrap\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {\r\n                                                                      Announcement.email\r\n                                                                    }\r\n                                                                  </span>\r\n                                                                </label>\r\n                                                              </li>\r\n                                                            </div>\r\n                                                          </div>\r\n                                                          <input\r\n                                                            type=\"checkbox\"\r\n                                                            title=\"Add\"\r\n                                                            className=\"check\"\r\n                                                            id=\"Checkboxchat\"\r\n                                                            value={\r\n                                                              Announcement.email\r\n                                                            }\r\n                                                            checked={selectedUserIds.includes(\r\n                                                              Announcement.email\r\n                                                            )}\r\n                                                            onChange={\r\n                                                              this\r\n                                                                .handleUserSelectionChange\r\n                                                            }\r\n                                                          />\r\n                                                          <input\r\n                                                            hidden\r\n                                                            type=\"text\"\r\n                                                            name=\"User_Id\"\r\n                                                          />\r\n                                                        </div>\r\n                                                      )\r\n                                                    )}\r\n                                                  </ul>\r\n                                                </>\r\n                                              )}\r\n                                            </>\r\n                                            <></>\r\n                                          </>\r\n                                        </div>\r\n                                      </main>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </form>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div id=\"styleSelector\"></div>\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        {isBox2Open && (\r\n          <div\r\n            style={{\r\n              border: \" 1px solid rgba(0,0,0,.125)\",\r\n              width: \"40vh\",\r\n              marginLeft: \"59%\",\r\n              marginTop: \"-117px\",\r\n              height: \"85vh\",\r\n              overflowY: \"scroll\",\r\n              backgroundColor: \"white\",\r\n            }}\r\n            id=\"Searchbox2\"\r\n          >\r\n            <br />\r\n            <div id=\"tsum-tabs\">\r\n              <main id=\"maintab\">\r\n                <div id=\"\" className=\"\">\r\n                  <div className=\"user-boxs\">\r\n                    <div id=\"\">\r\n                      <main id=\"\">\r\n                        {\" \"}\r\n                        <form\r\n                          className=\"grupform\"\r\n                        >\r\n                          <div\r\n                            className=\"card card_main p-fixed users-main \"\r\n                            style={{\r\n                              overflow: \"scroll\",\r\n                              marginTop: \"50px\",\r\n                              height: \"84%\",\r\n                            }}\r\n                          >\r\n                            <div className=\"user-box\">\r\n                              <div id=\"tsum-tabs\">\r\n                                <main id=\"\">\r\n                                  <div id=\"\" className=\"\">\r\n                                    <br />\r\n                                    <div\r\n                                      className=\"\"\r\n                                      style={{\r\n                                        marginLeft: \"7px\",\r\n                                      }}\r\n                                    >\r\n                                      <i\r\n                                        className=\"fa fa-times\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{ float: \"right\" }}\r\n                                        onClick={this.hideBox2}\r\n                                      ></i>\r\n                                      <br></br>\r\n                                      <br></br>\r\n                                    </div>\r\n                                    <br />\r\n\r\n                                    <>\r\n                                      <>\r\n                                        {selectedUsers.length == 0 ? (\r\n                                          <>\r\n                                            {\" \"}\r\n                                            <h5>Add Members to Your Group</h5>\r\n                                            <img\r\n                                              src={GroupMember}\r\n                                              style={{\r\n                                                width: \"200px\",\r\n                                                height: \"200px\",\r\n                                              }}\r\n                                            ></img>\r\n                                          </>\r\n                                        ) : null}\r\n                                        <ul>\r\n                                          {selectedUsers.map((Addmembers) => (\r\n                                            <div\r\n                                              className=\"media userlist-box\"\r\n                                              data-id=\"1\"\r\n                                              data-status=\"online\"\r\n                                              data-toggle=\"tooltip\"\r\n                                              data-placement=\"left\"\r\n                                              style={{\r\n                                                height: \"40px\",\r\n                                              }}\r\n                                            >\r\n                                              <a className=\"media-left\">\r\n                                                <img\r\n                                                  className=\"media-object img-circle\"\r\n                                                  src=\"assets/images/avatar-1.png\"\r\n                                                  alt=\"Generic placeholder image\"\r\n                                                />\r\n                                              </a>\r\n                                              <div\r\n                                                className=\"media-body\"\r\n                                                style={{\r\n                                                  textAlign: \"initial\",\r\n                                                }}\r\n                                              >\r\n                                                <div\r\n                                                  className=\"f-13 chat-header\"\r\n                                                  style={{\r\n                                                    display: \"flex\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  <li\r\n                                                    className=\"Fontsize_In_chat\"\r\n                                                    key={Addmembers.id}\r\n                                                    style={{\r\n                                                      color: \"black\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Addmembers.name}{\" \"}\r\n                                                  </li>\r\n                                                  ;\r\n                                                </div>\r\n                                              </div>\r\n                                              <i\r\n                                                onClick={() => {\r\n                                                  this.handleUserRemove(\r\n                                                    Addmembers.email,\r\n                                                    Addmembers.name\r\n                                                  );\r\n                                                }}\r\n                                                style={{\r\n                                                  fontSize: \"20px\",\r\n\r\n                                                  marginLeft: \"15vh\",\r\n                                                }}\r\n                                              >\r\n                                                {\" \"}\r\n                                                <CloseIcon\r\n                                                  style={{\r\n                                                    fontSize: \"20px\",\r\n                                                    color: \"red\",\r\n                                                  }}\r\n                                                />\r\n                                              </i>\r\n                                              <input\r\n                                                hidden\r\n                                                type=\"text\"\r\n                                                className=\"grupuser\"\r\n                                                value={Addmembers.name}\r\n                                                name=\"FirstName\"\r\n                                              />\r\n                                              <input\r\n                                                hidden\r\n                                                type=\"text\"\r\n                                                className=\"grupuser\"\r\n                                                value={Addmembers.email}\r\n                                                name=\"Email\"\r\n                                              />\r\n                                              <input\r\n                                                hidden\r\n                                                type=\"text\"\r\n                                                name=\"User_Id\"\r\n                                              />\r\n                                            </div>\r\n                                          ))}\r\n                                        </ul>\r\n                                      </>\r\n                                      <></>\r\n                                    </>\r\n                                  </div>\r\n                                </main>\r\n                              </div>\r\n                            </div>\r\n                            <div className=\"footer\">\r\n                              <center>\r\n                                <input\r\n                                  hidden\r\n                                  type=\"submit\"\r\n                                  value=\"submit\"\r\n                                  className=\"click\"\r\n                                  id=\"formbtn\"\r\n                                />\r\n                                <br />\r\n                                <button\r\n                                  type=\"submit\"\r\n                                  className=\"but\"\r\n                                  style={{\r\n                                    height: \"39.5px\",\r\n                                    width: \"86.36px\",\r\n                                  }}\r\n                                  onClick={(e) => {\r\n                                    e.preventDefault();\r\n                                    this.toggleTitlePopupOpen();\r\n                                  }}\r\n                                >\r\n                                  Continue\r\n                                </button>\r\n                              </center>\r\n                            </div>\r\n                          </div>\r\n                        </form>\r\n                        <br />\r\n                      </main>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </main>\r\n            </div>\r\n          </div>\r\n        )}\r\n        {isBox3Open && (\r\n          <div className=\"pcoded-content \">\r\n            <div className=\"pcoded-inner-content\">\r\n              <div className=\"main-body\">\r\n                <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                 <div className=\"page-body \">\r\n                  {/*  */}\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\" style={{backgroundColor:\"transparent\",boxShadow:\"none\"}}\r\n                    > \r\n                    <div className=\"martop\"\r\n                      id=\"chatboxFullContainer\"\r\n                    >\r\n                      <form\r\n                        style={{ backgroundColor: \"white\" }}\r\n                      >\r\n                        <div>\r\n                          <>\r\n                            {showFirstHeader ? (\r\n                              <div className=\"glowBox\">\r\n                                <div>\r\n                                  <div style={{ float: \"left\" }}>\r\n                                    <a\r\n                                      href\r\n                                      onClick={() => {\r\n                                        this.handleBackArrowClick2();\r\n                                        this.handleClick();\r\n                                      }}\r\n                                    >\r\n                                      <i\r\n                                        className=\"icofont icofont-arrow-left\"\r\n                                        style={{\r\n                                          fontSize: \"45px\",\r\n                                          color: \"white\",\r\n                                        }}\r\n                                      />\r\n                                    </a>{\" \"}\r\n                                  </div>\r\n                                </div>\r\n                                <h4\r\n                                  className=\"title\"\r\n                                  style={{ marginRight: \"50px\" }}\r\n                                >\r\n                                  New Discussion\r\n                                </h4>\r\n                              </div>\r\n                            ) : null}\r\n                          </>\r\n                        </div>\r\n\r\n                        <div\r\n                          className=\"container-fluid\"\r\n                          id=\"NDiscContainer\"\r\n                        >\r\n                          <div className=\"row\">\r\n                            <span\r\n                              className=\"NewDiscussionTab\"\r\n                              id=\"NewDiscussionTab\"\r\n                            >\r\n                              <input\r\n                                id=\"tab1\"\r\n                                type=\"radio\"\r\n                                name=\"tabs\"\r\n                                className=\"DNInput\"\r\n                                defaultChecked=\"tab1\"\r\n                              />\r\n                              <label\r\n                                for=\"tab1\"\r\n                                id=\"DNlabeluser\"\r\n                                onClick={this.HideFormdisplay}>\r\n                                <span>\r\n                                  <i\r\n                                    className=\"fa fa-user\"\r\n                                    aria-hidden=\"true\"\r\n                                    style={{ fontSize: \"13px\" }}\r\n                                    id=\"DNTextuser\"\r\n                                  ></i>\r\n                                  &nbsp;&nbsp;\r\n                                  <span id=\"DNTextuser\">1:1 </span>\r\n                                </span>\r\n                              </label>\r\n\r\n                              <input id=\"tab3\" type=\"radio\" name=\"tabs\" />\r\n                              <label\r\n                                for=\"tab3\"\r\n                                id=\"DNlabeluser\"\r\n\r\n                                onClick={this.Formdisplay}\r\n                              >\r\n                                <span>\r\n                                  <i\r\n                                    className=\"fa fa-users\"\r\n                                    aria-hidden=\"true\"\r\n                                    style={{ fontSize: \"13px\" }}\r\n                                    id=\"DNTextuser\"\r\n                                  ></i>\r\n                                  &nbsp;&nbsp;\r\n                                  <span id=\"DNTextuser\">Create Group</span>\r\n                                </span>\r\n                              </label>\r\n                            </span>\r\n                            <br /><br /><br />\r\n                            <div\r\n                              className={displayForm ? \"col-xl-12\" : \"col-xl-12\"}\r\n                              id=\"NDFullContainer\"\r\n                            >\r\n\r\n                              {displayForm ? (\r\n                                <form>\r\n                                  <div id={displayForm ? 'NDcontainerAfter' : \"NDcontainer\"}>\r\n                                    <aside id=\"NDaside\">\r\n\r\n                                      <header>\r\n                                        <input type=\"text\" placeholder=\"Search Member...\"\r\n                                          onChange={this.myFunctionAll}\r\n                                          id='searchInputvalue'\r\n                                        />\r\n                                      </header>\r\n                                      <center>\r\n                                        <span\r\n                                          id=\"DFilterErr\"\r\n                                          style={{ color: \"red\" }}\r\n                                        ></span></center>\r\n                                      <ul>\r\n                                        {MemberAccess.map((Announcement) => (\r\n                                          <>\r\n                                            {Accessed === 1 && Accessed_to === 1 ? (<li>\r\n                                              <div\r\n                                                className=\"checkbox-wrapper-12\"\r\n                                                style={{ marginLeft: '10px' }}\r\n                                              >\r\n                                                <div className=\"cbx\">\r\n                                                  <input\r\n                                                    type=\"checkbox\"\r\n                                                    title=\"Add\"\r\n                                                    className=\"check\"\r\n                                                    id={`Checkboxchat-${Announcement.email}`}\r\n                                                    value={Announcement.email}\r\n                                                    checked={selectedUserIds.includes(\r\n                                                      Announcement.email\r\n                                                    )}\r\n                                                    onChange={\r\n                                                      this.handleUserSelectionChange\r\n                                                    }\r\n                                                    style={{ background: 'rgba(0,0,0,.1)' }}\r\n                                                  />\r\n                                                  <label htmlFor={`Checkboxchat-${Announcement.email}`}></label>\r\n                                                  <svg\r\n                                                    width=\"15\"\r\n                                                    height=\"14\"\r\n                                                    viewbox=\"0 0 15 14\"\r\n                                                    fill=\"none\"\r\n                                                  >\r\n                                                    <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                                  </svg>\r\n                                                </div>\r\n\r\n                                                <svg\r\n                                                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                                                  version=\"1.1\"\r\n                                                >\r\n                                                  <defs>\r\n                                                    <filter id=\"goo-12\">\r\n                                                      <fegaussianblur\r\n                                                        in=\"SourceGraphic\"\r\n                                                        stddeviation=\"4\"\r\n                                                        result=\"blur\"\r\n                                                      ></fegaussianblur>\r\n                                                      <fecolormatrix\r\n                                                        in=\"blur\"\r\n                                                        mode=\"matrix\"\r\n                                                        values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                        result=\"goo-12\"\r\n                                                      ></fecolormatrix>\r\n                                                      <feblend\r\n                                                        in=\"SourceGraphic\"\r\n                                                        in2=\"goo-12\"\r\n                                                      ></feblend>\r\n                                                    </filter>\r\n                                                  </defs>\r\n                                                </svg>\r\n                                              </div>\r\n                                              <img src={Announcement.profile_Picture} alt=\"\" style={{\r\n                                                width: \"35px\",\r\n                                                height: \"35px\",\r\n                                                marginLeft: '4px'\r\n                                              }}\r\n                                                id='GrpAddmembers'\r\n                                              />\r\n\r\n                                              <div id='NameListDiv'>\r\n                                                <label htmlFor={`Checkboxchat-${Announcement.email}`} style={{ cursor: 'pointer', marginBottom: \"0\", display: 'block' }}>\r\n                                                  <h2 id='NDNameList'>\r\n                                                    {Announcement.userActiveStatus === 1 ?\r\n                                                      <img\r\n                                                        src={onlineimg}\r\n                                                        className=\"media-object img-circle\"\r\n                                                        style={{\r\n                                                          marginTop: \"50px\",\r\n                                                          marginLeft: \"-12px\",\r\n                                                          width: \"12px\",\r\n                                                          background: \"white\",\r\n                                                          animation:\r\n                                                            \"greenonline 2s infinite\",\r\n                                                        }}\r\n                                                        title=\"Online\"\r\n                                                      /> : <img\r\n                                                        src={offlineimg}\r\n                                                        className=\"media-object img-circle\"\r\n                                                        style={{\r\n                                                          marginTop: \"50px\",\r\n                                                          marginLeft: \"-12px\",\r\n                                                          width: \"12px\",\r\n                                                          background: \"white\",\r\n                                                          animation:\r\n                                                            \"offlinego 2s infinite\",\r\n                                                        }}\r\n                                                        title={`last seen at ${Announcement.logout}`}\r\n                                                      />\r\n                                                    }&nbsp;{Announcement.fName}\r\n\r\n                                                  </h2>\r\n                                                </label>\r\n                                              </div>\r\n                                              <br />\r\n\r\n                                              <span id=\"AddMemberMail\" style={{ fontSize: '12px', color: '#fff' }}> ({Announcement.email})</span>\r\n                                            </li>) : null}\r\n                                          </>\r\n                                        ))}\r\n                                        <>\r\n                                          {NonAccess.map((Announcement) => (\r\n                                            <>\r\n                                              {(Accessed === 1 &&\r\n                                                Accessed_to === 0) ||\r\n                                                (Accessed === 0 && Accessed_to === 0) ||\r\n                                                (Accessed === 0 &&\r\n                                                  Accessed_to === 1) ? (<li>\r\n                                                    <div\r\n                                                      className=\"checkbox-wrapper-12\"\r\n                                                      style={{ marginLeft: '10px' }}\r\n                                                    >\r\n                                                      <div className=\"cbx\">\r\n                                                        <input\r\n                                                          type=\"checkbox\"\r\n                                                          title=\"Add\"\r\n                                                          className=\"check\"\r\n                                                          id={`Checkboxchat-${Announcement.email}`}\r\n                                                          value={Announcement.email}\r\n                                                          checked={selectedUserIds.includes(\r\n                                                            Announcement.email\r\n                                                          )}\r\n                                                          onChange={\r\n                                                            this.handleUserSelectionChange\r\n                                                          }\r\n                                                          style={{ background: 'rgba(0,0,0,.1)' }}\r\n                                                        />\r\n                                                        <label htmlFor={`Checkboxchat-${Announcement.email}`}></label>\r\n                                                        <svg\r\n                                                          width=\"15\"\r\n                                                          height=\"14\"\r\n                                                          viewbox=\"0 0 15 14\"\r\n                                                          fill=\"none\"\r\n                                                        >\r\n                                                          <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                                        </svg>\r\n                                                      </div>\r\n\r\n                                                      <svg\r\n                                                        xmlns=\"http://www.w3.org/2000/svg\"\r\n                                                        version=\"1.1\"\r\n                                                      >\r\n                                                        <defs>\r\n                                                          <filter id=\"goo-12\">\r\n                                                            <fegaussianblur\r\n                                                              in=\"SourceGraphic\"\r\n                                                              stddeviation=\"4\"\r\n                                                              result=\"blur\"\r\n                                                            ></fegaussianblur>\r\n                                                            <fecolormatrix\r\n                                                              in=\"blur\"\r\n                                                              mode=\"matrix\"\r\n                                                              values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                              result=\"goo-12\"\r\n                                                            ></fecolormatrix>\r\n                                                            <feblend\r\n                                                              in=\"SourceGraphic\"\r\n                                                              in2=\"goo-12\"\r\n                                                            ></feblend>\r\n                                                          </filter>\r\n                                                        </defs>\r\n                                                      </svg>\r\n                                                    </div>\r\n                                                    <img src={Announcement.profile_Picture} alt=\"\" style={{\r\n                                                      width: \"35px\",\r\n                                                      height: \"35px\",\r\n                                                      marginLeft: '4px'\r\n                                                    }}\r\n                                                      id='GrpAddmembers'\r\n                                                    />\r\n\r\n                                                    <div id='NameListDiv'>\r\n                                                      <label htmlFor={`Checkboxchat-${Announcement.email}`} style={{ cursor: 'pointer', marginBottom: \"0\", display: 'block' }}>\r\n                                                        <h2 id='NDNameList'>\r\n                                                          {Announcement.userActiveStatus === 1 ?\r\n                                                            <img\r\n                                                              src={onlineimg}\r\n                                                              className=\"media-object img-circle\"\r\n                                                              style={{\r\n                                                                marginTop: \"50px\",\r\n                                                                marginLeft: \"-12px\",\r\n                                                                width: \"12px\",\r\n                                                                background: \"white\",\r\n                                                                animation:\r\n                                                                  \"greenonline 2s infinite\",\r\n                                                              }}\r\n                                                              title=\"Online\"\r\n                                                            /> : <img\r\n                                                              src={offlineimg}\r\n                                                              className=\"media-object img-circle\"\r\n                                                              style={{\r\n                                                                marginTop: \"50px\",\r\n                                                                marginLeft: \"-12px\",\r\n                                                                width: \"12px\",\r\n                                                                background: \"white\",\r\n                                                                animation:\r\n                                                                  \"offlinego 2s infinite\",\r\n                                                              }}\r\n                                                              title={`last seen at ${Announcement.logout}`}\r\n                                                            />\r\n                                                          }&nbsp;{Announcement.fName}\r\n\r\n                                                        </h2>\r\n                                                      </label>\r\n                                                    </div>\r\n                                                    <br />\r\n                                                    <span id=\"AddMemberMail\" style={{ fontSize: '12px', color: '#fff' }}> ({Announcement.email})</span>\r\n                                                  </li>) : null}\r\n                                            </>\r\n                                          ))}\r\n                                        </>\r\n\r\n\r\n                                      </ul>\r\n\r\n                                    </aside>\r\n                                    <main id=\"NDmain\">\r\n                                      <center>\r\n\r\n                                        {displayForm && selectedUsers.length !== 0 ? (\r\n\r\n                                          <div>\r\n                                            <center style={{ paddingTop: '15px', color: '#7367f0', fontWeight: 'bold', fontSize: '16px' }}>Selected Users</center>\r\n\r\n                                            <form id=\"UserSelectPop\">\r\n                                              {selectedUsers.map((member) => (\r\n                                                <div\r\n                                                  className=\"media userlist-box\"\r\n                                                  data-id=\"1\"\r\n                                                  data-status=\"online\"\r\n                                                  data-username=\"Josephin Doe\"\r\n                                                  data-toggle=\"tooltip\"\r\n                                                  data-placement=\"left\"\r\n                                                  id=\"EntityUser\"\r\n                                                  style={{\r\n                                                    height: \"57px\",\r\n                                                    borderBottom: \"none\",\r\n                                                  }}\r\n                                                >\r\n                                                  &nbsp;&nbsp;&nbsp;\r\n                                                  <a className=\"media-left\">\r\n                                                    <img\r\n                                                      className=\"media-object img-circle\"\r\n                                                      src={member.profile_Picture}\r\n                                                      alt=\"Generic placeholder image\"\r\n                                                      style={{\r\n                                                        marginTop: \"20px\",\r\n                                                        width: \"35px\",\r\n                                                        height: \"35px\",\r\n                                                      }}\r\n\r\n                                                    />\r\n                                                    <img\r\n                                                      id=\"delIcon\"\r\n                                                      src={delImg}\r\n                                                      className=\"media-object img-circle\"\r\n                                                      onClick={() => {\r\n                                                        this.handleUserRemove(\r\n                                                          member.email,\r\n                                                          member.name\r\n                                                        );\r\n                                                      }}\r\n                                                    />\r\n                                                  </a>\r\n                                                  <div\r\n                                                    className=\"media-body\"\r\n                                                    style={{\r\n                                                      textAlign: \"initial\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <div\r\n                                                      className=\"f-13 chat-header\"\r\n                                                      style={{\r\n                                                        color: \"black\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {\" \"}\r\n                                                      <a\r\n                                                        id=\"lastmemberli\"\r\n                                                        key={member.id}\r\n                                                        value={member.id}\r\n                                                        style={{ listStyleType: \"none\" }}\r\n                                                      >\r\n                                                        <label\r\n                                                        >\r\n                                                          <span\r\n                                                            className=\"Fontsize_In_chat\"\r\n                                                            style={{\r\n                                                              color: \"black\",\r\n                                                              whiteSpace: \"nowrap\",\r\n                                                              fontWeight: \"bold\",\r\n                                                            }}\r\n                                                          ></span>\r\n                                                          <br />\r\n                                                          <span\r\n                                                            className=\"Fontsize_In_chat\"\r\n                                                            style={{\r\n                                                              color: \"black\",\r\n                                                              whiteSpace: \"nowrap\",\r\n                                                              fontWeight: \"bold\",\r\n                                                              fontSize: '12px'\r\n                                                            }}\r\n                                                          >\r\n                                                            {member.name}\r\n                                                          </span>&nbsp;{\" \"}\r\n\r\n                                                          <span\r\n                                                            className=\"Fontsize_In_chat\"\r\n                                                            style={{\r\n                                                              color: \"Gray\",\r\n                                                              whiteSpace: \"nowrap\",\r\n                                                              fontSize: '11px'\r\n                                                            }}\r\n                                                          >\r\n                                                            ({member.email})\r\n                                                          </span>\r\n                                                         \r\n                                                        </label>\r\n                                                      \r\n                                                      </a>\r\n                                                    </div>\r\n                                                  </div>\r\n                                                  <input\r\n                                                    hidden\r\n                                                    type=\"text\"\r\n                                                    name=\"User_Id\"\r\n                                                  />\r\n                                                </div>\r\n                                              ))}\r\n                                            </form>{\" \"} <br />\r\n                                            <center>\r\n                                              {selectedUsers.length == 0 ? null : (\r\n                                                <>\r\n\r\n                                                  <button\r\n                                                    type=\"submit\"\r\n                                                    className=\"but\"\r\n                                                    onClick={this.openPopup}\r\n                                                  >\r\n                                                    Continue\r\n                                                  </button>\r\n                                                </>\r\n                                              )}\r\n                                            </center>\r\n                                          </div>\r\n                                        ) : (\r\n                                          <center>\r\n                                            <img\r\n                                              src='https://thumbs.dreamstime.com/b/people-talking-icon-group-symbol-bubbles-isolated-white-background-simple-abstract-discuss-vector-black-illustration-115580097.jpg'\r\n                                              style={{\r\n                                                height: '150px', width: '150px', borderRadius: \"50%\",\r\n                                                marginTop: '160px'\r\n                                              }}\r\n                                            ></img>\r\n                                            <br /><br />\r\n                                            <h5 style={{ color: 'gray', fontWeight: 'bold' }}>Start Group Discussion </h5>\r\n                                          </center>\r\n                                        )}\r\n                                      </center>\r\n                                    </main>\r\n                                  </div></form>\r\n                              ) : (\r\n                                <form>\r\n                                  <div id={chatpop ? 'NDcontainerAfter' : \"NDcontainer\"}>\r\n                                    <aside id=\"NDaside\">\r\n                                      <header>\r\n                                        <input type=\"text\" placeholder=\"Search Member...\"\r\n                                          onChange={this.myFunctionAll}\r\n                                          id='searchInputvalue'\r\n                                        />\r\n                                      </header>\r\n                                      <center>\r\n                                        <span\r\n                                          id=\"DFilterErr\"\r\n                                          style={{ color: \"red\" }}\r\n                                        ></span></center>\r\n                                      <ul>\r\n                                        {MemberAccess.map((Announcement) => (\r\n                                          <>\r\n                                            {Accessed === 1 && Accessed_to === 1 ? (\r\n                                              <li onClick={() => {\r\n                                                this.getDetails(\r\n                                                  Announcement.firstName,\r\n                                                  Announcement.email,\r\n                                                  Announcement.profile_Picture,\r\n                                                  Announcement.senderId,\r\n                                                  Announcement.particularId\r\n                                                );\r\n                                                this.markMessageAsSeenUser(\r\n                                                  Announcement.senderId,\r\n                                                  Announcement.particularId\r\n                                                );\r\n                                                this.markMessageAsSeenAdmin(\r\n                                                  Announcement.senderId,\r\n                                                  Announcement.particularId\r\n                                                );\r\n                                              }}>\r\n                                                <img src={Announcement.profile_Picture} alt=\"\" style={{\r\n                                                  width: \"35px\",\r\n                                                  height: \"35px\",\r\n\r\n                                                }} />\r\n\r\n                                                <div id='NameListDiv'>\r\n                                                  <h2 id='NDNameList'>\r\n                                                    {Announcement.userActiveStatus === 1 ?\r\n                                                      <img\r\n                                                        src={onlineimg}\r\n                                                        className=\"media-object img-circle\"\r\n                                                        style={{\r\n                                                          marginTop: \"50px\",\r\n                                                          marginLeft: \"-12px\",\r\n                                                          width: \"12px\",\r\n                                                          background: \"white\",\r\n                                                          animation:\r\n                                                            \"greenonline 2s infinite\",\r\n                                                        }}\r\n                                                        title=\"Online\"\r\n                                                      /> : <img\r\n                                                        src={offlineimg}\r\n                                                        className=\"media-object img-circle\"\r\n                                                        style={{\r\n                                                          marginTop: \"50px\",\r\n                                                          marginLeft: \"-12px\",\r\n                                                          width: \"12px\",\r\n                                                          background: \"white\",\r\n                                                          animation:\r\n                                                            \"offlinego 2s infinite\",\r\n                                                        }}\r\n                                                        title={`last seen at ${Announcement.logout}`}\r\n                                                      />\r\n                                                    }&nbsp;{Announcement.fName}&nbsp; {Announcement.senderId !==\r\n                                                      UserId ? (\r\n                                                      <>\r\n                                                        {Announcement.counts > 0 ? (\r\n                                                          <p\r\n                                                            className=\"badge badge-primary\"\r\n                                                            style={{\r\n                                                              fontSize: \"11px\",\r\n                                                              backgroundColor:\r\n                                                                \"#563ccf\",\r\n                                                            }}\r\n                                                          >\r\n                                                            {Announcement.counts}\r\n                                                          </p>\r\n                                                        ) : null}\r\n                                                      </>\r\n                                                    ) : null}\r\n\r\n                                                  </h2>\r\n                                                </div>\r\n                                                <br />\r\n\r\n                                                <span id=\"NDMail\" style={{ fontSize: '12px', color: '#fff' }}> ({Announcement.email})</span>\r\n                                              </li>\r\n                                            ) : null}\r\n                                          </>\r\n                                        ))}\r\n                                        <>\r\n                                          {NonAccess.map((Announcement) => (\r\n                                            <>\r\n                                              {(Accessed === 1 &&\r\n                                                Accessed_to === 0) ||\r\n                                                (Accessed === 0 && Accessed_to === 0) ||\r\n                                                (Accessed === 0 &&\r\n                                                  Accessed_to === 1) ? (\r\n                                                <li onClick={() => {\r\n                                                  this.getDetails(\r\n                                                    Announcement.firstName,\r\n                                                    Announcement.email,\r\n                                                    Announcement.profile_Picture,\r\n                                                    Announcement.senderId,\r\n                                                    Announcement.particularId\r\n                                                  );\r\n                                                  this.markMessageAsSeenUser(\r\n                                                    Announcement.senderId,\r\n                                                    Announcement.particularId\r\n                                                  );\r\n                                                  this.markMessageAsSeenAdmin(\r\n                                                    Announcement.senderId,\r\n                                                    Announcement.particularId\r\n                                                  );\r\n                                                }}>\r\n                                                  <img src={Announcement.profile_Picture} alt=\"\" style={{\r\n                                                    width: \"35px\",\r\n                                                    height: \"35px\",\r\n\r\n                                                  }} />\r\n\r\n                                                  <div id='NameListDiv'>\r\n                                                    <h2 id='NDNameList'>\r\n                                                      {Announcement.userActiveStatus === 1 ?\r\n                                                        <img\r\n                                                          src={onlineimg}\r\n                                                          className=\"media-object img-circle\"\r\n                                                          style={{\r\n                                                            marginTop: \"50px\",\r\n                                                            marginLeft: \"-12px\",\r\n                                                            width: \"12px\",\r\n                                                            // position: \"absolute\",\r\n                                                            background: \"white\",\r\n                                                            animation:\r\n                                                              \"greenonline 2s infinite\",\r\n                                                          }}\r\n                                                          title=\"Online\"\r\n                                                        /> : <img\r\n                                                          src={offlineimg}\r\n                                                          className=\"media-object img-circle\"\r\n                                                          style={{\r\n                                                            marginTop: \"50px\",\r\n                                                            marginLeft: \"-12px\",\r\n                                                            width: \"12px\",\r\n                                                            // position: \"absolute\",\r\n                                                            background: \"white\",\r\n                                                            animation:\r\n                                                              \"offlinego 2s infinite\",\r\n                                                          }}\r\n                                                          title={`last seen at ${Announcement.logout}`}\r\n                                                        />\r\n                                                      }&nbsp;{Announcement.fName}&nbsp; {Announcement.senderId !==\r\n                                                        UserId ? (\r\n                                                        <>\r\n                                                          {Announcement.counts > 0 ? (\r\n                                                            <p\r\n                                                              className=\"badge badge-primary\"\r\n                                                              style={{\r\n                                                                fontSize: \"11px\",\r\n                                                                backgroundColor:\r\n                                                                  \"#563ccf\",\r\n                                                              }}\r\n                                                            >\r\n                                                              {Announcement.counts}\r\n                                                            </p>\r\n                                                          ) : null}\r\n                                                        </>\r\n                                                      ) : null}\r\n\r\n                                                    </h2>\r\n                                                  </div>\r\n                                                  <br />\r\n\r\n                                                  <span id=\"NDMail\" style={{ fontSize: '12px', color: '#fff' }}> ({Announcement.email})</span>\r\n                                                </li>\r\n                                              ) : null}\r\n                                            </>\r\n                                          ))}\r\n                                        </>\r\n\r\n\r\n\r\n                                      </ul>\r\n\r\n                                    </aside>\r\n                                    <main id=\"NDmain\">\r\n\r\n                                      {Chatpop ?\r\n                                        <div style={chatpop}>\r\n                                          {Addmembers.map((member) =>\r\n                                              member.email === this.state.Email ? (\r\n                                              <div>\r\n                                                {member.userActiveStatus === 1 ? (\r\n                                                  <>\r\n                                                    <img\r\n                                                      src={onlinedot}\r\n                                                      className=\"media-object img-circle\"\r\n                                                      style={{\r\n                                                        animation:\r\n                                                          \"greenonline 2s infinite\",\r\n                                                        marginTop: \"25px\",\r\n                                                        width: \"12px\",\r\n                                                        position: \"absolute\",\r\n                                                        marginLeft: \"25px\",\r\n                                                      }}\r\n                                                      title=\"Online\"\r\n                                                    />\r\n                                                    <img src={UPic} style={{ width: \"35px\", height: \"35px\", borderRadius: '50%' }} alt=\"\" />\r\n                                                    &nbsp;<span\r\n                                                      style={{\r\n                                                        color: \"white\",\r\n                                                        fontSize: \"15px\",\r\n                                                        fontWeight: \"bold\",\r\n\r\n                                                      }}\r\n                                                    >\r\n                                                      {\" \"}\r\n                                                      {member.fName}{\" \"}\r\n\r\n                                                      <p\r\n                                                        style={{\r\n                                                          fontSize: \"10px\",\r\n                                                          color: '#2ecc71',\r\n                                                          marginLeft: '43px',\r\n                                                          marginTop: \"-0.7%\",\r\n                                                          position: 'absolute',\r\n\r\n                                                        }}\r\n                                                      >\r\n                                                        Online\r\n                                                      </p>\r\n                                                    </span>\r\n                                                  </>\r\n                                                ) : (\r\n                                                  <>\r\n                                                    <img\r\n                                                      src={offlinedot}\r\n                                                      className=\"media-object img-circle\"\r\n                                                      title=\"Offline\"\r\n                                                      style={{\r\n                                                        animation:\r\n                                                          \"offlinego 2s infinite\",\r\n                                                        marginTop: \"25px\",\r\n                                                        width: \"12px\",\r\n                                                        position: \"absolute\",\r\n                                                        marginLeft: \"25px\",\r\n                                                      }}\r\n                                                    />\r\n                                                    <img src={UPic} style={{ width: \"35px\", height: \"35px\", borderRadius: '50%' }} alt=\"\" />\r\n                                                    &nbsp; <span\r\n                                                      style={{\r\n                                                        color: \"white\",\r\n                                                        fontSize: \"15px\",\r\n                                                        fontWeight: \"bold\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {\" \"}\r\n                                                      {member.fName}{\" \"}\r\n                                                      <p\r\n                                                        style={{\r\n                                                          fontSize: \"10px\",\r\n                                                          color: '#ff725d',\r\n                                                          marginLeft: '43px',\r\n                                                          marginTop: \"-0.7%\",\r\n                                                          position: 'absolute'\r\n                                                        }}\r\n                                                      >\r\n                                                        last seen at {member.logout}\r\n                                                      </p>\r\n                                                    </span>\r\n                                                  </>\r\n                                                )}\r\n                                                <span\r\n                                                  style={{\r\n                                                    float: 'right', color: \"white\",\r\n                                                    fontSize: \"20px\", marginRight: \"15px\",\r\n                                                    cursor: \"pointer\",\r\n                                                  }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  <i\r\n                                                    className=\"fa fa-times\"\r\n                                                    aria-hidden=\"true\"\r\n                                                    onClick={this.hideChatpop}\r\n                                                  ></i>\r\n                                                </span>\r\n                                              </div>\r\n                                            ) : null\r\n                                          )}\r\n\r\n                                          <form\r\n                                            autoComplete=\"off\"\r\n                                            ref={this.formRef}\r\n                                            encType=\"multipart/form-data\"\r\n                                          >\r\n                                            <input\r\n                                              type=\"hidden\"\r\n                                              name=\"UserName\"\r\n                                              defaultValue={this.state.Email}\r\n                                            />\r\n\r\n                                            <div>\r\n                                              <div className=\"message-scrooler\">\r\n                                                <div className=\"messages\" style={{ background: '#eff3f7' }}>\r\n                                                  <div\r\n                                                    ref={this.chatBoxRef}\r\n                                                    style={{\r\n                                                      marginTop: \"20px\",\r\n                                                      overflowY: \"scroll\",\r\n                                                      height: \"380px\",\r\n\r\n                                                    }}\r\n                                                  >\r\n                                                    {messages.map(\r\n                                                      (message, index) => {\r\n                                                        const isSender =\r\n                                                          Popmsg.includes(message);\r\n                                                        let text =\r\n                                                          message.document_Path;\r\n                                                        let result = text.slice(\r\n                                                          45,\r\n                                                          85\r\n                                                        );\r\n                                                        let result1 =\r\n                                                          text.slice(45);\r\n                                                        return (\r\n                                                          <>\r\n                                                            {message.sysDateTimeWithSeconds && message.rowNum === 1 ? (\r\n                                                              <>\r\n                                                                <center style={{ marginTop: '2%', marginBottom: '10px' }}>\r\n                                                                  <span\r\n                                                                    style={{\r\n                                                                      color: 'gray', backgroundColor: \"#8eb6d859\", height: \"35px\",\r\n                                                                      padding: \"8px 8px 8px 6px\",\r\n                                                                      borderRadius: \"7px\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    &nbsp;\r\n                                                                    {this.formatDateAA1(\r\n                                                                      message.createDateTime\r\n                                                                    )}\r\n                                                                  </span></center>\r\n                                                              </>\r\n                                                            ) : null}\r\n                                                            {message.particularId === UserId ? <>\r\n                                                              {message.displayStatus === 2 ? (\r\n                                                                <div\r\n                                                                  className={`message-${isSender ? \"SendMsg\" : \"blue\"\r\n                                                                    }`}\r\n                                                                  key={index}\r\n                                                                  style={{\r\n                                                                    height: \"auto\",\r\n                                                                    overflowWrap: \"break-word\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {MsgMenu &&\r\n                                                                    this.state.deleteId == message.id ? (\r\n                                                                    <div\r\n                                                                      style={MessageMenu}\r\n                                                                      ref={this.containerRef}\r\n                                                                    >\r\n                                                                      <center>\r\n                                                                        <ul>\r\n                                                                          {isSender ? (\r\n                                                                            <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n\r\n                                                                              <span\r\n                                                                                onClick={this.EditMessage}\r\n                                                                                id=\"MsgOption\"\r\n                                                                                style={{ marginLeft: '-26px' }}\r\n                                                                              >\r\n                                                                                <i\r\n                                                                                  className=\"fa fa-pencil-square-o\"\r\n                                                                                  aria-hidden=\"true\"\r\n                                                                                ></i>&nbsp;&nbsp;\r\n                                                                                <b>\r\n                                                                                  Edit\r\n                                                                                </b>\r\n                                                                              </span>\r\n                                                                            </li>) : null}\r\n\r\n                                                                          <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n                                                                            <span\r\n                                                                              onClick={this.deleteMenu}\r\n                                                                              id=\"MsgOption\"\r\n                                                                              style={{ marginLeft: '-14px' }}\r\n                                                                            >\r\n                                                                              <i\r\n                                                                                className=\"fa fa-trash\"\r\n                                                                                aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;\r\n\r\n                                                                              <b>\r\n                                                                                Delete\r\n                                                                              </b>\r\n                                                                            </span>\r\n                                                                          </li>\r\n                                                                          <li style={{ padding: '8px' }}>\r\n                                                                            <span\r\n                                                                              onClick={this.forwardopenpop}\r\n                                                                              id=\"MsgOption\"\r\n                                                                            >\r\n                                                                              <i\r\n                                                                                className=\"fa fa-share\"\r\n                                                                                aria-hidden=\"true\"></i>\r\n\r\n                                                                              <b>&nbsp;\r\n                                                                                Forward\r\n                                                                              </b>\r\n                                                                            </span>\r\n                                                                          </li>\r\n\r\n                                                                        </ul>\r\n                                                                      </center>\r\n                                                                    </div>\r\n                                                                  ) : null}\r\n                                                                  <i\r\n                                                                    className=\"fa fa-ellipsis-h\"\r\n                                                                    style={{\r\n                                                                      float: \"Right\",\r\n                                                                      cursor: \"pointer\",\r\n                                                                    }}\r\n                                                                    aria-hidden=\"true\"\r\n                                                                    onClick={() =>\r\n                                                                      this.DisplayMenu(\r\n                                                                        message.id,\r\n                                                                        message.message,\r\n                                                                        message.picture_Path,\r\n                                                                        message.document_Path,\r\n                                                                        message.senderId,\r\n                                                                        message.createDateTime,\r\n                                                                        message.particularId,\r\n                                                                        message.sysDateTimeWithSeconds\r\n                                                                      )\r\n                                                                    }\r\n                                                                  ></i>\r\n\r\n                                                                  {!isSender ? (\r\n                                                                    <h6\r\n                                                                      style={{\r\n                                                                        fontWeight: \"600\",\r\n                                                                        color: \"#09679f\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      {message.editStatus === 1 ? (\r\n                                                                        <span\r\n                                                                          style={{\r\n                                                                            fontWeight: \"200\",\r\n                                                                            color: \"grey\",\r\n                                                                            fontSize: \"10px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          Edited\r\n                                                                        </span>\r\n                                                                      ) : null}\r\n                                                                    </h6>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      {message.editStatus === 1 ? (\r\n                                                                        <h6\r\n                                                                          style={{\r\n                                                                            fontWeight: \"200\",\r\n                                                                            color: \"grey\",\r\n                                                                            fontSize: \"10px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          Edited\r\n                                                                        </h6>\r\n                                                                      ) : null}\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                  {message.frwdStatus === 1 ? (\r\n                                                                    <h6\r\n                                                                      style={{\r\n                                                                        fontWeight: \"200\",\r\n                                                                        color: \"grey\",\r\n                                                                        fontSize: \"10px\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      <i\r\n                                                                        className=\"fa fa-share\"\r\n                                                                        aria-hidden=\"true\"\r\n                                                                      ></i>\r\n                                                                      &nbsp;&nbsp;Forwarded\r\n                                                                    </h6>\r\n                                                                  ) : null}\r\n                                                                  {message.picture_Path === \"-\" &&\r\n                                                                    message.document_Path === \"-\" ? (\r\n                                                                    <p\r\n                                                                      className=\"message-content\"\r\n                                                                      name=\"Popmsg\"\r\n                                                                    >\r\n                                                                      {regexp.test(message.message) ==\r\n                                                                        true ? (\r\n                                                                        <>\r\n                                                                          <a\r\n                                                                            style={{\r\n                                                                              color: \"blue\",\r\n                                                                              textDecoration: \"underline\",\r\n                                                                            }}\r\n                                                                            target=\"_blank\"\r\n                                                                            rel=\"noopener noreferrer\"\r\n                                                                            href={message.message}\r\n                                                                          >\r\n                                                                            {message.message}\r\n                                                                          </a>\r\n                                                                          <br />\r\n                                                                        </>\r\n                                                                      ) : (\r\n                                                                        <div>\r\n                                                                          <p>{message.message}</p>\r\n                                                                        </div>\r\n                                                                      )}\r\n                                                                      {isSender && message.seen == 1 ? (\r\n                                                                        <img\r\n                                                                          src={doubletick}\r\n                                                                          style={{\r\n                                                                            // marginTop: \"50px\",\r\n                                                                            marginLeft: \"-2px\",\r\n                                                                            width: \"20px\",\r\n                                                                            float: \"right\",\r\n                                                                          }}\r\n                                                                          title=\"Seen\"\r\n                                                                        />\r\n                                                                      ) : null}\r\n                                                                      {isSender && message.seen == 0 ? (\r\n                                                                        <img\r\n                                                                          src={singletick}\r\n                                                                          style={{\r\n                                                                            // marginTop: \"50px\",\r\n                                                                            marginLeft: \"-2px\",\r\n                                                                            width: \"20px\",\r\n                                                                            float: \"right\",\r\n                                                                          }}\r\n                                                                          title=\"Unread\"\r\n                                                                        />\r\n                                                                      ) : null}\r\n                                                                      <br />\r\n                                                                    </p>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      {message.picture_Path !== \"-\" &&\r\n                                                                        message.document_Path !== \"-\" ? (\r\n                                                                        <div>\r\n                                                                          <div>\r\n                                                                            <p\r\n                                                                              className=\"message-content\"\r\n                                                                              name=\"Popmsg\"\r\n                                                                            // style={{ wordWrap: \"break-word\" }}\r\n                                                                            >\r\n                                                                              {message.message !=\r\n                                                                                \"-\" ? (\r\n                                                                                <>\r\n                                                                                  {\r\n                                                                                    message.message\r\n                                                                                  }\r\n                                                                                </>\r\n                                                                              ) : null}\r\n                                                                            </p>\r\n\r\n                                                                            <br />\r\n                                                                            <a\r\n                                                                              href={\r\n                                                                                message.picture_Path\r\n                                                                              }\r\n                                                                              name=\"picture\"\r\n                                                                              readOnly\r\n                                                                              value={\r\n                                                                                message.picture_Path\r\n                                                                              }\r\n                                                                              title=\"\"\r\n                                                                              target=\"_blank\"\r\n                                                                              style={{\r\n                                                                                width:\r\n                                                                                  \"120px\",\r\n                                                                                height:\r\n                                                                                  \"200px\",\r\n                                                                              }}\r\n                                                                            ></a>\r\n                                                                            <div>\r\n                                                                              <img\r\n                                                                                alt=\"chatimg\"\r\n                                                                                width=\"80\"\r\n                                                                                height=\"80\"\r\n                                                                                src={message.picture_Path}\r\n                                                                          \r\n                                                                              />\r\n                                                                            </div>\r\n                                                                            <div>\r\n                                                                              <embed\r\n                                                                                src={\r\n                                                                                  message.document_Path\r\n                                                                                }\r\n                                                                                id=\"Gstiframe\"\r\n                                                                                title=\"\"\r\n                                                                                scrolling=\"no\"\r\n                                                                                target=\"_blank\"\r\n                                                                                style={{\r\n                                                                                  width: \"100px\",\r\n                                                                                  height: \"100px\",\r\n                                                                                  pointerEvents: \"none\",\r\n                                                                                }}\r\n                                                                              ></embed>\r\n                                                                            </div>\r\n                                                                          </div>\r\n                                                                          {isSender &&\r\n                                                                            message.seen == 1 ? (\r\n                                                                            <img\r\n                                                                              src={doubletick}\r\n                                                                              style={{\r\n                                                                                // marginTop: \"50px\",\r\n                                                                                marginLeft: \"-2px\",\r\n                                                                                width: \"20px\",\r\n                                                                                float: \"right\",\r\n                                                                              }}\r\n                                                                              title=\"Seen\"\r\n                                                                            />\r\n                                                                          ) : null}\r\n                                                                          {isSender &&\r\n                                                                            message.seen == 0 ? (\r\n                                                                            <img\r\n                                                                              src={singletick}\r\n                                                                              style={{\r\n                                                                                // marginTop: \"50px\",\r\n                                                                                marginLeft: \"-2px\",\r\n                                                                                width: \"20px\",\r\n                                                                                float: \"right\",\r\n                                                                              }}\r\n                                                                              title=\"Unread\"\r\n                                                                            />\r\n                                                                          ) : null}\r\n                                                                          <br />\r\n                                                                        </div>\r\n                                                                      ) : (\r\n                                                                        <>\r\n                                                                          {message.picture_Path === \"-\" &&\r\n                                                                            message.document_Path !==\r\n                                                                            \"-\" ? (\r\n                                                                            <div>\r\n                                                                              <p\r\n                                                                                className=\"message-content\"\r\n                                                                                name=\"Popmsg\"\r\n                                                                             \r\n                                                                              >\r\n                                                                                {message.message !=\r\n                                                                                  \"-\" ? (\r\n                                                                                  <>\r\n                                                                                    {\r\n                                                                                      message.message\r\n                                                                                    }\r\n                                                                                  </>\r\n                                                                                ) : null}\r\n                                                                              </p>\r\n                                                                              <br />\r\n                                                                              <a\r\n                                                                                href={\r\n                                                                                  message.document_Path\r\n                                                                                }\r\n                                                                                name=\"picture\"\r\n                                                                                readOnly\r\n                                                                                value={\r\n                                                                                  message.document_Path\r\n                                                                                }\r\n                                                                                title=\"\"\r\n                                                                                scrolling=\"no\"\r\n                                                                                target=\"_blank\"\r\n                                                                                style={{\r\n                                                                                  width: \"120px\",\r\n                                                                                  height: \"200px\",\r\n                                                                                }}\r\n                                                                              >\r\n                                                                                <div\r\n                                                                                  className=\"row\"\r\n                                                                                  style={{\r\n                                                                                    width: \"180px\",\r\n                                                                                    height: \"60px\",\r\n                                                                                    borderRadius: \"5px\",\r\n                                                                                    boxShadow:\r\n                                                                                      \"rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px\",\r\n                                                                                    background: \"#e8e8e8\",\r\n                                                                                    alignItems: \"center\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  <div className=\"col-lg-3\">\r\n                                                                                    <img\r\n                                                                                      src={File1}\r\n                                                                                      style={{\r\n                                                                                        height: \"30px\",\r\n                                                                                        width: \"30px\",\r\n                                                                                      }}\r\n                                                                                    ></img>\r\n                                                                                  </div>\r\n                                                                                  <div className=\"col-lg-9\">\r\n                                                                                    {message.document_Path\r\n                                                                                      .length > 85 ? (\r\n                                                                                      <>\r\n                                                                                        <div\r\n                                                                                          style={{\r\n                                                                                            opacity:\r\n                                                                                              DName &&\r\n                                                                                                documentname ==\r\n                                                                                                message.id\r\n                                                                                                ? 1\r\n                                                                                                : 0,\r\n                                                                                            width:\r\n                                                                                              \"150px\",\r\n                                                                                            height:\r\n                                                                                              \"auto\",\r\n                                                                                            overflowWrap:\r\n                                                                                              \"break-word\",\r\n                                                                                            zIndex: \"109\",\r\n                                                                                            border:\r\n                                                                                              \"1px solid black\",\r\n\r\n                                                                                            background:\r\n                                                                                              \"#0000007d\",\r\n                                                                                            color:\r\n                                                                                              \"white\",\r\n                                                                                            alignItems:\r\n                                                                                              \"center\",\r\n                                                                                            position:\r\n                                                                                              \"absolute\",\r\n                                                                                            top: \"-50px\",\r\n                                                                                            left: \"-50px\",\r\n                                                                                          }}\r\n                                                                                        >\r\n                                                                                          <p\r\n                                                                                            style={{\r\n                                                                                              fontSize:\r\n                                                                                                \"10px\",\r\n                                                                                            }}\r\n                                                                                          >\r\n                                                                                            {result1}\r\n                                                                                          </p>\r\n                                                                                        </div>\r\n                                                                                        <p\r\n                                                                                          style={{\r\n                                                                                            marginTop:\r\n                                                                                              \"10px\",\r\n                                                                                            textAlign:\r\n                                                                                              \"center\",\r\n                                                                                            fontSize:\r\n                                                                                              \"10px\",\r\n                                                                                            fontWeight:\r\n                                                                                              \"600\",\r\n                                                                                            color:\r\n                                                                                              \"#19578b\",\r\n                                                                                          }}\r\n                                                                                          onMouseOver={(\r\n                                                                                            e\r\n                                                                                          ) => {\r\n                                                                                            e.preventDefault();\r\n                                                                                            this.documentName(\r\n                                                                                              message.id\r\n                                                                                            );\r\n                                                                                          }}\r\n                                                                                          onMouseLeave={\r\n                                                                                            this\r\n                                                                                              .documentNameL\r\n                                                                                          }\r\n                                                                                        >\r\n                                                                                          {result}\r\n                                                                                          ...\r\n                                                                                        </p>\r\n                                                                                      </>\r\n                                                                                    ) : (\r\n                                                                                      <p\r\n                                                                                        style={{\r\n                                                                                          marginTop:\r\n                                                                                            \"10px\",\r\n                                                                                          textAlign:\r\n                                                                                            \"center\",\r\n                                                                                          fontSize:\r\n                                                                                            \"10px\",\r\n                                                                                          fontWeight:\r\n                                                                                            \"600\",\r\n                                                                                          color:\r\n                                                                                            \"#014c8c\",\r\n                                                                                        }}\r\n                                                                                      >\r\n                                                                                        {result}\r\n                                                                                      </p>\r\n                                                                                    )}\r\n                                                                                  </div>\r\n                                                                                </div>\r\n                                                                              </a>\r\n                                                                              {isSender &&\r\n                                                                                message.seen == 1 ? (\r\n                                                                                <img\r\n                                                                                  src={doubletick}\r\n                                                                                  style={{\r\n                                                                             \r\n                                                                                    marginLeft: \"-2px\",\r\n                                                                                    width: \"20px\",\r\n                                                                                    float: \"right\",\r\n                                                                                  }}\r\n                                                                                  title=\"Seen\"\r\n                                                                                />\r\n                                                                              ) : null}\r\n                                                                              {isSender &&\r\n                                                                                message.seen == 0 ? (\r\n                                                                                <img\r\n                                                                                  src={singletick}\r\n                                                                                  style={{\r\n                                                                                    marginLeft: \"-2px\",\r\n                                                                                    width: \"20px\",\r\n                                                                                    float: \"right\",\r\n                                                                                  }}\r\n                                                                                  title=\"Unread\"\r\n                                                                                />\r\n                                                                              ) : null}\r\n                                                                              <br />\r\n                                                                            </div>\r\n                                                                          ) : (\r\n                                                                            <div>\r\n                                                                              <p\r\n                                                                                className=\"message-content\"\r\n                                                                                name=\"Popmsg\"\r\n                                                                        \r\n                                                                              >\r\n                                                                                {message.message !=\r\n                                                                                  \"-\" ? (\r\n                                                                                  <>\r\n                                                                                    {\r\n                                                                                      message.message\r\n                                                                                    }\r\n                                                                                  </>\r\n                                                                                ) : null}\r\n                                                                              </p>\r\n                                                                              <br />\r\n                                                                              <a\r\n                                                                                href={\r\n                                                                                  message.picture_Path\r\n                                                                                }\r\n                                                                                name=\"picture\"\r\n                                                                                readOnly\r\n                                                                                value={\r\n                                                                                  message.picture_Path\r\n                                                                                }\r\n                                                                                title=\"\"\r\n                                                                                target=\"_blank\"\r\n                                                                                style={{\r\n                                                                                  width:\r\n                                                                                    \"120px\",\r\n                                                                                  height:\r\n                                                                                    \"200px\",\r\n                                                                                }}\r\n                                                                              >\r\n                                                                                <div>\r\n                                                                                  <img\r\n                                                                                    alt=\"chatimg\"\r\n                                                                                    width=\"80\"\r\n                                                                                    height=\"80\"\r\n                                                                                    src={\r\n                                                                                      message.picture_Path\r\n                                                                                    }\r\n                                                                               \r\n                                                                                  />\r\n                                                                                </div>\r\n                                                                              </a>\r\n                                                                              {isSender &&\r\n                                                                                message.seen == 1 ? (\r\n                                                                                <img\r\n                                                                                  src={doubletick}\r\n                                                                                  style={{\r\n                                                                                    // marginTop: \"50px\",\r\n                                                                                    marginLeft: \"-2px\",\r\n                                                                                    width: \"20px\",\r\n                                                                                    float: \"right\",\r\n                                                                                  }}\r\n                                                                                  title=\"Seen\"\r\n                                                                                />\r\n                                                                              ) : null}\r\n                                                                              {isSender &&\r\n                                                                                message.seen == 0 ? (\r\n                                                                                <img\r\n                                                                                  src={singletick}\r\n                                                                                  style={{\r\n                                                                                    // marginTop: \"50px\",\r\n                                                                                    marginLeft: \"-2px\",\r\n                                                                                    width: \"20px\",\r\n                                                                                    float: \"right\",\r\n                                                                                  }}\r\n                                                                                  title=\"Unread\"\r\n                                                                                />\r\n                                                                              ) : null}\r\n                                                                              <br />\r\n                                                                            </div>\r\n                                                                          )}\r\n                                                                        </>\r\n                                                                      )}\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                  <br />\r\n                                                                  <div className=\"message-timestamp-right\">\r\n                                                                    \r\n                                                                    <span\r\n                                                                      style={{\r\n                                                                        color: \"gray\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      <i className=\"fa fa-clock-o\"></i>\r\n                                                                      &nbsp;\r\n                                                                      {this.formatDateAA(\r\n                                                                        message.createDateTime\r\n                                                                      )}\r\n                                                                    </span>\r\n                                                                  </div>\r\n                                                                </div>\r\n                                                              ) : null}\r\n                                                            </> :\r\n                                                              <>\r\n                                                                {message.displayStatus === 1 ?\r\n                                                                  <div\r\n                                                                    className={`message-${isSender ? \"SendMsg\" : \"blue\"\r\n                                                                      }`}\r\n                                                                    key={index}\r\n                                                                    style={{\r\n                                                                      height: \"auto\",\r\n                                                                      overflowWrap: \"break-word\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {MsgMenu &&\r\n                                                                      this.state.deleteId == message.id ? (\r\n                                                                      <div\r\n                                                                        style={MessageMenu}\r\n                                                                        ref={this.containerRef}\r\n                                                                      >\r\n                                                                        <center>\r\n                                                                          <ul>\r\n                                                                            {isSender ? (\r\n                                                                              <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n\r\n                                                                                <span\r\n                                                                                  onClick={this.EditMessage}\r\n                                                                                  id=\"MsgOption\"\r\n                                                                                  style={{ marginLeft: '-26px' }}\r\n                                                                                >\r\n                                                                                  <i\r\n                                                                                    className=\"fa fa-pencil-square-o\"\r\n                                                                                    aria-hidden=\"true\"\r\n                                                                                  ></i>&nbsp;&nbsp;\r\n                                                                                  <b>\r\n                                                                                    Edit\r\n                                                                                  </b>\r\n                                                                                </span>\r\n                                                                              </li>) : null}\r\n\r\n                                                                            <li style={{ padding: '8px', borderBottom: '1px solid #ddd' }}>\r\n                                                                              <span\r\n                                                                                onClick={this.deleteMenu}\r\n                                                                                id=\"MsgOption\"\r\n                                                                                style={{ marginLeft: '-14px' }}\r\n                                                                              >\r\n                                                                                <i\r\n                                                                                  className=\"fa fa-trash\"\r\n                                                                                  aria-hidden=\"true\"></i>&nbsp;&nbsp;&nbsp;\r\n\r\n                                                                                <b>\r\n                                                                                  Delete\r\n                                                                                </b>\r\n                                                                              </span>\r\n                                                                            </li>\r\n                                                                            <li style={{ padding: '8px' }}>\r\n                                                                              <span\r\n                                                                                onClick={this.forwardopenpop}\r\n                                                                                id=\"MsgOption\"\r\n                                                                              >\r\n                                                                                <i\r\n                                                                                  className=\"fa fa-share\"\r\n                                                                                  aria-hidden=\"true\"></i>\r\n\r\n                                                                                <b>&nbsp;\r\n                                                                                  Forward\r\n                                                                                </b>\r\n                                                                              </span>\r\n                                                                            </li>\r\n\r\n                                                                          </ul>\r\n                                                                        </center>\r\n                                                                      </div>\r\n                                                                    ) : null}\r\n                                                                    <i\r\n                                                                      className=\"fa fa-ellipsis-h\"\r\n                                                                      style={{\r\n                                                                        float: \"Right\",\r\n                                                                        cursor: \"pointer\",\r\n                                                                      }}\r\n                                                                      aria-hidden=\"true\"\r\n                                                                      onClick={() =>\r\n                                                                        this.DisplayMenu(\r\n                                                                          message.id,\r\n                                                                          message.message,\r\n                                                                          message.picture_Path,\r\n                                                                          message.document_Path,\r\n                                                                          message.senderId,\r\n                                                                          message.createDateTime,\r\n                                                                          message.particularId,\r\n                                                                          message.sysDateTimeWithSeconds\r\n                                                                        )\r\n                                                                      }\r\n                                                                    ></i>\r\n\r\n                                                                    {!isSender ? (\r\n                                                                      <h6\r\n                                                                        style={{\r\n                                                                          fontWeight: \"600\",\r\n                                                                          color: \"#09679f\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        {message.editStatus === 1 ? (\r\n                                                                          <span\r\n                                                                            style={{\r\n                                                                              fontWeight: \"200\",\r\n                                                                              color: \"grey\",\r\n                                                                              fontSize: \"10px\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            Edited\r\n                                                                          </span>\r\n                                                                        ) : null}\r\n                                                                      </h6>\r\n                                                                    ) : (\r\n                                                                      <>\r\n                                                                        {message.editStatus === 1 ? (\r\n                                                                          <h6\r\n                                                                            style={{\r\n                                                                              fontWeight: \"200\",\r\n                                                                              color: \"grey\",\r\n                                                                              fontSize: \"10px\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            Edited\r\n                                                                          </h6>\r\n                                                                        ) : null}\r\n                                                                      </>\r\n                                                                    )}\r\n                                                                    {/* {!isSender ? (\r\n                                                                      <> */}\r\n                                                                    {message.frwdStatus === 1 ? (\r\n                                                                      <h6\r\n                                                                        style={{\r\n                                                                          fontWeight: \"200\",\r\n                                                                          color: \"grey\",\r\n                                                                          fontSize: \"10px\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        <i\r\n                                                                          className=\"fa fa-share\"\r\n                                                                          aria-hidden=\"true\"\r\n                                                                        ></i>\r\n                                                                        &nbsp;&nbsp;Forwarded\r\n                                                                      </h6>\r\n                                                                    ) : null}\r\n                                                                    {/* </>\r\n                                                                    ) : null} */}\r\n                                                                    {message.picture_Path === \"-\" &&\r\n                                                                      message.document_Path === \"-\" ? (\r\n                                                                      <p\r\n                                                                        className=\"message-content\"\r\n                                                                        name=\"Popmsg\"\r\n                                                                      // style={{ wordWrap: \"break-word\" }}\r\n                                                                      >\r\n                                                                        {regexp.test(message.message) ==\r\n                                                                          true ? (\r\n                                                                          <>\r\n                                                                            <a\r\n                                                                              style={{\r\n                                                                                color: \"blue\",\r\n                                                                                textDecoration: \"underline\",\r\n                                                                              }}\r\n                                                                              target=\"_blank\"\r\n                                                                              rel=\"noopener noreferrer\"\r\n                                                                              href={message.message}\r\n                                                                            >\r\n                                                                              {message.message}\r\n                                                                            </a>\r\n                                                                            <br />\r\n                                                                          </>\r\n                                                                        ) : (\r\n                                                                          <div>\r\n                                                                            <p>{message.message}</p>\r\n                                                                          </div>\r\n                                                                        )}\r\n                                                                        {isSender && message.seen == 1 ? (\r\n                                                                          <img\r\n                                                                            src={doubletick}\r\n                                                                            style={{\r\n                                                                              // marginTop: \"50px\",\r\n                                                                              marginLeft: \"-2px\",\r\n                                                                              width: \"20px\",\r\n                                                                              float: \"right\",\r\n                                                                            }}\r\n                                                                            title=\"Seen\"\r\n                                                                          />\r\n                                                                        ) : null}\r\n                                                                        {isSender && message.seen == 0 ? (\r\n                                                                          <img\r\n                                                                            src={singletick}\r\n                                                                            style={{\r\n                                                                              // marginTop: \"50px\",\r\n                                                                              marginLeft: \"-2px\",\r\n                                                                              width: \"20px\",\r\n                                                                              float: \"right\",\r\n                                                                            }}\r\n                                                                            title=\"Unread\"\r\n                                                                          />\r\n                                                                        ) : null}\r\n                                                                        <br />\r\n                                                                      </p>\r\n                                                                    ) : (\r\n                                                                      <>\r\n                                                                        {message.picture_Path !== \"-\" &&\r\n                                                                          message.document_Path !== \"-\" ? (\r\n                                                                          <div>\r\n                                                                            <div>\r\n                                                                              <p\r\n                                                                                className=\"message-content\"\r\n                                                                                name=\"Popmsg\"\r\n                                                                              // style={{ wordWrap: \"break-word\" }}\r\n                                                                              >\r\n                                                                                {message.message !=\r\n                                                                                  \"-\" ? (\r\n                                                                                  <>\r\n                                                                                    {\r\n                                                                                      message.message\r\n                                                                                    }\r\n                                                                                  </>\r\n                                                                                ) : null}\r\n                                                                              </p>\r\n\r\n                                                                              <br />\r\n                                                                              <a\r\n                                                                                href={\r\n                                                                                  message.picture_Path\r\n                                                                                }\r\n                                                                                name=\"picture\"\r\n                                                                                readOnly\r\n                                                                                value={\r\n                                                                                  message.picture_Path\r\n                                                                                }\r\n                                                                                title=\"\"\r\n                                                                                target=\"_blank\"\r\n                                                                                style={{\r\n                                                                                  width:\r\n                                                                                    \"120px\",\r\n                                                                                  height:\r\n                                                                                    \"200px\",\r\n                                                                                }}\r\n                                                                              ></a>\r\n                                                                              <div>\r\n                                                                                <img\r\n                                                                                  alt=\"chatimg\"\r\n                                                                                  width=\"80\"\r\n                                                                                  height=\"80\"\r\n                                                                                  src={message.picture_Path}\r\n                                                                             \r\n                                                                                />\r\n                                                                              </div>\r\n                                                                              <div>\r\n                                                                                <embed\r\n                                                                                  src={\r\n                                                                                    message.document_Path\r\n                                                                                  }\r\n                                                                                  id=\"Gstiframe\"\r\n                                                                                  title=\"\"\r\n                                                                                  scrolling=\"no\"\r\n                                                                                  target=\"_blank\"\r\n                                                                                  style={{\r\n                                                                                    width: \"100px\",\r\n                                                                                    height: \"100px\",\r\n                                                                                    pointerEvents: \"none\",\r\n                                                                                  }}\r\n                                                                                ></embed>\r\n                                                                              </div>\r\n                                                                            </div>\r\n                                                                            {isSender &&\r\n                                                                              message.seen == 1 ? (\r\n                                                                              <img\r\n                                                                                src={doubletick}\r\n                                                                                style={{\r\n                                                                                  // marginTop: \"50px\",\r\n                                                                                  marginLeft: \"-2px\",\r\n                                                                                  width: \"20px\",\r\n                                                                                  float: \"right\",\r\n                                                                                }}\r\n                                                                                title=\"Seen\"\r\n                                                                              />\r\n                                                                            ) : null}\r\n                                                                            {isSender &&\r\n                                                                              message.seen == 0 ? (\r\n                                                                              <img\r\n                                                                                src={singletick}\r\n                                                                                style={{\r\n                                                                                  // marginTop: \"50px\",\r\n                                                                                  marginLeft: \"-2px\",\r\n                                                                                  width: \"20px\",\r\n                                                                                  float: \"right\",\r\n                                                                                }}\r\n                                                                                title=\"Unread\"\r\n                                                                              />\r\n                                                                            ) : null}\r\n                                                                            <br />\r\n                                                                          </div>\r\n                                                                        ) : (\r\n                                                                          <>\r\n                                                                            {message.picture_Path === \"-\" &&\r\n                                                                              message.document_Path !==\r\n                                                                              \"-\" ? (\r\n                                                                              <div>\r\n                                                                                <p\r\n                                                                                  className=\"message-content\"\r\n                                                                                  name=\"Popmsg\"\r\n                                                                               \r\n                                                                                >\r\n                                                                                  {message.message !=\r\n                                                                                    \"-\" ? (\r\n                                                                                    <>\r\n                                                                                      {\r\n                                                                                        message.message\r\n                                                                                      }\r\n                                                                                    </>\r\n                                                                                  ) : null}\r\n                                                                                </p>\r\n                                                                                <br />\r\n                                                                                <a\r\n                                                                                  href={\r\n                                                                                    message.document_Path\r\n                                                                                  }\r\n                                                                                  name=\"picture\"\r\n                                                                                  readOnly\r\n                                                                                  value={\r\n                                                                                    message.document_Path\r\n                                                                                  }\r\n                                                                                  title=\"\"\r\n                                                                                  scrolling=\"no\"\r\n                                                                                  target=\"_blank\"\r\n                                                                                  style={{\r\n                                                                                    width: \"120px\",\r\n                                                                                    height: \"200px\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  <div\r\n                                                                                    className=\"row\"\r\n                                                                                    style={{\r\n                                                                                      width: \"180px\",\r\n                                                                                      height: \"60px\",\r\n                                                                                      borderRadius: \"5px\",\r\n                                                                                      boxShadow:\r\n                                                                                        \"rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px\",\r\n                                                                                      background: \"#e8e8e8\",\r\n                                                                                      alignItems: \"center\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    <div className=\"col-lg-3\">\r\n                                                                                      <img\r\n                                                                                        src={File1}\r\n                                                                                        style={{\r\n                                                                                          height: \"30px\",\r\n                                                                                          width: \"30px\",\r\n                                                                                        }}\r\n                                                                                      ></img>\r\n                                                                                    </div>\r\n                                                                                    <div className=\"col-lg-9\">\r\n                                                                                      {message.document_Path\r\n                                                                                        .length > 85 ? (\r\n                                                                                        <>\r\n                                                                                          <div\r\n                                                                                            style={{\r\n                                                                                              opacity:\r\n                                                                                                DName &&\r\n                                                                                                  documentname ==\r\n                                                                                                  message.id\r\n                                                                                                  ? 1\r\n                                                                                                  : 0,\r\n                                                                                              width:\r\n                                                                                                \"150px\",\r\n                                                                                              height:\r\n                                                                                                \"auto\",\r\n                                                                                              overflowWrap:\r\n                                                                                                \"break-word\",\r\n                                                                                              zIndex: \"109\",\r\n                                                                                              border:\r\n                                                                                                \"1px solid black\",\r\n\r\n                                                                                              background:\r\n                                                                                                \"#0000007d\",\r\n                                                                                              color:\r\n                                                                                                \"white\",\r\n                                                                                              alignItems:\r\n                                                                                                \"center\",\r\n                                                                                              position:\r\n                                                                                                \"absolute\",\r\n                                                                                              top: \"-50px\",\r\n                                                                                              left: \"-50px\",\r\n                                                                                            }}\r\n                                                                                          >\r\n                                                                                            <p\r\n                                                                                              style={{\r\n                                                                                                fontSize:\r\n                                                                                                  \"10px\",\r\n                                                                                              }}\r\n                                                                                            >\r\n                                                                                              {result1}\r\n                                                                                            </p>\r\n                                                                                          </div>\r\n                                                                                          <p\r\n                                                                                            style={{\r\n                                                                                              marginTop:\r\n                                                                                                \"10px\",\r\n                                                                                              textAlign:\r\n                                                                                                \"center\",\r\n                                                                                              fontSize:\r\n                                                                                                \"10px\",\r\n                                                                                              fontWeight:\r\n                                                                                                \"600\",\r\n                                                                                              color:\r\n                                                                                                \"#19578b\",\r\n                                                                                            }}\r\n                                                                                            onMouseOver={(\r\n                                                                                              e\r\n                                                                                            ) => {\r\n                                                                                              e.preventDefault();\r\n                                                                                              this.documentName(\r\n                                                                                                message.id\r\n                                                                                              );\r\n                                                                                            }}\r\n                                                                                            onMouseLeave={\r\n                                                                                              this\r\n                                                                                                .documentNameL\r\n                                                                                            }\r\n                                                                                          >\r\n                                                                                            {result}\r\n                                                                                            ...\r\n                                                                                          </p>\r\n                                                                                        </>\r\n                                                                                      ) : (\r\n                                                                                        <p\r\n                                                                                          style={{\r\n                                                                                            marginTop:\r\n                                                                                              \"10px\",\r\n                                                                                            textAlign:\r\n                                                                                              \"center\",\r\n                                                                                            fontSize:\r\n                                                                                              \"10px\",\r\n                                                                                            fontWeight:\r\n                                                                                              \"600\",\r\n                                                                                            color:\r\n                                                                                              \"#014c8c\",\r\n                                                                                          }}\r\n                                                                                        >\r\n                                                                                          {result}\r\n                                                                                        </p>\r\n                                                                                      )}\r\n                                                                                    </div>\r\n                                                                                  </div>\r\n                                                                                </a>\r\n                                                                                {isSender &&\r\n                                                                                  message.seen == 1 ? (\r\n                                                                                  <img\r\n                                                                                    src={doubletick}\r\n                                                                                    style={{\r\n                                                                                      // marginTop: \"50px\",\r\n                                                                                      marginLeft: \"-2px\",\r\n                                                                                      width: \"20px\",\r\n                                                                                      float: \"right\",\r\n                                                                                    }}\r\n                                                                                    title=\"Seen\"\r\n                                                                                  />\r\n                                                                                ) : null}\r\n                                                                                {isSender &&\r\n                                                                                  message.seen == 0 ? (\r\n                                                                                  <img\r\n                                                                                    src={singletick}\r\n                                                                                    style={{\r\n                                                                                      // marginTop: \"50px\",\r\n                                                                                      marginLeft: \"-2px\",\r\n                                                                                      width: \"20px\",\r\n                                                                                      float: \"right\",\r\n                                                                                    }}\r\n                                                                                    title=\"Unread\"\r\n                                                                                  />\r\n                                                                                ) : null}\r\n                                                                                <br />\r\n                                                                              </div>\r\n                                                                            ) : (\r\n                                                                              <div>\r\n                                                                                <p\r\n                                                                                  className=\"message-content\"\r\n                                                                                  name=\"Popmsg\"\r\n                                                                             \r\n                                                                                >\r\n                                                                                  {message.message !=\r\n                                                                                    \"-\" ? (\r\n                                                                                    <>\r\n                                                                                      {\r\n                                                                                        message.message\r\n                                                                                      }\r\n                                                                                    </>\r\n                                                                                  ) : null}\r\n                                                                                </p>\r\n                                                                                <br />\r\n                                                                                <a\r\n                                                                                  href={\r\n                                                                                    message.picture_Path\r\n                                                                                  }\r\n                                                                                  name=\"picture\"\r\n                                                                                  readOnly\r\n                                                                                  value={\r\n                                                                                    message.picture_Path\r\n                                                                                  }\r\n                                                                                  title=\"\"\r\n                                                                                  target=\"_blank\"\r\n                                                                                  style={{\r\n                                                                                    width:\r\n                                                                                      \"120px\",\r\n                                                                                    height:\r\n                                                                                      \"200px\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  <div>\r\n                                                                                    <img\r\n                                                                                      alt=\"chatimg\"\r\n                                                                                      width=\"80\"\r\n                                                                                      height=\"80\"\r\n                                                                                      src={\r\n                                                                                        message.picture_Path\r\n                                                                                      }\r\n                                                                                  \r\n                                                                                    />\r\n                                                                                  </div>\r\n                                                                                </a>\r\n                                                                                {isSender &&\r\n                                                                                  message.seen == 1 ? (\r\n                                                                                  <img\r\n                                                                                    src={doubletick}\r\n                                                                                    style={{\r\n                                                                                      marginLeft: \"-2px\",\r\n                                                                                      width: \"20px\",\r\n                                                                                      float: \"right\",\r\n                                                                                    }}\r\n                                                                                    title=\"Seen\"\r\n                                                                                  />\r\n                                                                                ) : null}\r\n                                                                                {isSender &&\r\n                                                                                  message.seen == 0 ? (\r\n                                                                                  <img\r\n                                                                                    src={singletick}\r\n                                                                                    style={{\r\n                                                                                      // marginTop: \"50px\",\r\n                                                                                      marginLeft: \"-2px\",\r\n                                                                                      width: \"20px\",\r\n                                                                                      float: \"right\",\r\n                                                                                    }}\r\n                                                                                    title=\"Unread\"\r\n                                                                                  />\r\n                                                                                ) : null}\r\n                                                                                <br />\r\n                                                                              </div>\r\n                                                                            )}\r\n                                                                          </>\r\n                                                                        )}\r\n                                                                      </>\r\n                                                                    )}\r\n                                                                    <br />\r\n                                                                    <div className=\"message-timestamp-right\">\r\n                                                                     \r\n                                                                      <span\r\n                                                                        style={{\r\n                                                                          color: \"gray\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        <i className=\"fa fa-clock-o\"></i>\r\n                                                                        &nbsp;\r\n                                                                        {this.formatDateAA(\r\n                                                                          message.createDateTime\r\n                                                                        )}\r\n                                                                      </span>\r\n                                                                    </div>\r\n                                                                  </div> : null}\r\n                                                              </>\r\n\r\n                                                            }\r\n                                                          </>\r\n                                                        );\r\n                                                      }\r\n                                                    )}\r\n                                                    <div ref={this.myRef} />\r\n\r\n\r\n                                                  </div>\r\n                                                </div>\r\n                                              </div>\r\n                                            </div>\r\n\r\n                                            {Deletepop ? (\r\n                                              <div style={deleteStyles} ref={this.containerRef} id=\"ICdelpop\">\r\n\r\n                                                <i\r\n                                                  className=\"fa fa-times\"\r\n                                                  aria-hidden=\"true\"\r\n                                                  style={{\r\n                                                    color: \"gray\",\r\n                                                    marginLeft: \"90%\",\r\n                                                    fontSize: \"17px\",\r\n                                                  }}\r\n                                                  onClick={this.handleClose}\r\n                                                ></i>\r\n                                                <center>\r\n                                                  <span>\r\n                                                    <img\r\n                                                      src=\"https://static.thenounproject.com/png/659539-200.png\"\r\n                                                      style={{ height: '25px', width: '25px' }}></img>&nbsp;\r\n                                                    <span >Delete Message?</span>\r\n                                                    <br />\r\n                                                  </span>\r\n                                                  <div style={{ display: 'inline-flex', gap: '15px', padding: '20px' }} id=\"spandiV\">\r\n\r\n                                                    <span\r\n                                                      id=\"Deletelistbtns\"\r\n                                                      onClick={this.DeleteMessageOne}\r\n                                                      style={{ float: \"right\" }}\r\n                                                    >\r\n                                                      Delete for me\r\n                                                    </span>\r\n\r\n\r\n                                                    {this.state.deletesender == UserId ? (\r\n                                                      <>\r\n                                                        <span\r\n                                                          id=\"Deletelistbtns\"\r\n                                                          onClick={this.ICDeleteMessageEveryone}\r\n                                                          style={{ float: \"right\" }}\r\n                                                        >\r\n                                                          Delete for Everyone\r\n                                                        </span>\r\n                                                        <br />\r\n                                                      </>\r\n                                                    ) : null}\r\n\r\n                                                  </div>\r\n                                                </center>\r\n                                              </div>\r\n                                            ) : null}\r\n\r\n                                            {this.state.forwardpopup && (\r\n                                              <>\r\n                                                {Minimized ? null : (\r\n                                                  <div className=\"popup\">\r\n                                                    <div className=\"popup-content\">\r\n                                                      <center id=\"DiscAddPop\">\r\n                                                        <div>\r\n                                                          <center style={{ marginTop: '-2%' }}>\r\n                                                            <h6>\r\n                                                              <b>Forward To</b>\r\n                                                            </h6>\r\n                                                          </center>\r\n                                                          <center>\r\n                                                            <input\r\n                                                              className=\"DiscSearchbox\"\r\n                                                              placeholder=\"Search\"\r\n                                                              onChange={this.Forwardmemberfilter}\r\n                                                            />\r\n\r\n                                                          </center> <br />\r\n                                                          <center>\r\n                                                            <form id=\"ForwardMemberPopA\">\r\n                                                              {FrdNonAccess.length === 0 && FrdMemberAccess.length === 0 ?\r\n                                                                <center>\r\n\r\n                                                                  <span\r\n                                                                    id=\"ForwardFilterErrA\"\r\n                                                                    style={{ color: \"red\" }}\r\n                                                                  > Member Not Found</span>\r\n                                                                </center> :\r\n                                                                <>\r\n                                                                  {FrdMemberAccess.map((Announcement) => (\r\n                                                                    <>\r\n                                                                      {Accessed === 1 && Accessed_to === 1 ? (\r\n                                                                        <div\r\n                                                                          className=\"media userlist-box\"\r\n                                                                          data-id=\"1\"\r\n                                                                          data-status=\"online\"\r\n                                                                          data-username=\"Josephin Doe\"\r\n                                                                          data-toggle=\"tooltip\"\r\n                                                                          data-placement=\"left\"\r\n                                                                          style={{\r\n                                                                            // padding: \"5px\",\r\n                                                                            height: \"55px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <div\r\n                                                                            className=\"checkbox-wrapper-12\"\r\n                                                                            id=\"checkboxTop\"\r\n                                                                          >\r\n                                                                            <div className=\"cbx\">\r\n                                                                              <input\r\n                                                                                type=\"checkbox\"\r\n                                                                                title=\"Add\"\r\n                                                                                className=\"check\"\r\n                                                                                id=\"Checkboxchat\"\r\n                                                                                value={Announcement.email}\r\n                                                                                checked={selectedUserIds.includes(\r\n                                                                                  Announcement.email\r\n                                                                                )}\r\n                                                                                onChange={this.handleUserSelectionChange}\r\n                                                                              />\r\n                                                                              <label for=\"cbx-12\"></label>\r\n                                                                              <svg\r\n                                                                                width=\"15\"\r\n                                                                                height=\"14\"\r\n                                                                                viewbox=\"0 0 15 14\"\r\n                                                                                fill=\"none\"\r\n                                                                              >\r\n                                                                                <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                                                              </svg>\r\n                                                                            </div>\r\n\r\n                                                                            <svg\r\n                                                                              xmlns=\"http://www.w3.org/2000/svg\"\r\n                                                                              version=\"1.1\"\r\n                                                                            >\r\n                                                                              <defs>\r\n                                                                                <filter id=\"goo-12\">\r\n                                                                                  <fegaussianblur\r\n                                                                                    in=\"SourceGraphic\"\r\n                                                                                    stddeviation=\"4\"\r\n                                                                                    result=\"blur\"\r\n                                                                                  ></fegaussianblur>\r\n                                                                                  <fecolormatrix\r\n                                                                                    in=\"blur\"\r\n                                                                                    mode=\"matrix\"\r\n                                                                                    values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                                                    result=\"goo-12\"\r\n                                                                                  ></fecolormatrix>\r\n                                                                                  <feblend\r\n                                                                                    in=\"SourceGraphic\"\r\n                                                                                    in2=\"goo-12\"\r\n                                                                                  ></feblend>\r\n                                                                                </filter>\r\n                                                                              </defs>\r\n                                                                            </svg>\r\n                                                                          </div>\r\n                                                                          &nbsp;&nbsp;&nbsp;\r\n                                                                          <a\r\n                                                                            className=\"media-left\"\r\n                                                                            style={{ marginTop: \"-4%\" }}\r\n                                                                          >\r\n                                                                            <img\r\n                                                                              className=\"media-object img-circle\"\r\n                                                                              src={Announcement.profile_Picture}\r\n                                                                              alt=\"Generic placeholder image\"\r\n                                                                              style={{\r\n                                                                                marginTop: \"20px\",\r\n                                                                                width: \"35px\",\r\n                                                                                height: \"35px\",\r\n                                                                              }}\r\n                                                                            />\r\n                                                                            {Announcement.userActiveStatus === 1 ? (\r\n                                                                              <img\r\n                                                                                src={onlineimg}\r\n                                                                                className=\"media-object img-circle\"\r\n                                                                                style={{\r\n                                                                                  marginTop: \"50px\",\r\n                                                                                  marginLeft: \"-12px\",\r\n                                                                                  width: \"12px\",\r\n                                                                                  // position: \"absolute\",\r\n                                                                                  background: \"white\",\r\n                                                                                }}\r\n                                                                                title=\"Online\"\r\n                                                                              />\r\n                                                                            ) : (\r\n                                                                              <img\r\n                                                                                src={offlineimg}\r\n                                                                                className=\"media-object img-circle\"\r\n                                                                                style={{\r\n                                                                                  marginTop: \"50px\",\r\n                                                                                  marginLeft: \"-12px\",\r\n                                                                                  width: \"12px\",\r\n                                                                                  // position: \"absolute\",\r\n                                                                                  background: \"white\",\r\n                                                                                }}\r\n                                                                                title={`last seen at ${Announcement.logout}`}\r\n                                                                              />\r\n                                                                            )}\r\n                                                                          </a>\r\n                                                                          <div\r\n                                                                            className=\"media-body\"\r\n                                                                            style={{\r\n                                                                              textAlign: \"initial\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            <div\r\n                                                                              className=\"f-13 chat-header\"\r\n                                                                              style={{\r\n                                                                                color: \"black\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              {\" \"}\r\n                                                                              <li\r\n                                                                                key={Announcement.id}\r\n                                                                                value={Announcement.id}\r\n                                                                                style={{ listStyleType: \"none\" }}\r\n                                                                              >\r\n                                                                                <label style={{ marginTop: '-2%' }}>\r\n                                                                                  <span\r\n                                                                                    className=\"Fontsize_In_chat\"\r\n                                                                                    style={{\r\n                                                                                      color: \"black\",\r\n                                                                                      whiteSpace: \"nowrap\",\r\n                                                                                      fontWeight: \"bold\",\r\n                                                                                    }}\r\n                                                                                  ></span>\r\n                                                                                  <br />\r\n                                                                                  <span\r\n                                                                                    className=\"Fontsize_In_chat\"\r\n                                                                                    style={{\r\n                                                                                      color: \"black\",\r\n                                                                                      whiteSpace: \"nowrap\",\r\n                                                                                      fontWeight: \"bold\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    {Announcement.fName}\r\n                                                                                  </span>\r\n                                                                                  &nbsp;\r\n                                                                                  <span\r\n                                                                                    className=\"Fontsize_In_chat\"\r\n                                                                                    style={{\r\n                                                                                      color: \"Gray\",\r\n                                                                                      whiteSpace: \"nowrap\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    ({Announcement.email})\r\n                                                                                  </span>\r\n                                                                                </label>\r\n                                                                              </li>\r\n                                                                            </div>\r\n                                                                          </div>\r\n                                                                          <input hidden type=\"text\" name=\"User_Id\" />\r\n                                                                        </div>) : null}\r\n                                                                    </>\r\n                                                                  ))}\r\n                                                                  {FrdNonAccess.map((Announcement) => (\r\n                                                                    <>\r\n                                                                      {(Accessed === 1 &&\r\n                                                                        Accessed_to === 0) ||\r\n                                                                        (Accessed === 0 && Accessed_to === 0) ||\r\n                                                                        (Accessed === 0 &&\r\n                                                                          Accessed_to === 1) ? (\r\n                                                                        <div\r\n                                                                          className=\"media userlist-box\"\r\n                                                                          data-id=\"1\"\r\n                                                                          data-status=\"online\"\r\n                                                                          data-username=\"Josephin Doe\"\r\n                                                                          data-toggle=\"tooltip\"\r\n                                                                          data-placement=\"left\"\r\n                                                                          style={{\r\n                                                                            // padding: \"5px\",\r\n                                                                            height: \"55px\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          <div\r\n                                                                            className=\"checkbox-wrapper-12\"\r\n                                                                            id=\"checkboxTop\" x\r\n                                                                          >\r\n                                                                            <div className=\"cbx\">\r\n                                                                              <input\r\n                                                                                type=\"checkbox\"\r\n                                                                                title=\"Add\"\r\n                                                                                className=\"check\"\r\n                                                                                id=\"Checkboxchat\"\r\n                                                                                value={Announcement.email}\r\n                                                                                checked={selectedUserIds.includes(\r\n                                                                                  Announcement.email\r\n                                                                                )}\r\n                                                                                onChange={this.handleUserSelectionChange}\r\n                                                                              />\r\n                                                                              <label for=\"cbx-12\"></label>\r\n                                                                              <svg\r\n                                                                                width=\"15\"\r\n                                                                                height=\"14\"\r\n                                                                                viewbox=\"0 0 15 14\"\r\n                                                                                fill=\"none\"\r\n                                                                              >\r\n                                                                                <path d=\"M2 8.36364L6.23077 12L13 2\"></path>\r\n                                                                              </svg>\r\n                                                                            </div>\r\n\r\n                                                                            <svg\r\n                                                                              xmlns=\"http://www.w3.org/2000/svg\"\r\n                                                                              version=\"1.1\"\r\n                                                                            >\r\n                                                                              <defs>\r\n                                                                                <filter id=\"goo-12\">\r\n                                                                                  <fegaussianblur\r\n                                                                                    in=\"SourceGraphic\"\r\n                                                                                    stddeviation=\"4\"\r\n                                                                                    result=\"blur\"\r\n                                                                                  ></fegaussianblur>\r\n                                                                                  <fecolormatrix\r\n                                                                                    in=\"blur\"\r\n                                                                                    mode=\"matrix\"\r\n                                                                                    values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -7\"\r\n                                                                                    result=\"goo-12\"\r\n                                                                                  ></fecolormatrix>\r\n                                                                                  <feblend\r\n                                                                                    in=\"SourceGraphic\"\r\n                                                                                    in2=\"goo-12\"\r\n                                                                                  ></feblend>\r\n                                                                                </filter>\r\n                                                                              </defs>\r\n                                                                            </svg>\r\n                                                                          </div>\r\n                                                                          &nbsp;&nbsp;&nbsp;\r\n                                                                          <a\r\n                                                                            className=\"media-left\"\r\n                                                                            style={{ marginTop: \"-4%\" }}\r\n                                                                          >\r\n                                                                            <img\r\n                                                                              className=\"media-object img-circle\"\r\n                                                                              src={Announcement.profile_Picture}\r\n                                                                              alt=\"Generic placeholder image\"\r\n                                                                              style={{\r\n                                                                                marginTop: \"20px\",\r\n                                                                                width: \"35px\",\r\n                                                                                height: \"35px\",\r\n                                                                              }}\r\n                                                                            />\r\n                                                                            {Announcement.userActiveStatus === 1 ? (\r\n                                                                              <img\r\n                                                                                src={onlineimg}\r\n                                                                                className=\"media-object img-circle\"\r\n                                                                                style={{\r\n                                                                                  marginTop: \"50px\",\r\n                                                                                  marginLeft: \"-12px\",\r\n                                                                                  width: \"12px\",\r\n                                                                                  // position: \"absolute\",\r\n                                                                                  background: \"white\",\r\n                                                                                }}\r\n                                                                                title=\"Online\"\r\n                                                                              />\r\n                                                                            ) : (\r\n                                                                              <img\r\n                                                                                src={offlineimg}\r\n                                                                                className=\"media-object img-circle\"\r\n                                                                                style={{\r\n                                                                                  marginTop: \"50px\",\r\n                                                                                  marginLeft: \"-12px\",\r\n                                                                                  width: \"12px\",\r\n                                                                                  // position: \"absolute\",\r\n                                                                                  background: \"white\",\r\n                                                                                }}\r\n                                                                                title={`last seen at ${Announcement.logout}`}\r\n                                                                              />\r\n                                                                            )}\r\n                                                                          </a>\r\n                                                                          <div\r\n                                                                            className=\"media-body\"\r\n                                                                            style={{\r\n                                                                              textAlign: \"initial\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            <div\r\n                                                                              className=\"f-13 chat-header\"\r\n                                                                              style={{\r\n                                                                                color: \"black\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              {\" \"}\r\n                                                                              <li\r\n                                                                                key={Announcement.id}\r\n                                                                                value={Announcement.id}\r\n                                                                                style={{ listStyleType: \"none\" }}\r\n                                                                              >\r\n                                                                                <label style={{ marginTop: '-2%' }}>\r\n                                                                                  <span\r\n                                                                                    className=\"Fontsize_In_chat\"\r\n                                                                                    style={{\r\n                                                                                      color: \"black\",\r\n                                                                                      whiteSpace: \"nowrap\",\r\n                                                                                      fontWeight: \"bold\",\r\n                                                                                    }}\r\n                                                                                  ></span>\r\n                                                                                  <br />\r\n                                                                                  <span\r\n                                                                                    className=\"Fontsize_In_chat\"\r\n                                                                                    style={{\r\n                                                                                      color: \"black\",\r\n                                                                                      whiteSpace: \"nowrap\",\r\n                                                                                      fontWeight: \"bold\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    {Announcement.fName}\r\n                                                                                  </span>\r\n                                                                                  &nbsp;\r\n                                                                                  <span\r\n                                                                                    className=\"Fontsize_In_chat\"\r\n                                                                                    style={{\r\n                                                                                      color: \"Gray\",\r\n                                                                                      whiteSpace: \"nowrap\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    ({Announcement.email})\r\n                                                                                  </span>\r\n                                                                                </label>\r\n                                                                              </li>\r\n                                                                            </div>\r\n                                                                          </div>\r\n                                                                          <input hidden type=\"text\" name=\"User_Id\" />\r\n                                                                        </div>) : null}\r\n                                                                    </>\r\n                                                                  ))}</>}\r\n                                                            </form>\r\n                                                            <br />\r\n                                                            <span\r\n                                                              className=\"AddmemberpopFrdbtn\"\r\n                                                              id=\"addbutton\"\r\n                                                              disabled=\"disabled\"\r\n                                                              onClick={this.ForwardIChatMsg}\r\n                                                            >\r\n                                                              Forward\r\n                                                            </span>{\" \"}\r\n                                                            &nbsp;&nbsp;&nbsp;&nbsp;{\" \"}\r\n                                                            <span\r\n                                                              className=\"Addmemberpopbtns\"\r\n                                                              id=\"Cancelbutton\"\r\n                                                              onClick={this.hideForwardpop}\r\n                                                            >\r\n                                                              Cancel\r\n                                                            </span>\r\n                                                          </center>\r\n                                                        </div>\r\n                                                      </center>\r\n                                                    </div>\r\n                                                  </div>\r\n                                                )}\r\n                                              </>\r\n                                            )}\r\n                                            <div\r\n                                              className=\"input-group write-msg\"\r\n                                              id=\"input-group write-msg\"\r\n                                              style={{\r\n                                                border: \"1px solid #bfbfbe\",\r\n                                                padding: \"2px 2px\",\r\n                                                // marginTop: \"367px\",\r\n                                                zIndex: \"none\",\r\n                                                marginLeft: '-1%',\r\n                                                background: '#eff3f7',\r\n                                                width: '101%'\r\n                                              }}\r\n                                            >\r\n\r\n                                              <div style={attachStyles} id=\"NDiscICattach\">\r\n                                                <ul id=\"listmenu\">\r\n                                                  <label style={{ marginTop: \"8px\" }}>\r\n                                                    <span\r\n                                                      className=\"fa fa-picture-o\"\r\n                                                      aria-hidden=\"true\"\r\n                                                      style={{\r\n                                                        color: \"#5d4fd0\",\r\n                                                        marginLeft: \"7px\",\r\n                                                        cursor: \"pointer\",\r\n                                                      }}\r\n                                                      onClick={() => {\r\n                                                        this.Picturepop();\r\n\r\n                                                      }}\r\n\r\n                                                    ></span>\r\n                                                  </label>\r\n                                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                  <br />\r\n                                                  <label\r\n                                                    style={{\r\n                                                      marginTop: \"8px\",\r\n                                                      marginLeft: \"23%\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <span\r\n                                                      className=\"fa fa-file\"\r\n                                                      aria-hidden=\"true\"\r\n                                                      style={{\r\n                                                        color: \"#5d4fd0\",\r\n                                                        cursor: \"pointer\",\r\n                                                      }}\r\n                                                      onClick={() => {\r\n                                                        this.Documentpop();\r\n                                                      }}\r\n                                                    ></span>\r\n                                                  </label>\r\n                                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                                </ul>\r\n                                              </div>\r\n\r\n                                              <input\r\n                                                type=\"text\"\r\n                                                className=\"form-control input-value\"\r\n                                                placeholder=\"Type a Message\"\r\n                                                value={this.state.message}\r\n                                                onChange={this.handleTextChange}\r\n                                                name=\"Message\"\r\n                                                style={{\r\n                                                  border: \"none\",\r\n                                                  zIndex: \"auto\",\r\n                                                  background: '#eff3f7'\r\n                                                }}\r\n                                              />\r\n                                              <span\r\n                                                className=\"fa fa-smile-o\"\r\n                                                aria-hidden=\"true\"\r\n                                                style={{\r\n                                                  marginTop: \"10px\",\r\n                                                  fontSize: \"18px\",\r\n                                                  backgroundColor: \"#eff3f7\",\r\n                                                }}\r\n                                                onClick={this.myEmoji}\r\n                                              ></span>\r\n                                              &nbsp;&nbsp;\r\n                                              {showEmoji && (\r\n                                                <div\r\n                                                  style={{\r\n                                                    position: \"absolute\",\r\n                                                    top: \"-410%\",\r\n                                                    transform: \"translate(-50%, -50%)\",\r\n                                                    maxWidth: \"90vw\",\r\n                                                    maxHeight: \"90vh\",\r\n                                                  }}\r\n                                                  id='PickerDiv'\r\n                                                >\r\n                                                  <Picker\r\n                                                    onEmojiClick={this.handleEmojiClick}\r\n\r\n                                                    height={350}\r\n                                                    width={\"100%\"}\r\n\r\n                                                  />\r\n                                                </div>\r\n                                              )}\r\n                                              &nbsp;&nbsp;\r\n                                              <span style={{ backgroundColor: \"#eff3f7\" }}>\r\n                                                <label style={{ marginTop: \"8px\" }}>\r\n                                                  <i\r\n                                                    className=\"fa fa-paperclip\"\r\n                                                    style={{ fontSize: \"20px\" }}\r\n                                                    aria-hidden=\"true\"\r\n                                                    onClick={this.attachMenu}\r\n                                                    id=\"AttachIcon\"\r\n                                                  ></i>\r\n                                                </label>\r\n                                              </span>\r\n                                              &nbsp;&nbsp;\r\n\r\n                                              <span className=\"input-group-btn\">\r\n                                                <button\r\n                                                  type=\"submit\"\r\n                                                  className=\"btn btn-secondary\"\r\n                                                  onClick={this.handleSubmitA}\r\n                                                  style={{ zIndex: \"auto\", backgroundColor: '#eff3f7' }}\r\n                                                >\r\n                                                  <i className=\"icofont icofont-paper-plane\"></i>\r\n                                                </button>\r\n                                              </span>\r\n                                            </div>\r\n                                            <div\r\n                                              className=\"input-group write-msg\"\r\n                                              id=\"input-groupEdit\"\r\n                                              style={{\r\n                                                border: \"1px solid #bfbfbe\",\r\n                                                padding: \"2px 2px\",\r\n                                              }}\r\n                                            >\r\n                                              <input\r\n                                                type=\"text\"\r\n                                                className=\"form-control input-value\"\r\n                                                placeholder=\"Type a Message\"\r\n                                                value={this.state.deletemsg}\r\n                                                onChange={this.handleTextChange}\r\n                                                name=\"Message\"\r\n                                                style={{ border: \"none\", background: '#eff3f7' }}\r\n                                                onKeyPress={this.handleKeyPressUser}\r\n                                              />\r\n                                              <input\r\n                                                type=\"file\"\r\n                                                id=\"file\"\r\n                                                name=\"Picture_Path\"\r\n                                                accept=\"image/*\"\r\n                                                onChange={this.handleFileChange}\r\n                                                onFocus={(e) => (e.target.type = \"file\")}\r\n                                                style={{ display: \"none\" }}\r\n                                              />\r\n                                              <span\r\n                                                className=\"fa fa-smile-o\"\r\n                                                aria-hidden=\"true\"\r\n                                                style={{\r\n                                                  marginTop: \"10px\",\r\n                                                  fontSize: \"18px\",\r\n                                                  background: '#eff3f7'\r\n                                                }}\r\n                                                onClick={this.myEmoji}\r\n                                              ></span>\r\n                                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                        \r\n                                              {showEmoji && (\r\n                                                <div\r\n                                                  style={{\r\n                                                    position: \"absolute\",\r\n                                                    top: \"-400%\",\r\n                                                    left: \"50%\",\r\n                                                    transform: \"translate(-50%, -50%)\",\r\n                                                    maxWidth: \"90vw\",\r\n                                                    maxHeight: \"90vh\",\r\n                                                  }}\r\n\r\n                                                >\r\n                                                  <Picker\r\n                                                    onEmojiClick={this.handleEmojiClick}\r\n\r\n                                                    height={350}\r\n                                                    width={\"100%\"}\r\n\r\n                                                  />\r\n                                                </div>\r\n                                              )}\r\n                                              <span className=\"input-group-btn\" >\r\n                                                <span\r\n                                                  id=\"paper-btn\"\r\n                                                  className=\"btn btn-secondary\"\r\n                                                  // type=\"submit\"\r\n                                                  style={{ background: '#eff3f7' }}\r\n                                                >\r\n                                                  <i\r\n                                                    className=\"fa fa-check\"\r\n                                                    onClick={this.EditOneonOneMessage}\r\n                                                  ></i>{\" \"}\r\n                                                  &nbsp;&nbsp;{\" \"}\r\n                                                  <i\r\n                                                    className=\"fa fa-times\"\r\n                                                    onClick={this.CancelEdit}\r\n                                                  ></i>\r\n                                                </span>\r\n                                              </span>\r\n                                            </div>\r\n                                          </form>\r\n\r\n                                        </div> :\r\n                                        <center>\r\n                                          <img src=\"https://static.vecteezy.com/system/resources/thumbnails/006/692/321/small/chatting-message-icon-template-black-color-editable-chatting-message-icon-symbol-flat-illustration-for-graphic-and-web-design-free-vector.jpg\"\r\n                                            style={{\r\n                                              height: '150px', width: '150px', borderRadius: \"50%\",\r\n                                              //  marginTop: '20%'\r\n                                              marginTop: '160px'\r\n                                            }}\r\n                                          ></img>\r\n                                          <br /><br />\r\n                                          <h5 style={{ color: 'gray', fontWeight: 'bold' }}>Start Discussion </h5>\r\n                                        </center>}\r\n\r\n\r\n                                      <div style={documentpop} id=\"chatDocPop\">\r\n                                        <span style={{ textAlign: \"center\" }}>\r\n                                          {isdocumentpopOpen && (\r\n                                            <ChatDocPop\r\n                                              values={this.state.OneonOneAdmin}\r\n                                              handleClose={() => this.documentPopup()}\r\n                                            // AllMembers={this.state.mergedUsers}\r\n                                            />\r\n                                          )}\r\n                                        </span>\r\n                                      </div>\r\n\r\n                                      <div style={picturepop} id=\"chatDocPop\">\r\n\r\n                                        <span style={{ textAlign: \"center\" }}>\r\n\r\n                                          {ispicturepopOpen && (\r\n\r\n                                            <ChatPicturepop\r\n                                    \r\n                                              handleClose={() => this.picturePopup()\r\n\r\n                                              }\r\n                                            />\r\n\r\n                                          )}\r\n                                        </span>\r\n                                      </div>\r\n\r\n\r\n\r\n\r\n\r\n                                    </main>\r\n                                  </div>\r\n\r\n                                </form>\r\n                              )}\r\n                            </div>\r\n\r\n                          </div>\r\n                        </div>\r\n                      </form>\r\n                     \r\n                    </div>\r\n\r\n                    {this.state.isPopupOpen && (\r\n                      <>\r\n                        {this.state.showFirstHeader ? (\r\n                          <div className=\"Annpop1\" style={{ zIndex: '+10' }} >\r\n                            <div className=\"Annpopinnernormalpop1\">\r\n                              <div id=\"NewDisc\">\r\n                                <form id=\"login-form\">\r\n                                  <i\r\n                                    className=\"fa fa-times\"\r\n                                    aria-hidden=\"true\"\r\n                                    style={{\r\n                                      color: \"gray\",\r\n                                      marginLeft: \"97%\",\r\n                                      fontSize: \"20px\",\r\n                                    }}\r\n                                    onClick={this.closePopup}\r\n                                  ></i>\r\n                                  <fieldset>\r\n                                    <legend>Discussion Name</legend>\r\n                                    <label className=\"custom-field one\">\r\n                                      <input\r\n                                        placeholder=\" \"\r\n                                        onChange={this.handletitle}\r\n                                        list=\"contacts\"\r\n                                        type=\"text\"\r\n                                        id=\"Group-Title\"\r\n                                        maxLength={30}\r\n                                      ></input>\r\n                                    </label>\r\n                                  </fieldset>\r\n                                  <center>\r\n                                    <span\r\n                                      style={{\r\n                                        color: \"red\",\r\n                                        fontSize: \"13px\",\r\n                                    \r\n                                      }}\r\n                                      id=\"titleerr\"\r\n                                    ></span></center>\r\n                                  <center>\r\n                                    <span\r\n                                      className=\"GTbuttons\"\r\n                                      onClick={this.handleSubmitTitle}\r\n                                      id=\"color\"\r\n                                    >\r\n                                      <b>Get Started</b>\r\n                                    </span>\r\n                                  </center>\r\n                                </form>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        ) : null}\r\n                      </>\r\n                    )}\r\n\r\n                    {this.state.EditSkillModel ? (\r\n                      <div className=\"pcoded-content\">\r\n                        <div className=\"pcoded-inner-content\">\r\n                          <div className=\"main-body\">\r\n                            <div className=\"page-wrapper\">\r\n                              <GroupPop\r\n                                id=\"\"\r\n                                values={this.state.EditSkillValues}\r\n                                close={() => this.EditSkillModel()}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    ) : null}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            </div>\r\n            </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        {Access && (\r\n          <div className=\"pcoded-content \">\r\n            <div className=\"pcoded-inner-content\">\r\n              <div className=\"main-body\">\r\n                <div className=\"page-wrapper\">\r\n                  <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                  </div>\r\n                  <div className=\"page-body \">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                    <div className=\"card\" style={{backgroundColor:\"transparent\",boxShadow:\"none\"}}\r\n                    > \r\n                    <div className=\"container\" style={{ width: \"100%\" }}>\r\n                      <form id=\"settingrespform\">\r\n                        <div>\r\n                          <>\r\n                            {showFirstHeader ? (\r\n                              <div className=\"glowBox\" id=\"settop\">\r\n                                <div>\r\n                                  <div style={{ float: \"left\" }}>\r\n                                    <a\r\n                                      href\r\n                                      onClick={() => {\r\n                                        this.handleBackArrowClick2();\r\n                                        this.handleClick();\r\n                                      }}\r\n                                    >\r\n                                      <i\r\n                                        className=\"icofont icofont-arrow-left\"\r\n                                        style={{\r\n                                          fontSize: \"45px\",\r\n                                          color: \"white\",\r\n                                        }}\r\n                                      />\r\n                                    </a>{\" \"}\r\n                                  </div>\r\n                                </div>\r\n                                <h4\r\n                                  className=\"title\"\r\n                                  style={{ marginRight: \"50px\" }}\r\n                                >\r\n                                  Settings\r\n                                </h4>\r\n                              </div>\r\n                            ) : null}\r\n                          </>\r\n                        </div>\r\n\r\n                        <div className=\"container-fluid\">\r\n                          <div className=\"col-lg-12\">\r\n                            <div className=\"col-lg-5\">\r\n                              <form style={{ marginLeft: \"3%\" }}>\r\n                                <div>\r\n                                </div>\r\n\r\n                                <>\r\n                                  <div style={{ marginLeft: \"-3%\" }} >\r\n                                    <span\r\n                                      style={{\r\n                                        color: \"#292b2c\",\r\n                                        fontFamily: \"sans-serif\",\r\n                                        fontSize: 'medium'\r\n                                      }}\r\n                                    >\r\n                                      This are the other Entities are available for your forum.\r\n                                    </span>\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                    <>\r\n                                      <br></br><br></br>\r\n                                      <input\r\n                                        type=\"text\"\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onChange={this.TeamSearch}\r\n                                        id=\"settingsearch\"\r\n                                        style={{\r\n                                          backgroundColor: \"white\",\r\n                                        }}\r\n                                        ref={this.firstInputRef}\r\n                                        onClick={this.setFocus}\r\n                                      />\r\n\r\n                                      <br></br><br></br>\r\n                                      {this.state.Entity.length === 0 && !this.state.refreshing ?\r\n                                        <span\r\n                                    \r\n                                          style={{ color: \"red\" }}\r\n                                        >Entity Not Found\r\n                                        </span> :\r\n\r\n                                        <form style={{ height: '245px', overflowY: 'scroll' }}>\r\n                                          <ul><li style={{ padding: '7px' }}>\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              name=\"tabs1\"\r\n                                              style={{ accentColor: \"#7f63efde\" }}\r\n                                              onClick={() => this.AllowAllEntity()}\r\n                                            /> &nbsp;&nbsp;\r\n                                            All\r\n\r\n                                          </li>\r\n                                          </ul>\r\n                                          {Entity.map((Teams) => (\r\n                                            <>\r\n                                              <ul>\r\n                                                <li style={{ padding: '7px' }}>\r\n                                                  {Teams.accessed_to ==\r\n                                                    0 ? (\r\n                                                    <>\r\n\r\n                                                      <input\r\n                                                        type=\"checkbox\"\r\n                                                        name=\"tabs1\"\r\n                                                        // className=\"toggle-checkbox\"\r\n                                                        onChange={() =>\r\n                                                          this.EntityShow(\r\n                                                            Teams.entityName,\r\n                                                            Teams.id\r\n                                                          )\r\n                                                        }\r\n                                                        style={{ accentColor: \"#7f63efde\" }}\r\n                                                      /> &nbsp;&nbsp;\r\n                                                      {Teams.entityName}\r\n                                                      &nbsp;&nbsp;\r\n\r\n                                                    </>\r\n                                                  ) : (\r\n                                                    <>\r\n                                                      {Teams.accessed_to ==\r\n                                                        1 &&\r\n                                                        Teams.accessed_From\r\n                                                          .split(\",\")\r\n                                                          .includes(\r\n                                                            EMaiL\r\n                                                          )\r\n                                                        ? (\r\n                                                          <>\r\n\r\n                                                            <input\r\n                                                              type=\"checkbox\"\r\n                                                              name=\"tabs1\"\r\n                                                              // className=\"toggle-checkbox\"\r\n                                                              onChange={() =>\r\n                                                                this.EntityShowOff(\r\n                                                                  Teams.entityName,\r\n                                                                  Teams.id\r\n                                                                )\r\n                                                              }\r\n                                                              checked={this.state.EntityShowOff === true ? null : 'checked'}\r\n                                                              style={{ accentColor: \"#7f63efde\" }}\r\n                                                            />\r\n                                                            &nbsp;&nbsp;\r\n                                                            {\r\n                                                              Teams.entityName\r\n                                                            }\r\n                                                          </>\r\n                                                        ) : (\r\n                                                          <>\r\n\r\n                                                            <input\r\n                                                              type=\"checkbox\"\r\n                                                              name=\"tabs1\"\r\n                                                              // className=\"toggle-checkbox\"\r\n                                                              onChange={() =>\r\n                                                                this.EntityShow(\r\n                                                                  Teams.entityName,\r\n                                                                  Teams.id\r\n                                                                )\r\n                                                              }\r\n                                                              style={{ accentColor: \"#7f63efde\" }}\r\n                                                            />\r\n                                                            &nbsp;&nbsp;\r\n                                                            {\r\n                                                              Teams.entityName\r\n                                                            }\r\n                                                          </>\r\n                                                        )}\r\n                                                    </>\r\n                                                  )}\r\n                                                </li>\r\n\r\n                                              </ul>\r\n                                            </>\r\n                                          ))}\r\n\r\n                                        </form>}\r\n                                      <br />\r\n                                    </>\r\n                                  </div>\r\n                                  <div id=\"settingbutton\">\r\n                                    {this.state.EntityShow === true ? (\r\n                                      <>\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"86.36px\",\r\n                                          }}\r\n                                          onClick={(e) => {\r\n                                            e.preventDefault();\r\n                                            this.GetAccessMembers(\r\n                                              EName,\r\n                                              EId\r\n                                            );\r\n                                          }}\r\n                              \r\n                                        >\r\n                                          OK\r\n                                        </button>\r\n                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\"Addmemberpopbtns\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"86.36px\",\r\n                                            border: 'none'\r\n                                          }}\r\n                                          onClick={(e) => {\r\n                                            window.location.reload(true);\r\n\r\n                                          }}\r\n                                  \r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </>\r\n                                    ) : <div id=\"settingbutton\">\r\n                                      {this.state.EntityShowOff === true ? (\r\n                                        <>\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"but\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"86.36px\",\r\n                                            }}\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.GetAccessMembersOff(\r\n                                                EName,\r\n                                                EId\r\n                                              );\r\n                                            }}\r\n                              \r\n                                          >\r\n                                            OK\r\n                                          </button>\r\n                                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\"Addmemberpopbtns\"\r\n                                            style={{\r\n                                              height: \"39.5px\",\r\n                                              width: \"86.36px\",\r\n                                              border: 'none'\r\n                                            }}\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              window.location.reload(true);\r\n                                              const toggleButton = document.getElementById('toff'); // Replace 'toggleButtonId' with the actual id of your toggle button\r\n                                              if (toggleButton) {\r\n                                                toggleButton.checked = false; \r\n                                              }\r\n                                            }}\r\n\r\n                                          >\r\n                                            Cancel\r\n                                          </button>\r\n                                        </>\r\n                                      ) : null}\r\n                                    </div>}\r\n                                  </div>\r\n                                </>\r\n                              </form>\r\n                            </div>\r\n\r\n                            <center>\r\n\r\n                              <div>\r\n                                {Entity.map((Teams) => {\r\n                                  return <>\r\n                                    {(Teams.accessed_to == 0 || !Teams.accessed_From.split(\",\")\r\n                                      .includes(\r\n                                        EMaiL\r\n                                      )) && Teams.accessed_From != null && Teams.access == 1 && Teams.accessed_For.split(\",\")\r\n                                        .includes(\r\n                                          entity\r\n                                        ) ?\r\n                                      <div id=\"EAccessPopA1\" style={accesspopstyle} >\r\n                                        <form style={{ height: \"auto\" }}>\r\n                                          {Entity.map((Teams) => (\r\n                                            <>\r\n\r\n                                              {(Teams.accessed_to == 0 || !Teams.accessed_From.split(\",\")\r\n                                                .includes(\r\n                                                  EMaiL\r\n                                                )) && Teams.accessed_From != null && Teams.access == 1 && Teams.accessed_For.split(\",\")\r\n                                                  .includes(\r\n                                                    entity\r\n                                                  ) ? (\r\n                                                <>\r\n                                                  <i\r\n                                                    className=\"fa fa-times\"\r\n                                                    aria-hidden=\"true\"\r\n                                                    style={{\r\n                                                      color: \"gray\",\r\n                                                      marginLeft: \"90%\",\r\n                                                      fontSize: \"17px\",\r\n                                                    }}\r\n                                                    onClick={this.handleClose1}\r\n                                                  ></i>\r\n                                                  <span style={{ fontSize: '17px' }}> Wants to give access to this Entity?</span>\r\n                                                  <br />  <br />\r\n                                                  <div\r\n\r\n                                                    style={{\r\n                                                      color:\r\n                                                        \"Black\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <input\r\n                                                      type=\"checkbox\"\r\n                                                      name=\"tabs1\"\r\n\r\n                                                      onChange={() =>\r\n                                                        this.EntityShowPop(\r\n                                                          Teams.entityName,\r\n                                                          Teams.id\r\n                                                        )\r\n                                                      }\r\n                                                      style={{ width: '15px', height: '15px', accentColor: \"#7f63efde\" }}\r\n                                                    />\r\n                                                    &nbsp;&nbsp;\r\n                                                    <span style={{ fontSize: '16px' }}>{\r\n                                                      Teams.entityName\r\n                                                    }</span>\r\n                                                  </div>\r\n\r\n\r\n                                                </>\r\n                                              ) : null}\r\n\r\n                                            </>\r\n                                          ))}\r\n\r\n                                        </form>   <br />  <br />\r\n                                        <div style={{ marginBottom: '5%' }}>\r\n                                          <span\r\n                                            id=\"GroupopYesbtn\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.GetAccessMembers(\r\n                                                EName,\r\n                                                EId\r\n                                              );\r\n                                            }}\r\n                                          >\r\n                                            Yes\r\n                                          </span>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                          <span\r\n                                            id='GroupopNobtn'\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.GetAccessMembersDenied(\r\n                                                EName,\r\n                                                EId\r\n                                              );\r\n                                            }}\r\n                                          >\r\n                                            No\r\n\r\n                                          </span>\r\n                                          <br /></div>\r\n\r\n                                      </div>\r\n                                      : null}\r\n                                  </>\r\n                                })}\r\n                              </div>\r\n                            </center>\r\n                          </div>\r\n                        </div>\r\n                      </form>\r\n\r\n                      {this.state.isPopupOpen && (\r\n                        <>\r\n                          {this.state.showFirstHeader ? (\r\n                            <div className=\"popup\">\r\n                              <div className=\"popup-content\">\r\n                                <div id=\"NewDisc\">\r\n                                  <form id=\"login-form\">\r\n                                    <i\r\n                                      className=\"fa fa-times\"\r\n                                      aria-hidden=\"true\"\r\n                                      style={{\r\n                                        color: \"gray\",\r\n                                        marginLeft: \"97%\",\r\n                                        fontSize: \"20px\",\r\n                                      }}\r\n                                      onClick={this.closePopup}\r\n                                    ></i>\r\n                                    <fieldset>\r\n                                      <legend>Discussion Name</legend>\r\n                                      <label className=\"custom-field one\">\r\n                                        <input\r\n                                          placeholder=\" \"\r\n                                          onChange={this.handletitle}\r\n                                          list=\"contacts\"\r\n                                          type=\"text\"\r\n                                          id=\"Group-Title\"\r\n                                          maxLength={30}\r\n                                        ></input>\r\n                                      </label>\r\n                                    </fieldset>\r\n\r\n                                    <span\r\n                                      style={{\r\n                                        color: \"red\",\r\n                                        fontSize: \"13px\",\r\n                                      }}\r\n                                      id=\"titleerr\"\r\n                                    ></span>\r\n                                    <center>\r\n                                      <span\r\n                                        className=\"GTbuttons\"\r\n                                        onClick={this.handleSubmitTitle}\r\n                                        id=\"color\"\r\n                                      >\r\n                                        <b>Get Start</b>\r\n                                      </span>\r\n                                    </center>\r\n                                  </form>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          ) : null}\r\n                        </>\r\n                      )}\r\n\r\n                      {this.state.EditSkillModel ? (\r\n                        <div className=\"pcoded-content\">\r\n                          <div className=\"pcoded-inner-content\">\r\n                            <div className=\"main-body\">\r\n                              <div className=\"page-wrapper\">\r\n                                <GroupPop\r\n                                  id=\"\"\r\n                                  values={this.state.EditSkillValues}\r\n                                  close={() => this.EditSkillModel()}\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      ) : null}\r\n                    </div>\r\n                    </div>\r\n                    </div>\r\n                    </div>\r\n                    </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        {istitlepopOpen && (\r\n          <GroupTitlePopup\r\n            content={\r\n              <>\r\n                <br></br>\r\n                <center>\r\n                  <div>\r\n                    <a href=\"javascript:void(0);\" title=\"Add Profile\">\r\n                      <input\r\n                        type=\"file\"\r\n                        hidden\r\n                        ref={this.inputReference}\r\n                        onChange={this.fileUploadInputChange}\r\n                      />\r\n\r\n                      {this.state.fileUploadState == \"\" ? (\r\n                        <img\r\n                          onClick={this.fileUploadAction}\r\n                          id=\"profileImg\"\r\n                          style={{\r\n                            width: \"70px\",\r\n                            height: \"70px\",\r\n                            borderRadius: \"40px\",\r\n                            cursor: \"pointer\",\r\n                          }}\r\n                          src={DefaultProfile}\r\n                        ></img>\r\n                      ) : (\r\n                        <img\r\n                          onClick={this.fileUploadAction}\r\n                          style={{\r\n                            width: \"80px\",\r\n                            height: \"80px\",\r\n                            borderRadius: \"40px\",\r\n                            cursor: \"pointer\",\r\n                          }}\r\n                          src={this.state.EImage}\r\n                        ></img>\r\n                      )}\r\n                    </a>\r\n                  </div>\r\n                </center>\r\n                <br />\r\n                <div id=\"NameInput\">\r\n                  <input\r\n                    type=\"text\"\r\n                    className=\"GTinput\"\r\n                    name=\"name\"\r\n                    placeholder=\"Discussion Name\"\r\n                    id=\"Group-Title\"\r\n                  ></input>\r\n                  <span\r\n                    style={{ color: \"red\", fontSize: \"13px\" }}\r\n                    id=\"titleerr\"\r\n                  ></span>\r\n                </div>\r\n                <br />\r\n\r\n                <center>\r\n                  <div id=\"Group-Type\">\r\n                    <label>\r\n                      <input\r\n                        type=\"radio\"\r\n                        name=\"radioBtn\"\r\n                        onChange={this.privatebtn}\r\n                        style={{ accentColor: \"#4020bfde\" }}\r\n                        id=\"color\"\r\n                      />\r\n                      &nbsp; Private\r\n                    </label>\r\n                    &nbsp;&nbsp;&nbsp;\r\n                    <label>\r\n                      <input\r\n                        type=\"radio\"\r\n                        name=\"radioBtn\"\r\n                        onChange={this.publicbtn}\r\n                        style={{ accentColor: \"#4020bfde\" }}\r\n                        id=\"color1\"\r\n                      />\r\n                      &nbsp; Public\r\n                    </label>\r\n                  </div>\r\n\r\n                  {error && (\r\n                    <div style={{ color: \"red\", fontSize: \"13px\" }}>\r\n                      {error}\r\n                    </div>\r\n                  )}\r\n                  <br />\r\n                  <button className=\"GTsavebtn\" onClick={this.handleSubmitTitle}>\r\n                    Save\r\n                  </button>\r\n                </center>\r\n              </>\r\n            }\r\n            handleClose={this.toggleTitlePopup}\r\n          />\r\n        )}\r\n         \r\n      </div>\r\n    );\r\n  }\r\n}\r\nexport default Chatbox;\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class SPEditAnnouncement extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    document.getElementById(\"savebtn\").disabled = true;\r\n    const data = new FormData(event.target);\r\n\r\n    fetch(`${BASE_URLs}/Announcement/SAEditPreAnnouncement`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Success\") {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          document.getElementById(\"EditAnnpop\").style.display = \"none\";\r\n          setTimeout(function () {\r\n            document.getElementById(\"close\").click();\r\n          }, 4000);\r\n        }\r\n      });\r\n  }\r\n   handleChange = (e) => {\r\n    const { name, value, files } = e.target;\r\n    this.setState({ [name]: value });\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Title = document.getElementById(\"title\").value;\r\n    var Desc = document.getElementById('desc').value;\r\n    var roles = document.getElementById(\"roles\").value;\r\n   \r\n    if (!Title) {\r\n      formIsValid = false;\r\n      formErrors[\"TitleErr\"] = \"Title is required\";\r\n    }\r\n    if (!Desc) {\r\n      formIsValid = false;\r\n      formErrors[\"DescErr\"] = \"Description is required\";\r\n    }\r\n    if (!roles) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Select Entity \";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { BusinessUnit,TitleErr,DescErr,rolesErr } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal AnnoneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"EditAnnpop\"\r\n          >\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button><br />\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n            <div className=\"container\">\r\n              <div className=\"row\"  style={{\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  // width:'98%'\r\n                }}>\r\n                 <input\r\n                    type=\"hidden\"\r\n                    name=\"CreatedDate\"\r\n                    defaultValue={this.props.values.createdDate}\r\n                  />\r\n               \r\n                <div className=\"col-lg-5 input-effect\">\r\n\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <textarea\r\n                    className=\"form\"\r\n                    defaultValue={this.props.values.title}\r\n                    id=\"title\"\r\n                    name=\"title\"\r\n                    type=\"text\"\r\n                    onChange={this.handleChange}\r\n                    placeholder=\" \"\r\n                   \r\n                  />\r\n               \r\n                  {!TitleErr ? (\r\n                                    <span style={{color:'rgb(162, 157, 157)',float: \"left\"}}>Subject</span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\",float: \"left\" }}>\r\n                                      {TitleErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-lg-5 input-effect\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <textarea\r\n                    className=\"form\"\r\n                    defaultValue={this.props.values.message}\r\n                    id=\"desc\"\r\n                    name=\"message\"\r\n                    type=\"text\"\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"\"\r\n                  />\r\n\r\n{!DescErr ? (\r\n                                    <span style={{color:'rgb(162, 157, 157)',float: \"left\"}}>Description</span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\",float: \"left\" }}>\r\n                                      {DescErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-lg-5 input-effect\">\r\n                <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                                  <select\r\n                                    className=\"form selectleftalign\"\r\n                                    defaultValue={this.props.values.role}\r\n                                    id=\"roles\"\r\n                                    name=\"Role\"\r\n                                    onChange={this.handleChange}\r\n                                    disabled\r\n                                  >\r\n                                    <option value=\"\">Select</option>\r\n                                \r\n                                    <option value=\"All Entities\">All Entities</option>\r\n                                    <option value=\"Active Entities\">Active Entities</option>\r\n                                    <option value=\"InActive Entities\">InActive Entities</option>\r\n\r\n                              \r\n                                  </select>\r\n\r\n                                  {!rolesErr ? (\r\n                                    <span style={{color:'rgb(162, 157, 157)',float: \"left\"}}>Entities</span>\r\n                                  ) : (\r\n                                    <div style={{ color: \"red\",float: \"left\" }}>\r\n                                      {rolesErr}\r\n                                    </div>\r\n                                  )}\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n                                <div className=\"col-lg-5\">\r\n                                <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"oldimage\"\r\n                    defaultValue={\r\n                      this.props.values.image\r\n                    }\r\n                  />\r\n                                <input\r\n                    className=\"form\"\r\n                    defaultValue={this.props.values.image}\r\n                    id=\"image\"\r\n                    name=\"image\"\r\n                    onFocus={(e) => (e.target.type = \"file\")}\r\n                    onChange={this.handleChange}\r\n                    placeholder=\"\"\r\n                    multiple\r\n                  />\r\n<span style={{color:'rgb(162, 157, 157)',float: \"left\" }}>Upload Related Files</span>\r\n                                  <span className=\"underline\" />\r\n                                </div>\r\n\r\n                                \r\n              </div>\r\n</div>\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                    id=\"savebtn\"\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nimport SuccesAnnouncement from \"../../Common/SuccesAnnouncement\";\r\nexport default class AdminAnnouncmentpop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Announcement: [],\r\n    };\r\n  }\r\n\r\n  GetAnnouncement() {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    var Id = this.props.location.state.Id;\r\n    fetch(`${BASE_URLs}/Announcement/GetActiveAnnounceid?Id=` + Id, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Announcement: data,\r\n        });\r\n\r\n        // console.log(\"Announcemt\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetAnnouncement();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { Announcement } = this.state;\r\n\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 className=\"title\">Announcements</h4>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          {Announcement &&\r\n                            Announcement.map &&\r\n                            Announcement.map((Announcement) => (\r\n                              <>\r\n                                {Announcement.image === \"-\" &&\r\n                                Announcement.video === \"-\" ? (\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div\r\n                                      className=\"card-Announcement\"\r\n                                      style={{\r\n                                        position: \"relative\",\r\n                                        overflow: \"hidden\",\r\n                                        padding: \"2%\",\r\n                                        background: \"white\",\r\n                                      }}\r\n                                    >\r\n                                      <h6\r\n                                        key={Announcement.id}\r\n                                        style={{ margin: \"0%\" }}\r\n                                      >\r\n                                        <center>\r\n                                          {\" \"}\r\n                                          <b> {Announcement.message}</b>\r\n                                        </center>\r\n                                      </h6>\r\n                                      <br />\r\n                                    </div>\r\n                                  </div>\r\n                                ) : (\r\n                                  <>\r\n                                    {Announcement.image !== \"-\" &&\r\n                                    Announcement.video !== \"-\" ? (\r\n                                      <div className=\"col-lg-12\">\r\n                                        <div\r\n                                          className=\"card-Announcement\"\r\n                                          style={{\r\n                                            position: \"relative\",\r\n                                            overflow: \"hidden\",\r\n                                            background: \"white\",\r\n                                          }}\r\n                                        >\r\n                                          <h6 key={Announcement.id}>\r\n                                            <center>\r\n                                              {\" \"}\r\n                                              <b>{Announcement.message}</b>\r\n                                            </center>\r\n                                          </h6>\r\n                                          <br />\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-6\">\r\n                                              <img\r\n                                                alt=\"announceimg\"\r\n                                                width=\"320\"\r\n                                                height=\"240\"\r\n                                                src={Announcement.image}\r\n                                                style={{ width: \"inherit\" }}\r\n                                              />\r\n                                            </div>\r\n                                            <div className=\"col-lg-6\">\r\n                                              <video\r\n                                                width=\"320\"\r\n                                                height=\"240\"\r\n                                                controls\r\n                                                style={{ width: \"inherit\" }}\r\n                                              >\r\n                                                <source\r\n                                                  src={Announcement.video}\r\n                                                  type=\"video/mp4\"\r\n                                                />\r\n                                                <source\r\n                                                  src={Announcement.video}\r\n                                                  type=\"video/ogg\"\r\n                                                />\r\n                                              </video>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    ) : (\r\n                                      <>\r\n                                        {Announcement.image === \"-\" &&\r\n                                        Announcement.video !== \"-\" ? (\r\n                                          <div className=\"col-lg-12\">\r\n                                            <div\r\n                                              className=\"card-Announcement\"\r\n                                              style={{\r\n                                                position: \"relative\",\r\n                                                overflow: \"hidden\",\r\n                                                background: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              <div className=\"col-lg-12\">\r\n                                                <h6 key={Announcement.id}>\r\n                                                  <center>\r\n                                                    <b>\r\n                                                      {\" \"}\r\n                                                      {Announcement.message}\r\n                                                    </b>\r\n                                                  </center>\r\n                                                </h6>\r\n                                                <br />\r\n                                                <video\r\n                                                  width=\"320\"\r\n                                                  height=\"240\"\r\n                                                  controls\r\n                                                  style={{\r\n                                                    width: \"inherit\",\r\n                                                    padding: \"0% 20%\",\r\n                                                  }}\r\n                                                >\r\n                                                  <source\r\n                                                    src={Announcement.video}\r\n                                                    type=\"video/mp4\"\r\n                                                  />\r\n                                                  <source\r\n                                                    src={Announcement.video}\r\n                                                    type=\"video/ogg\"\r\n                                                  />\r\n                                                </video>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        ) : (\r\n                                          <div className=\"col-lg-12\">\r\n                                            <div\r\n                                              className=\"card-Announcement\"\r\n                                              style={{\r\n                                                position: \"relative\",\r\n                                                overflow: \"hidden\",\r\n                                                background: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              <h6 key={Announcement.id}>\r\n                                                <center>\r\n                                                  {\" \"}\r\n                                                  <b> {Announcement.message}</b>\r\n                                                </center>\r\n                                              </h6>\r\n                                              <br />\r\n                                              <div className=\"row\">\r\n                                                <div\r\n                                                  className=\"col-lg-12\"\r\n                                                  style={{ padding: \"0% 28%\" }}\r\n                                                >\r\n                                                  <img\r\n                                                    alt=\"announceimg\"\r\n                                                    width=\"320\"\r\n                                                    height=\"240\"\r\n                                                    src={Announcement.image}\r\n                                                    style={{ width: \"inherit\" }}\r\n                                                  />\r\n                                                </div>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        )}\r\n                                      </>\r\n                                    )}\r\n                                  </>\r\n                                )}\r\n                              </>\r\n                            ))}\r\n                          <div className=\"col-lg-12\">\r\n                            <div style={{ textAlign: \"center\" }}>\r\n                              <button\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                                type=\"button\"\r\n                                style={{\r\n                                  width: \"130px\",\r\n                                  backgroundColor: \"#7f63efde\",\r\n                                  color: \"white\",\r\n                                }}\r\n                                className=\"dropdown_item-2\"\r\n                                className=\"btn \"\r\n                              >\r\n                                Back\r\n                              </button>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nimport onlinedot from \"../../Assets/images/online-dot.png\";\r\n// import AdminSkillPop from '../../Common/AdminSkillPop';\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nexport default class AdminNotification extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Notify: [],\r\n      Active: [],\r\n      InActive: [],\r\n      Pending: [],\r\n      All: [],\r\n      allNotify: [],\r\n      Notification: [],\r\n      User: [],\r\n      renewel: [],\r\n      CategoryModel: false,\r\n      Unreadcount: \"0\",\r\n      Request: [],\r\n      NoRequest: [],\r\n      AllRequest: [],\r\n      AllNoRequest: [],\r\n      Organization: \"\",\r\n      Team: [],\r\n      Entity: [],\r\n      Notifigreencount: false,\r\n      Notificount: [],\r\n      delay: false,\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      isOpen: false,\r\n      isAddTrainerOpen: false,\r\n      NotificationId: \"\",\r\n      showTabs: false,\r\n      SeenCount: []\r\n\r\n    };\r\n    this.Noticount = this.Noticount.bind(this);\r\n    this.NoticountDesc = this.NoticountDesc.bind(this);\r\n    this.AccessNotification = this.AccessNotification.bind(this);\r\n  }\r\n\r\n  GetallNotify() {\r\n    fetch(`${BASE_URLs}/Notification/GetallNotify`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ allNotify: data });\r\n      });\r\n  }\r\n\r\n  displaypop = (id) => {\r\n    this.setState({\r\n      isOpen: !this.state.isOpen,\r\n      NotificationId: id\r\n    })\r\n    this.GetSeenCount();\r\n\r\n  }\r\n\r\n  Addtrainerpop = (id) => {\r\n    this.setState({\r\n      isAddTrainerOpen: !this.state.isAddTrainerOpen,\r\n      NotificationId: id\r\n    })\r\n  }\r\n\r\n  Noticount = (notify_Id, company_Id) => {\r\n    fetch(`${BASE_URLs}/Notification/Noticount`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        MessageNoty: 4,\r\n        Notification_Id: notify_Id,\r\n      }),\r\n    });\r\n\r\n    this.GetAdNotification();\r\n    if (company_Id !== null) {\r\n      var page = {\r\n        pathname: \"/AdminNotification\",\r\n        state: {\r\n          Id: company_Id,\r\n        },\r\n      };\r\n\r\n      this.props.history.push(page);\r\n    }\r\n  };\r\n\r\n  NoticountDesc = (teamId, Id) => {\r\n    fetch(`${BASE_URLs}/Notification/NoticountDesc`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        // \"MessageNoty\":4,\r\n        teamId: teamId,\r\n      }),\r\n    });\r\n    var page = {\r\n      pathname: \"/Teamdetail\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n    // this.setState(window.location.reload(true))\r\n\r\n    this.GetAdDesc();\r\n    //   if (company_Id !== null) {\r\n    //     var page = {\r\n    //       pathname: \"/AdminNotification\",\r\n    //       state: {\r\n    //         Id: company_Id\r\n    //       }\r\n    //     }\r\n\r\n    // this.props.history.push(page);\r\n    //   }\r\n  };\r\n\r\n  AccessNotification = (id) => {\r\n    fetch(`${BASE_URLs}/Notification/AccessNotification`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        // \"MessageNoty\":4,\r\n        id: id,\r\n      }),\r\n    });\r\n\r\n    var page = {\r\n      pathname: \"/Settings\",\r\n      // state: {\r\n      //   id: id,\r\n      // },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n\r\n    this.GetEntityNotification();\r\n    // var page = {\r\n    //   pathname: \"/Teamdetail\",\r\n    //   state: {\r\n    //     Id: Id,\r\n    //   },\r\n    // };\r\n    // this.props.history.push(page);\r\n    // this.setState(window.location.reload(true))\r\n\r\n    // this.GetAdDesc();\r\n    //   if (company_Id !== null) {\r\n    //     var page = {\r\n    //       pathname: \"/AdminNotification\",\r\n    //       state: {\r\n    //         Id: company_Id\r\n    //       }\r\n    //     }\r\n\r\n    // this.props.history.push(page);\r\n    //   }\r\n  };\r\n\r\n  clickNoticount = (notify_Id, company_Id) => {\r\n    fetch(`${BASE_URLs}/Notification/Noticount`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        Notification_Id: notify_Id,\r\n      }),\r\n    });\r\n\r\n    this.GetAdNotification();\r\n    if (company_Id !== null) {\r\n      var page = {\r\n        pathname: \"/AdminNotification\",\r\n        state: {\r\n          Id: company_Id,\r\n        },\r\n      };\r\n\r\n      this.props.history.push(page);\r\n    }\r\n  };\r\n\r\n  clickNoticountforTrainerforNo = (notify_Id, company_Id) => {\r\n    fetch(`${BASE_URLs}/Notification/Noticount`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        Notification_Id: notify_Id,\r\n      }),\r\n    });\r\n    this.GetAdNotification();\r\n    this.setState({\r\n      isAddTrainerOpen: !this.state.isAddTrainerOpen,\r\n    })\r\n  }\r\n\r\n  clickNoticountforTrainer = (notify_Id, userId, company_Id) => {\r\n    fetch(`${BASE_URLs}/Notification/Noticount`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        Notification_Id: notify_Id,\r\n        UserId: userId\r\n      }),\r\n    });\r\n\r\n    this.GetAdNotification();\r\n    if (notify_Id !== null) {\r\n      var page = {\r\n        pathname: \"/AddTrainer\",\r\n        state: {\r\n          Id: company_Id,\r\n        },\r\n      };\r\n\r\n      this.props.history.push(page);\r\n    }\r\n  }\r\n\r\n  Request = (notify_Id, status, requestId) => {\r\n    fetch(`${BASE_URLs}/Notification/RequestStatus`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        status: status,\r\n        Notification_Id: notify_Id,\r\n        RequestId: requestId\r\n      }),\r\n    });\r\n    this.GetAdNotification();\r\n  };\r\n\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/AddOrganization/GetOrg`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          User: data,\r\n        });\r\n        // console.log(\"newdata\", data);\r\n      });\r\n  }\r\n\r\n  renewel() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/Renewel`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ renewel: data });\r\n      });\r\n  }\r\n\r\n  detailData(company_Id) {\r\n    // localStorage.setItem(\"status\",\"Active\")\r\n    var page = {\r\n      pathname: \"/AdminNotification\",\r\n      state: {\r\n        Id: company_Id,\r\n        Status: \"Pending\",\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n  detailData1(company_Id) {\r\n    localStorage.setItem(\"Id\", company_Id);\r\n    localStorage.setItem(\"status\", \"Inactive\");\r\n  }\r\n\r\n  // GetAdDesc() {\r\n  //   const options = {\r\n  //     method: \"GET\",\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //       \"Content-Type\": \"application/json\",\r\n  //       Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n  //     },\r\n  //   };\r\n  //   fetch(`${BASE_URLs}/Team/GetTeam\", options)\r\n  //     .then((response) => response.json())\r\n  //     .then((data) => {\r\n  //       if(data.status === 1){\r\n  //       this.setState({\r\n  //         Team: data,\r\n  //         Teams: data,\r\n  //       });\r\n  //     }\r\n  //       // console.log(\"hess\", data);\r\n  //     });\r\n  // }\r\n\r\n  GetAdDesc() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeam`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        const filteredData = [];\r\n\r\n        data.forEach((item) => {\r\n          if (item.status === 1) {\r\n            filteredData.push(item);\r\n          }\r\n        });\r\n\r\n        this.setState({\r\n          Team: filteredData,\r\n          Teams: filteredData,\r\n        });\r\n\r\n        // console.log(\"hess\", filteredData);\r\n      });\r\n  }\r\n\r\n  GetEntityNotification() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetEntityNotification`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Entity: data,\r\n          Entity: data,\r\n        });\r\n\r\n        // console.log(\"hess21\", data);\r\n      });\r\n  }\r\n\r\n  GetAdNotification() {\r\n\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/GetNotification`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Notification: data });\r\n        // console.log(\"Accessing\", data);\r\n\r\n        this.setState({\r\n          Request: data.filter((Tasks) => Tasks.isRequest === true),\r\n        });\r\n        this.setState({\r\n          NoRequest: data.filter((Tasks) => Tasks.isRequest === false),\r\n        });\r\n\r\n        this.setState({\r\n          AllRequest: data.filter((Tasks) => Tasks.isRequest === true),\r\n          AllNoRequest: data.filter((Tasks) => Tasks.isRequest === false)\r\n        });\r\n        if (this.state.Notification.length !== 0) {\r\n          this.setState({\r\n            Noticount: this.state.Notification[0].noticount,\r\n          });\r\n        }\r\n\r\n        if (this.state.Notification.length !== 0) {\r\n\r\n          this.state.Notification.forEach((d) => {\r\n            if (d.isRequest === true) {\r\n              if (d.seen === false) {\r\n                this.setState({\r\n                  Notificount: d\r\n                });\r\n              }\r\n            }\r\n          })\r\n\r\n        }\r\n      });\r\n  }\r\n\r\n  RedirectSkill() {\r\n    this.props.history.push(\"/MasterSkills\");\r\n  }\r\n  RedirectEdu() {\r\n    this.props.history.push(\"/Education\");\r\n  }\r\n  CategoryModel = () => {\r\n    this.setState((prevState) => ({\r\n      CategoryModel: !prevState.CategoryModel,\r\n    }));\r\n  };\r\n  getCookie(cName) {\r\n    const name = cName + \"=\";\r\n    const cDecoded = decodeURIComponent(document.cookie); //to be careful\r\n    const cArr = cDecoded.split(\"; \");\r\n    let res;\r\n    cArr.forEach((val) => {\r\n      if (val.indexOf(name) === 0) res = val.substring(name.length);\r\n    });\r\n    return res;\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetAdNotification();\r\n    this.GetAdDesc();\r\n    this.GetEntityNotification();\r\n    this.GetallNotify();\r\n    this.GetSeenCount();\r\n    var crole = this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\");\r\n\r\n    var corg = this.getCookie(\r\n      \"\" + JSON.parse(localStorage.uname) + \"organization\"\r\n    );\r\n\r\n    this.setState({\r\n      User: [{ role: crole, organization: parseInt(corg) }],\r\n      Organization: corg,\r\n    });\r\n\r\n    setTimeout(() => {\r\n      this.setState({\r\n        delay: true\r\n      })\r\n    }, 500);\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n\r\n    //     var checkboxA = document.getElementById('tab1')\r\n\r\n    //     if(checkboxA.checked){\r\n    // document.getElementById('secondtabs').style.display = 'none';\r\n    //     }\r\n\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  Detail(teamId) {\r\n    var page = {\r\n      pathname: \"/Teamdetail\",\r\n      state: {\r\n        Id: teamId,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  filterfunction = (e) => {\r\n    const NoRequest = this.state.AllNoRequest.filter(\r\n      (item) =>\r\n        item.description.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ NoRequest, showResults: true });\r\n\r\n    const Request = this.state.AllRequest.filter(\r\n      (item) =>\r\n        item.description.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Request, showResults: true });\r\n  }\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const NoRequest = this.state.AllNoRequest.filter((item) => {\r\n      return (\r\n        item.description.toLowerCase().startsWith(letter.toLowerCase())\r\n      );\r\n    });\r\n    this.setState({ NoRequest, showResults: true });\r\n    const Request = this.state.AllRequest.filter((item) => {\r\n      return (\r\n        item.description.toLowerCase().startsWith(letter.toLowerCase())\r\n      );\r\n    });\r\n    this.setState({ Request, showResults: true });\r\n  };\r\n  handleShowTabsClick = () => {\r\n    // Update the state to show the tabs\r\n    this.setState({ showTabs: true });\r\n    document.getElementById(\"Requests\").style.backgroundColor = \"#8e75ef\";\r\n    document.getElementById(\"req\").style.color = \"white\";\r\n  };\r\n  handleShowTabsClick1 = () => {\r\n    // Update the state to show the tabs\r\n    this.setState({ showTabs: false });\r\n    document.getElementById(\"Requests\").style.backgroundColor = \"white\";\r\n    document.getElementById(\"req\").style.color = \"black\";\r\n  };\r\n  truncateTitle(description, maxLength) {\r\n    if (description.length > maxLength) {\r\n      return description.substring(0, maxLength) + \"...\";\r\n    }\r\n    return description;\r\n  }\r\n\r\n  GetSeenCount() {\r\n    let url = `${BASE_URLs}/AddOrganization/GetAdminNotifyCount`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          SeenCount: data,\r\n\r\n        });\r\n\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { Notify } = this.state;\r\n    const { delay, Filterpop, Notification, Request, NoRequest, Team, Entity, Noticount, isOpen, isAddTrainerOpen, NotificationId, showTabs } = this.state;\r\n\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        {/* {this.state.CategoryModel ? <AdminSkillPop id=\"Success\" close={() => this.CategoryModel()} /> : null} */}\r\n        {/* start */}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a\r\n                              href\r\n                              onClick={() => this.props.history.goBack()}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\" style={{ marginRight: '45px' }}>Notifications </h4>\r\n                        </div>\r\n                        {/* <div className=\"col-xl-12 \"\r\n                    >\r\n\r\n                      <div className=\"col-lg-3\" style={{ float: 'right'}}>\r\n                        <input\r\n                          type=\"text\"\r\n                          className=\"Searchbox\"\r\n                          id=\"CNSearch\"\r\n                          placeholder=\"Search\"\r\n                          onClick={() => {\r\n                            this.setState({\r\n                            Filterpop: true,\r\n                            Filterpop: !this.state.Filterpop,\r\n                            });\r\n                            }}\r\n                            readOnly\r\n                           \r\n\r\n                        /></div>\r\n                    </div> */}\r\n                        <div className=\"card-block\">\r\n                          <div className=\"j-tabs-container md-tabs\">\r\n\r\n                            <input\r\n                              id=\"tab1\"\r\n                              type=\"radio\"\r\n                              name=\"tabs\"\r\n                              defaultChecked\r\n                              onClick={this.handleShowTabsClick1}\r\n                            />\r\n                            <label\r\n                              id=\"supertab\"\r\n                              className=\"j-tabs-label\"\r\n                              htmlFor=\"tab1\"\r\n                              title=\"Info\"\r\n                              style={{ marginLeft: '23px' }}\r\n                            >\r\n                              {/* {this.state.NoRequest.length === 0 ? (\r\n                              <span>\r\n                                &nbsp;&nbsp;No Notifications&nbsp;&nbsp;\r\n                              </span>\r\n                            ) : ( */}\r\n                              <span>&nbsp;&nbsp;Notifications&nbsp;&nbsp;</span>\r\n                              {/* )} */}\r\n                            </label>\r\n\r\n                            <input\r\n                              type=\"text\"\r\n                              className=\"Searchbox\"\r\n                              placeholder=\"Search\"\r\n                              onClick={() => {\r\n                                this.setState({\r\n                                  Filterpop: true,\r\n                                  Filterpop: !this.state.Filterpop,\r\n                                });\r\n                              }}\r\n                              readOnly\r\n                              style={{ float: 'right' }}\r\n\r\n                            />\r\n\r\n                            <input id=\"tab2\" type=\"radio\" name=\"tabs\" onClick={this.handleShowTabsClick} />\r\n                            <label\r\n                              id=\"Requests\"\r\n                              className=\"j-tabs-label\"\r\n                              htmlFor=\"tab2\"\r\n                              title=\"Requests\"\r\n                            >\r\n\r\n                              {/* {this.state.Request.length === 0 ? (\r\n                              <span>&nbsp;&nbsp;No Requests&nbsp;&nbsp;</span>\r\n                            ) : ( */}\r\n\r\n                              <span id=\"req\">&nbsp;&nbsp;Requests&nbsp;&nbsp;\r\n                                {this.state.SeenCount.length !== 0 ? <img\r\n                                  src={onlinedot}\r\n                                  className=\"media-object img-circle\"\r\n                                  style={{\r\n                                    marginTop: \"0px\",\r\n                                    width: \"10px\",\r\n                                  }}\r\n                                  title=\"Unread\"\r\n                                /> : null}\r\n                                {/* { Noticount === 0 ?(\r\n                            <span\r\n                              className=\"badge\"\r\n                              id=\"size\"\r\n                              style={{\r\n                                fontSize: \"13px\",\r\n                                backgroundColor: \"none\",\r\n                                marginLeft: \"-10%\",\r\n                              }}\r\n                            ></span>):(<img\r\n                              src={onlinedot}\r\n                              className=\"media-object img-circle\"\r\n                              style={{\r\n                                marginTop: \"0px\",\r\n                                width: \"10px\",\r\n                              }}\r\n                              title=\"Online\"\r\n                            />)} */}\r\n\r\n\r\n                              </span>\r\n                              {/* )} */}\r\n                            </label>\r\n\r\n                            <div id=\"tabs-section-1\" className=\"j-tabs-section\">\r\n                              <div\r\n                                className=\"tab-pane\"\r\n                                id=\"notes\"\r\n                                role=\"tabpanel\"\r\n                              >\r\n                                <div className=\"card-block\">\r\n                                  <div className=\"dt-responsive table-responsive\"\r\n                                    id={NoRequest.length <= 6 ? \"NoAnnLength\" : \"Above10\"}\r\n                                  >\r\n                                    {NoRequest.length === 0 && delay ?\r\n                                      <center>\r\n\r\n                                        <p>No Record</p>\r\n                                      </center>\r\n                                      : null}\r\n                                    {NoRequest.length !== 0 && delay ? <table\r\n                                      id=\"add-row-table3\" className=\"table nowrap\">\r\n                                      <thead id='tablepadding'><tr>\r\n                                        <th style={{ color: '#7367f0' }}> Notification Details</th>\r\n\r\n                                      </tr>\r\n                                      </thead>\r\n                                      <tbody id='Notitablepadding'>\r\n                                        <tr>\r\n                                          <td>\r\n                                            {NoRequest.map((NoRequest) => (\r\n                                              <>\r\n                                                {NoRequest.seen === false ? (\r\n                                                  // Unreaded noti\r\n                                                  <>\r\n                                                    {NoRequest.type === \"ASkill\" ? (\r\n                                                      <>\r\n                                                        <Link\r\n                                                          to=\"/MasterSkills\"\r\n                                                          id=\"btnSkill\"\r\n                                                          onClick={() =>\r\n                                                            this.Noticount(\r\n                                                              NoRequest.notification_Id\r\n                                                            )\r\n                                                          }\r\n                                                          style={{\r\n                                                            padding: \"0px\",\r\n                                                            color: \"#000100\",\r\n                                                            cursor: \"pointer\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {\" \"}\r\n                                                          <span className=\"hoverable-span\">\r\n\r\n                                                            {this.truncateTitle(NoRequest.description, 100)}\r\n                                                          </span>{\" \"}\r\n                                                        </Link>\r\n                                                        <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                          {NoRequest.time}\r\n                                                        </span>\r\n                                                        &nbsp;&nbsp;\r\n                                                        <hr id=\"NotiHR\"></hr>\r\n                                                      </>\r\n                                                    ) : (\r\n                                                      <>\r\n                                                        {NoRequest.type ===\r\n                                                          \"AEducation\" ? (\r\n                                                          <>\r\n                                                            <Link\r\n                                                              to=\"/Education\"\r\n                                                              id=\"btnEdu\"\r\n                                                              onClick={() =>\r\n                                                                this.Noticount(\r\n                                                                  NoRequest.notification_Id\r\n                                                                )\r\n                                                              }\r\n                                                              style={{\r\n                                                                padding: \"0px\",\r\n                                                                color: \"#000100\",\r\n                                                                cursor: \"pointer\",\r\n                                                              }}\r\n                                                            >\r\n                                                              {\" \"}\r\n                                                              <span className=\"hoverable-span\">\r\n                                                                {this.truncateTitle(NoRequest.description, 100)}\r\n                                                              </span>{\" \"}\r\n                                                            </Link>\r\n                                                            <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                              {NoRequest.time}\r\n                                                            </span>\r\n                                                            &nbsp;&nbsp; <br />\r\n                                                            <hr id=\"NotiHR\"></hr>\r\n                                                          </>\r\n                                                        ) : (\r\n                                                          <>\r\n                                                            {NoRequest.type ===\r\n                                                              \"o\" ? (\r\n                                                              <>\r\n                                                                <Link\r\n                                                                  to={\r\n                                                                    this.state\r\n                                                                      .Organization ===\r\n                                                                      \"4\"\r\n                                                                      ? \"/AddOrganization\"\r\n                                                                      : \"/Organization\"\r\n                                                                  }\r\n                                                                  onClick={() =>\r\n                                                                    this.Noticount(\r\n                                                                      NoRequest.notification_Id\r\n                                                                    )\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    padding: \"0px\",\r\n                                                                    color: \"#000100\",\r\n                                                                    cursor: \"pointer\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {\" \"}\r\n                                                                  <span className=\"hoverable-span\" style={{wordWrap:\"break-word\"}}>\r\n                                                                    {NoRequest.description}\r\n                                                                  </span>{\" \"}\r\n                                                                </Link>\r\n                                                                <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                  {NoRequest.time}\r\n                                                                </span>\r\n                                                                <hr id=\"NotiHR\"></hr>\r\n                                                              </>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                {NoRequest.type ===\r\n                                                                  \"s\" ? (\r\n                                                                  <>\r\n                                                                    <Link\r\n                                                                      to=\"/MasterSkills\"\r\n                                                                      onClick={() =>\r\n                                                                        this.Noticount(\r\n                                                                          NoRequest.notification_Id\r\n                                                                        )\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        padding:\r\n                                                                          \"0px\",\r\n                                                                        color:\r\n                                                                          \"#000100\",\r\n                                                                        cursor:\r\n                                                                          \"pointer\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      {\" \"}\r\n                                                                      <span className=\"hoverable-span\">\r\n                                                                        {this.truncateTitle(NoRequest.description, 100)}\r\n                                                                      </span>{\" \"}\r\n                                                                    </Link>\r\n                                                                    <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                      {NoRequest.time}\r\n                                                                    </span>\r\n\r\n                                                                    <hr id=\"NotiHR\"></hr>\r\n                                                                  </>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    {NoRequest.type ===\r\n                                                                      \"Access\" ? (\r\n                                                                      <>\r\n                                                                        <Link\r\n                                                                          to=\"/Settings\"\r\n                                                                          onClick={() =>\r\n                                                                            this.Noticount(\r\n                                                                              NoRequest.notification_Id\r\n                                                                            )\r\n                                                                          }\r\n                                                                          style={{\r\n                                                                            padding:\r\n                                                                              \"0px\",\r\n                                                                            color:\r\n                                                                              \"#000100\",\r\n                                                                            cursor:\r\n                                                                              \"pointer\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          {\" \"}\r\n                                                                          <span className=\"hoverable-span\">\r\n                                                                            {this.truncateTitle(NoRequest.description, 100)}\r\n                                                                          </span>{\" \"}\r\n                                                                        </Link>\r\n                                                                        <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                          {\r\n                                                                            NoRequest.time\r\n                                                                          }\r\n                                                                        </span>\r\n\r\n                                                                        <hr id=\"NotiHR\"></hr>\r\n                                                                      </>\r\n                                                                    ) : (\r\n                                                                      <>\r\n                                                                        {NoRequest.type ===\r\n                                                                          \"Turned Off\" ? (\r\n                                                                          <>\r\n                                                                            <Link\r\n                                                                              to=\"/Settings\"\r\n                                                                              onClick={() =>\r\n                                                                                this.Noticount(\r\n                                                                                  NoRequest.notification_Id\r\n                                                                                )\r\n                                                                              }\r\n                                                                              style={{\r\n                                                                                padding:\r\n                                                                                  \"0px\",\r\n                                                                                color:\r\n                                                                                  \"#000100\",\r\n                                                                                cursor:\r\n                                                                                  \"pointer\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              {\" \"}\r\n                                                                              <span className=\"hoverable-span\">\r\n                                                                                {this.truncateTitle(NoRequest.description, 100)}\r\n                                                                              </span>{\" \"}\r\n                                                                            </Link>\r\n                                                                            <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                              {\r\n                                                                                NoRequest.time\r\n                                                                              }\r\n                                                                            </span>\r\n                                                                            <hr id=\"NotiHR\"></hr>\r\n                                                                          </>\r\n                                                                        ) : (\r\n                                                                          <>\r\n                                                                            {NoRequest.type ===\r\n                                                                              \"InviteMail\" ? (\r\n                                                                              <>\r\n                                                                                <Link\r\n                                                                                  to=\"/Team\"\r\n                                                                                  onClick={() =>\r\n                                                                                    this.Noticount(\r\n                                                                                      NoRequest.notification_Id\r\n                                                                                    )\r\n                                                                                  }\r\n                                                                                  style={{\r\n                                                                                    padding:\r\n                                                                                      \"0px\",\r\n                                                                                    color:\r\n                                                                                      \"#000100\",\r\n                                                                                    cursor:\r\n                                                                                      \"pointer\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  {\" \"}\r\n                                                                                  <span className=\"hoverable-span\">\r\n                                                                                    {this.truncateTitle(NoRequest.description, 100)}\r\n                                                                                  </span>{\" \"}\r\n                                                                                </Link>\r\n                                                                                <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                  {\r\n                                                                                    NoRequest.time\r\n                                                                                  }\r\n                                                                                </span>\r\n                                                                                <hr id=\"NotiHR\"></hr>\r\n                                                                              </>\r\n                                                                            ) : (\r\n                                                                              <>\r\n                                                                                {NoRequest.type ===\r\n                                                                                  \"Training\" ? (\r\n                                                                                  <>\r\n                                                                                    <Link\r\n                                                                                      to=\"/LearningSchedule\"\r\n                                                                                      onClick={() =>\r\n                                                                                        this.Noticount(\r\n                                                                                          NoRequest.notification_Id\r\n                                                                                        )\r\n                                                                                      }\r\n                                                                                      style={{\r\n                                                                                        padding:\r\n                                                                                          \"0px\",\r\n                                                                                        color:\r\n                                                                                          \"#000100\",\r\n                                                                                        cursor:\r\n                                                                                          \"pointer\",\r\n                                                                                      }}\r\n                                                                                    >\r\n                                                                                      {\" \"}\r\n                                                                                      <span className=\"hoverable-span\">\r\n                                                                                        {this.truncateTitle(NoRequest.description, 100)}\r\n                                                                                      </span>{\" \"}\r\n                                                                                    </Link>\r\n                                                                                    <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                      {\r\n                                                                                        NoRequest.time\r\n                                                                                      }\r\n                                                                                    </span>\r\n\r\n                                                                                    <hr id=\"NotiHR\"></hr>\r\n                                                                                  </>\r\n                                                                                ) : (\r\n                                                                                  <>\r\n                                                                                    {NoRequest.type ===\r\n                                                                                      \"Ageneral\" ? (\r\n                                                                                      <>\r\n                                                                                        <span\r\n                                                                                          onClick={() =>\r\n                                                                                            this.clickNoticount(\r\n                                                                                              Request.notification_Id\r\n                                                                                            )\r\n                                                                                          }\r\n                                                                                          style={{\r\n                                                                                            padding:\r\n                                                                                              \"0px\",\r\n                                                                                            color:\r\n                                                                                              \"gray\",\r\n                                                                                            cursor:\r\n                                                                                              \"pointer\",\r\n                                                                                          }}\r\n                                                                                        >\r\n                                                                                          {\" \"}\r\n                                                                                          <span>\r\n                                                                                            {\r\n                                                                                              Request.description\r\n                                                                                            }{\" \"}\r\n                                                                                          </span>{\" \"}\r\n                                                                                        </span>\r\n                                                                                        &nbsp;&nbsp;{\" \"}\r\n                                                                                        {Request.requestStatus ? (\r\n                                                                                          <span\r\n                                                                                            style={{\r\n                                                                                              color:\r\n                                                                                                \"green\",\r\n                                                                                            }}\r\n                                                                                          >\r\n                                                                                            Agreed\r\n                                                                                          </span>\r\n                                                                                        ) : (\r\n                                                                                          <span\r\n                                                                                            style={{\r\n                                                                                              color:\r\n                                                                                                \"Red\",\r\n                                                                                            }}\r\n                                                                                          >\r\n                                                                                            Disagreed\r\n                                                                                          </span>\r\n                                                                                        )}\r\n                                                                                        &nbsp;&nbsp;{\" \"}\r\n                                                                                        <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                          {\r\n                                                                                            Request.time\r\n                                                                                          }\r\n                                                                                        </span>\r\n                                                                                        <hr id=\"NotiHR\"></hr>\r\n                                                                                      </>\r\n                                                                                    ) : (\r\n                                                                                      <>\r\n                                                                                        {NoRequest.type ===\r\n                                                                                          \"Aothers\" ? (\r\n                                                                                          <>\r\n                                                                                            <span\r\n                                                                                              onClick={() =>\r\n                                                                                                this.clickNoticount(\r\n                                                                                                  Request.notification_Id\r\n                                                                                                )\r\n                                                                                              }\r\n                                                                                              style={{\r\n                                                                                                padding:\r\n                                                                                                  \"0px\",\r\n                                                                                                color:\r\n                                                                                                  \"gray\",\r\n                                                                                                cursor:\r\n                                                                                                  \"pointer\",\r\n                                                                                              }}\r\n                                                                                            >\r\n                                                                                              {\" \"}\r\n                                                                                              <span>\r\n                                                                                                {\r\n                                                                                                  Request.description\r\n                                                                                                }{\" \"}\r\n                                                                                              </span>{\" \"}\r\n                                                                                            </span>\r\n                                                                                            &nbsp;&nbsp;{\" \"}\r\n                                                                                            {Request.requestStatus ? (\r\n                                                                                              <span\r\n                                                                                                style={{\r\n                                                                                                  color:\r\n                                                                                                    \"green\",\r\n                                                                                                }}\r\n                                                                                              >\r\n                                                                                                Agreed\r\n                                                                                              </span>\r\n                                                                                            ) : (\r\n                                                                                              <span\r\n                                                                                                style={{\r\n                                                                                                  color:\r\n                                                                                                    \"Red\",\r\n                                                                                                }}\r\n                                                                                              >\r\n                                                                                                Disagreed\r\n                                                                                              </span>\r\n                                                                                            )}\r\n                                                                                            &nbsp;&nbsp;{\" \"}\r\n                                                                                            <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                              {\r\n                                                                                                Request.time\r\n                                                                                              }\r\n                                                                                            </span>\r\n                                                                                            <hr id=\"NotiHR\"></hr>\r\n                                                                                          </>\r\n                                                                                        ) : (\r\n                                                                                          <>\r\n\r\n                                                                                          </>\r\n                                                                                        )}\r\n                                                                                      </>\r\n                                                                                    )}\r\n                                                                                  </>\r\n                                                                                )}\r\n                                                                              </>\r\n                                                                            )}\r\n                                                                          </>\r\n                                                                        )}\r\n                                                                      </>\r\n                                                                    )}\r\n                                                                  </>\r\n                                                                )}\r\n                                                              </>\r\n                                                            )}\r\n                                                          </>\r\n                                                        )}\r\n                                                      </>\r\n                                                    )}\r\n                                                  </>\r\n                                                ) : (\r\n                                                  // Readed noti\r\n                                                  <>\r\n                                                    {NoRequest.type === \"ASkill\" ? (\r\n                                                      <>\r\n                                                        <Link\r\n                                                          to=\"/MasterSkills\"\r\n                                                          onClick={() =>\r\n                                                            this.Noticount(\r\n                                                              NoRequest.notification_Id\r\n                                                            )\r\n                                                          }\r\n                                                          style={{\r\n                                                            padding: \"0px\",\r\n                                                            color: \"gray\",\r\n                                                            cursor: \"pointer\",\r\n                                                          }}\r\n                                                        >\r\n                                                          {\" \"}\r\n                                                          <span className=\"hoverable-span\">\r\n                                                            {this.truncateTitle(NoRequest.description, 100)}\r\n                                                          </span>{\" \"}\r\n                                                        </Link>\r\n                                                        <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                          {NoRequest.time}\r\n                                                        </span>\r\n                                                        &nbsp;&nbsp;\r\n                                                        <button\r\n                                                          onClick={() =>\r\n                                                            this.CategoryModel()\r\n                                                          }\r\n                                                          type=\"button\"\r\n                                                          id=\"addRow\"\r\n                                                        >\r\n                                                          Agree{\" \"}\r\n                                                        </button>{\" \"}\r\n                                                        &nbsp;&nbsp;{\" \"}\r\n                                                        <button type=\"button\">\r\n                                                          Disagree\r\n                                                        </button>\r\n                                                        <hr id=\"NotiHR\"></hr>\r\n                                                      </>\r\n                                                    ) : (\r\n                                                      <>\r\n                                                        {NoRequest.type ===\r\n                                                          \"AEducation\" ? (\r\n                                                          <>\r\n                                                            <Link\r\n                                                              to=\"/Education\"\r\n                                                              onClick={() =>\r\n                                                                this.Noticount(\r\n                                                                  NoRequest.notification_Id\r\n                                                                )\r\n                                                              }\r\n                                                              style={{\r\n                                                                padding: \"0px\",\r\n                                                                color: \"gray\",\r\n                                                                cursor: \"pointer\",\r\n                                                              }}\r\n                                                            >\r\n                                                              {\" \"}\r\n                                                              <span className=\"hoverable-span\">\r\n                                                                {this.truncateTitle(NoRequest.description, 100)}\r\n                                                              </span>{\" \"}\r\n                                                            </Link>\r\n                                                            <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                              {NoRequest.time}\r\n                                                            </span>\r\n                                                            <hr id=\"NotiHR\"></hr>\r\n                                                          </>\r\n                                                        ) : (\r\n                                                          <>\r\n                                                            {NoRequest.type ===\r\n                                                              \"o\" ? (\r\n                                                              <>\r\n                                                                <Link\r\n                                                                  to={\r\n                                                                    this.state\r\n                                                                      .Organization ===\r\n                                                                      \"4\"\r\n                                                                      ? \"/AddOrganization\"\r\n                                                                      : \"/Organization\"\r\n                                                                  }\r\n                                                                  onClick={() =>\r\n                                                                    this.Noticount(\r\n                                                                      NoRequest.notification_Id\r\n                                                                    )\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    padding: \"0px\",\r\n                                                                    color: \"gray\",\r\n                                                                    cursor: \"pointer\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {\" \"}\r\n                                                                  <span className=\"hoverable-span\" style={{wordWrap:\"break-word\"}}>\r\n                                                                    {NoRequest.description}\r\n                                                                  </span>{\" \"}\r\n                                                                </Link>\r\n                                                                <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                  {NoRequest.time}\r\n                                                                </span>\r\n                                                                <hr id=\"NotiHR\"></hr>\r\n                                                              </>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                {NoRequest.type ===\r\n                                                                  \"s\" ? (\r\n                                                                  <>\r\n                                                                    <Link\r\n                                                                      to=\"/MasterSkills\"\r\n                                                                      onClick={() =>\r\n                                                                        this.Noticount(\r\n                                                                          NoRequest.notification_Id\r\n                                                                        )\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        padding:\r\n                                                                          \"0px\",\r\n                                                                        color: \"gray\",\r\n                                                                        cursor:\r\n                                                                          \"pointer\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      {\" \"}\r\n                                                                      <span className=\"hoverable-span\">\r\n                                                                        {this.truncateTitle(NoRequest.description, 100)}\r\n                                                                      </span>{\" \"}\r\n                                                                    </Link>\r\n                                                                    <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                      {NoRequest.time}\r\n                                                                    </span>\r\n\r\n                                                                    <hr id=\"NotiHR\"></hr>\r\n                                                                  </>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    {NoRequest.type ===\r\n                                                                      \"Access\" ? (\r\n                                                                      <>\r\n                                                                        <Link\r\n                                                                          to=\"/Settings\"\r\n                                                                          onClick={() =>\r\n                                                                            this.Noticount(\r\n                                                                              NoRequest.notification_Id\r\n                                                                            )\r\n                                                                          }\r\n                                                                          style={{\r\n                                                                            padding:\r\n                                                                              \"0px\",\r\n                                                                            color:\r\n                                                                              \"gray\",\r\n                                                                            cursor:\r\n                                                                              \"pointer\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          {\" \"}\r\n                                                                          <span className=\"hoverable-span\">\r\n                                                                            {this.truncateTitle(NoRequest.description, 100)}\r\n                                                                          </span>{\" \"}\r\n                                                                        </Link>\r\n                                                                        <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                          {\r\n                                                                            NoRequest.time\r\n                                                                          }\r\n                                                                        </span>\r\n                                                                        <hr id=\"NotiHR\"></hr>\r\n                                                                      </>\r\n                                                                    ) : (\r\n                                                                      <>\r\n                                                                        {Request.type ===\r\n                                                                          \"Turned Off\" ? (\r\n                                                                          <>\r\n                                                                            <Link\r\n                                                                              to=\"/Settings\"\r\n                                                                              onClick={() =>\r\n                                                                                this.Noticount(\r\n                                                                                  Request.notification_Id\r\n                                                                                )\r\n                                                                              }\r\n                                                                              style={{\r\n                                                                                padding:\r\n                                                                                  \"0px\",\r\n                                                                                color:\r\n                                                                                  \"gray\",\r\n                                                                                cursor:\r\n                                                                                  \"pointer\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              {\" \"}\r\n                                                                              <span className=\"hoverable-span\"\r\n                                                                              //                                                                          style={{ display: \"inline-block\",\r\n                                                                              // width: \"800px\",\r\n                                                                              // whiteSpace: \"nowrap\",\r\n                                                                              // overflow: \"hidden\",\r\n                                                                              // textOverflow: \"ellipsis\"}}\r\n                                                                              >\r\n                                                                                {this.truncateTitle(Request.description, 100)}\r\n                                                                              </span>{\" \"}\r\n                                                                            </Link>\r\n                                                                            <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                              {\r\n                                                                                Request.time\r\n                                                                              }\r\n                                                                            </span>\r\n\r\n                                                                            <br />\r\n                                                                            <br />\r\n                                                                          </>\r\n                                                                        ) : (\r\n                                                                          <>\r\n                                                                            {NoRequest.type ===\r\n                                                                              \"InviteMail\" ? (\r\n                                                                              <>\r\n                                                                                <Link\r\n                                                                                  to=\"/Team\"\r\n                                                                                  onClick={() =>\r\n                                                                                    this.Noticount(\r\n                                                                                      NoRequest.notification_Id\r\n                                                                                    )\r\n                                                                                  }\r\n                                                                                  style={{\r\n                                                                                    padding:\r\n                                                                                      \"0px\",\r\n                                                                                    color:\r\n                                                                                      \"gray\",\r\n                                                                                    cursor:\r\n                                                                                      \"pointer\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  {\" \"}\r\n                                                                                  <span className=\"hoverable-span\">\r\n                                                                                    {this.truncateTitle(NoRequest.description, 100)}\r\n                                                                                  </span>{\" \"}\r\n                                                                                </Link>\r\n                                                                                <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                  {\r\n                                                                                    NoRequest.time\r\n                                                                                  }\r\n                                                                                </span>\r\n\r\n                                                                                <hr id=\"NotiHR\"></hr>\r\n                                                                              </>\r\n                                                                            ) : (\r\n                                                                              <>\r\n                                                                                {NoRequest.type ===\r\n                                                                                  \"Training\" ? (\r\n                                                                                  <>\r\n                                                                                    <Link\r\n                                                                                      to=\"/MasterSkills\"\r\n                                                                                      onClick={() =>\r\n                                                                                        this.Noticount(\r\n                                                                                          NoRequest.notification_Id\r\n                                                                                        )\r\n                                                                                      }\r\n                                                                                      style={{\r\n                                                                                        padding:\r\n                                                                                          \"0px\",\r\n                                                                                        color:\r\n                                                                                          \"gray\",\r\n                                                                                        cursor:\r\n                                                                                          \"pointer\",\r\n                                                                                      }}\r\n                                                                                    >\r\n                                                                                      {\" \"}\r\n                                                                                      <span className=\"hoverable-span\">\r\n                                                                                        {this.truncateTitle(NoRequest.description, 100)}\r\n                                                                                      </span>{\" \"}\r\n                                                                                    </Link>\r\n                                                                                    <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                      {\r\n                                                                                        NoRequest.time\r\n                                                                                      }\r\n                                                                                    </span>\r\n\r\n                                                                                    <hr id=\"NotiHR\"></hr>\r\n                                                                                  </>\r\n                                                                                ) : (\r\n                                                                                  <>\r\n                                                                                    {NoRequest.type ===\r\n                                                                                      \"Ageneral\" ? (\r\n                                                                                      <>\r\n                                                                                        <span\r\n                                                                                          onClick={() =>\r\n                                                                                            this.clickNoticount(\r\n                                                                                              NoRequest.notification_Id\r\n                                                                                            )\r\n                                                                                          }\r\n                                                                                          style={{\r\n                                                                                            padding:\r\n                                                                                              \"0px\",\r\n                                                                                            color:\r\n                                                                                              \"gray\",\r\n                                                                                            cursor:\r\n                                                                                              \"pointer\",\r\n                                                                                          }}\r\n                                                                                        >\r\n                                                                                          {\" \"}\r\n                                                                                          <span>\r\n                                                                                            {\r\n                                                                                              Request.description\r\n                                                                                            }{\" \"}\r\n                                                                                          </span>{\" \"}\r\n                                                                                        </span>\r\n                                                                                        &nbsp;&nbsp;{\" \"}\r\n                                                                                        {Request.requestStatus ? (\r\n                                                                                          <span\r\n                                                                                            style={{\r\n                                                                                              color:\r\n                                                                                                \"green\",\r\n                                                                                            }}\r\n                                                                                          >\r\n                                                                                            Agreed\r\n                                                                                          </span>\r\n                                                                                        ) : (\r\n                                                                                          <span\r\n                                                                                            style={{\r\n                                                                                              color:\r\n                                                                                                \"Red\",\r\n                                                                                            }}\r\n                                                                                          >\r\n                                                                                            Disagreed\r\n                                                                                          </span>\r\n                                                                                        )}\r\n                                                                                        &nbsp;&nbsp;{\" \"}\r\n                                                                                        <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                          {\r\n                                                                                            Request.time\r\n                                                                                          }\r\n                                                                                        </span>\r\n                                                                                        <br />\r\n                                                                                      </>\r\n                                                                                    ) : (\r\n                                                                                      <>\r\n                                                                                        {NoRequest.type ===\r\n                                                                                          \"Aothers\" ? (\r\n                                                                                          <>\r\n                                                                                            <span\r\n                                                                                              onClick={() =>\r\n                                                                                                this.clickNoticount(\r\n                                                                                                  NoRequest.notification_Id\r\n                                                                                                )\r\n                                                                                              }\r\n                                                                                              style={{\r\n                                                                                                padding:\r\n                                                                                                  \"0px\",\r\n                                                                                                color:\r\n                                                                                                  \"gray\",\r\n                                                                                                cursor:\r\n                                                                                                  \"pointer\",\r\n                                                                                              }}\r\n                                                                                            >\r\n                                                                                              {\" \"}\r\n                                                                                              <span>\r\n                                                                                                {\r\n                                                                                                  Request.description\r\n                                                                                                }{\" \"}\r\n                                                                                              </span>{\" \"}\r\n                                                                                            </span>\r\n                                                                                            &nbsp;&nbsp;{\" \"}\r\n                                                                                            {Request.requestStatus ? (\r\n                                                                                              <span\r\n                                                                                                style={{\r\n                                                                                                  color:\r\n                                                                                                    \"green\",\r\n                                                                                                }}\r\n                                                                                              >\r\n                                                                                                Agreed\r\n                                                                                              </span>\r\n                                                                                            ) : (\r\n                                                                                              <span\r\n                                                                                                style={{\r\n                                                                                                  color:\r\n                                                                                                    \"Red\",\r\n                                                                                                }}\r\n                                                                                              >\r\n                                                                                                Disagreed\r\n                                                                                              </span>\r\n                                                                                            )}\r\n                                                                                            &nbsp;&nbsp;{\" \"}\r\n                                                                                            <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                              {\r\n                                                                                                Request.time\r\n                                                                                              }\r\n                                                                                            </span>\r\n                                                                                            <br />\r\n                                                                                          </>\r\n                                                                                        ) : (\r\n                                                                                          <>\r\n\r\n                                                                                          </>\r\n                                                                                        )}\r\n                                                                                      </>\r\n                                                                                    )}\r\n                                                                                  </>\r\n                                                                                )}\r\n                                                                              </>\r\n                                                                            )}\r\n                                                                          </>\r\n                                                                        )}\r\n                                                                      </>\r\n                                                                    )}\r\n                                                                  </>\r\n                                                                )}\r\n                                                              </>\r\n                                                            )}\r\n                                                          </>\r\n                                                        )}\r\n                                                      </>\r\n                                                    )}\r\n                                                  </>\r\n                                                )}\r\n                                              </>\r\n                                            ))}\r\n                                          </td>\r\n\r\n                                        </tr>\r\n                                      </tbody>\r\n                                    </table> : null}\r\n\r\n                                  </div></div>\r\n                              </div>\r\n                            </div>\r\n                            <br /><br />\r\n\r\n                            <div className=\"j-tabs-container md-tabs\">\r\n\r\n                              {showTabs ? (\r\n                                <>\r\n                                  <input\r\n                                    id=\"tab3\"\r\n                                    type=\"radio\"\r\n                                    name=\"tabs\"\r\n                                  />\r\n                                  <label\r\n                                    id=\"pending\"\r\n                                    className=\"j-tabs-label\"\r\n                                    htmlFor=\"tab3\"\r\n                                    title=\"Pending\"\r\n                                    style={{ padding: '12px 14px', marginLeft: '23px' }}\r\n                                  >\r\n\r\n                                    <span>&nbsp;&nbsp;Pending&nbsp;&nbsp;</span>\r\n                                    {this.state.SeenCount.length !== 0 ? <img\r\n                                      src={onlinedot}\r\n                                      className=\"media-object img-circle\"\r\n                                      style={{\r\n                                        marginTop: \"0px\",\r\n                                        width: \"10px\",\r\n                                      }}\r\n                                      title=\"Unread\"\r\n                                    /> : null}\r\n                                  </label>\r\n\r\n                                  <input id=\"tab4\" type=\"radio\" name=\"tabs\" />\r\n                                  <label\r\n                                    id=\"closed\"\r\n                                    className=\"j-tabs-label\"\r\n                                    htmlFor=\"tab4\"\r\n                                    title=\"Closed\"\r\n                                    style={{ padding: '12px 18px' }}\r\n                                  >\r\n\r\n                                    <span>&nbsp;&nbsp;Closed&nbsp;&nbsp;\r\n                                    </span>\r\n\r\n                                  </label>\r\n                                </>\r\n                              ) : null}\r\n                              <div id=\"tabs-section-3\" className=\"j-tabs-section\">\r\n                                <div\r\n                                  className=\"tab-pane\"\r\n                                  id=\"notes\"\r\n                                  role=\"tabpanel\"\r\n                                >\r\n                                  <div className=\"card-block\">\r\n                                    <div className=\"dt-responsive table-responsive\"\r\n                                      id={Request.length <= 6 ? \"AdminNotiNoAnnLength\" : \"Above10\"}\r\n                                    >\r\n                                      {Request.length === 0 && delay ?\r\n                                        <center>\r\n\r\n                                          <p>No Record</p>\r\n                                        </center>\r\n                                        : null}\r\n                                      {Request.length !== 0 ?\r\n                                        <table\r\n                                          id=\"add-row-table3\" className=\"table nowrap\">\r\n                                          <thead id='tablepadding'><tr>\r\n\r\n                                            <th style={{ color: '#7367f0' }}> Pending Details</th>\r\n\r\n                                          </tr>\r\n                                          </thead>\r\n                                          <tbody id='Notitablepadding'>\r\n\r\n                                            <tr>\r\n\r\n                                              <td>\r\n\r\n                                                {Request.map((Request) => (\r\n                                                  <>\r\n                                                    {Request.seen === false ? (\r\n                                                      // Unreaded noti\r\n                                                      <>\r\n                                                        {Request.type === \"ASkill\" ? (\r\n                                                          <>\r\n                                                            <span\r\n                                                              // to=\"/MasterSkills\"\r\n                                                              id=\"btnSkillLink\"\r\n                                                              style={{\r\n                                                                padding: \"0px\",\r\n                                                                color: \"#000100\",\r\n                                                                cursor: \"pointer\",\r\n\r\n                                                              }}\r\n                                                              onClick={() => this.displaypop(Request.notification_Id)}\r\n                                                            >\r\n                                                              {\" \"}\r\n                                                              <span className=\"hoverable-span\"\r\n                                                              //                                                       style={{ display: \"inline-block\",\r\n                                                              // width: \"800px\",\r\n                                                              // whiteSpace: \"nowrap\",\r\n                                                              // overflow: \"hidden\",\r\n                                                              // textOverflow: \"ellipsis\"}}\r\n                                                              >\r\n                                                                {this.truncateTitle(Request.description, 100)}\r\n                                                              </span>{\" \"}\r\n                                                            </span>\r\n                                                            <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                              {Request.time}\r\n                                                            </span>\r\n                                                            &nbsp;&nbsp;\r\n                                                            <hr id=\"NotiHR\"></hr>\r\n                                                          </>\r\n                                                        ) : (\r\n                                                          <>\r\n                                                            {Request.type ===\r\n                                                              \"AEducation\" ? (\r\n                                                              <>\r\n                                                                <span\r\n                                                                  id=\"btnEduLink\"\r\n                                                                  onClick={() => {\r\n                                                                    // this.Noticount(\r\n                                                                    //   Request.notification_Id\r\n                                                                    // )\r\n                                                                    this.displaypop(Request.notification_Id)\r\n                                                                  }\r\n\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    padding: \"0px\",\r\n                                                                    color: \"#000100\",\r\n                                                                    cursor: \"pointer\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {\" \"}\r\n                                                                  <span className=\"hoverable-span\"\r\n                                                                  //                                                           style={{ display: \"inline-block\",\r\n                                                                  // width: \"800px\",\r\n                                                                  // whiteSpace: \"nowrap\",\r\n                                                                  // overflow: \"hidden\",\r\n                                                                  // textOverflow: \"ellipsis\"}}\r\n                                                                  >\r\n                                                                    {this.truncateTitle(Request.description, 100)}\r\n                                                                  </span>{\" \"}\r\n                                                                </span>\r\n                                                                <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                  {Request.time}\r\n                                                                </span>\r\n                                                                &nbsp;&nbsp;\r\n                                                                <hr id=\"NotiHR\"></hr>\r\n                                                              </>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                {Request.type ===\r\n                                                                  \"Aothers\" ? (\r\n                                                                  <>\r\n                                                                    <span\r\n                                                                      onClick={() => {\r\n                                                                        // this.Noticount(\r\n                                                                        //   Request.notification_Id\r\n                                                                        // )\r\n                                                                        this.displaypop(Request.notification_Id)\r\n                                                                      }\r\n\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        padding:\r\n                                                                          \"0px\",\r\n                                                                        color:\r\n                                                                          \"#000100\",\r\n                                                                        cursor:\r\n                                                                          \"pointer\",\r\n\r\n                                                                      }}\r\n\r\n                                                                    >\r\n                                                                      {\" \"}\r\n                                                                      <span className=\"hoverable-span\"\r\n                                                                      //                                                                             style={{ display: \"inline-block\",\r\n                                                                      // width: \"800px\",\r\n                                                                      // whiteSpace: \"nowrap\",\r\n                                                                      // overflow: \"hidden\",\r\n                                                                      // textOverflow: \"ellipsis\"}}\r\n                                                                      >\r\n                                                                        {this.truncateTitle(Request.description, 100)}\r\n                                                                      </span>{\" \"}\r\n                                                                    </span>\r\n                                                                    <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                      {Request.time}\r\n                                                                    </span>\r\n                                                                    <hr id=\"NotiHR\"></hr>\r\n                                                                  </>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    {\" \"}\r\n                                                                    {Request.type ===\r\n                                                                      \"Ageneral\" ? (\r\n                                                                      <>\r\n                                                                        <span\r\n                                                                          onClick={() => {\r\n                                                                            // this.clickNoticount(\r\n                                                                            //   Request.notification_Id\r\n                                                                            // )\r\n                                                                            this.displaypop(Request.notification_Id)\r\n                                                                          }\r\n\r\n                                                                          }\r\n                                                                          style={{\r\n                                                                            padding:\r\n                                                                              \"0px\",\r\n                                                                            color:\r\n                                                                              \"#000100\",\r\n                                                                            cursor:\r\n                                                                              \"pointer\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          {\" \"}\r\n                                                                          <span className=\"hoverable-span\"\r\n                                                                          //                                                                   style={{ display: \"inline-block\",\r\n                                                                          // width: \"800px\",\r\n                                                                          // whiteSpace: \"nowrap\",\r\n                                                                          // overflow: \"hidden\",\r\n                                                                          // textOverflow: \"ellipsis\"}}\r\n                                                                          >\r\n                                                                            {this.truncateTitle(Request.description, 100)}\r\n                                                                          </span>{\" \"}\r\n                                                                        </span>\r\n                                                                        <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                          {Request.time}\r\n                                                                        </span>\r\n                                                                        <hr id=\"NotiHR\"></hr>\r\n                                                                      </>\r\n                                                                    ) : (\r\n                                                                      <>\r\n                                                                        {Request.type ===\r\n                                                                          \"ATrainer\" ? (\r\n                                                                          <>\r\n                                                                            <span\r\n                                                                              onClick={() =>\r\n                                                                                // this.clickNoticountforTrainer(\r\n                                                                                //   Request.notification_Id\r\n                                                                                // )\r\n                                                                                this.Addtrainerpop(Request.notification_Id)\r\n                                                                              }\r\n                                                                              style={{\r\n                                                                                padding:\r\n                                                                                  \"0px\",\r\n                                                                                color:\r\n                                                                                  \"#000100\",\r\n                                                                                cursor:\r\n                                                                                  \"pointer\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              {\" \"}\r\n                                                                              <span className=\"hoverable-span\"\r\n                                                                              //                                                                         style={{ display: \"inline-block\",\r\n                                                                              // width: \"800px\",\r\n                                                                              // whiteSpace: \"nowrap\",\r\n                                                                              // overflow: \"hidden\",\r\n                                                                              // textOverflow: \"ellipsis\"}}\r\n                                                                              >\r\n                                                                                {this.truncateTitle(Request.description, 100)}\r\n                                                                              </span>{\" \"}\r\n                                                                            </span>\r\n                                                                            <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                              {Request.time}\r\n                                                                            </span>\r\n                                                                            <hr id=\"NotiHR\"></hr>\r\n                                                                          </>\r\n\r\n                                                                        ) :\r\n                                                                          (\r\n                                                                            <></>\r\n                                                                          )}\r\n                                                                      </>\r\n                                                                    )}\r\n                                                                  </>\r\n                                                                )}\r\n                                                              </>\r\n                                                            )}\r\n                                                          </>\r\n                                                        )}\r\n                                                      </>) : (\r\n                                                      // Readed noti\r\n                                                      <>\r\n                                                      </>\r\n                                                    )}\r\n                                                  </>\r\n                                                ))}\r\n                                              </td>\r\n\r\n                                            </tr>\r\n                                          </tbody>\r\n                                        </table> : null}\r\n                                    </div></div></div>\r\n                              </div>\r\n                              <div id=\"tabs-section-4\" className=\"j-tabs-section\">\r\n                                <div\r\n                                  className=\"tab-pane\"\r\n                                  id=\"notes\"\r\n                                  role=\"tabpanel\"\r\n                                >\r\n                                  <div className=\"card-block\">\r\n                                    <div className=\"dt-responsive table-responsive\"\r\n                                      id={Request.length <= 6 ? \"AdminNotiNoAnnLength\" : \"Above10\"}\r\n                                    >\r\n                                      {Request.length === 0 && delay ?\r\n                                        <center>\r\n\r\n                                          <p>No Record</p>\r\n                                        </center>\r\n                                        : null}\r\n                                      {Request.length !== 0 ?\r\n                                        <table\r\n                                          id=\"add-row-table3\" className=\"table nowrap\">\r\n                                          <thead id='tablepadding'><tr>\r\n\r\n                                            <th style={{ color: '#7367f0' }}> Closed Details</th>\r\n\r\n                                          </tr>\r\n                                          </thead>\r\n                                          <tbody id='Notitablepadding'>\r\n\r\n                                            <tr>\r\n\r\n                                              <td>\r\n\r\n                                                {Request.map((Request) => (\r\n                                                  <>\r\n                                                    {Request.seen === true ? (\r\n                                                      // Unreaded noti\r\n                                                      <>\r\n                                                        {Request.type === \"ASkill\" ? (\r\n                                                          <>\r\n                                                            {/* <Link\r\n                                                    to=\"/MasterSkills\"\r\n                                                    onClick={() =>\r\n                                                      this.Noticount(\r\n                                                        Request.notification_Id\r\n                                                      )\r\n                                                    }\r\n                                                    style={{\r\n                                                      padding: \"0px\",\r\n                                                      color: \"gray\",\r\n                                                      cursor: \"pointer\",\r\n                                                    }}\r\n                                                  > */}\r\n                                                            <span style={{\r\n                                                              padding: \"0px\",\r\n                                                              color: \"gray\",\r\n                                                              cursor: \"pointer\",\r\n                                                            }} onClick={() => this.displaypop(Request.notification_Id)}>\r\n\r\n                                                              {\" \"}\r\n                                                              <span className=\"hoverable-span\"\r\n                                                              //                                                       style={{ display: \"inline-block\",\r\n                                                              // width: \"800px\",\r\n                                                              // whiteSpace: \"nowrap\",\r\n                                                              // overflow: \"hidden\",\r\n                                                              // textOverflow: \"ellipsis\"}}\r\n                                                              >\r\n                                                                {this.truncateTitle(Request.description, 100)}\r\n                                                              </span>{\" \"}\r\n                                                              {/* </Link> */}\r\n                                                              &nbsp;&nbsp;{\" \"}\r\n                                                              <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                {Request.time}\r\n                                                              </span>\r\n                                                            </span>\r\n                                                            &nbsp;&nbsp;{\" \"}\r\n                                                            <hr id=\"NotiHR\"></hr>\r\n                                                          </>\r\n                                                        ) : (\r\n                                                          ///readed request\r\n                                                          <>\r\n                                                            {Request.type ===\r\n                                                              \"AEducation\" ? (\r\n                                                              <>\r\n                                                                <span\r\n                                                                  onClick={() =>\r\n                                                                    this.displaypop(Request.notification_Id)\r\n                                                                  }\r\n                                                                  style={{\r\n                                                                    padding: \"0px\",\r\n                                                                    color: \"gray\",\r\n                                                                    cursor: \"pointer\",\r\n                                                                  }}\r\n                                                                >\r\n                                                                  {\" \"}\r\n                                                                  <span className=\"hoverable-span\"\r\n                                                                  //                                                            style={{ display: \"inline-block\",\r\n                                                                  // width: \"800px\",\r\n                                                                  // whiteSpace: \"nowrap\",\r\n                                                                  // overflow: \"hidden\",\r\n                                                                  // textOverflow: \"ellipsis\"}}\r\n                                                                  >\r\n                                                                    {this.truncateTitle(Request.description, 100)}\r\n                                                                  </span>{\" \"}\r\n                                                                </span>\r\n                                                                &nbsp;&nbsp;{\" \"}\r\n                                                                <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                  {Request.time}\r\n                                                                </span>{\" \"}\r\n                                                                &nbsp;&nbsp;{\" \"}\r\n                                                                <hr id=\"NotiHR\"></hr>\r\n                                                              </>\r\n                                                            ) : (\r\n                                                              <>\r\n                                                                {Request.type ===\r\n                                                                  \"Aothers\" ? (\r\n                                                                  <>\r\n                                                                    <span\r\n                                                                      onClick={() => {\r\n                                                                        this.clickNoticount(\r\n                                                                          Request.notification_Id\r\n                                                                        )\r\n                                                                        this.displaypop(\r\n                                                                          Request.notification_Id\r\n                                                                        )\r\n\r\n                                                                      }\r\n\r\n                                                                      }\r\n                                                                      style={{\r\n                                                                        padding:\r\n                                                                          \"0px\",\r\n                                                                        color:\r\n                                                                          \"gray\",\r\n                                                                        cursor:\r\n                                                                          \"pointer\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      {\" \"}\r\n                                                                      <span className=\"hoverable-span\"\r\n                                                                      //                                                                                   style={{ display: \"inline-block\",\r\n                                                                      // width: \"800px\",\r\n                                                                      // whiteSpace: \"nowrap\",\r\n                                                                      // overflow: \"hidden\",\r\n                                                                      // textOverflow: \"ellipsis\"}}\r\n                                                                      >\r\n                                                                        {this.truncateTitle(Request.description, 100)}\r\n                                                                      </span>{\" \"}\r\n                                                                    </span>\r\n                                                                    &nbsp;&nbsp;{\" \"}\r\n                                                                    <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                      {\r\n                                                                        Request.time\r\n                                                                      }\r\n                                                                    </span>\r\n                                                                    <hr id=\"NotiHR\"></hr>\r\n                                                                  </>\r\n                                                                ) : (\r\n                                                                  <>\r\n                                                                    {Request.type ===\r\n                                                                      \"Ageneral\" ? (\r\n                                                                      <>\r\n                                                                        <span\r\n                                                                          onClick={() => {\r\n                                                                            this.clickNoticount(\r\n                                                                              Request.notification_Id\r\n                                                                            )\r\n                                                                            this.displaypop(Request.notification_Id)\r\n                                                                          }\r\n\r\n                                                                          }\r\n                                                                          style={{\r\n                                                                            padding:\r\n                                                                              \"0px\",\r\n                                                                            color: \"gray\",\r\n                                                                            cursor:\r\n                                                                              \"pointer\",\r\n                                                                          }}\r\n                                                                        >\r\n                                                                          {\" \"}\r\n                                                                          <span className=\"hoverable-span\"\r\n                                                                          //                                                                   style={{ display: \"inline-block\",\r\n                                                                          // width: \"800px\",\r\n                                                                          // whiteSpace: \"nowrap\",\r\n                                                                          // overflow: \"hidden\",\r\n                                                                          // textOverflow: \"ellipsis\"}}\r\n                                                                          >\r\n                                                                            {this.truncateTitle(Request.description, 100)}\r\n                                                                          </span>{\" \"}\r\n                                                                        </span>\r\n                                                                        &nbsp;&nbsp;{\" \"}\r\n                                                                        <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                          {Request.time}\r\n                                                                        </span>\r\n                                                                        &nbsp;&nbsp;\r\n                                                                        <hr id=\"NotiHR\"></hr>\r\n                                                                      </>\r\n                                                                    ) : (\r\n                                                                      <>\r\n                                                                        {Request.type ===\r\n                                                                          \"ATrainer\" ? (\r\n                                                                          <>\r\n                                                                            <span\r\n                                                                              onClick={() =>\r\n                                                                                // this.clickNoticountforTrainer(\r\n                                                                                //   Request.notification_Id\r\n                                                                                // )\r\n                                                                                this.Addtrainerpop(Request.notification_Id)\r\n                                                                              }\r\n                                                                              style={{\r\n                                                                                padding:\r\n                                                                                  \"0px\",\r\n                                                                                color:\r\n                                                                                  \"gray\",\r\n                                                                                cursor:\r\n                                                                                  \"pointer\",\r\n                                                                              }}\r\n                                                                            >\r\n                                                                              {\" \"}\r\n                                                                              <span className=\"hoverable-span\"\r\n                                                                              //                                                                                   style={{ display: \"inline-block\",\r\n                                                                              // width: \"800px\",\r\n                                                                              // whiteSpace: \"nowrap\",\r\n                                                                              // overflow: \"hidden\",\r\n                                                                              // textOverflow: \"ellipsis\"}}\r\n                                                                              >\r\n                                                                                {this.truncateTitle(Request.description, 100)}\r\n                                                                              </span>{\" \"}\r\n                                                                            </span>\r\n                                                                            &nbsp;&nbsp;{\" \"}\r\n                                                                            <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                              {\r\n                                                                                Request.time\r\n                                                                              }\r\n                                                                            </span>\r\n                                                                            <hr id=\"NotiHR\"></hr>\r\n                                                                          </>\r\n                                                                        ) : (\r\n                                                                          <>\r\n\r\n\r\n                                                                          </>\r\n\r\n\r\n                                                                        )}\r\n\r\n\r\n                                                                      </>\r\n                                                                    )}\r\n                                                                  </>\r\n                                                                )}\r\n                                                              </>\r\n                                                            )}\r\n                                                          </>\r\n                                                        )}\r\n                                                      </>) : null}\r\n                                                  </>\r\n                                                ))}\r\n                                              </td>\r\n\r\n                                            </tr>\r\n                                          </tbody>\r\n                                        </table> : null}\r\n                                    </div></div></div>\r\n                              </div>\r\n                            </div>\r\n\r\n                            <div id=\"tabs-section-2\" className=\"j-tabs-section\">\r\n                              <div\r\n                                className=\"tab-pane\"\r\n                                id=\"notes\"\r\n                                role=\"tabpanel\"\r\n                              >\r\n\r\n                                <div className=\"card-block\">\r\n                                  <div className=\"dt-responsive table-responsive\"\r\n                                    id={Request.length <= 6 ? \"AdminNotiNoAnnLength\" : \"Above10\"}\r\n                                  >\r\n                                    {Request.length === 0 && delay ?\r\n                                      <center>\r\n\r\n                                        <p>No Record</p>\r\n                                      </center>\r\n                                      : null}\r\n                                    {Request.length !== 0 && delay ?\r\n                                      <table\r\n                                        id=\"add-row-table3\" className=\"table nowrap\">\r\n                                        <thead id='tablepadding'><tr>\r\n                                          <th style={{ color: '#7367f0' }}> Request Details</th>\r\n\r\n                                        </tr>\r\n                                        </thead>\r\n                                        <tbody id='Notitablepadding'>\r\n                                          <tr>\r\n                                            <td>\r\n                                              {Request.map((Request) => (\r\n                                                <>\r\n                                                  {Request.seen === false ? (\r\n                                                    // Unreaded noti\r\n                                                    <>\r\n                                                      {Request.type === \"ASkill\" ? (\r\n                                                        <>\r\n                                                          <span\r\n                                                            // to=\"/MasterSkills\"\r\n                                                            id=\"btnSkillLink\"\r\n                                                            style={{\r\n                                                              padding: \"0px\",\r\n                                                              color: \"#000100\",\r\n                                                              cursor: \"pointer\",\r\n\r\n                                                            }}\r\n                                                            onClick={() => this.displaypop(Request.notification_Id)}\r\n                                                          >\r\n                                                            {\" \"}\r\n                                                            <span className=\"hoverable-span\"\r\n                                                            //                                                        style={{ display: \"inline-block\",\r\n                                                            // width: \"800px\",\r\n                                                            // whiteSpace: \"nowrap\",\r\n                                                            // overflow: \"hidden\",\r\n                                                            // textOverflow: \"ellipsis\"}}\r\n                                                            >\r\n                                                              {this.truncateTitle(Request.description, 100)}\r\n                                                              {/* {Request.description}{\" \"} */}\r\n                                                            </span>{\" \"}\r\n                                                          </span>\r\n                                                          <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                            {Request.time}\r\n                                                          </span>\r\n                                                          &nbsp;&nbsp;\r\n                                                          <hr id=\"NotiHR\"></hr>\r\n                                                        </>\r\n                                                      ) : (\r\n                                                        <>\r\n                                                          {Request.type ===\r\n                                                            \"AEducation\" ? (\r\n                                                            <>\r\n                                                              <span\r\n                                                                id=\"btnEduLink\"\r\n                                                                onClick={() => {\r\n                                                                  // this.Noticount(\r\n                                                                  //   Request.notification_Id\r\n                                                                  // )\r\n                                                                  this.displaypop(Request.notification_Id)\r\n                                                                }\r\n\r\n                                                                }\r\n                                                                style={{\r\n                                                                  padding: \"0px\",\r\n                                                                  color: \"#000100\",\r\n                                                                  cursor: \"pointer\",\r\n                                                                }}\r\n                                                              >\r\n                                                                {\" \"}\r\n                                                                <span className=\"hoverable-span\"\r\n                                                                //                                                           style={{ display: \"inline-block\",\r\n                                                                // width: \"800px\",\r\n                                                                // whiteSpace: \"nowrap\",\r\n                                                                // overflow: \"hidden\",\r\n                                                                // textOverflow: \"ellipsis\"}}\r\n                                                                >\r\n                                                                  {this.truncateTitle(Request.description, 100)}\r\n                                                                </span>{\" \"}\r\n                                                              </span>\r\n                                                              <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                {Request.time}\r\n                                                              </span>\r\n                                                              &nbsp;&nbsp;\r\n                                                              <hr id=\"NotiHR\"></hr>\r\n                                                            </>\r\n                                                          ) : (\r\n                                                            <>\r\n                                                              {Request.type === \"o\" ? (\r\n                                                                <>\r\n                                                                  <Link\r\n                                                                    to={\r\n                                                                      this.state\r\n                                                                        .Organization ===\r\n                                                                        \"4\"\r\n                                                                        ? \"/AddOrganization\"\r\n                                                                        : \"/Organization\"\r\n                                                                    }\r\n                                                                    onClick={() =>\r\n                                                                      this.Noticount(\r\n                                                                        Request.notification_Id\r\n                                                                      )\r\n                                                                    }\r\n                                                                    style={{\r\n                                                                      padding: \"0px\",\r\n                                                                      color: \"#000100\",\r\n                                                                      cursor: \"pointer\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {\" \"}\r\n                                                                    <span className=\"hoverable-span\"\r\n                                                                    //                                                               style={{ display: \"inline-block\",\r\n                                                                    // width: \"800px\",\r\n                                                                    // whiteSpace: \"nowrap\",\r\n                                                                    // overflow: \"hidden\",\r\n                                                                    // textOverflow: \"ellipsis\"}}\r\n                                                                    >\r\n                                                                      {this.truncateTitle(Request.description, 100)}\r\n                                                                    </span>{\" \"}\r\n                                                                  </Link>\r\n                                                                  <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                    {Request.time}\r\n                                                                  </span>\r\n                                                                  <hr id=\"NotiHR\"></hr>\r\n                                                                </>\r\n                                                              ) : (\r\n                                                                <>\r\n                                                                  {\" \"}\r\n                                                                  {Request.type ===\r\n                                                                    \"Ageneral\" ? (\r\n                                                                    <>\r\n                                                                      <span\r\n                                                                        onClick={() => {\r\n                                                                          // this.clickNoticount(\r\n                                                                          //   Request.notification_Id\r\n                                                                          // )\r\n                                                                          this.displaypop(Request.notification_Id)\r\n                                                                        }\r\n\r\n                                                                        }\r\n                                                                        style={{\r\n                                                                          padding:\r\n                                                                            \"0px\",\r\n                                                                          color:\r\n                                                                            \"#000100\",\r\n                                                                          cursor:\r\n                                                                            \"pointer\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        {\" \"}\r\n                                                                        <span className=\"hoverable-span\"\r\n                                                                        //                                                                    style={{ display: \"inline-block\",\r\n                                                                        // width: \"800px\",\r\n                                                                        // whiteSpace: \"nowrap\",\r\n                                                                        // overflow: \"hidden\",\r\n                                                                        // textOverflow: \"ellipsis\"}}\r\n                                                                        >\r\n                                                                          {this.truncateTitle(Request.description, 100)}\r\n                                                                        </span>{\" \"}\r\n                                                                      </span>\r\n                                                                      <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                        {Request.time}\r\n                                                                      </span>\r\n                                                                      <hr id=\"NotiHR\"></hr>\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      {Request.type ===\r\n                                                                        \"Access\" ? (\r\n                                                                        <>\r\n                                                                          <Link\r\n                                                                            to=\"/Settings\"\r\n                                                                            onClick={() =>\r\n                                                                              this.Noticount(\r\n                                                                                Request.notification_Id\r\n                                                                              )\r\n                                                                            }\r\n                                                                            style={{\r\n                                                                              padding:\r\n                                                                                \"0px\",\r\n                                                                              color:\r\n                                                                                \"#000100\",\r\n                                                                              cursor:\r\n                                                                                \"pointer\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            {\" \"}\r\n                                                                            <span className=\"hoverable-span\"\r\n                                                                            //                                                                       style={{ display: \"inline-block\",\r\n                                                                            // width: \"800px\",\r\n                                                                            // whiteSpace: \"nowrap\",\r\n                                                                            // overflow: \"hidden\",\r\n                                                                            // textOverflow: \"ellipsis\"}}\r\n                                                                            >\r\n                                                                              {this.truncateTitle(Request.description, 100)}\r\n                                                                            </span>{\" \"}\r\n                                                                          </Link>\r\n                                                                          <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                            {\r\n                                                                              Request.time\r\n                                                                            }\r\n                                                                          </span>\r\n                                                                          <hr id=\"NotiHR\"></hr>\r\n                                                                        </>\r\n                                                                      ) : (\r\n                                                                        <>\r\n                                                                          {Request.type ===\r\n                                                                            \"Accessed\" ? (\r\n                                                                            <>\r\n                                                                              <Link\r\n                                                                                to=\"/Settings\"\r\n                                                                                onClick={() =>\r\n                                                                                  this.Noticount(\r\n                                                                                    Request.notification_Id\r\n                                                                                  )\r\n                                                                                }\r\n                                                                                style={{\r\n                                                                                  padding:\r\n                                                                                    \"0px\",\r\n                                                                                  color:\r\n                                                                                    \"#000100\",\r\n                                                                                  cursor:\r\n                                                                                    \"pointer\",\r\n                                                                                }}\r\n                                                                              >\r\n                                                                                {\" \"}\r\n                                                                                <span className=\"hoverable-span\"\r\n                                                                                //                                                                            style={{ display: \"inline-block\",\r\n                                                                                // width: \"800px\",\r\n                                                                                // whiteSpace: \"nowrap\",\r\n                                                                                // overflow: \"hidden\",\r\n                                                                                // textOverflow: \"ellipsis\"}}\r\n                                                                                >\r\n                                                                                  {this.truncateTitle(Request.description, 100)}\r\n                                                                                </span>{\" \"}\r\n                                                                              </Link>\r\n                                                                              <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                {\r\n                                                                                  Request.time\r\n                                                                                }\r\n                                                                              </span>\r\n\r\n                                                                              <hr id=\"NotiHR\"></hr>\r\n                                                                            </>\r\n                                                                          ) : (\r\n                                                                            <></>\r\n                                                                          )}\r\n\r\n                                                                          <>\r\n                                                                            {Request.type ===\r\n                                                                              \"Aothers\" ? (\r\n                                                                              <>\r\n                                                                                <span\r\n                                                                                  onClick={() => {\r\n                                                                                    // this.Noticount(\r\n                                                                                    //   Request.notification_Id\r\n                                                                                    // )\r\n                                                                                    this.displaypop(Request.notification_Id)\r\n                                                                                  }\r\n\r\n                                                                                  }\r\n                                                                                  style={{\r\n                                                                                    padding:\r\n                                                                                      \"0px\",\r\n                                                                                    color:\r\n                                                                                      \"#000100\",\r\n                                                                                    cursor:\r\n                                                                                      \"pointer\",\r\n\r\n                                                                                  }}\r\n\r\n                                                                                >\r\n                                                                                  {\" \"}\r\n                                                                                  <span className=\"hoverable-span\"\r\n                                                                                  //                                                                             style={{ display: \"inline-block\",\r\n                                                                                  // width: \"800px\",\r\n                                                                                  // whiteSpace: \"nowrap\",\r\n                                                                                  // overflow: \"hidden\",\r\n                                                                                  // textOverflow: \"ellipsis\"}}\r\n                                                                                  >\r\n                                                                                    {this.truncateTitle(Request.description, 100)}\r\n                                                                                  </span>{\" \"}\r\n                                                                                </span>\r\n                                                                                <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                  {Request.time}\r\n                                                                                </span>\r\n                                                                                <hr id=\"NotiHR\"></hr>\r\n                                                                              </>\r\n                                                                            ) : (\r\n                                                                              <></>\r\n                                                                            )}\r\n\r\n                                                                          </>\r\n\r\n                                                                          <>\r\n                                                                            {Request.type ===\r\n                                                                              \"ATrainer\" ? (\r\n                                                                              <>\r\n                                                                                <span\r\n                                                                                  onClick={() =>\r\n                                                                                    // this.clickNoticountforTrainer(\r\n                                                                                    //   Request.notification_Id\r\n                                                                                    // )\r\n                                                                                    this.Addtrainerpop(Request.notification_Id)\r\n                                                                                  }\r\n                                                                                  style={{\r\n                                                                                    padding:\r\n                                                                                      \"0px\",\r\n                                                                                    color:\r\n                                                                                      \"#000100\",\r\n                                                                                    cursor:\r\n                                                                                      \"pointer\",\r\n                                                                                  }}\r\n                                                                                >\r\n                                                                                  {\" \"}\r\n                                                                                  <span className=\"hoverable-span\"\r\n                                                                                  //                                                                             style={{ display: \"inline-block\",\r\n                                                                                  // width: \"800px\",\r\n                                                                                  // whiteSpace: \"nowrap\",\r\n                                                                                  // overflow: \"hidden\",\r\n                                                                                  // textOverflow: \"ellipsis\"}}\r\n                                                                                  >\r\n                                                                                    {this.truncateTitle(Request.description, 100)}\r\n                                                                                  </span>{\" \"}\r\n                                                                                </span>\r\n                                                                                <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                  {Request.time}\r\n                                                                                </span>\r\n                                                                                <hr id=\"NotiHR\"></hr>\r\n                                                                              </>\r\n                                                                            ) : (\r\n                                                                              <></>\r\n                                                                            )}\r\n\r\n                                                                          </>\r\n\r\n                                                                        </>\r\n                                                                      )}\r\n\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                </>\r\n                                                              )}\r\n                                                            </>\r\n                                                          )}\r\n                                                        </>\r\n                                                      )}\r\n\r\n                                                    </>\r\n                                                  ) : (\r\n                                                    // Readed noti\r\n                                                    <>\r\n                                                      {Request.type === \"ASkill\" ? (\r\n                                                        <>\r\n                                                          {/* <Link\r\n                                                    to=\"/MasterSkills\"\r\n                                                    onClick={() =>\r\n                                                      this.Noticount(\r\n                                                        Request.notification_Id\r\n                                                      )\r\n                                                    }\r\n                                                    style={{\r\n                                                      padding: \"0px\",\r\n                                                      color: \"gray\",\r\n                                                      cursor: \"pointer\",\r\n                                                    }}\r\n                                                  > */}\r\n                                                          <span style={{\r\n                                                            padding: \"0px\",\r\n                                                            color: \"gray\",\r\n                                                            cursor: \"pointer\",\r\n                                                          }} onClick={() => this.displaypop(Request.notification_Id)}>\r\n\r\n                                                            {\" \"}\r\n                                                            <span className=\"hoverable-span\"\r\n                                                            //                                                        style={{ display: \"inline-block\",\r\n                                                            // width: \"800px\",\r\n                                                            // whiteSpace: \"nowrap\",\r\n                                                            // overflow: \"hidden\",\r\n                                                            // textOverflow: \"ellipsis\"}}\r\n                                                            >\r\n                                                              {this.truncateTitle(Request.description, 100)}\r\n                                                            </span>{\" \"}\r\n                                                            {/* </Link> */}\r\n                                                            &nbsp;&nbsp;{\" \"}\r\n                                                            <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                              {Request.time}\r\n                                                            </span>\r\n                                                          </span>\r\n                                                          &nbsp;&nbsp;{\" \"}\r\n                                                          <hr id=\"NotiHR\"></hr>\r\n                                                        </>\r\n                                                      ) : (\r\n                                                        ///readed request\r\n                                                        <>\r\n                                                          {Request.type ===\r\n                                                            \"AEducation\" ? (\r\n                                                            <>\r\n                                                              <span\r\n                                                                onClick={() =>\r\n                                                                  this.displaypop(Request.notification_Id)\r\n                                                                }\r\n                                                                style={{\r\n                                                                  padding: \"0px\",\r\n                                                                  color: \"gray\",\r\n                                                                  cursor: \"pointer\",\r\n                                                                }}\r\n                                                              >\r\n                                                                {\" \"}\r\n                                                                <span className=\"hoverable-span\"\r\n                                                                //                                                           style={{ display: \"inline-block\",\r\n                                                                // width: \"800px\",\r\n                                                                // whiteSpace: \"nowrap\",\r\n                                                                // overflow: \"hidden\",\r\n                                                                // textOverflow: \"ellipsis\"}}\r\n                                                                >\r\n                                                                  {this.truncateTitle(Request.description, 100)}\r\n                                                                </span>{\" \"}\r\n                                                              </span>\r\n                                                              &nbsp;&nbsp;{\" \"}\r\n                                                              <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                {Request.time}\r\n                                                              </span>{\" \"}\r\n                                                              &nbsp;&nbsp;{\" \"}\r\n                                                              <hr id=\"NotiHR\"></hr>\r\n                                                            </>\r\n                                                          ) : (\r\n                                                            <>\r\n                                                              {Request.type === \"o\" ? (\r\n                                                                <>\r\n                                                                  <Link\r\n                                                                    to=\"/Organization\"\r\n                                                                    onClick={() =>\r\n                                                                      this.Noticount(\r\n                                                                        Request.notification_Id\r\n                                                                      )\r\n                                                                    }\r\n                                                                    style={{\r\n                                                                      padding: \"0px\",\r\n                                                                      color: \"gray\",\r\n                                                                      cursor: \"pointer\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    {\" \"}\r\n                                                                    <span className=\"hoverable-span\"\r\n                                                                    //                                                               style={{ display: \"inline-block\",\r\n                                                                    // width: \"800px\",\r\n                                                                    // whiteSpace: \"nowrap\",\r\n                                                                    // overflow: \"hidden\",\r\n                                                                    // textOverflow: \"ellipsis\"}}\r\n                                                                    >\r\n                                                                      {this.truncateTitle(Request.description, 100)}\r\n                                                                    </span>{\" \"}\r\n                                                                  </Link>\r\n                                                                  &nbsp;&nbsp;{\" \"}\r\n                                                                  {Request.requestStatus ? (\r\n                                                                    <span\r\n                                                                      style={{\r\n                                                                        color: \"green\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      Agreed\r\n                                                                    </span>\r\n                                                                  ) : (\r\n                                                                    <span\r\n                                                                      style={{\r\n                                                                        color: \"Red\",\r\n                                                                      }}\r\n                                                                    >\r\n                                                                      Disagreed\r\n                                                                    </span>\r\n                                                                  )}\r\n                                                                  &nbsp;&nbsp;{\" \"}\r\n                                                                  <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                    {Request.time}\r\n                                                                  </span>\r\n                                                                  <hr id=\"NotiHR\"></hr>\r\n                                                                </>\r\n                                                              ) : (\r\n                                                                <>\r\n                                                                  {Request.type ===\r\n                                                                    \"Ageneral\" ? (\r\n                                                                    <>\r\n                                                                      <span\r\n                                                                        onClick={() => {\r\n                                                                          // this.clickNoticount(\r\n                                                                          //   Request.notification_Id\r\n                                                                          // )\r\n                                                                          this.displaypop(Request.notification_Id)\r\n                                                                        }\r\n\r\n                                                                        }\r\n                                                                        style={{\r\n                                                                          padding:\r\n                                                                            \"0px\",\r\n                                                                          color: \"gray\",\r\n                                                                          cursor:\r\n                                                                            \"pointer\",\r\n                                                                        }}\r\n                                                                      >\r\n                                                                        {\" \"}\r\n                                                                        <span className=\"hoverable-span\"\r\n                                                                        //                                                                   style={{ display: \"inline-block\",\r\n                                                                        // width: \"800px\",\r\n                                                                        // whiteSpace: \"nowrap\",\r\n                                                                        // overflow: \"hidden\",\r\n                                                                        // textOverflow: \"ellipsis\"}}\r\n                                                                        >\r\n                                                                          {this.truncateTitle(Request.description, 100)}\r\n                                                                        </span>{\" \"}\r\n                                                                      </span>\r\n                                                                      &nbsp;&nbsp;{\" \"}\r\n                                                                      <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                        {Request.time}\r\n                                                                      </span>\r\n                                                                      &nbsp;&nbsp;\r\n                                                                      <hr id=\"NotiHR\"></hr>\r\n                                                                    </>\r\n                                                                  ) : (\r\n                                                                    <>\r\n                                                                      {Request.type ===\r\n                                                                        \"Access\" ? (\r\n                                                                        <>\r\n                                                                          <Link\r\n                                                                            to=\"/Settings\"\r\n                                                                            onClick={() =>\r\n                                                                              this.Noticount(\r\n                                                                                Request.notification_Id\r\n                                                                              )\r\n                                                                            }\r\n                                                                            style={{\r\n                                                                              padding:\r\n                                                                                \"0px\",\r\n                                                                              color:\r\n                                                                                \"gray\",\r\n                                                                              cursor:\r\n                                                                                \"pointer\",\r\n                                                                            }}\r\n                                                                          >\r\n                                                                            {\" \"}\r\n                                                                            <span className=\"hoverable-span\"\r\n                                                                            //                                                                       style={{ display: \"inline-block\",\r\n                                                                            // width: \"800px\",\r\n                                                                            // whiteSpace: \"nowrap\",\r\n                                                                            // overflow: \"hidden\",\r\n                                                                            // textOverflow: \"ellipsis\"}}\r\n                                                                            >\r\n                                                                              {this.truncateTitle(Request.description, 100)}\r\n                                                                            </span>{\" \"}\r\n                                                                          </Link>\r\n                                                                          <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                            {\r\n                                                                              Request.time\r\n                                                                            }\r\n                                                                          </span>\r\n                                                                          <hr id=\"NotiHR\"></hr>\r\n                                                                        </>\r\n                                                                      ) : (\r\n                                                                        <>\r\n                                                                          {Request.type ===\r\n                                                                            \"Turned Off\" ? (\r\n                                                                            <>\r\n                                                                              <Link\r\n                                                                                to=\"/Settings\"\r\n                                                                                onClick={() =>\r\n                                                                                  this.Noticount(\r\n                                                                                    Request.notification_Id\r\n                                                                                  )\r\n                                                                                }\r\n                                                                                style={{\r\n                                                                                  padding:\r\n                                                                                    \"0px\",\r\n                                                                                  color:\r\n                                                                                    \"gray\",\r\n                                                                                  cursor:\r\n                                                                                    \"pointer\",\r\n                                                                                }}\r\n                                                                              >\r\n                                                                                {\" \"}\r\n                                                                                <span className=\"hoverable-span\"\r\n                                                                                //                                                                            style={{ display: \"inline-block\",\r\n                                                                                // width: \"800px\",\r\n                                                                                // whiteSpace: \"nowrap\",\r\n                                                                                // overflow: \"hidden\",\r\n                                                                                // textOverflow: \"ellipsis\"}}\r\n                                                                                >\r\n                                                                                  {this.truncateTitle(Request.description, 100)}\r\n                                                                                </span>{\" \"}\r\n                                                                              </Link>\r\n                                                                              <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                {\r\n                                                                                  Request.time\r\n                                                                                }\r\n                                                                              </span>\r\n\r\n                                                                              <hr id=\"NotiHR\"></hr>\r\n                                                                            </>\r\n                                                                          ) : (\r\n                                                                            <>\r\n                                                                              {Request.type ===\r\n                                                                                \"Accessed\" ? (\r\n                                                                                <>\r\n                                                                                  <Link\r\n                                                                                    to=\"/Settings\"\r\n                                                                                    onClick={() =>\r\n                                                                                      this.Noticount(\r\n                                                                                        Request.notification_Id\r\n                                                                                      )\r\n                                                                                    }\r\n                                                                                    style={{\r\n                                                                                      padding:\r\n                                                                                        \"0px\",\r\n                                                                                      color:\r\n                                                                                        \"gray\",\r\n                                                                                      cursor:\r\n                                                                                        \"pointer\",\r\n                                                                                    }}\r\n                                                                                  >\r\n                                                                                    {\" \"}\r\n                                                                                    <span className=\"hoverable-span\"\r\n                                                                                    //                                                                                style={{ display: \"inline-block\",\r\n                                                                                    // width: \"800px\",\r\n                                                                                    // whiteSpace: \"nowrap\",\r\n                                                                                    // overflow: \"hidden\",\r\n                                                                                    // textOverflow: \"ellipsis\"}}\r\n                                                                                    >\r\n                                                                                      {this.truncateTitle(Request.description, 100)}\r\n                                                                                    </span>{\" \"}\r\n                                                                                  </Link>\r\n                                                                                  <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                    {\r\n                                                                                      Request.time\r\n                                                                                    }\r\n                                                                                  </span>\r\n\r\n                                                                                  <hr id=\"NotiHR\"></hr>\r\n                                                                                </>\r\n                                                                              ) : (\r\n                                                                                <>\r\n                                                                                  {Request.type ===\r\n                                                                                    \"Aothers\" ? (\r\n                                                                                    <>\r\n                                                                                      <span\r\n                                                                                        onClick={() => {\r\n                                                                                          // this.clickNoticount(\r\n                                                                                          //   Request.notification_Id\r\n                                                                                          // )\r\n                                                                                          this.displaypop(\r\n                                                                                            Request.notification_Id\r\n                                                                                          )\r\n\r\n                                                                                        }\r\n\r\n                                                                                        }\r\n                                                                                        style={{\r\n                                                                                          padding:\r\n                                                                                            \"0px\",\r\n                                                                                          color:\r\n                                                                                            \"gray\",\r\n                                                                                          cursor:\r\n                                                                                            \"pointer\",\r\n                                                                                        }}\r\n                                                                                      >\r\n                                                                                        {\" \"}\r\n                                                                                        <span className=\"hoverable-span\"\r\n                                                                                        //                                                                                   style={{ display: \"inline-block\",\r\n                                                                                        // width: \"800px\",\r\n                                                                                        // whiteSpace: \"nowrap\",\r\n                                                                                        // overflow: \"hidden\",\r\n                                                                                        // textOverflow: \"ellipsis\"}}\r\n                                                                                        >\r\n                                                                                          {this.truncateTitle(Request.description, 100)}\r\n                                                                                        </span>{\" \"}\r\n                                                                                      </span>\r\n                                                                                      &nbsp;&nbsp;{\" \"}\r\n                                                                                      <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                        {\r\n                                                                                          Request.time\r\n                                                                                        }\r\n                                                                                      </span>\r\n                                                                                      <hr id=\"NotiHR\"></hr>\r\n                                                                                    </>\r\n                                                                                  ) : (\r\n                                                                                    <></>\r\n                                                                                  )}\r\n\r\n                                                                                  {Request.type ===\r\n                                                                                    \"ATrainer\" ? (\r\n                                                                                    <>\r\n                                                                                      <span\r\n                                                                                        onClick={() =>\r\n                                                                                          // this.clickNoticountforTrainer(\r\n                                                                                          //   Request.notification_Id\r\n                                                                                          // )\r\n                                                                                          this.Addtrainerpop(Request.notification_Id)\r\n                                                                                        }\r\n                                                                                        style={{\r\n                                                                                          padding:\r\n                                                                                            \"0px\",\r\n                                                                                          color:\r\n                                                                                            \"gray\",\r\n                                                                                          cursor:\r\n                                                                                            \"pointer\",\r\n                                                                                        }}\r\n                                                                                      >\r\n                                                                                        {\" \"}\r\n                                                                                        <span className=\"hoverable-span\"\r\n                                                                                        //                                                                                    style={{ display: \"inline-block\",\r\n                                                                                        // width: \"800px\",\r\n                                                                                        // whiteSpace: \"nowrap\",\r\n                                                                                        // overflow: \"hidden\",\r\n                                                                                        // textOverflow: \"ellipsis\"}}\r\n                                                                                        >\r\n                                                                                          {this.truncateTitle(Request.description, 100)}\r\n                                                                                        </span>{\" \"}\r\n                                                                                      </span>\r\n                                                                                      &nbsp;&nbsp;{\" \"}\r\n                                                                                      <span className=\"notification-time\" style={{ color: \"gray\", fontSize: \"12px\" }}>\r\n                                                                                        {\r\n                                                                                          Request.time\r\n                                                                                        }\r\n                                                                                      </span>\r\n                                                                                      <hr id=\"NotiHR\"></hr>\r\n                                                                                    </>\r\n                                                                                  ) : (\r\n                                                                                    <></>\r\n                                                                                  )}\r\n                                                                                </>\r\n\r\n                                                                              )\r\n\r\n\r\n                                                                              }\r\n                                                                            </>\r\n                                                                          )}\r\n                                                                        </>\r\n                                                                      )}\r\n                                                                    </>\r\n                                                                  )}\r\n                                                                </>\r\n                                                              )}\r\n                                                            </>\r\n                                                          )}\r\n                                                        </>\r\n                                                      )}\r\n                                                      {/* //<Link to=\"/Organization\" onClick={() => this.Noticount(Request.notification_Id)} style={{ padding: \"0px\", color: \"#000100\", cursor: \"pointer\" }}> <b>{Request.description} </b> </Link><span className=\"notification-time\">{Request.time}</span> */}\r\n                                                    </>\r\n                                                  )}\r\n                                                </>\r\n                                              ))}\r\n                                            </td>\r\n\r\n                                          </tr>\r\n                                        </tbody>\r\n                                      </table> : null}\r\n\r\n                                  </div></div>\r\n\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                {Filterpop && (\r\n                  <div className=\"popSearchTeam\">\r\n                    <div className=\"popSearchinnernormalTeam\">\r\n                      <div\r\n                        className=\"popSearchinnertitle\"\r\n                        id=\"popSearchinnernormal\"\r\n                      >\r\n                        <button\r\n                          id=\"close\"\r\n                          style={{\r\n                            float: \"right\",\r\n                            backgroundColor: \"#a0a3a305\",\r\n                            color: \"#797070\",\r\n                            border: \"1px solid #a3a5a505\",\r\n                            marginTop: \"-20px\",\r\n                            marginRight: \"-20px\",\r\n                          }}\r\n                          onClick={() => {\r\n                            this.setState({ Filterpop: false });\r\n                            this.GetAdNotification();\r\n                          }}\r\n                        >\r\n                          <CloseIcon />\r\n                        </button>\r\n\r\n                        <div className=\"checkboxes\">\r\n                          <i\r\n                            className=\"fa fa-search\"\r\n                            aria-hidden=\"true\"\r\n                            style={{\r\n                              fontSize: \"20px\",\r\n                              color: \"gray\",\r\n                              marginLeft: \"-1%\",\r\n                              position: \"absolute\",\r\n                              marginTop: \"0.5%\",\r\n                            }}\r\n                          ></i>\r\n                          <input\r\n                            className=\"Searchbox\"\r\n                            placeholder=\"Search\"\r\n                            onChange={this.filterfunction}\r\n                            style={{ float: \"right\", width: \"80%\" }}\r\n                          />\r\n                          <br></br>\r\n                          {this.state.letters.map(\r\n                            (letter, index) => (\r\n                              <button\r\n                                className=\"filter\"\r\n                                key={index}\r\n                                onClick={(event) =>\r\n                                  this.handleFilter(\r\n                                    letter,\r\n                                    event\r\n                                  )\r\n                                }\r\n                              >\r\n                                {letter}\r\n                              </button>\r\n                            )\r\n                          )}\r\n                          <br></br>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                )}\r\n\r\n                {isOpen ?\r\n                  <div className=\"col-lg-12\">\r\n                    <div className=\"popup\" style={{ textAlign: 'left' }}>\r\n                      <div className=\"popup-content\">\r\n                        <div className=\"Announcedetailspop\" >\r\n                          <i\r\n                            className=\"fa fa-times\"\r\n                            aria-hidden=\"true\"\r\n                            style={{\r\n                              color: \"gray\",\r\n                              marginLeft: \"90%\",\r\n                              fontSize: \"17px\",\r\n                              cursor: 'pointer'\r\n                            }}\r\n                            onClick={this.displaypop}\r\n                          ></i>\r\n                          {Request.map((Request) => {\r\n                            if (Request.notification_Id === NotificationId)\r\n                              return <>\r\n                                <br />\r\n                                <center><h6><b>Request Details</b></h6></center>\r\n\r\n                                <div className=\"card-block\">\r\n\r\n                                  <div\r\n                                  >\r\n                                    <span\r\n                                      // key={Announcement.id}\r\n                                      style={{ margin: \"0%\" }}\r\n                                    >\r\n\r\n                                      <b>Subject:</b> &nbsp; <span\r\n                                        style={{ overflowWrap: \"break-word\", width: \"50%\", }}\r\n                                      > {Request.title}</span><br /><br />\r\n                                      <b>Description:</b> &nbsp; <span\r\n                                        style={{ overflowWrap: \"break-word\", width: \"50%\", }}>{Request.description.split(\"sent an Request as \")[1].replace(/\"/g, '')}</span>\r\n                                      <br /><br />\r\n                                      <b>Request Type:</b> &nbsp; <span>{Request.type.slice(1)}</span>\r\n                                      <br /><br />\r\n                                      <b>Sent by:</b> &nbsp; <span>{Request.description.split(\"sent an Request as\")[0]}</span>\r\n                                    </span>\r\n                                  </div>\r\n\r\n                                  {/* <table>\r\n                                    <tbody id='tablepadding'>\r\n                                      <tr>\r\n                                        <td>Subject&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</td>\r\n                                        <td>{Request.title}</td>\r\n                                      </tr>\r\n                                      <tr>\r\n                                        <td>Description&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</td>\r\n                                        <td style={{ whiteSpace: 'pre-wrap', minWidth: '420px', maxWidth: '420px' }}>\r\n  {Request.description.split(\"sent an Request as \")[1].replace(/\"/g, '')}\r\n</td>\r\n                                      </tr>\r\n                                      <tr>\r\n                                        <td>Request Type&nbsp;&nbsp;:</td>\r\n                                        <td>{Request.type.slice(1)}</td>\r\n                                      </tr>\r\n                                      <tr>\r\n                                        <td>Sent by&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</td>\r\n                                        <td>{Request.description.split(\"sent an Request as\")[0]}</td>\r\n                                      </tr>\r\n                                      <tr>\r\n                                      </tr>\r\n                                    </tbody>\r\n                                  </table> */}\r\n                                </div>\r\n                                {Request.seen === true && Request.type != \"Aothers\" && Request.type != \"Ageneral\" ?\r\n                                  Request.requestStatus === true ?\r\n                                    <>\r\n                                      <center>\r\n\r\n                                        <span\r\n                                          style={{ color: \"green\" }}\r\n                                        >\r\n                                          Agreed\r\n                                        </span>\r\n                                      </center>\r\n                                    </>\r\n                                    :\r\n                                    <>\r\n                                      <center>\r\n                                        <span\r\n                                          style={{\r\n                                            color: \"Red\",\r\n                                          }}\r\n                                        >\r\n                                          Disagreed\r\n                                        </span>\r\n                                      </center>\r\n                                    </>\r\n                                  :\r\n\r\n                                  Request.type === \"ASkill\" ? <center>\r\n\r\n                                    <Link to=\"/MasterSkills\">\r\n                                      <button\r\n                                        className=\"button-30 \"\r\n                                        onClick={() => {\r\n                                          this.Request(\r\n                                            Request.notification_Id,\r\n                                            1, Request.requestId\r\n                                          );\r\n                                          this.Noticount(\r\n                                            Request.notification_Id\r\n                                          );\r\n                                        }}\r\n                                        type=\"button\"\r\n                                        style={{ color: \"green\" }}\r\n                                        id=\"addRow\"\r\n                                      >\r\n                                        Agree&nbsp;\r\n                                      </button>{\" \"}\r\n                                      &nbsp;&nbsp;\r\n                                    </Link>\r\n                                    <button\r\n                                      type=\"button\"\r\n                                      style={{ color: \"red\" }}\r\n                                      className=\"button-30\"\r\n                                      onClick={() => {\r\n                                        this.Request(\r\n                                          Request.notification_Id,\r\n                                          0, Request.requestId\r\n                                        );\r\n                                        this.Noticount(\r\n                                          Request.notification_Id\r\n                                        );\r\n                                      }}\r\n                                    >\r\n                                      Disagree\r\n                                    </button>\r\n                                  </center> :\r\n                                    Request.type === \"AEducation\" ?\r\n                                      <>\r\n                                        <center>\r\n                                          <Link\r\n                                            to=\"/Education\">\r\n                                            <button\r\n                                              className=\"button-30 \"\r\n                                              style={{\r\n                                                color: \"green\",\r\n                                              }}\r\n                                              onClick={() => {\r\n                                                this.Request(\r\n                                                  Request.notification_Id,\r\n                                                  1, Request.requestId\r\n                                                );\r\n                                                this.Noticount(\r\n                                                  Request.notification_Id\r\n                                                );\r\n                                              }}\r\n                                            >\r\n                                              Agree&nbsp;\r\n                                            </button>{\" \"}\r\n                                            &nbsp;&nbsp;\r\n                                          </Link>\r\n                                          <button\r\n                                            className=\"button-30\"\r\n                                            style={{ color: \"red\" }}\r\n                                            onClick={() => {\r\n                                              this.Request(\r\n                                                Request.notification_Id,\r\n                                                0, Request.requestId\r\n                                              );\r\n                                              this.Noticount(\r\n                                                Request.notification_Id\r\n                                              );\r\n                                            }}\r\n                                          >\r\n                                            Disagree\r\n                                          </button>\r\n                                        </center>\r\n                                      </>\r\n                                      : Request.type === \"Ageneral\" ?\r\n                                        <>\r\n                                          <center>\r\n                                            {Request.seen === false ?\r\n                                              <button\r\n                                                className=\"button-30 \"\r\n                                                style={{\r\n                                                  color: \"green\",\r\n                                                }}\r\n                                                onClick={() => {\r\n                                                  this.Request(\r\n                                                    Request.notification_Id,\r\n                                                    1, Request.requestId\r\n                                                  );\r\n                                                  this.Noticount(\r\n                                                    Request.notification_Id\r\n                                                  );\r\n                                                  this.GetSeenCount();\r\n                                                  this.setState({\r\n                                                    isOpen: false\r\n                                                  })\r\n                                                }}\r\n                                              >\r\n                                                OK&nbsp;\r\n                                              </button> : null}{\" \"}\r\n                                            &nbsp;&nbsp;\r\n                                          </center>\r\n                                        </> : Request.type === \"Aothers\" ?\r\n                                          <>\r\n                                            <center>\r\n                                              {Request.seen === false ?\r\n                                                <button\r\n                                                  className=\"button-30 \"\r\n                                                  style={{\r\n                                                    color: \"green\",\r\n                                                  }}\r\n                                                  onClick={() => {\r\n                                                    this.Request(\r\n                                                      Request.notification_Id,\r\n                                                      1, Request.requestId\r\n                                                    );\r\n                                                    this.Noticount(\r\n                                                      Request.notification_Id\r\n                                                    );\r\n                                                    this.GetSeenCount();\r\n                                                    this.setState({\r\n                                                      isOpen: false\r\n                                                    })\r\n                                                  }}\r\n                                                >\r\n                                                  OK&nbsp;\r\n                                                </button> : null}\r\n\r\n                                              {\" \"}\r\n                                              &nbsp;&nbsp;\r\n                                            </center>\r\n                                          </> : null\r\n\r\n                                }\r\n\r\n                              </>\r\n                          })}\r\n                        </div> </div> </div></div> : null}\r\n\r\n                {isAddTrainerOpen ?\r\n                  <div className=\"col-lg-12\">\r\n                    <div className=\"popup\" style={{ textAlign: 'left' }}>\r\n                      <div className=\"popup-content\">\r\n                        <div className=\"Announcedetailspop\" >\r\n                          <i\r\n                            className=\"fa fa-times\"\r\n                            aria-hidden=\"true\"\r\n                            style={{\r\n                              color: \"gray\",\r\n                              marginLeft: \"90%\",\r\n                              fontSize: \"17px\",\r\n                              cursor: 'pointer'\r\n                            }}\r\n                            onClick={this.Addtrainerpop}\r\n                          ></i>\r\n                          {Request.map((Request) => {\r\n                            if (Request.notification_Id === NotificationId)\r\n                              return <>\r\n                                <br />\r\n                                <center><h6><b>Request Details</b></h6></center>\r\n\r\n                                <div className=\"card-block\">\r\n\r\n\r\n\r\n                                  <table>\r\n                                    <tbody id='tablepadding'>\r\n                                      <tr>\r\n                                        <td>Description&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;{\" \"}{\" \"}{\" \"}{\" \"}{Request.description.split(\"wants to be a trainer for\")[1]}</td>\r\n                                      </tr>\r\n                                      {\" \"}\r\n                                      <tr>\r\n                                        <td>Request Type&nbsp;&nbsp;:&nbsp;&nbsp;{Request.type.slice(1)}</td>\r\n                                      </tr>\r\n                                      {\" \"}\r\n                                      <tr>\r\n                                        <td>Sent by&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;{Request.description.split(\"wants to be a trainer for\")[0]}</td>\r\n                                      </tr>\r\n                                      <tr>\r\n                                      </tr>\r\n                                    </tbody>\r\n                                  </table>\r\n                                </div>\r\n                                {\r\n                                  Request.seen === false ?\r\n                                    <center>\r\n\r\n                                      <Link to=\"/MasterSkills\">\r\n                                        <button\r\n                                          className=\"button-30 \"\r\n                                          onClick={() => {\r\n                                            this.clickNoticountforTrainer(\r\n                                              Request.notification_Id,\r\n                                              Request.emtId\r\n                                            )\r\n                                          }}\r\n                                          type=\"button\"\r\n                                          style={{ color: \"green\" }}\r\n                                          id=\"addRow\"\r\n                                        >\r\n                                          Yes&nbsp;\r\n                                        </button>{\" \"}\r\n                                        &nbsp;&nbsp;\r\n                                      </Link>\r\n                                      <button\r\n                                        type=\"button\"\r\n                                        style={{ color: \"red\" }}\r\n                                        className=\"button-30\"\r\n                                        onClick={() => {\r\n                                          this.clickNoticountforTrainerforNo(\r\n                                            Request.notification_Id\r\n                                          )\r\n                                        }}\r\n                                      >\r\n                                        No\r\n                                      </button>\r\n                                    </center> : null\r\n                                }\r\n\r\n\r\n                              </>\r\n                          })}\r\n                        </div> </div> </div></div> : null}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* End */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport ReactTimeAgo from \"react-time-ago\";\r\nimport EditAnnouncementpop from \"../../Common/EditAnnouncementpop\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nimport fileImg from \"../../Assets/images/document.png\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport onlinedot from \"../../Assets/images/online-dot.png\";\r\nimport { Image_URLs } from \"../../Config/Base\";\r\n\r\nexport default class AnnouncementPreview extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Announcement: [],\r\n      AllAnnouncement: [],\r\n      EditBusinessValues: [],\r\n      Announcementfilter: \"\",\r\n      AddAnnounce: [],\r\n      SaAnnouncement: [],\r\n      EditModel: false,\r\n      status: false,\r\n      isOpen: false,\r\n      delay: false,\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      SeenCount:0,\r\n      Active:[],\r\n      Activestate:null,\r\n      AnnouncementSeen:[],\r\n      clickedContents:\r\n        JSON.parse(localStorage.getItem(\"clickedContents\")) || {},\r\n    };\r\n  }\r\n\r\n  GetAnnouncement() {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(`${BASE_URLs}/Announcement/GetAdminPreview`, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Announcement: data,\r\n          AllAnnouncement: data,\r\n          // Announcementfilter: data\r\n        });\r\n      // console.log(\"Annnn\",data)\r\n      });\r\n  }\r\n\r\n  GetEntityActive() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Announcement/GetEActivestatus`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n      \r\n       this.setState({ Active: data });\r\n       if (this.state.Active.length !== 0) {\r\n        this.setState({\r\n          Activestate: this.state.Active[0].status,\r\n        }, () => {\r\n          // // console.log(this.state.Activestate,'xx');\r\n        });\r\n      }\r\n      });\r\n  }\r\n  filterfunction = (e) => {\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.title.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.category.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Announcement, showResults: true, Announcementfilter: Announcement });\r\n  }\r\n\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Announcement = this.state.AllAnnouncement.filter((item) => {\r\n      return (\r\n        item.title.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n        item.category.toLowerCase().startsWith(letter.toLowerCase())\r\n      );\r\n    });\r\n    this.setState({ Announcement, showResults: true, FilterData: Announcement });\r\n  };\r\n\r\n  EditModel = (e, fn, desc, catg, img,date,uid) => {\r\n    this.setState({\r\n      EditBusinessValues: {\r\n        id: e,\r\n        title: fn,\r\n        message: desc,\r\n        category: catg,\r\n        image: img,\r\n        date:date,\r\n        userid:uid\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n\r\n    this.GetAnnouncement();\r\n  };\r\n\r\n  GetSAdminAnnouncement(Id) {\r\n    this.handleContentClick(Id)\r\n    this.setState({\r\n      isOpen: true\r\n    })\r\n    // var Id = this.props.location.state.Id;\r\n    let url = `${BASE_URLs}/Announcement/GetUserAnnouncementID?Id=` + Id;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          AddAnnounce: data,\r\n          Sort: data,\r\n          SaAnnouncement: data,\r\n        });\r\n        // console.log(\"user\", data);\r\n      });\r\n  }\r\n\r\n  Details(Id) {\r\n    var page = {\r\n      pathname: \"/UserAnnouncementpopup\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  GetUserProfile() {\r\n    let url = `${BASE_URLs}/Profile/Userprofile`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Profile_Pic: data,\r\n        });\r\n\r\n        // //\r\n      });\r\n  }\r\n\r\n  getAnnouncement = () => {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/GetAdminAnnSeenCount`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n       \r\n       this.setState({ AnnouncementSeen: data });\r\n       if (this.state.AnnouncementSeen.length !== 0) {\r\n         this.setState({\r\n          SeenCount: this.state.AnnouncementSeen[0].anncount,\r\n         });\r\n        }\r\n      });\r\n    \r\n  };\r\n  componentDidMount() {\r\n    this.GetAnnouncement();\r\n    this.GetUserProfile();\r\n    this.GetEntityActive();\r\n    setTimeout(() => {\r\n      this.setState({\r\n        delay: true\r\n      })\r\n    }, 500);\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n\r\n    this.interval = setInterval(() => {\r\n     this.getAnnouncement()\r\n    }, 1000);\r\n    //  var role =JSON.parse(localStorage.Role);\r\n  }\r\n\r\n  componentWillUnmount() {\r\n\r\n    clearInterval(this.interval);\r\n  }\r\n  //   DeleteButtons=(id)=>{\r\n\r\n  //     const data = new FormData();\r\n\r\n  //      if (window.confirm(\"Are you sure you want to delete this record permenently?\")){\r\n\r\n  //       var options = {\r\n\r\n  //       method: 'POST',\r\n\r\n  //       headers:{\r\n\r\n  //           Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n\r\n  //       },\r\n  //       body: data\r\n\r\n  //   };\r\n  //   fetch(`${BASE_URLs}/Announcement/DeletePreviewannounce?Id=\"+id,options)\r\n\r\n  //   .then(response => response.json())\r\n  //   .then(data => {\r\n\r\n  //     toast.success(\r\n  //       data.message,{\r\n  //       position: \"top-center\",\r\n  //       autoClose: 3200,\r\n  //       hideProgressBar: false,\r\n  //       closeOnClick: true,\r\n  //       pauseOnHover: true,\r\n  //       draggable: true,\r\n  //       progress: undefined,\r\n  //       })\r\n\r\n  //   }\r\n  //   );\r\n  //   this.GetAnnouncement();\r\n  // }\r\n\r\n  //   }\r\n\r\n  // DeleteGroup= (Id) =>{\r\n  //   var x = window.confirm('Are you sure you want to delete this record permenently?');\r\n  //   if (x){\r\n  //   fetch('${BASE_URLs}/Announcement/DeletePreviewannounce?Id='+Id,\r\n  //    { method: 'POST' })\r\n\r\n  //   .then(() => this.setState({ status: 'Delete successful' }));\r\n\r\n  //   window.location.reload();\r\n  // }\r\n  // else{\r\n  //   return false;\r\n  // }\r\n  // // this.GetAnnouncement();\r\n  // }\r\n\r\n  DeleteButton = (created_Date) => {\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        // body: data\r\n      };\r\n      fetch(`${BASE_URLs}/Announcement/DeletePreviewannounce?CreatedDate=` + created_Date, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetAnnouncement();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n    }\r\n  };\r\n  handleContentClick(id) {\r\n    const clickedContents = { ...this.state.clickedContents };\r\n    clickedContents[id] = true;\r\n    localStorage.setItem(\"clickedContents\", JSON.stringify(clickedContents));\r\n    this.setState({ clickedContents });\r\n  }\r\n  bothonclick(id) {\r\n    this.handleContentClick(id);\r\n    this.Details(id);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  truncateTitle(title, maxLength) {\r\n    if (title.length > maxLength) {\r\n      return title.substring(0, maxLength) + \"...\";\r\n    }\r\n    return title;\r\n  }\r\n  popupopen = () => {\r\n    this.setState({\r\n      isOpen: true\r\n    })\r\n  }\r\n  popupclose = () => {\r\n    this.setState({\r\n      isOpen: false\r\n    })\r\n  }\r\n  getFileType(path) {\r\n    const extension = path.split('.').pop().toLowerCase();\r\n    if (['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(extension)) {\r\n      return 'image';\r\n    } else if (['mp4', 'avi', 'mov', 'wmv', 'mkv'].includes(extension)) {\r\n      return 'video';\r\n    } else if (['pdf', 'xls', 'xlsx'].includes(extension)) {\r\n      return 'document';\r\n    } else {\r\n      return 'file';\r\n    }\r\n  }\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n  handleImageClick = (url) => {\r\n    window.open(url, '_blank');\r\n     };\r\n\r\n  render() {\r\n    const { delay, Announcement, Announcementfilter, status, isOpen, SaAnnouncement, Filterpop, FilterData, } = this.state;\r\n\r\n    const alldata = localStorage.getItem('AllAnnData')\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\" style={{ width: '97.9%', marginLeft: '12px' }}>\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n\r\n                  <div className=\"card\" >\r\n                    <div className=\"glowBox\">\r\n                      <div>\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a\r\n                            href\r\n                            onClick={() => this.props.history.goBack()}\r\n                          >\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n                      <h4 className=\"title\" style={{ marginRight: \"64px\" }}>\r\n                        Announcements\r\n                      </h4>\r\n                      {this.state.EditModel ? (\r\n                        <EditAnnouncementpop\r\n                          values={this.state.EditBusinessValues}\r\n                          close={() => this.EditModel()}\r\n                        />\r\n                      ) : null}\r\n                    </div>\r\n\r\n                    {isOpen ?\r\n                      <div className=\"col-lg-12\">\r\n                        <div className=\"popup\" style={{ textAlign: 'left' }}>\r\n                          <div className=\"popup-content\">\r\n                            <div className=\"Announcedetailspop\" >\r\n                              <i\r\n                                className=\"fa fa-times\"\r\n                                aria-hidden=\"true\"\r\n                                style={{\r\n                                  color: \"gray\",\r\n                                  marginLeft: \"90%\",\r\n                                  fontSize: \"17px\",\r\n                                  cursor: 'pointer'\r\n                                }}\r\n                                onClick={this.popupclose}\r\n                              ></i>\r\n                              <br />\r\n                              <center><h6><b>Announcement Details</b></h6></center>\r\n                              <div className=\"card-block\">\r\n                                <div>\r\n                                  {SaAnnouncement &&\r\n                                    SaAnnouncement.map &&\r\n                                    SaAnnouncement.map((Announcement) => (\r\n                                      <>\r\n                                        {Announcement.image === \"-\" &&\r\n                                          Announcement.video === \"-\" ? (\r\n                                          <div >\r\n                                            <div\r\n                                            >\r\n                                              <span\r\n                                                key={Announcement.id}\r\n                                                style={{ margin: \"0%\" }}\r\n                                              >\r\n\r\n                                                <b>Subject:</b> &nbsp; <span\r\n                                                  style={{ overflowWrap: \"break-word\", width: \"50%\", }}\r\n                                                > {Announcement.title}</span><br /><br />\r\n                                                <b>Description:</b> &nbsp; <span\r\n                                                  style={{ overflowWrap: \"break-word\", width: \"50%\", }}> {Announcement.message}</span>\r\n\r\n                                              </span>\r\n                                            </div>\r\n                                          </div>\r\n                                        ) : (\r\n                                          <>\r\n                                          <div style={{ width:\"97%\",height: \"237px\", overflow: \"scroll\"}}>\r\n                                            {Announcement.image.split(',').map((imageUrl, index) => (\r\n                                              <div style={{ display: \"inline-block\", marign: \"10px\" }} key={index}>\r\n                                                {index === 0 && (\r\n    <>\r\n    <span style={{ margin: \"38px\" }}>\r\n      <b>Subject:</b> &nbsp;\r\n      <span style={{ overflowWrap: \"break-word\", width: \"50%\" }}>\r\n        {Announcement.title}\r\n      </span>\r\n    </span>\r\n    <br /><br />\r\n    <span style={{ margin: \"38px\" }}>\r\n      <b>Description:</b> &nbsp;\r\n      <span style={{ overflowWrap: \"break-word\", width: \"50%\" }}>\r\n        {Announcement.message}\r\n      </span>\r\n    </span>\r\n    <br /><br />\r\n    </>\r\n)}\r\n                                                <div style={{margin:\"10px\"}}>\r\n                                                {this.getFileType(imageUrl) === 'image' ? (\r\n                                                  \r\n                                                  <span style={{ margin:\"30px\" }}>\r\n                                                  <b>Image:&nbsp;</b>\r\n\r\n{imageUrl.split(',').map((Url, index) => (\r\n<img\r\nkey={index}\r\nalt={`Image ${index}`}\r\nsrc={imageUrl.trim()} \r\nstyle={{ width: \"100px\", height: \"100px\" }}\r\nonClick={() => this.handleImageClick(Url.trim())}\r\n/>\r\n))}\r\n                                                  </span>\r\n                                                ) : this.getFileType(imageUrl) === 'video' ? (\r\n                                                  <span style={{ display: \"flex\", margin:\"30px\" }}>\r\n                                                    <span><b>video:</b></span>\r\n                                                    <video\r\n                                                      controls\r\n                                                      style={{ width: \"125px\", height: '118px', marginTop: '-62px', marginLeft:\"8px\" }}\r\n                                                    >\r\n                                                      <source src={imageUrl} type=\"video/mp4\" />\r\n                                                      <source src={imageUrl} type=\"video/ogg\" />\r\n                                                    </video>\r\n                                                  </span>\r\n                                                ) : (\r\n                                                  <span style={{margin:\"30px\"}}>\r\n                                                    <b>File:</b> \r\n                                                    <img\r\n                                                      src={fileImg}\r\n                                                      style={{ height: \"30px\", width: \"30px\" }}\r\n                                                    />\r\n                                                    &nbsp;\r\n                                                    <a\r\n                                                      href={imageUrl}\r\n                                                      name=\"picture\"\r\n                                                      readOnly\r\n                                                      value={imageUrl}\r\n                                                      title=\"\"\r\n                                                      target=\"_blank\"\r\n                                                    >\r\n                                                      <span>\r\n                                                      {/* {imageUrl.replace(\r\n                                                    `${Image_URLs}/Images/`,\r\n                                                    \" \"\r\n                                                  )} */}\r\n                                                  {imageUrl.includes(`https://localhost:44369/Images/`) ?\r\n                                                          <>  {imageUrl.replace(\"https://localhost:44369/Images/\", \"\")}</> :\r\n                                                          <>  {imageUrl.replace(\"https://apitest.oneawesometeam.com/Images/\", \"\")}</>\r\n                                                        }\r\n                                                      </span>\r\n                                                    </a>\r\n                                                  </span>\r\n                                                )}\r\n                                                </div>\r\n                                                </div>\r\n                                            ))}\r\n                                            </div>\r\n                                          </>\r\n                                        )}\r\n                                      </>\r\n                                    ))}\r\n                                </div>\r\n                              </div>\r\n                            </div> </div> </div></div> : null}\r\n\r\n                    <div className=\"card-block\">\r\n                    <div\r\n                      className=\"row\"\r\n\r\n                      // style={{\r\n                      //   display: \"flex\",\r\n                      //   justifyContent: \"flex-start\",\r\n                      //   alignItems: \"baseline\",\r\n                      //   float: \"left\",\r\n                      //   marginLeft: \"30px\",\r\n                      //   gap: '20px'\r\n                      // }}\r\n                    >\r\n                    {this.state.Activestate===1?\r\n                    <>\r\n                    <div className=\"col btnalign\">\r\n                      <Link\r\n                        to=\"/AdminAnnouncement\"\r\n                        style={{ width: \"inherit\", background: \"white\" }}\r\n                        // id=\"addRow\"\r\n                        className=\"btn\"\r\n                      >\r\n                        {\" \"}\r\n                        <i className=\"fa-solid fa-plus\"></i>Create New Announcements\r\n                      </Link>\r\n                      </div>\r\n                      <div className=\"col btnalign\">\r\n                      <Link\r\n                        to=\"/AllAnnouncement\"\r\n                        style={{ width: \"inherit\", background: \"white\" }}\r\n                        // id=\"addRow\"\r\n                        className=\"btn\"\r\n                      >\r\n                        {\" \"}\r\n                        Announcements From OAT  &nbsp;\r\n                        {this.state.SeenCount !== 0 ?  <img\r\n                              src={onlinedot}\r\n                              className=\"media-object img-circle\"\r\n                              style={{\r\n                                marginTop: \"0px\",\r\n                                width: \"10px\",\r\n                              }}\r\n                              title=\"Unread\"\r\n                            /> : null}\r\n                      </Link>\r\n                      </div>\r\n                      </>\r\n                      : <>\r\n                      <div className=\"col btnalign\">\r\n                      <Link\r\n                        to=\"/AllAnnouncement\"\r\n                        style={{ width: \"inherit\", background: \"white\" }}\r\n                        // id=\"addRow\"\r\n                        className=\"btn\"\r\n                      >\r\n                        {\" \"}\r\n                        Announcements From OAT  &nbsp;\r\n                        {this.state.SeenCount !== 0 ?  <img\r\n                              src={onlinedot}\r\n                              className=\"media-object img-circle\"\r\n                              style={{\r\n                                marginTop: \"0px\",\r\n                                width: \"10px\",\r\n                              }}\r\n                              title=\"Online\"\r\n                            /> : null}\r\n                      </Link>\r\n                      </div>\r\n                      <div className=\"col btnalign\">\r\n                      <Link\r\n                        to=\"/AdminAnnouncement\"\r\n                        style={{ width: \"inherit\", background: \"white\",visibility: 'hidden' }}\r\n                        // id=\"addRow\"\r\n                        className=\"btn\"\r\n                      \r\n                      >\r\n                        {\" \"}\r\n                        <i className=\"fa-solid fa-plus\"></i>Create New Announcements\r\n                      </Link>\r\n                      </div>\r\n                      </>}\r\n                     \r\n                      <div\r\n                        className=\"col-lg-3\"\r\n                      // style={{\r\n                      //   overflow: \"scroll\",\r\n                      //   height: \"73px\",\r\n                      //   textAlign: \"center\",\r\n                      //   cursor: \"pointer\",\r\n                      // }}\r\n                      >\r\n                        {/* Just for design */}\r\n                      </div>\r\n\r\n\r\n                      <div\r\n\r\n                      // style={{ height: \"60px\" }}\r\n                      >\r\n                        <input\r\n                          type=\"text\"\r\n                          className=\"Searchbox\"\r\n                          id=\"CNSearch\"\r\n                          placeholder=\"Search\"\r\n                          //  style={{marginLeft:'75px'}}\r\n                          onKeyPress={this.handleKeyPress}\r\n                          onClick={() => {\r\n                            this.setState({\r\n                              Filterpop: true,\r\n                              Filterpop: !this.state.Filterpop,\r\n                            });\r\n                          }}\r\n                          readOnly\r\n                        />\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div\r\n                                \r\n                                style={{ height: \"60px\" }}\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch1\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onKeyUp={this.myFunction}\r\n                                  // value={filterValue}\r\n                                  onClick={() => {\r\n                                    this.setState({\r\n                                      Filterpop: !this.state.Filterpop,\r\n                                    });\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                    </div>\r\n                      {/* {alldata.length === 0 && delay ? <center>\r\n                            <p>No Announcements</p>\r\n                          </center> : null} */}\r\n                      <div className=\"dt-responsive table-responsive\"\r\n                        id={Announcement.length <= 6 ? \"UserNoAnnLength\" : \"Above10\"}\r\n                        style={{marginTop:'-40px'}}\r\n                        >\r\n                        {Announcement.length === 0 && delay ?\r\n                          <center>\r\n\r\n                            <p>No Record</p>\r\n                          </center>\r\n                          : null}\r\n                        {Announcement.length !== 0 ? (<table\r\n                          id=\"add-row-table3\"\r\n                          className=\"table nowrap\"\r\n                          \r\n                        >\r\n                          <thead id='tablepadding'><tr>\r\n                            <th></th>\r\n                            <th>Announcement Details</th>\r\n                            <th>Category</th>\r\n                            <th><span style={{ marginLeft: \"12px\" }}>Actions</span></th></tr>\r\n                          </thead>\r\n\r\n                          <tbody id='tablepadding'>\r\n\r\n                            <>\r\n                              {Announcement.map((Announcement) => (\r\n                                <>\r\n\r\n                                  <tr>\r\n                                    <td></td>\r\n\r\n                                    <td>\r\n                                      <span>Subject:&nbsp;</span>\r\n                                      <a href=\"#\" onClick={(event) => {\r\n                                        event.preventDefault();\r\n                                        this.GetSAdminAnnouncement(Announcement.id);\r\n                                      }}>{this.truncateTitle(Announcement.title, 85)}</a>\r\n                                      {/* <a>Title:&nbsp;{this.truncateTitle(Announcement.title, 85)}</a> */}\r\n\r\n                                      &nbsp;<span\r\n                                        style={{ cursor: 'pointer',fontSize: \"12px\"  }}\r\n                                        onClick={() =>\r\n\r\n                                          this.GetSAdminAnnouncement(Announcement.id)\r\n                                        }>See More</span>\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <ReactTimeAgo\r\n                                        date={Announcement.created_Date}\r\n                                        locale=\"en-US\"\r\n                                        style={{ color: \"gray\", fontSize: \"12px\" }}\r\n                                      />\r\n\r\n                                    </td>\r\n                                    <td>{Announcement.category}</td>\r\n                                    <td>\r\n                                      {/* <button\r\n                                                  className=\"button-30\"\r\n                                                  type=\"button\"\r\n                                                  style={{\r\n                                                    color: \"rgb(94, 217, 135)\",\r\n                                                  }}\r\n                                                  onClick={() =>\r\n                                          // this.bothonclick(Announcement.id)\r\n                                        \r\n                                          this.GetSAdminAnnouncement(Announcement.id)\r\n                                        }\r\n                                                  title=\"Details\"\r\n                                                >\r\n                                               \r\n                                                  <i className=\"fa fa-info-circle\"></i>\r\n                                                </button>\r\n                                     \r\n                                      &nbsp;&nbsp;&nbsp;{\" \"} */}\r\n\r\n\r\n                                      <button\r\n                                        className=\"Annbuttons sk-del\"\r\n                                        title=\"Delete\"\r\n                                        type=\"button\"\r\n                                        onClick={(e) => {\r\n                                          e.preventDefault();\r\n                                          this.DeleteButton(Announcement.created_Date);\r\n                                        }}\r\n                                      >\r\n                                        <i\r\n                                          className=\"fa fa-minus\"\r\n                                          aria-hidden=\"true\"\r\n                                        ></i>\r\n                                      </button> &nbsp;&nbsp;\r\n                                      <button\r\n                                        className=\"Annbuttons sk-edit\"\r\n                                        title=\"Edit\"\r\n                                        type=\"button\"\r\n                                        onClick={(e) => {\r\n                                          e.preventDefault();\r\n                                          this.EditModel(\r\n                                            Announcement.id,\r\n                                            Announcement.title,\r\n                                            Announcement.message,\r\n                                            Announcement.category,\r\n                                            Announcement.image,\r\n                                            Announcement.created_Date,\r\n                                            Announcement.userId\r\n                                          );\r\n                                        }}\r\n                                      >\r\n                                        <i\r\n                                          className=\"fa fa-edit\"\r\n                                          aria-hidden=\"true\"\r\n                                        ></i>{\" \"}\r\n                                      </button>\r\n                                    </td>\r\n\r\n                                  </tr>\r\n                                </>\r\n                              ))}\r\n                            </>\r\n                          </tbody>\r\n                        </table>) : null}\r\n                      </div> \r\n\r\n\r\n                    {/* <div style={{ textAlign: \"center\" }}>\r\n                            <button\r\n                              href\r\n                              onClick={() => this.props.history.goBack()}\r\n                              type=\"button\"\r\n                              style={{\r\n                                width: \"130px\",\r\n                                backgroundColor: \"#7f63efde\",\r\n                                color: \"white\",\r\n                              }}\r\n                              className=\"dropdown_item-2\"\r\n                              className=\"btn \"\r\n                            >\r\n                              Back\r\n                            </button>{\" \"}\r\n                          </div>  */}\r\n\r\n                    <br />\r\n                  </div>\r\n                </div>\r\n\r\n\r\n              </div>\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false });\r\n                          this.GetAnnouncement();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onChange={this.filterfunction}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map(\r\n                          (letter, index) => (\r\n                            <button\r\n                              className=\"filter\"\r\n                              key={index}\r\n                              onClick={(event) =>\r\n                                this.handleFilter(\r\n                                  letter,\r\n                                  event\r\n                                )\r\n                              }\r\n                            >\r\n                              {letter}\r\n                            </button>\r\n                          )\r\n                        )}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class CategoryPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Category: \"\",\r\n      ButtonDisabled: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    var Category = document.getElementById(\"CategoryA\").value;\r\n    e.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"Category\", Category);\r\n      var role = JSON.parse(localStorage.Role);\r\n      const url =\r\n        role.toString() === \"Platform Admin\"\r\n          ? `${BASE_URLs}/SuperAdmin/SACategory`\r\n          : `${BASE_URLs}/Skill/AddCategory`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({\r\n          ButtonDisabled: true,\r\n        });\r\n        document.getElementById(\"Categorypop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      }\r\n      this.Getcategory();\r\n    }\r\n  };\r\n\r\n  Getcategory() {\r\n    let url = `${BASE_URLs}/Skill/GetAdminCategory`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          category: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.Getcategory();\r\n  }\r\n\r\n  Validation() {\r\n    var Category = document.getElementById(\"CategoryA\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { CategoryErr } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Categorypop\"\r\n          >\r\n            <form\r\n              autoComplete=\"off\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit}\r\n            >\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    onKeyDown={this._handleKeyDown}\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"CategoryA\"\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    name=\"Category\"\r\n                    type=\"text\"\r\n                  />\r\n                  {!CategoryErr ? (\r\n                    <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                      Add Category{\" \"}\r\n                    </div>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                      {CategoryErr}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-sm-2\"></div>\r\n              </div>\r\n              {/* <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  \r\n                       <input\r\n                    onKeyDown={this._handleKeyDown}\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"Category\"\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    name=\"Category\"\r\n                    type=\"text\"\r\n                  />\r\n                  {!CategoryErr ? (\r\n                    <span style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                      Add Category\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                      {CategoryErr}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-sm-2\"></div>\r\n              </div> */}\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    disabled={this.state.ButtonDisabled}\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class CategoryPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n\r\n      Category: \"\",\r\n      ButtonDisabled: false,\r\n    };\r\n    // this.handleSubmit=this.handleSubmit.bind(this);\r\n  }\r\n\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    var Category = document.getElementById(\"CategoryA\").value;\r\n    var Id = document.getElementById(\"Id\").value;\r\n    e.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"Category\", Category);\r\n      data.append(\"Id\", Id);\r\n\r\n      const url = `${BASE_URLs}/Skill/EditCategory`;\r\n\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({\r\n          ButtonDisabled: true,\r\n        });\r\n        document.getElementById(\"Editpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n      this.Getcategory();\r\n    }\r\n  };\r\n\r\n  Getcategory() {\r\n    let url = `${BASE_URLs}/Skill/GetAdminCategory`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          category: data,\r\n        });\r\n        //\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    //  this.Getcategory();\r\n  }\r\n\r\n  Validation() {\r\n    var Category = document.getElementById(\"CategoryA\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //Email\r\n\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { CategoryErr } = this.state.formErrors;\r\n    const { Department } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Editpop\"\r\n          >\r\n            <form\r\n              autoComplete=\"off\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit.bind(this)}\r\n              style={{ marginTop: \"-10px\" }}\r\n            >\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    id=\"Id\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.Id}\r\n                    onKeyDown={this._handleKeyDown}\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    defaultValue={this.props.values.category}\r\n                    id=\"CategoryA\"\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    onKeyDown={this._handleKeyDown}\r\n                    onKeyPress={this.handleKeyPress}\r\n                    name=\"Category\"\r\n                    type=\"text\"\r\n                  />\r\n                  {/* {!CategoryErr ? <span style={{ color: '#a29d9d',float:\"left\" }}>Category Name</span>: <div style={{ color: \"red\" ,float:\"left\"}}>{CategoryErr}</div>}  */}\r\n                  {!CategoryErr ? (\r\n                    <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                      Category Name\r\n                    </div>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                      {CategoryErr}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n              </div>\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/CategoryExl.a1ab1548.xlsx\";","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport $ from \"jquery\";\r\nimport \"../../Css/excel.css\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport CategoryPop from \"../../Common/CategoryPop\";\r\nimport EditCategory from \"../../Common/EditCategory\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport CategoryExl from \"../../Assets/Files/CategoryExl.xlsx\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport DataTable from 'react-data-table-component';\r\n//\r\n//        Skill master page to display from sidebar\r\nvar XLSX = require(\"xlsx\");\r\n\r\n$(document).ready(function () {\r\n  $(\".notfound\").hide();\r\n\r\n  // Search User columns\r\n  $(\"#myInpcccut1\").keyup(function () {\r\n    // Search Text\r\n    var search = $(this).val();\r\n\r\n    // Hide all table tbody rows\r\n    $(\"table tbody tr\").hide();\r\n\r\n    // Count total search result\r\n    var len = $(\r\n      'table tbody tr:not(.notfound) td:contains(\"' + search + '\")'\r\n    ).length;\r\n\r\n    if (len > 0) {\r\n      // Searching text in columns and show match row\r\n      $('table tbody tr:not(.notfound) td:contains(\"' + search + '\")').each(\r\n        function () {\r\n          $(this).closest(\"tr\").show();\r\n        }\r\n      );\r\n    } else {\r\n      $(\".notfound\").show();\r\n    }\r\n  });\r\n\r\n  $.expr[\":\"].contains = $.expr.createPseudo(function (arg) {\r\n    return function (elem) {\r\n      return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;\r\n    };\r\n  });\r\n});\r\nexport default class CategoryMaster extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      Addskills: [],\r\n      Addcategory: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      Notification: [],\r\n      skillsgun: \"\",\r\n      catedrop: \"\",\r\n      rows: [],\r\n      cols: [],\r\n      currentSheet: {},\r\n      category: [],\r\n      comlogo: [],\r\n      Skillname: [],\r\n      Sort: [],\r\n      Skillfilt: [],\r\n      CategoryModel: false,\r\n      EditCategoryModel: false,\r\n      post: [],\r\n      number: \"1\",\r\n      postPerPage: \"10\",\r\n      EditCategoryValues: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      filterValue:'',\r\n      showSelectAll: false,\r\n    showDelete: false,\r\n    showDeleteCount: false,\r\n    selectAllChecked: false,\r\n    delay:false\r\n    };\r\n\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  ChangePage = ({ selected }) => {\r\n    this.setState({ number: selected + 1 });\r\n  };\r\n\r\n  exportXlsx(filename) {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deletcateg\")) {\r\n      var checkboxes = document.getElementsByName(\"deletcateg\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"Categorysheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetAddSkill() {\r\n    let url = `${BASE_URLs}/Skill/MasterGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Addskills: data,\r\n          Sort: data,\r\n          Skillfilt: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  CategoryModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deletcateg\")) {\r\n      var checkboxes = document.getElementsByName(\"deletcateg\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState((prevState) => ({\r\n      CategoryModel: !prevState.CategoryModel,\r\n    }));\r\n    this.Getcategory();\r\n  };\r\n\r\n  EditCategoryModel = (Id, category) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deletcateg\")) {\r\n      var checkboxes = document.getElementsByName(\"deletcateg\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditCategoryValues: {\r\n        Id: Id,\r\n        category: category,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditCategoryModel: !prevState.EditCategoryModel,\r\n    }));\r\n\r\n    this.Getcategory();\r\n  };\r\n\r\n  GetSkill() {\r\n    let url = `${BASE_URLs}/Skill/Get`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          skills: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Skill/CategoryExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ initialData: undefined });\r\n          var file = document.getElementById(\"files\");\r\n          var emptyFile = document.createElement(\"input\");\r\n          emptyFile.type = \"file\";\r\n          file.files = emptyFile.files;\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted, \"+\" Already Exists\");\r\n          }\r\n          this.Getcategory();\r\n          this.setState({ currentSheet: this.state.initialData });\r\n        });\r\n    } catch (error) {}\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetSkill();\r\n    this.GetAddSkill();\r\n    this.GetSkillname();\r\n    this.Getcategory();\r\n    setTimeout(() => {\r\n      this.setState({delay:true})\r\n    }, 2000);\r\n\r\n    $(\"#add-row\").click(function () {\r\n      $(\"#add-row\").hide();\r\n    });\r\n    $(\"#addBtn\").click(function () {\r\n      $(\"#add-row\").show();\r\n    });\r\n  }\r\n  componentWillMount() {\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").click(function () {\r\n        $(\"#add-row\").hide();\r\n      });\r\n\r\n      $(\"#addBtn\").click(function () {\r\n        $(\"#add-row\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").hide();\r\n    });\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form.js\");\r\n  };\r\n\r\n  Edit(company_Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/EditSkill\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  Edit1(company_Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/EditEmpSkill\",\r\n      state: {\r\n        Id: company_Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  Getcategory() {\r\n    let url = `${BASE_URLs}/Skill/GetAdminCategory`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"cat\",data)\r\n        this.setState({\r\n          category: data,\r\n          Addcategory: data,\r\n          Sort: data,\r\n        });\r\n        //\r\n      });\r\n  }\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n\r\n    // if (document.getElementById(\"selectall\")) {\r\n    //   document.getElementById(\"selectall\").checked = false;\r\n    // }\r\n    // if (document.getElementsByName(\"deletcateg\")) {\r\n    //   var checkboxes = document.getElementsByName(\"deletcateg\");\r\n    //   for (var i = 0; i < checkboxes.length; i++) {\r\n    //     checkboxes[i].checked = false;\r\n    //     document\r\n    //       .getElementById(\"delete\")\r\n    //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n    //     document\r\n    //       .getElementById(\"deletecount\")\r\n    //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n    //   }\r\n    // }\r\n    this.handleFilter(e, e.target.value);\r\n  };\r\n\r\n  handleFilter = (event, letters) => {\r\n    const { Addcategory } = this.state; // Use originalRecords for filtering\r\n    const filterValue = Addcategory.filter(row => {\r\n      // Check if the row's businessUnit contains all the specified letters\r\n      return letters.split('').every(letter => row.category.toLowerCase().includes(letter.toLowerCase()));\r\n    });\r\n  \r\n    // Update the state with the filtered data\r\n    this.setState({ category: filterValue });\r\n  }\r\n\r\n  GetSkillname() {\r\n    fetch(`${BASE_URLs}/Skill/GetSkillNameDrop`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Skillname: data });\r\n      });\r\n  }\r\n  EditSkill(Id, category, skillName, skillDescription) {\r\n    var page = {\r\n      pathname: \"/EditMasterSkill\",\r\n      state: {\r\n        Id: Id,\r\n        category: category,\r\n        skillName: skillName,\r\n        skillDescription: skillDescription,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML =\r\n  //         checkboxes.length === 1\r\n  //           ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n  //           : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n\r\n    this.setState({ SelectedNames: selectedRows });\r\n    this.setState({\r\n      showSelectAll: selectedRows.length >= 2,\r\n      showDelete: selectedRows.length >= 1,\r\n      showDeleteCount: selectedRows.length > 0,\r\n    });\r\n  };\r\n\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"deletcateg\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append(\"Id_delete\", row.id);\r\n      data.append(\"deletcateg\", row.id);\r\n    });\r\n\r\n    // console.log(\"FormData:\", data);\r\n\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].category : this.state.SelectedNames.length;\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete \" + value + \" this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Skill/DeleteCategoryMaster`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.Getcategory();\r\n          // this.GetAddSkill();\r\n          toast.success(data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          document\r\n            .getElementById(\"delete\")\r\n            .setAttribute(\"style\", \"visibility: hidden;\");\r\n          document\r\n            .getElementById(\"deletecount\")\r\n            .setAttribute(\"style\", \"visibility: hidden;\");\r\n          var checkboxes = document.querySelectorAll(\r\n            'input[type=\"checkbox\"]:checked'\r\n          );\r\n\r\n          for (var i = 0; i < checkboxes.length; i++) {\r\n            checkboxes[i].checked = false;\r\n          }\r\n        });\r\n      // // this.Team();\r\n    }\r\n  };\r\n\r\n  Sort = (e) => {\r\n    e.preventDefault();\r\n    if (e.target.value === \"1\") {\r\n      const arr = this.state.Skillfilt.sort((a, b) =>\r\n        a.category > b.category ? 1 : b.category > a.category ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"2\") {\r\n      const arr = this.state.Skillfilt.sort((a, b) =>\r\n        a.category < b.category ? 1 : b.category < a.category ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"3\") {\r\n      const arr = this.state.Skillfilt.sort((a, b) =>\r\n        a.skillName > b.skillName ? 1 : b.skillName > a.skillName ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"4\") {\r\n      const arr = this.state.Skillfilt.sort((a, b) =>\r\n        a.skillName < b.skillName ? 1 : b.skillName < a.skillName ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    }\r\n  };\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", id);\r\n    data.append(\"deletcateg\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Skill/DeleteCategoryMaster`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.Getcategory();\r\n          // this.GetAddSkill();\r\n          toast.success(data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          document\r\n            .getElementById(\"delete\")\r\n            .setAttribute(\"style\", \"visibility: hidden;\");\r\n          document\r\n            .getElementById(\"deletecount\")\r\n            .setAttribute(\"style\", \"visibility: hidden;\");\r\n          var checkboxes = document.querySelectorAll(\r\n            'input[type=\"checkbox\"]:checked'\r\n          );\r\n\r\n          for (var i = 0; i < checkboxes.length; i++) {\r\n            checkboxes[i].checked = false;\r\n          }\r\n        });\r\n      // this.Team();\r\n      this.Getcategory();\r\n    }\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\"; \r\n    \r\n    this.setState({ showExcel: false });\r\n   \r\n  };\r\n\r\n  // formData.append(\r\n  //   \"deletcateg\",\r\n  //   event.target.files[0],\r\n  //   event.target.files[0].name\r\n  // );\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const { category } = this.state;\r\n    const { delay,Skillfilt, Filterpop, FilterData,filterValue, showExcel,Addcategory} = this.state;\r\n    var filename = `O_${username}_Category`;\r\n    const customStyles = {\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"  \r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\" ,\r\n          borderBottom: \"1px solid #ccc\",\r\n          \r\n        },\r\n      },\r\n   \r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\" \r\n          },\r\n        },\r\n      },\r\n    };\r\n    const columns = [\r\n      {\r\n        name:'Category',\r\n        selector: row => row.category,\r\n        id: \"isheader\",\r\n        grow: 3.5,\r\n        sortable: false, \r\n      },\r\n     \r\n      {\r\n        name: 'Action',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.DeleteButton(row.id);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"Annbuttons sk-edit\"\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.EditCategoryModel(\r\n                  row.id,\r\n                  row.category\r\n                  \r\n                 \r\n                );\r\n              }}\r\n              title=\"Edit\"\r\n            >\r\n              <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n    // const lastPost = this.state.number * this.state.postPerPage;\r\n    // const firstPost = lastPost - this.state.postPerPage;\r\n    // const currentPost = this.state.Skillfilt.slice(firstPost, lastPost);\r\n    // const PageCount = Math.ceil(this.state.Skillfilt.length / this.state.postPerPage);\r\n\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                        <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  class=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          <h4 className=\"title\">Categories </h4>\r\n                        </div>\r\n                        {this.state.CategoryModel ? (\r\n                          <CategoryPop\r\n                            id=\"Success\"\r\n                            close={() => this.CategoryModel()}\r\n                          />\r\n                        ) : null}\r\n                        {this.state.EditCategoryModel ? (\r\n                          <EditCategory\r\n                            id=\"Success\"\r\n                            values={this.state.EditCategoryValues}\r\n                            close={() => this.EditCategoryModel(\"\", \"\")}\r\n                          />\r\n                        ) : null}\r\n                        <form onSubmit={this.handleSubmit}>\r\n                          <div className=\"card-block\">\r\n                            <div className=\"row\">\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  onClick={() => this.CategoryModel()}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  style={{\r\n                                    width: \"150px\",\r\n                                    background: \"white\",\r\n                                  }}\r\n                                  type=\"button\"\r\n                                  id=\"addBtn\"\r\n                                  className=\"btn\"\r\n                                >\r\n                                  Add{\" \"}\r\n                                </button>\r\n                              </div>\r\n\r\n                              <div className=\"col btnalign\">\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"Categories\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"Categories\"\r\n                                />\r\n                              </div>\r\n                              <div style={{padding: \"7px\"}} ></div>\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n\r\n                                {/* <ReactHTMLTableToExcel                  \r\n           className=\"btn\"  \r\n           table=\"Categorysheet\"  \r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to excel\" />   */}\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={CategoryExl}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    class=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download a template\r\n                                </a>\r\n                              </div>\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n\r\n                              {/* \r\n                              <div className=\"col btnalign\" onKeyDown={this.handleKeyPress}>\r\n                                <a href={CategoryExl} className=\"download\" style={{ padding: \"2px 15px\", boxShadow: \" -2px  -2px 16px -2px #5f7ae14a\" }}   ><i title=\"Download Template\" onKeyPress={this.handleKeyPress} class=\"icofont icofont-cloud-download\"></i></a>\r\n                              </div> */}\r\n\r\n                              {/* <div className=\"col-lg-2\">\r\n        <select name=\"Category\"  onChange={this.myFunction}  id=\"myInput\" className=\"btn\"  style={{borderColor:\"white\",background:\"white\",textAlign:\"left\",width:\"150px\",height:\"42px\"}}>\r\n        <option className=\"drop-options\"  value=\"\">Categories</option>\r\n        {category.map(category=>  <option className=\"drop-options\" value={category.category}>{category.category}</option> )}\r\n        </select> \r\n        </div> */}\r\n\r\n                              <div\r\n                                \r\n                                style={{ height: \"60px\" }}\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onKeyUp={this.myFunction}\r\n                                  value={filterValue}\r\n                                  onClick={() => {\r\n                                    this.setState({\r\n                                      Filterpop: !this.state.Filterpop,\r\n                                    });\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch1\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onKeyUp={this.myFunction}\r\n                                  value={filterValue}\r\n                                  onClick={() => {\r\n                                    this.setState({\r\n                                      Filterpop: !this.state.Filterpop,\r\n                                    });\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            <center>\r\n                            {showExcel && this.state.initialData !== undefined ? (\r\n  <table className=\"table\" id=\"tableDesign\">\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n) : null}\r\n</center>\r\n                            {showExcel && this.state.initialData !== undefined ? (\r\n                              <div className=\"savebtndiv\" style={{marginBottom:\"10px\"}}>\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                              </div>\r\n                            ) : null}\r\n\r\n                            <OutTable\r\n                              data={this.state.rows}\r\n                              columns={this.state.cols}\r\n                              tableClassName=\"ExcelTable2007\"\r\n                              tableHeaderRowclassName=\"heading\"\r\n                            />\r\n                          </div>\r\n                          <br />\r\n                        </form>\r\n                       \r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          >\r\n                            &nbsp;&nbsp;\r\n                          </div>\r\n                          \r\n                          <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            style={{ marginTop: \"-50px\" }}\r\n                          >\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden',marginTop:\"30px\"  }}\r\n                            >\r\n                              <i\r\n                                class=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\", }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\",marginTop:\"30px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                              <span style={{backgroundColor: \"#007bff\",background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\"}}>{this.state.SelectedNames.length} selected</span>\r\n                               )}\r\n                            </span>\r\n                            <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                            <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                            </div>\r\n\r\n\r\n\r\n\r\n                             \r\n        <center>\r\n        <div className=\"dt-responsive table-responsive\" style={{maxWidth:\"60%\"}}>\r\n        <DataTable\r\n          columns={columns}\r\n          data={category}\r\n          selectableRows\r\n          onSelectedRowsChange={this.handlecheckbox} // Assuming handlecheckbox is a method to handle row selection\r\n          pagination\r\n          customStyles={customStyles}\r\n          noDataComponent={category.length===0 && delay?<div style={{  textAlign: 'center' }}>No Records</div>:null}\r\n        />\r\n      </div>\r\n      </center>\r\n\r\n                            {/* <div\r\n                              id=\"base-style_filter\"\r\n                              className=\"dataTables_filter\"\r\n                            >\r\n                              <div\r\n                                className=\"dt-responsive table-responsive table-res\"\r\n                                // style={{display: 'flex',alignItems: 'center',justifyContent: 'center'}}\r\n                              >\r\n                                {this.state.Addcategory.length === 0 ? null : (\r\n                                  <table\r\n                                    id=\"skillsheet\"\r\n                                    className=\"table   nowrap SkillGrid\"\r\n                                  >\r\n                                    <thead style={{ textAlign: \"left\" }} id=\"tablepaddingA\">\r\n                                      <tr>\r\n                                        <th>\r\n                                          {\" \"}\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"selectall\"\r\n                                            onClick={() => {\r\n                                              this.checkAll(this);\r\n                                            }}\r\n                                          />{\" \"}\r\n                                        </th>\r\n                                        <th>Category &nbsp;&nbsp;</th>\r\n\r\n                                        <th style={{ textAlign: \"center\" }}>\r\n                                          Actions\r\n                                        </th>\r\n                                      </tr>\r\n                                    </thead>\r\n                                    {FilterData.length === 0 && category.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    <tbody id=\"tablepadding\">\r\n                                      {category.map((category) => (\r\n                                        <tr>\r\n                                          <td>\r\n                                            {\" \"}\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              name=\"deletcateg\"\r\n                                              onChange={this.handlecheckbox}\r\n                                              defaultValue={category.id}\r\n                                            />\r\n                                          </td>\r\n                                          <td>{category.category}</td>\r\n                                          <td style={{ textAlign: \"center\" }}>\r\n                                            <button\r\n                                              name=\"delete\"\r\n                                              className=\"Annbuttons sk-del\"\r\n                                              //  onClick={()=>this.EditSkillModel(skill.id,skill.skillName)}\r\n                                              onClick={(e) => {\r\n                                                e.preventDefault();\r\n                                                this.DeleteButton(category.id);\r\n                                              }}\r\n                                              title=\"Delete\"\r\n                                            >\r\n                                              {/* Delete&nbsp; */}\r\n                                              {/* <i\r\n                                                class=\"fa fa-minus\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>\r\n                                            </button>{\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <button\r\n                                              className=\"Annbuttons sk-edit\"\r\n                                              onClick={(e) => {\r\n                                                e.preventDefault();\r\n                                                this.EditCategoryModel(\r\n                                                  category.id,\r\n                                                  category.category\r\n                                                );\r\n                                              }}\r\n                                              title=\"Edit\" */}\r\n                                              {/* // alt=\"edit\"src=\"https://img.icons8.com/android/22/000000/pencil.png\"\r\n                                            >\r\n                                              {/* Edit&nbsp; */}\r\n                                              {/* <i\r\n                                                class=\"fa fa-edit\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>{\" \"}\r\n                                            </button>\r\n                                          </td>\r\n                                        </tr>\r\n                                      ))}\r\n                                    </tbody>\r\n                                  </table>\r\n                                )}\r\n                              </div>\r\n                            </div>\r\n\r\n                            <br /> */} \r\n\r\n                            {/* for Exporting Excel */}\r\n                            <table\r\n                              id=\"Categorysheet\"\r\n                              className=\"table   nowrap SkillGrid\"\r\n                              hidden\r\n                            >\r\n                              <thead style={{ textAlign: \"left\" }}>\r\n                                <tr>\r\n                                  <th style={{ textDecoration: \"bold\" }}>\r\n                                    Category &nbsp;&nbsp;\r\n                                  </th>\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {category.map((category) => (\r\n                                  <tr>\r\n                                    <td>{category.category}</td>\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n\r\n                            {/*<ReactPaginate\r\n            previousLabel={\"Previous\"}\r\n            nextLabel={\"Next\"}\r\n            pageCount={PageCount}\r\n            onPageChange={this.ChangePage}\r\n            containerClassName={\"paginationBttns\"}\r\n            activeClassName={\"paginationActive\"}\r\n            disableInitialCallback={true}\r\n            initialPage={1}>\r\n            </ReactPaginate> */}\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false });\r\n                          this.Getcategory();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div class=\"checkboxes\">\r\n                        <i\r\n                          class=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.myFunction}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map((letter, index) => (\r\n                          <button\r\n                            className=\"filter\"\r\n                            key={index}\r\n                            onClick={(event) =>\r\n                              this.handleFilter(event,letter)\r\n                            }\r\n                          >\r\n                            {letter}\r\n                          </button>\r\n                        ))}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddCoursePop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      CourseName: [],\r\n    };\r\n  }\r\n\r\n  handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    var CourseName = document.getElementById(\"CourseName\").value;\r\n    e.preventDefault();\r\n\r\n    if (this.Validation()) {\r\n      const data = new FormData();\r\n      data.append(\"CourseName\", CourseName);\r\n      var role = JSON.parse(localStorage.Role);\r\n      const url =\r\n        role.toString() === \"Platform Admin\"\r\n          ? `${BASE_URLs}/SuperAdmin/SACourse`\r\n          : `${BASE_URLs}/Course/AddCourseName`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document.getElementById(\"Addpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 4000);\r\n\r\n        this.GetCourseName();\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document.getElementById(\"Addpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 4000);\r\n      }\r\n    }\r\n    this.GetCourseName();\r\n  };\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var CourseName = document.getElementById(\"CourseName\").value;\r\n\r\n    // var otherdepartment = document.getElementById(\"departmenttext\").value\r\n    if (!CourseName) {\r\n      formIsValid = false;\r\n      formErrors[\"CourseName\"] = \"Course Name  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var CourseName = document.getElementById(\"CourseName\").value;\r\n\r\n    // var otherdepartment = document.getElementById(\"departmenttext\").value\r\n    if (!CourseName) {\r\n      formIsValid = false;\r\n      formErrors[\"CourseName\"] = \"Course Name  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  Handledepartment() {\r\n    var DepartmentName = document.getElementsByName(\"DepartmentName\"); //.value;\r\n\r\n    if (DepartmentName[0].value === \"Others\") {\r\n      document.getElementById(\"departmenttext\").value = \"\";\r\n      document.getElementById(\"departmenttext\").type = \"text\";\r\n    }\r\n  }\r\n\r\n  GetCourseName() {\r\n    let url = `${BASE_URLs}/Course/GetCourseName`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          CourseName: data,\r\n        });\r\n      });\r\n  }\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetCourseName();\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { otherdepartment, CourseName } = this.state.formErrors;\r\n    //    const {CourseName}=this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Addpop\"\r\n          >\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\" tyle={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"CourseName\"\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    name=\"CourseName\"\r\n                    type=\"text\"\r\n                    onKeyPress={this.handleKeyPress}\r\n                    onKeyDown={this.handleKeyDown}\r\n                  />\r\n\r\n                  {!CourseName ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Add Course\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {CourseName}\r\n                    </div>\r\n                  )}\r\n                  <input\r\n                    type=\"hidden\"\r\n                    Name=\"otherdepartment\"\r\n                    className=\"form\"\r\n                    id=\"departmenttext\"\r\n                  />\r\n                  {!otherdepartment ? null : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {otherdepartment}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-sm-4\"></div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n            <br />\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport Select from \"react-select\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditDesignationModel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Department: \"\",\r\n      ButtonDisabled: false,\r\n    };\r\n    // this.handleSubmit=this.handleSubmit.bind(this);\r\n  }\r\n\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    var CourseName = document.getElementById(\"CourseName\").value;\r\n    var Id = document.getElementById(\"Id\").value;\r\n    e.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"CourseName\", CourseName);\r\n      data.append(\"Id\", Id);\r\n      var role = JSON.parse(localStorage.Role);\r\n      const url = `${BASE_URLs}/Course/EditCourse`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document.getElementById(\"Editpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n      this.GetDepartment();\r\n    }\r\n  };\r\n  Validation() {\r\n    var CourseName = document.getElementById(\"CourseName\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!CourseName) {\r\n      formIsValid = false;\r\n      formErrors[\"CourseNameErr\"] = \"Course Name  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/GetMasterDepartment`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Department: data,\r\n        });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    // this.RelationshipDropList();\r\n    // this.GetDepartment();\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { Department } = this.state;\r\n    const { CourseNameErr } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />{\" \"}\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Editpop\"\r\n          >\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-3\"></div>\r\n\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    id=\"Id\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.id}\r\n                    onKeyDown={this._handleKeyDown}\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    maxLength=\"50\"\r\n                    defaultValue={this.props.values.CourseName}\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    id=\"CourseName\"\r\n                    name=\"CourseName\"\r\n                    type=\"text\"\r\n                  />\r\n                  {/* {!CourseName? <span style={{color:'#a29d9d',float:\"left\"}}>Course Name<span style={{color:\"red\",float:\"left\"}}></span></span> : <span style={{ color: \"red\",float:\"left\" }} className={CourseName ? ' showError' : ''}>{CourseName}</span> }   */}\r\n                  {!CourseNameErr ? (\r\n                    <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                      Course Name\r\n                    </div>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                      {CourseNameErr}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n                <span className=\"underline\" />\r\n              </div>\r\n              <br />\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/CourseNameExl.ccc52d80.xlsx\";","import React, { Component } from \"react\";\r\nimport AddCoursePop from \"../../Common/AddCoursePop\";\r\nimport EditCoursePop from \"../../Common/EditCoursePop\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport { Link } from \"react-router-dom\";\r\nimport CourseNameExl from \"../../Assets/Files/CourseNameExl.xlsx\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport \"../../Css/excel.css\";\r\nimport DataTable from 'react-data-table-component';\r\nvar XLSX = require(\"xlsx\");\r\nexport default class CourseName extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      DepartmentName: \"\",\r\n      CourseModel: false,\r\n      comlogo: [],\r\n      CourseName: [],\r\n      Course: [],\r\n      formErrors: {},\r\n      EditModel: false,\r\n      EditCourseValues: [],\r\n      Notification: [],\r\n      rows: [],\r\n      cols: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n      filterValue:'',\r\n      showSelectAll: false,\r\n       showDelete: false,\r\n      showDeleteCount: false,\r\n      selectAllChecked: false,\r\n      delay:false,\r\n      clearSelected: false,\r\n      selectedNames: [],\r\n      selectedRows:[],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.clearSelection = this.clearSelection.bind(this);\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deletecourse\")) {\r\n      var checkboxes = document.getElementsByName(\"deletecourse\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"CourseSheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetCourseName() {\r\n    let url = `${BASE_URLs}/Course/GetCourseName`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"cn\",data)\r\n        this.setState({\r\n          Course: data,\r\n          CourseName: data\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  CourseModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deletecourse\")) {\r\n      var checkboxes = document.getElementsByName(\"deletecourse\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState((prevState) => ({\r\n      CourseModel: !prevState.CourseModel,\r\n    }));\r\n    this.clearSelection();\r\n    this.GetCourseName();\r\n  };\r\n  EditModel = (id, CourseName) => {\r\n    this.clearSelection();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deletecourse\")) {\r\n      var checkboxes = document.getElementsByName(\"deletecourse\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState({\r\n      EditCourseValues: {\r\n        id: id,\r\n        CourseName: CourseName,\r\n      },\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      SelectedNames: [],\r\n      selectAllChecked: false, \r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n\r\n    this.GetCourseName();\r\n  };\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetCourseName();\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n    setTimeout(() => {\r\n      this.setState({delay:true})\r\n    }, 2000);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleFormValidation() {\r\n    const {\r\n      FirstName,\r\n      LastName,\r\n      Email,\r\n      Mobile,\r\n      Department,\r\n      Designation,\r\n      RoleName,\r\n    } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    }\r\n    if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    }\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email id.\";\r\n    }\r\n    if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile is required\";\r\n    }\r\n    // else if (!Mobile >= 10) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"MobileErr\"] = \"Invalid Mobile number.\";\r\n    // }\r\n    else {\r\n      var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n      if (!mobPattern.test(Mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"MobileErr\"] = \"Invalid phone number.\";\r\n      }\r\n    }\r\n    if (!Department) {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"department is required\";\r\n    }\r\n    if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"designation is required\";\r\n    }\r\n    if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Course/CourseExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetCourseName();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n    this.GetCourseName();\r\n  };\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  Noticount = async (Id) => {\r\n    await fetch(`${BASE_URLs}/Notification/Noticount`, {\r\n      method: \"PUT\",\r\n      headers: {\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Notification_Id: Id,\r\n      }),\r\n    }).then((result) => {\r\n      result.json().then((resp) => {\r\n        localStorage.setItem(\"success\", JSON.stringify(resp.status));\r\n\r\n        var a = localStorage.getItem(\"success\");\r\n        var b = JSON.parse(a);\r\n        if (b === \"Success\") {\r\n          window.location.href = \"/Organization\";\r\n          localStorage.removeItem(\"success\");\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"deletecourse\");\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n  selectableRowSelected = (row) => {\r\n    const { SelectedNames } = this.state;\r\n    if (!Array.isArray(SelectedNames)) {\r\n      return false;\r\n    }\r\n    return SelectedNames.some(selectedRow => selectedRow.id === row.id);\r\n  };\r\n\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n    const { SelectedNames } = this.state;\r\n    const currentSelectedNames = Array.isArray(SelectedNames) ? SelectedNames : [];\r\n    const uniqueManagerIds = new Set([\r\n      ...currentSelectedNames.map(row => row && row.id),\r\n      ...selectedRows.map(row => row && row.id)\r\n    ]);\r\n    const updatedSelectedNames = Array.from(uniqueManagerIds)\r\n      .filter(id => id !== undefined && id !== null)\r\n      .map(id => {\r\n        const existingRow = currentSelectedNames.find(row => row && row.id === id);\r\n        if (existingRow) {\r\n          return existingRow;\r\n        }\r\n        return selectedRows.find(row => row && row.id === id);\r\n      });\r\n    const updatedSelectedRows = selectedRows.filter(row =>\r\n      uniqueManagerIds.has(row.id)\r\n    );\r\n    this.setState({\r\n      SelectedNames: updatedSelectedNames,\r\n      selectedRows: updatedSelectedRows,\r\n      showSelectAll: updatedSelectedRows.length >= 2,\r\n      showDelete: updatedSelectedRows.length >= 1,\r\n      showDeleteCount: updatedSelectedRows.length > 0,\r\n      NewState: updatedSelectedNames,\r\n    });\r\n  };\r\n\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  onKeyUp = (e) => {\r\n    e.preventDefault();\r\n    // this.handleFilter(e, e.target.value);\r\n\r\n    const { Course } = this.state;\r\n\r\n    const filterValue = Course.filter((item) =>\r\n    item.courseName.toLowerCase().includes(e.target.value.toLowerCase())\r\n  );\r\n\r\n    this.setState({ CourseName: filterValue });\r\n  };\r\n\r\n  handleFilter = (event, letters) => {\r\n    const { Course } = this.state; // Use originalRecords for filtering\r\n    const filterValue = Course.filter(row => {\r\n      // Check if the row's businessUnit contains all the specified letters\r\n      return letters.split('').every(letter => row.courseName.toLowerCase().startsWith(letter.toLowerCase()));\r\n    });\r\n  \r\n    // Update the state with the filtered data\r\n    this.setState({ CourseName: filterValue });\r\n  }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    \r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append(\"Id_delete\", row.id);\r\n      data.append(\"deletecourse\", row.id); \r\n    });\r\n\r\n    // console.log(\"FormData:\", data);\r\n\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].courseName : this.state.SelectedNames.length;\r\n\r\n    if (\r\n      this.state.SelectedNames.length === 1 ? window.confirm(\"Are you sure you want to delete this \" + value + \" record permanently?\"):\r\n      window.confirm(\"Are you sure you want to delete these \" + value + \" records permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Course/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ initialData: undefined });\r\n          this.GetCourseName();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n        this.clearSelection();\r\n    }\r\n    this.GetCourseName();\r\n  };\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n\r\n    data.append(\"deletecourse\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Course/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ initialData: undefined });\r\n          this.GetCourseName();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n        this.clearSelection();\r\n    }\r\n    this.GetCourseName();\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\"; \r\n    \r\n    this.setState({ showExcel: false });\r\n   \r\n  };\r\n\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n\r\n  clearSelection() {\r\n    this.setState({ clearSelected: true }, () => {\r\n      this.setState({ \r\n        clearSelected: false, \r\n        showDelete: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false,  });\r\n    });\r\n  }\r\n  \r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_CourseName`;\r\n    const {delay, CourseName, Filterpop, FilterData,showExcel,filterValue ,Course,selectedRows} = this.state;\r\n    const customStyles = {\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"  \r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\" ,\r\n          borderBottom: \"1px solid #ccc\",\r\n          \r\n        },\r\n      },\r\n   \r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\" \r\n          },\r\n        },\r\n      },\r\n    };\r\n    const columns = [\r\n      {\r\n        name:'Course Name',\r\n        selector: row => row.courseName,\r\n        id: \"isheader\",\r\n        grow: 3.5,\r\n        sortable: false, \r\n      },\r\n     \r\n      {\r\n        name: 'Actions',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.DeleteButton(row.id);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"Annbuttons sk-edit\"\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.EditModel(\r\n                  row.id,\r\n                  row.courseName\r\n                );\r\n              }}\r\n              title=\"Edit\"\r\n            >\r\n              <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <Link\r\n                                to\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </Link>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            {\" \"}\r\n                            Course Name{\" \"}\r\n                          </h4>\r\n                        </div>\r\n                        {this.state.EditModel ? (\r\n                          <EditCoursePop\r\n                            values={this.state.EditCourseValues}\r\n                            close={() => this.EditModel()}\r\n                          />\r\n                        ) : null}\r\n                        {this.state.CourseModel ? (\r\n                          <AddCoursePop close={() => this.CourseModel()} />\r\n                        ) : null}\r\n\r\n                        <div className=\"card-block\">\r\n                          <form onSubmit={this.handleSubmit}>\r\n                            <div className=\"row\">\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <Link\r\n                                  type=\"button\"\r\n                                  onClick={this.CourseModel}\r\n                                  style={{\r\n                                    width: \"150px\",\r\n                                    background: \"white\",\r\n                                  }}\r\n                                  className=\"btn \"\r\n                                >\r\n                                  Add{\" \"}\r\n                                </Link>\r\n                                {/* <a\r\n        \r\n        type=\"button\"\r\n        onClick={this.CourseModel}\r\n        onKeyPress={this.handleKeyPress}\r\n        style={{ width: \"150px\", background: \"white\", display: \"block\", textDecoration: \"none\",color:'#5035ce' }}\r\n        // style={{width:\"150px\",background:\"white\"}}\r\n        className=\"btn\"\r\n      >\r\n        Add\r\n      </a> */}\r\n                              </div>\r\n                              <div className=\"col btnalign\">\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"Courses\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"Courses\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                />\r\n                              </div>\r\n                              <div style={{padding: \"7px\"}} ></div>\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n                                {/* <ReactHTMLTableToExcel\r\n                            className=\"btn \"\r\n                            table=\"CourseSheet\"\r\n                            filename={filename}\r\n                            sheet=\"Sheet\"\r\n                            buttonText=\"Export to Excel \" id=\"exportxlUG\" />     */}\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={CourseNameExl}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download a template\r\n                                </a>\r\n                              </div>\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n\r\n                              {/* <div className=\"col btnalign\"   onKeyDown={this.handleKeyPress}>\r\n                                <a href={CourseNameExl} className=\"download\"  \r\n        style={{padding:\"2px 15px\",boxShadow:\" -2px  -2px 16px -2px #5f7ae14a\"}} ><i title=\"Download Template\" className=\"icofont icofont-cloud-download\" ></i> </a>\r\n                              </div> */}\r\n                              <div\r\n                                style={{ height: \"60px\" }}\r\n                              >\r\n                                {/* {this.state.Course.length === 0 ? null : ( */}\r\n                                  <input\r\n                                    onKeyUp={this.onKeyUp}\r\n                                    className=\"Searchbox\"\r\n                                    id=\"CNSearch\"\r\n                                    value={filterValue}\r\n                                    placeholder=\"Search\"\r\n                                    onKeyPress={this.handleKeyPress}\r\n                                    onClick={ () => {\r\n                                      const { selectedRows, SelectedNames } = this.state;\r\n                                      if (selectedRows.length === 0) {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        if (SelectedNames.length !== selectedRows.length) {\r\n                                          this.setState({\r\n                                            SelectedNames: selectedRows,\r\n                                            selectedRows: selectedRows,\r\n                                            Filterpop: true,\r\n                                          });\r\n                                        } else {\r\n                                          this.setState({\r\n                                            Filterpop: true,\r\n                                            selectedRows: SelectedNames,\r\n                                          });\r\n                                        }\r\n                                        \r\n                                      }\r\n                                    }}\r\n                                    readOnly\r\n                                  />\r\n                                {/* )} */}\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch1\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onKeyUp={this.myFunction}\r\n                                  value={filterValue}\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            <center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\">\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n\r\n) }\r\n<br />\r\n</center>\r\n                         {showExcel && this.state.initialData !== undefined && (\r\n                              <div className=\"savebtndiv\" style={{marginBottom:\"10px\"}}>\r\n                              <br />\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                &nbsp;&nbsp;&nbsp;\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  // onClick={(e) => {\r\n                                  //   e.preventDefault();\r\n                                  //   this.setState({ initialData: undefined });\r\n                                  // }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </button>\r\n                              </div>\r\n                            ) }\r\n\r\n                            <OutTable\r\n                              data={this.state.rows}\r\n                              columns={this.state.cols}\r\n                              tableClassName=\"ExcelTable2007\"\r\n                              tableHeaderRowclassName=\"heading\"\r\n                            />\r\n                             <br/>\r\n                          </form>\r\n                        </div>\r\n                        {/* <br/> */}\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            style={{ marginTop: \"-50px\" }}\r\n                          >\r\n                           <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden',marginTop:\"30px\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\",marginTop:\"30px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                              <span style={{backgroundColor: \"#007bff\",background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\"}}>{this.state.SelectedNames.length} selected</span>\r\n                               )}\r\n                            </span>\r\n                            <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                            <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                            </div>\r\n                            <center>\r\n                            <div className=\"dt-responsive table-responsive\" style={{maxWidth:\"60%\"}}>\r\n        <DataTable\r\n          columns={columns}\r\n          data={CourseName}\r\n          selectableRows\r\n          selectableRowSelected={!this.state.Filterpop ? this.selectableRowSelected : undefined}\r\n          onSelectedRowsChange={this.handlecheckbox} \r\n          pagination\r\n          customStyles={customStyles}\r\n          clearSelectedRows={this.state.clearSelected}\r\n          noDataComponent={CourseName.length===0 && delay?<div style={{  textAlign: 'center',marginTop:'10px' }}>No Records</div>:null}\r\n        />\r\n      </div>\r\n      </center>\r\n\r\n                            {/* <div\r\n                              className=\"dt-responsive table-responsive table-res\"\r\n                              // style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}\r\n                            >\r\n                              {this.state.Course.length === 0 ? null : (\r\n                                <table\r\n                                  id=\"DepSheet\"\r\n                                  className=\"table nowrap\"\r\n                                  style={{ maxWidth: \"70%\" }}\r\n                                >\r\n                                  <thead id=\"tablepaddingA\">\r\n                                    <tr>\r\n                                      <th>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          id=\"selectall\"\r\n                                          onClick={() => {\r\n                                            this.checkAll(this);\r\n                                          }}\r\n                                        />{\" \"}\r\n                                      </th>\r\n                                      <th>Course Name</th>\r\n                                      <th style={{ textAlign: \"center\" }}>\r\n                                        Actions\r\n                                      </th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody id=\"tablepadding\">\r\n                                    {CourseName.length === 0 &&\r\n                                    FilterData.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    {CourseName.map((CourseName) => (\r\n                                      <tr>\r\n                                        <td>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            name=\"deletecourse\"\r\n                                            onChange={this.handlecheckbox}\r\n                                            defaultValue={CourseName.id}\r\n                                          />\r\n                                        </td>\r\n                                        <td>{CourseName.courseName}</td>\r\n                                        <td style={{ textAlign: \"center\" }}>\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            //  onClick={()=>this.EditSkillModel(skill.id,skill.skillName)}\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.DeleteButton(CourseName.id);\r\n                                            }}\r\n                                            title=\"Delete\"\r\n                                          >\r\n                                            {/* Delete&nbsp; */}\r\n                                            {/* <i\r\n                                              className=\"fa fa-minus\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <button\r\n                                            className=\"button-30 sk-edit\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditModel(\r\n                                                CourseName.id,\r\n                                                CourseName.courseName\r\n                                              );\r\n                                            }}\r\n                                            title=\"Edit\" */}\r\n                                            {/* // src=\"https://img.icons8.com/android/22/000000/pencil.png\"\r\n                                          >\r\n                                            {/* Edit&nbsp; */}\r\n                                            {/* <i\r\n                                              className=\"fa fa-edit\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>{\" \"}\r\n                                          </button>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              )}\r\n                            </div> */}\r\n                          </form>\r\n                        </div>\r\n                        <br />\r\n                        <br />\r\n\r\n                        <table\r\n                          id=\"CourseSheet\"\r\n                          hidden\r\n                          className=\"table nowrap\"\r\n                          style={{ maxWidth: \"70%\" }}\r\n                        >\r\n                          <thead>\r\n                            <tr>\r\n                              <th>Course Name</th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody>\r\n                            {CourseName.map((CourseName) => (\r\n                              <tr>\r\n                                <td>{CourseName.courseName}</td>\r\n                              </tr>\r\n                            ))}\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false,\r\n                          SelectedNames:selectedRows });\r\n                          this.GetCourseName();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.onKeyUp}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map((letter, index) => (\r\n                          <button\r\n                            className=\"filter\"\r\n                            key={index}\r\n                            onClick={(event) =>\r\n                              this.handleFilter(event,letter)\r\n                            }\r\n                          >\r\n                            {letter}\r\n                          </button>\r\n                        ))}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/DegreeExl.faccef0c.xlsx\";","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddDegreepop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      Department: [],\r\n      ButtonDisabled:false\r\n    };\r\n  }\r\n\r\n  handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (this.Validation()) {\r\n      var DegreeName = document.getElementById(\"DegreeName\").value;\r\n      const data = new FormData();\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      data.append(\"DegreeName\", DegreeName);\r\n      var role = JSON.parse(localStorage.Role);\r\n      const url =\r\n        role.toString() === \"Platform Admin\"\r\n          ? `${BASE_URLs}/SuperAdmin/SADegree`\r\n          : `${BASE_URLs}/Degree/Post`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({\r\n          ButtonDisabled: true,\r\n        });\r\n        document.getElementById(\"Addpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document.getElementById(\"Addpop\").style.display = \"none\";\r\n      }\r\n      this.GetDegree();\r\n    }\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  GetDegree() {\r\n    let url = `${BASE_URLs}/Degree/Get`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Addskills: data,\r\n          Sort: data,\r\n          Degreefilt: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  Validation() {\r\n    var Degree = document.getElementById(\"DegreeName\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //Email\r\n    if (!Degree) {\r\n      formIsValid = false;\r\n      formErrors[\"DegreeErr\"] = \"Degree  is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetDegree();\r\n  }\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { DegreeErr } = this.state.formErrors;\r\n    const { Department } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Addpop\"\r\n          >\r\n            <form\r\n              autoComplete=\"off\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit}\r\n            >\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"DegreeName\"\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    name=\"DegreeName\"\r\n                    type=\"text\"\r\n                    onKeyPress={this.handleKeyPress}\r\n                    onKeyDown={this.handleKeyDown}\r\n                  />\r\n                  {!DegreeErr ? (\r\n                    <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                      Add Degree\r\n                    </div>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                      {DegreeErr}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <br />\r\n                <div className=\"col-sm-2\"></div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    disabled={this.state.ButtonDisabled}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditDegreePop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      Department: [],\r\n      ButtonDisabled: false,\r\n    };\r\n  }\r\n\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    var DegreeName = document.getElementById(\"Degree\").value;\r\n    var Id = document.getElementById(\"Id\").value;\r\n    e.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"DegreeName\", DegreeName);\r\n      data.append(\"Id\", Id);\r\n      const url = `${BASE_URLs}/Degree/EditDegree`;\r\n\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({\r\n          ButtonDisabled: true,\r\n        });\r\n        document.getElementById(\"Editpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document.getElementById(\"Editpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      }\r\n    }\r\n  };\r\n\r\n  Validation() {\r\n    var Degree = document.getElementById(\"Degree\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n\r\n    if (!Degree) {\r\n      formIsValid = false;\r\n      formErrors[\"DegreeErr\"] = \"Degree is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/GetMasterDepartment`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Department: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    // this.RelationshipDropList();\r\n    this.GetDepartment();\r\n  }\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { DegreeErr } = this.state.formErrors;\r\n    const { Department } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Editpop\"\r\n          >\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={this.props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n            <h1 className=\"popinnertitle\"></h1>\r\n            <form\r\n              autoComplete=\"off\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit}\r\n            >\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    id=\"Id\"\r\n                    name=\"Id\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    defaultValue={this.props.values.Degree}\r\n                    id=\"Degree\"\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    name=\"DegreeName\"\r\n                    type=\"text\"\r\n                  />\r\n                  {!DegreeErr ? (\r\n                    <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                      Degree\r\n                    </div>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                      {DegreeErr}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <br />\r\n                <div className=\"col-sm-4\"></div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport $ from \"jquery\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport AddSkillPop from \"../../Common/AddSkillPop\";\r\nimport EditSkillPop from \"../../Common/EditSkillPop\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport DegreeExl from \"../../Assets/Files/DegreeExl.xlsx\";\r\nimport AddDegreepop from \"../../Common/AddDegreepop\";\r\nimport EditDegreePop from \"../../Common/EditDegreepop\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport DataTable from 'react-data-table-component';\r\nimport \"../../Css/excel.css\";\r\n//\r\n//        Skill master page to display from sidebar\r\n\r\nvar XLSX = require(\"xlsx\");\r\n\r\n$(document).ready(function () {\r\n  $(\".notfound\").hide();\r\n\r\n  // Search User columns\r\n  $(\"#myInpcccut1\").keyup(function () {\r\n    // Search Text\r\n    var search = $(this).val();\r\n\r\n    // Hide all table tbody rows\r\n    $(\"table tbody tr\").hide();\r\n\r\n    // Count total search result\r\n    var len = $(\r\n      'table tbody tr:not(.notfound) td:contains(\"' + search + '\")'\r\n    ).length;\r\n\r\n    if (len > 0) {\r\n      // Searching text in columns and show match row\r\n      $('table tbody tr:not(.notfound) td:contains(\"' + search + '\")').each(\r\n        function () {\r\n          $(this).closest(\"tr\").show();\r\n        }\r\n      );\r\n    } else {\r\n      $(\".notfound\").show();\r\n    }\r\n  });\r\n\r\n  $.expr[\":\"].contains = $.expr.createPseudo(function (arg) {\r\n    return function (elem) {\r\n      return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;\r\n    };\r\n  });\r\n});\r\nexport default class MasterDegree extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      Addskills: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      Notification: [],\r\n      skillsgun: \"\",\r\n      catedrop: \"\",\r\n      rows: [],\r\n      cols: [],\r\n      currentSheet: {},\r\n      category: [],\r\n      comlogo: [],\r\n      Skillname: [],\r\n      Sort: [],\r\n      Degreefilt: [],\r\n      AddDegreeModel: false,\r\n      EditDegreeModel: false,\r\n      post: [],\r\n      number: \"1\",\r\n      postPerPage: \"10\",\r\n      EditDegreeValues: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n      filterValue:'',\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      selectAllChecked: false,\r\n      delay:false,\r\n      clearSelected: false,\r\n      selectedNames: [],\r\n      selectedRows:[],\r\n    };\r\n\r\n    this.initialState = this.state;\r\n    this.clearSelection = this.clearSelection.bind(this);\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"DegreeSheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  ChangePage = ({ selected }) => {\r\n    this.setState({ number: selected + 1 });\r\n  };\r\n\r\n  GetDegree() {\r\n    let url = `${BASE_URLs}/Degree/Get`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Addskills: data,\r\n          Sort: data,\r\n          Degreefilt: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n   \r\n    const { Addskills } = this.state;\r\n\r\n    const filterValue = Addskills.filter((item) =>\r\n    item.degree.toLowerCase().includes(e.target.value.toLowerCase())\r\n  );\r\n\r\n    this.setState({ Degreefilt: filterValue });\r\n  };\r\n\r\n  handleFilter = (event, letters) => {\r\n    const { Addskills } = this.state; // Use originalRecords for filtering\r\n    const filterValue = Addskills.filter(row => {\r\n      // Check if the row's businessUnit contains all the specified letters\r\n      return letters.split('').every(letter => row.degree.toLowerCase().startsWith(letter.toLowerCase()));\r\n    });\r\n  \r\n    // Update the state with the filtered data\r\n    this.setState({ Degreefilt: filterValue });\r\n  }\r\n  AddDegreeModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      AddDegreeModel: !prevState.AddDegreeModel,\r\n    }));\r\n    this.GetDegree();\r\n    this.clearSelection();\r\n  };\r\n  EditDegreeModel = (e, fn) => {\r\n    this.clearSelection();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditDegreeValues: {\r\n        id: e,\r\n        Degree: fn,\r\n      },\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      SelectedNames: [],\r\n      selectAllChecked: false,\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditDegreeModel: !prevState.EditDegreeModel,\r\n    }));\r\n    this.GetDegree();\r\n  };\r\n\r\n  deleteSkill = (id) => {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteEMPS?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n        //window.location.reload();\r\n      });\r\n    }\r\n  };\r\n\r\n  DeleteEMPSkill = (id) => {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteEMPSkill?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n          this.GetDegree();\r\n        });\r\n      });\r\n    }\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Degree/DegreeExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetDegree();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetDegree();\r\n    this.GetSkillname();\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n    setTimeout(() => {\r\n      this.setState({delay:true})\r\n    }, 2000);\r\n  }\r\n\r\n   handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form.js\");\r\n  };\r\n\r\n  GetSkillname() {\r\n    fetch(`${BASE_URLs}/Skill/GetSkillNameDrop`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Skillname: data });\r\n      });\r\n  }\r\n  EditSkill(Id, category, skillName, skillDescription) {\r\n    var page = {\r\n      pathname: \"/EditMasterSkill\",\r\n      state: {\r\n        Id: Id,\r\n        category: category,\r\n        skillName: skillName,\r\n        skillDescription: skillDescription,\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  selectableRowSelected = (row) => {\r\n    const { SelectedNames } = this.state;\r\n    if (!Array.isArray(SelectedNames)) {\r\n      return false;\r\n    }\r\n    return SelectedNames.some(selectedRow => selectedRow.id === row.id);\r\n  };\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n    const { SelectedNames } = this.state;\r\n    const currentSelectedNames = Array.isArray(SelectedNames) ? SelectedNames : [];\r\n    const uniqueManagerIds = new Set([\r\n      ...currentSelectedNames.map(row => row && row.id),\r\n      ...selectedRows.map(row => row && row.id)\r\n    ]);\r\n    const updatedSelectedNames = Array.from(uniqueManagerIds)\r\n      .filter(id => id !== undefined && id !== null)\r\n      .map(id => {\r\n        const existingRow = currentSelectedNames.find(row => row && row.id === id);\r\n        if (existingRow) {\r\n          return existingRow;\r\n        }\r\n        return selectedRows.find(row => row && row.id === id);\r\n      });\r\n    const updatedSelectedRows = selectedRows.filter(row =>\r\n      uniqueManagerIds.has(row.id)\r\n    );\r\n    this.setState({\r\n      SelectedNames: updatedSelectedNames,\r\n      selectedRows: updatedSelectedRows,\r\n      showSelectAll: updatedSelectedRows.length >= 2,\r\n      showDelete: updatedSelectedRows.length >= 1,\r\n      showDeleteCount: updatedSelectedRows.length > 0,\r\n      NewState: updatedSelectedNames,\r\n    });\r\n  };\r\n\r\n\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML =\r\n  //         checkboxes.length === 1\r\n  //           ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n  //           : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append(\"Id_delete\", row.id);\r\n    });\r\n\r\n    // console.log(\"FormData:\", data);\r\n\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].degree : this.state.SelectedNames.length;\r\n    if (\r\n      this.state.SelectedNames.length === 1 ? window.confirm(\"Are you sure you want to delete this \" + value + \" record permanently?\") :\r\n      window.confirm(\"Are you sure you want to delete these \" + value + \" records permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Degree/Multidelete`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.GetDegree();\r\n          toast.success(data, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          document\r\n            .getElementById(\"delete\")\r\n            .setAttribute(\"style\", \"visibility: hidden;\");\r\n          document\r\n            .getElementById(\"deletecount\")\r\n            .setAttribute(\"style\", \"visibility: hidden;\");\r\n          var checkboxes = document.querySelectorAll(\r\n            'input[type=\"checkbox\"]:checked'\r\n          );\r\n\r\n          for (var i = 0; i < checkboxes.length; i++) {\r\n            checkboxes[i].checked = false;\r\n          }\r\n        });\r\n      this.GetDegree();\r\n      this.clearSelection();\r\n    }\r\n  };\r\n\r\n  Sort = (e) => {\r\n    e.preventDefault();\r\n    if (e.target.value === \"1\") {\r\n      const arr = this.state.Degreefilt.sort((a, b) =>\r\n        a.category > b.category ? 1 : b.category > a.category ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"2\") {\r\n      const arr = this.state.Degreefilt.sort((a, b) =>\r\n        a.category < b.category ? 1 : b.category < a.category ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"3\") {\r\n      const arr = this.state.Degreefilt.sort((a, b) =>\r\n        a.skillName > b.skillName ? 1 : b.skillName > a.skillName ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    } else if (e.target.value === \"4\") {\r\n      const arr = this.state.Degreefilt.sort((a, b) =>\r\n        a.skillName < b.skillName ? 1 : b.skillName < a.skillName ? -1 : 0\r\n      );\r\n      this.setState({ arr });\r\n    }\r\n  };\r\n\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Degree/Multidelete`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.GetDegree();\r\n          toast.success(data, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          document\r\n            .getElementById(\"delete\")\r\n            .setAttribute(\"style\", \"visibility: hidden;\");\r\n          document\r\n            .getElementById(\"deletecount\")\r\n            .setAttribute(\"style\", \"visibility: hidden;\");\r\n          var checkboxes = document.querySelectorAll(\r\n            'input[type=\"checkbox\"]:checked'\r\n          );\r\n\r\n          for (var i = 0; i < checkboxes.length; i++) {\r\n            checkboxes[i].checked = false;\r\n          }\r\n          this.clearSelection();\r\n        });\r\n        \r\n      // this.Team();\r\n    }\r\n  };\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n  clearSelection() {\r\n    this.setState({ clearSelected: true }, () => {\r\n      this.setState({ \r\n        clearSelected: false, \r\n        showDelete: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false,  });\r\n    });\r\n  }\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const { category } = this.state;\r\n    const {delay, Degreefilt, Filterpop, FilterData,showExcel,filterValue,selectedRows} = this.state;\r\n    var filename = `O_${username}_Degree`;\r\n    const customStyles = {\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"  \r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\" ,\r\n          borderBottom: \"1px solid #ccc\",\r\n          \r\n        },\r\n      },\r\n   \r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\" \r\n          },\r\n        },\r\n      },\r\n    };\r\n    const columns = [\r\n      {\r\n        name:'Degree',\r\n        selector: row => row.degree,\r\n        id: \"isheader\",\r\n        grow: 3.5,\r\n        sortable: false, \r\n      },\r\n     \r\n      {\r\n        name: 'Actions',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.DeleteButton(row.id);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"Annbuttons sk-edit\"\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.EditDegreeModel(\r\n                  row.id,\r\n                  row.degree\r\n                );\r\n              }}\r\n              title=\"Edit\"\r\n            >\r\n              <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n\r\n    // const lastPost = this.state.number * this.state.postPerPage;\r\n    // const firstPost = lastPost - this.state.postPerPage;\r\n    // const currentPost = this.state.Degreefilt.slice(firstPost, lastPost);\r\n    // const PageCount = Math.ceil(this.state.Degreefilt.length / this.state.postPerPage);\r\n\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                        <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          <h4 className=\"title\">Degree</h4>\r\n                        </div>\r\n                        {this.state.AddDegreeModel ? (\r\n                          <AddDegreepop\r\n                            id=\"Success\"\r\n                            close={() => this.AddDegreeModel()}\r\n                          />\r\n                        ) : null}\r\n                        {this.state.EditDegreeModel ? (\r\n                          <EditDegreePop\r\n                            id=\"\"\r\n                            values={this.state.EditDegreeValues}\r\n                            close={() => this.EditDegreeModel()}\r\n                          />\r\n                        ) : null}\r\n                        <form onSubmit={this.handleSubmit}>\r\n                          <div className=\"card-block\">\r\n                            <div className=\"row\">\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <Link\r\n                                  onClick={() => this.AddDegreeModel()}\r\n                                  type=\"button\"\r\n                                  style={{\r\n                                    width: \"150px\",\r\n                                    background: \"white\",\r\n                                  }}\r\n                                  id=\"addBtn\"\r\n                                  className=\" btn dropdown_item-2\"\r\n                                  // className=\"btn \"\r\n                                >\r\n                                  Add{\" \"}\r\n                                </Link>\r\n                              </div>\r\n\r\n                              <div className=\"col btnalign\">\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"DegreeFile\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"DegreeFile\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                />\r\n                              </div>\r\n                              <div style={{padding: \"7px\"}} ></div>\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n\r\n                                {/* <ReactHTMLTableToExcel                  \r\n           className=\"btn\"  \r\n           table=\"DegreeSheet\"  \r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to excel\" />    */}\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={DegreeExl}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download a template\r\n                                </a>\r\n                              </div>\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n                              {/*         \r\n        <div className=\"col btnalign\" onKeyDown={this.handleKeyPress}>\r\n                                <a href={DegreeExl} className=\"download\" style={{padding:\"2px 15px\",boxShadow:\" -2px  -2px 16px -2px #5f7ae14a\"}} ><i title=\"Download Template\" className=\"icofont icofont-cloud-download\"></i></a>\r\n                              </div> */}\r\n                              <div\r\n                                style={{ height: \"60px\" }}\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch\"\r\n                                  placeholder=\"Search\"\r\n                                  value={filterValue}\r\n                                  onKeyUp={this.myFunction}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch1\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onKeyUp={this.myFunction}\r\n                                  value={filterValue}\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            <center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\">\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n)} \r\n</center>\r\n\r\n\r\n{showExcel && this.state.initialData !== undefined && (\r\n                              <div className=\"savebtndiv\" style={{marginBottom:\"10px\"}}>\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                &nbsp;&nbsp;&nbsp;\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  // onClick={(e) => {\r\n                                  //   e.preventDefault();\r\n                                  //   this.setState({ initialData: undefined });\r\n                                  // }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </button>\r\n                              </div>\r\n                            )}\r\n\r\n                            <OutTable\r\n                              data={this.state.rows}\r\n                              columns={this.state.cols}\r\n                              tableClassName=\"ExcelTable2007\"\r\n                              tableHeaderRowclassName=\"heading\"\r\n                            />\r\n                          </div>\r\n                          <br></br>\r\n                        </form>\r\n                        {/* <br />\r\n                        <br /> */}\r\n                        <br/>\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          >\r\n                            &nbsp;&nbsp;\r\n                          </div>\r\n                          <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            style={{ marginTop: \"-43px\" }}\r\n                          >\r\n                           <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden',marginTop:\"30px\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\",marginTop:\"30px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                              <span style={{backgroundColor: \"#007bff\",background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\"}}>{this.state.SelectedNames.length} selected</span>\r\n                               )}\r\n                            </span>\r\n                            <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                            <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                            </div>\r\n                            <center>\r\n                            <div className=\"dt-responsive table-responsive\" style={{maxWidth:\"60%\"}}>\r\n        <DataTable\r\n          columns={columns}\r\n          data={Degreefilt}\r\n          selectableRows\r\n          selectableRowSelected={!this.state.Filterpop ? this.selectableRowSelected : undefined}\r\n          onSelectedRowsChange={this.handlecheckbox}\r\n          pagination\r\n          customStyles={customStyles}\r\n          clearSelectedRows={this.state.clearSelected}\r\n          noDataComponent={Degreefilt.length===0 && delay?<div style={{  textAlign: 'center' }}>No Records</div>:null}\r\n        />\r\n      </div>\r\n      </center>\r\n                            {/* <div\r\n                              id=\"base-style_filter\"\r\n                              className=\"dataTables_filter\"\r\n                            >\r\n                              <div\r\n                                className=\"dt-responsive table-responsive table-res\"\r\n                                //  style={{display: 'flex',alignItems: 'center',justifyContent: 'center'}}\r\n                              >\r\n                                {this.state.Addskills.length === 0 ? null : (\r\n                                  <table\r\n                                    id=\"DegreeSheetmain\"\r\n                                    className=\"table   nowrap SkillGrid\"\r\n                                  >\r\n                                    <thead style={{ textAlign: \"left\" }} id=\"tablepadding\">\r\n                                      <tr>\r\n                                        <th>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"selectall\"\r\n                                            onClick={() => {\r\n                                              this.checkAll(this);\r\n                                            }}\r\n                                          />{\" \"}\r\n                                        </th>\r\n                                        <th>Degree&nbsp;&nbsp;</th>\r\n                                        <th style={{ textAlign: \"center\" }}>\r\n                                          Actions\r\n                                        </th>\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody id=\"tablepadding\">\r\n                                    {FilterData.length === 0 && Degreefilt.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                      {Degreefilt.map((degree) => (\r\n                                        <tr>\r\n                                          <td>\r\n                                            {\" \"}\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              name=\"Id_delete\"\r\n                                              onChange={this.handlecheckbox}\r\n                                              defaultValue={degree.id}\r\n                                            />\r\n                                          </td>\r\n                                          <td>{degree.degree}</td>\r\n                                          <td style={{ textAlign: \"center\" }}>\r\n                                            <button\r\n                                              className=\"button-30 sk-del\"\r\n                                              onClick={(e) => {\r\n                                                e.preventDefault();\r\n                                                this.DeleteButton(degree.id);\r\n                                              }}\r\n                                              title=\"Delete\"\r\n                                            >\r\n                                              {/* Delete&nbsp; */}\r\n                                              {/* <i\r\n                                                className=\"fa fa-minus\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>\r\n                                            </button>{\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <button\r\n                                              className=\"button-30 sk-edit\"\r\n                                              onClick={(e) =>{\r\n                                                e.preventDefault();\r\n                                                this.EditDegreeModel(\r\n                                                  degree.id,\r\n                                                  degree.degree\r\n                                                )\r\n                                              }} */}\r\n                                              {/* title=\"Edit\"\r\n                                              // src=\"https://img.icons8.com/android/22/000000/pencil.png\"/\r\n                                            > */}\r\n                                              {/* Edit&nbsp; */}\r\n                                              {/* <i\r\n                                                className=\"fa fa-edit\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>{\" \"}\r\n                                            </button>\r\n                                             &nbsp;&nbsp;&nbsp;\r\n                                          </td>\r\n                                        </tr>\r\n                                      ))}\r\n                                    </tbody>\r\n                                  </table>\r\n                                )}\r\n                              </div>\r\n                            </div> */} \r\n\r\n                            <br />\r\n\r\n                            <table\r\n                              id=\"DegreeSheet\"\r\n                              className=\"table    nowrap SkillGrid\"\r\n                              style={{ display: \"none\" }}\r\n                            >\r\n                              <thead style={{ textAlign: \"left\" }}>\r\n                                <tr>\r\n                                  <th>Degree</th>&nbsp;&nbsp;\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {Degreefilt.map((degree) => (\r\n                                  <tr>\r\n                                    <td>{degree.degree}</td>\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n\r\n                            {/*<ReactPaginate\r\n            previousLabel={\"Previous\"}\r\n            nextLabel={\"Next\"}\r\n            pageCount={PageCount}\r\n            onPageChange={this.ChangePage}\r\n            containerClassName={\"paginationBttns\"}\r\n            activeClassName={\"paginationActive\"}\r\n            disableInitialCallback={true}\r\n            initialPage={1}>\r\n            </ReactPaginate> */}\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false,\r\n                            SelectedNames:selectedRows });\r\n                          this.GetDegree();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.myFunction}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map((letter, index) => (\r\n                          <button\r\n                            className=\"filter\"\r\n                            key={index}\r\n                            onClick={(event) =>\r\n                              this.handleFilter(event,letter)\r\n                            }\r\n                          >\r\n                            {letter}\r\n                          </button>\r\n                        ))}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/DegreeLevelExl.792d688c.xlsx\";","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddDegreeLevelpop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      Department: [],\r\n      ButtonDisabled:false\r\n    };\r\n  }\r\n\r\n  handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    if (this.Validation()) {\r\n      var DegreeName = document.getElementById(\"DegreeName\").value;\r\n      const data = new FormData();\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      data.append(\"DegreeLevel\", DegreeName);\r\n      var role = JSON.parse(localStorage.Role);\r\n      const url =\r\n        role.toString() === \"Platform Admin\"\r\n          ? `${BASE_URLs}/SuperAdmin/SADegreelevel`\r\n          : `${BASE_URLs}/DegreeLevel/Post`;\r\n\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({\r\n          ButtonDisabled: true,\r\n        });\r\n        document.getElementById(\"Addpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 4000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n\r\n        document.getElementById(\"Addpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 4000);\r\n      }\r\n    }\r\n  };\r\n\r\n  Validation() {\r\n    var Degree = document.getElementById(\"DegreeName\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n\r\n    if (!Degree) {\r\n      formIsValid = false;\r\n      formErrors[\"DegreeErr\"] = \"Degree Level  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    // this.RelationshipDropList();\r\n  }\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n\r\n    var Degree = document.getElementById(\"DegreeName\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n\r\n    if (!Degree) {\r\n      formIsValid = false;\r\n      formErrors[\"DegreeErr\"] = \"Degree Level  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { DegreeErr } = this.state.formErrors;\r\n    const { Department } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Addpop\"\r\n          >\r\n            <form\r\n              autoComplete=\"off\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit}\r\n            >\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"DegreeName\"\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    name=\"DegreeLevel\"\r\n                    type=\"text\"\r\n                    onKeyPress={this.handleKeyPress}\r\n                    onKeyDown={this.handleKeyDown}\r\n                  />\r\n                  {!DegreeErr ? (\r\n                    <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                      Add Degree Level\r\n                    </div>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                      {DegreeErr}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-sm-4\"></div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    disabled={this.state.ButtonDisabled}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditDegreeLevelPop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      Department: [],\r\n      ButtonDisabled: false,\r\n    };\r\n  }\r\n\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    var DegreeLevel = document.getElementById(\"Degree\").value;\r\n    var Id = document.getElementById(\"Id\").value;\r\n    e.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"DegreeLevel\", DegreeLevel);\r\n      data.append(\"Id\", Id);\r\n      const url = `${BASE_URLs}/DegreeLevel/EditDegreeLevel`;\r\n\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({\r\n          ButtonDisabled: true,\r\n        });\r\n        document.getElementById(\"Editpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document.getElementById(\"Editpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      }\r\n    }\r\n  };\r\n\r\n  Validation() {\r\n    var Degree = document.getElementById(\"Degree\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    //Email\r\n\r\n    if (!Degree) {\r\n      formIsValid = false;\r\n      formErrors[\"DegreeErr\"] = \"Degree Level is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/GetMasterDepartment`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Department: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetDepartment();\r\n  }\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { DegreeErr } = this.state.formErrors;\r\n    const { Department } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Editpop\"\r\n          >\r\n            <form\r\n              autoComplete=\"off\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit}\r\n            >\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    id=\"Id\"\r\n                    name=\"Id\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    defaultValue={this.props.values.id}\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    onKeyDown={this._handleKeyDown}\r\n                    defaultValue={this.props.values.Degree}\r\n                    id=\"Degree\"\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    name=\"DegreeLevel\"\r\n                    type=\"text\"\r\n                  />\r\n                  {!DegreeErr ? (\r\n                    <div style={{ color: \"#a29d9d\", textAlign: \"left\" }}>\r\n                      Degree Level\r\n                    </div>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", textAlign: \"left\" }}>\r\n                      {DegreeErr}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <br />\r\n                <div className=\"col-sm-4\"></div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport $ from \"jquery\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport AddSkillPop from \"../../Common/AddSkillPop\";\r\nimport EditSkillPop from \"../../Common/EditSkillPop\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport DegreeExl1 from \"../../Assets/Files/DegreeLevelExl.xlsx\";\r\nimport AddDegreeLevelpop from \"../../Common/AddDegreeLevelpop\";\r\nimport EditDegreeLevelpop from \"../../Common/EditDegreeLevelpop\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport DataTable from 'react-data-table-component';\r\nimport \"../../Css/excel.css\";\r\nvar XLSX = require(\"xlsx\");\r\n//\r\n//        Skill master page to display from sidebar\r\n\r\n$(document).ready(function () {\r\n  $(\".notfound\").hide();\r\n\r\n  // Search User columns\r\n  $(\"#myInpcccut1\").keyup(function () {\r\n    // Search Text\r\n    var search = $(this).val();\r\n\r\n    // Hide all table tbody rows\r\n    $(\"table tbody tr\").hide();\r\n\r\n    // Count total search result\r\n    var len = $(\r\n      'table tbody tr:not(.notfound) td:contains(\"' + search + '\")'\r\n    ).length;\r\n\r\n    if (len > 0) {\r\n      // Searching text in columns and show match row\r\n      $('table tbody tr:not(.notfound) td:contains(\"' + search + '\")').each(\r\n        function () {\r\n          $(this).closest(\"tr\").show();\r\n        }\r\n      );\r\n    } else {\r\n      $(\".notfound\").show();\r\n    }\r\n  });\r\n\r\n  $.expr[\":\"].contains = $.expr.createPseudo(function (arg) {\r\n    return function (elem) {\r\n      return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;\r\n    };\r\n  });\r\n});\r\nexport default class MasterDegreeLevel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      Addskills: [],\r\n      Id: \"\",\r\n      Notification: [],\r\n      skillsgun: \"\",\r\n      catedrop: \"\",\r\n      rows: [],\r\n      cols: [],\r\n      currentSheet: {},\r\n      category: [],\r\n      comlogo: [],\r\n      Skillname: [],\r\n      Sort: [],\r\n      Skillfilt: [],\r\n      AddDegreeModel: false,\r\n      EditDegreeModel: false,\r\n      post: [],\r\n      number: \"1\",\r\n      postPerPage: \"10\",\r\n      EditDegreeValues: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n      filterValue:'',\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      selectAllChecked: false,\r\n      delay:false,\r\n      clearSelected: false,\r\n      selectedNames: [],\r\n      selectedRows:[],\r\n    };\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  ChangePage = ({ selected }) => {\r\n    this.setState({ number: selected + 1 });\r\n  };\r\n\r\n  exportXlsx(filename) {\r\n    this.clearSelection();\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"DegreeLevelSheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    const Skillfilt = this.state.Addskills.filter((item) =>\r\n      item.degreeLevel.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Skillfilt });\r\n  };\r\n\r\n  handleFilter = (event, letters) => {\r\n    const { Addskills } = this.state; // Use originalRecords for filtering\r\n    const filterValue = Addskills.filter(row => {\r\n      // Check if the row's businessUnit contains all the specified letters\r\n      return letters.split('').every(letter => row.degreeLevel.toLowerCase().startsWith(letter.toLowerCase()));\r\n    });\r\n  \r\n    // Update the state with the filtered data\r\n    this.setState({ Skillfilt: filterValue });\r\n  }\r\n\r\n  AddDegreeModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState((prevState) => ({\r\n      AddDegreeModel: !prevState.AddDegreeModel,\r\n    }));\r\n    this.clearSelection();\r\n    this.GetDegreelevel();\r\n  };\r\n\r\n  EditDegreeModel = (e, fn) => {\r\n    this.clearSelection();\r\n    this.setState({\r\n      EditDegreeValues: {\r\n        id: e,\r\n        Degree: fn,\r\n      },\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      SelectedNames: [],\r\n      selectAllChecked: false,\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditDegreeModel: !prevState.EditDegreeModel,\r\n    }));\r\n    this.GetDegreelevel();\r\n  };\r\n\r\n  deleteSkill = (id) => {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteEMPS?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          alert(resp);\r\n        });\r\n        //window.location.reload();\r\n      });\r\n    }\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  \r\n  };\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n  GetDegreelevel() {\r\n    let url = `${BASE_URLs}/DegreeLevel/GetDegreeLevel`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Addskills: data,\r\n          Sort: data,\r\n          Skillfilt: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  handleSubmitxl = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/DegreeLevel/DegreeLevelExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetDegreelevel();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetDegreelevel();\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n\r\n    setTimeout(() => {\r\n      this.setState({delay:true})\r\n    }, 2000);\r\n  }\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n   \r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form.js\");\r\n  };\r\n\r\n  selectableRowSelected = (row) => {\r\n    const { SelectedNames } = this.state;\r\n    if (!Array.isArray(SelectedNames)) {\r\n      return false;\r\n    }\r\n    return SelectedNames.some(selectedRow => selectedRow.id === row.id);\r\n  };\r\n\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n    const { SelectedNames } = this.state;\r\n    const currentSelectedNames = Array.isArray(SelectedNames) ? SelectedNames : [];\r\n    const uniqueManagerIds = new Set([\r\n      ...currentSelectedNames.map(row => row && row.id),\r\n      ...selectedRows.map(row => row && row.id)\r\n    ]);\r\n    const updatedSelectedNames = Array.from(uniqueManagerIds)\r\n      .filter(id => id !== undefined && id !== null)\r\n      .map(id => {\r\n        const existingRow = currentSelectedNames.find(row => row && row.id === id);\r\n        if (existingRow) {\r\n          return existingRow;\r\n        }\r\n        return selectedRows.find(row => row && row.id === id);\r\n      });\r\n    const updatedSelectedRows = selectedRows.filter(row =>\r\n      uniqueManagerIds.has(row.id)\r\n    );\r\n    this.setState({\r\n      SelectedNames: updatedSelectedNames,\r\n      selectedRows: updatedSelectedRows,\r\n      showSelectAll: updatedSelectedRows.length >= 2,\r\n      showDelete: updatedSelectedRows.length >= 1,\r\n      showDeleteCount: updatedSelectedRows.length > 0,\r\n      NewState: updatedSelectedNames,\r\n    });\r\n  };\r\n\r\n\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML =\r\n  //         checkboxes.length === 1\r\n  //           ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n  //           : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  cancel = () => {\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    \r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append(\"Id_delete\", row.id);\r\n    });\r\n\r\n    // console.log(\"FormData:\", data);\r\n\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].degreeLevel: this.state.SelectedNames.length;\r\n    if (\r\n      this.state.SelectedNames.length === 1 ? window.confirm(\"Are you sure you want to delete this \" + value + \" record permanently?\") :\r\n      window.confirm(\"Are you sure you want to delete these \" + value + \" records permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/DegreeLevel/Multidelete`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.GetDegreelevel();\r\n          toast.success(data, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n        this.clearSelection();\r\n    }\r\n    this.GetDegreelevel();\r\n  };\r\n\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/DegreeLevel/Multidelete`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.GetDegreelevel();\r\n          toast.success(data, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          document\r\n            .getElementById(\"delete\")\r\n            .setAttribute(\"style\", \"visibility: hidden;\");\r\n          document\r\n            .getElementById(\"deletecount\")\r\n            .setAttribute(\"style\", \"visibility: hidden;\");\r\n          var checkboxes = document.querySelectorAll(\r\n            'input[type=\"checkbox\"]:checked'\r\n          );\r\n\r\n          for (var i = 0; i < checkboxes.length; i++) {\r\n            checkboxes[i].checked = false;\r\n          }\r\n          this.clearSelection();\r\n        });\r\n      // this.Team();\r\n    }\r\n  };\r\n\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n  clearSelection() {\r\n    this.setState({ clearSelected: true }, () => {\r\n      this.setState({ \r\n        clearSelected: false, \r\n        showDelete: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false,  });\r\n    });\r\n  }\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const {delay, Skillfilt, Filterpop, FilterData,showExcel,filterValue,SelectedNames,selectedRows } = this.state;\r\n    var filename = `O_${username}_DegreeLevel`;\r\n\r\n    const customStyles = {\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"  \r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\" ,\r\n          borderBottom: \"1px solid #ccc\",\r\n          \r\n        },\r\n      },\r\n   \r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\" \r\n          },\r\n        },\r\n      },\r\n    };\r\n    const columns = [\r\n      {\r\n        name:'Degree Level',\r\n        selector: row => row.degreeLevel,\r\n        id: \"isheader\",\r\n        grow: 3.5,\r\n        sortable: false, \r\n      },\r\n     \r\n      {\r\n        name: 'Actions',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.DeleteButton(row.id);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"Annbuttons sk-edit\"\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.EditDegreeModel(\r\n                  row.id,\r\n                  row.degreeLevel\r\n                );\r\n              }}\r\n              title=\"Edit\"\r\n            >\r\n              <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                        <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          <h4 className=\"title\">Degree Level</h4>\r\n                        </div>\r\n                        {this.state.AddDegreeModel ? (\r\n                          <AddDegreeLevelpop\r\n                            id=\"Success\"\r\n                            close={() => this.AddDegreeModel()}\r\n                          />\r\n                        ) : null}\r\n                        {this.state.EditDegreeModel ? (\r\n                          <EditDegreeLevelpop\r\n                            id=\"\"\r\n                            values={this.state.EditDegreeValues}\r\n                            close={() => this.EditDegreeModel()}\r\n                          />\r\n                        ) : null}\r\n                        <form onSubmit={this.handleSubmitxl}>\r\n                          <div className=\"card-block\">\r\n                            <div className=\"row\">\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <Link\r\n                                  onClick={() => this.AddDegreeModel()}\r\n                                  type=\"button\"\r\n                                  style={{\r\n                                    width: \"150px\",\r\n                                    background: \"white\",\r\n                                  }}\r\n                                  id=\"addBtn\"\r\n                                  className=\" btn dropdown_item-2\"\r\n                                  // className=\"btn \"\r\n                                >\r\n                                  Add{\" \"}\r\n                                </Link>\r\n                              </div>\r\n\r\n                              <div className=\"col btnalign\">\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"DegreeFile\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"DegreeFile\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onClick={this.clearSelection}\r\n                                />\r\n                              </div>\r\n                              <div style={{padding: \"7px\"}} ></div>\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n                                {/* <ReactHTMLTableToExcel                  \r\n           className=\"btn\"  \r\n           table=\"DegreeLevelSheet\"  \r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to excel\"/>  */}\r\n                              </div>\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={DegreeExl1}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download a template\r\n                                </a>\r\n                              </div>\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n\r\n                              {/* <div className=\"col btnalign\" onKeyDown={this.handleKeyPress}>\r\n         <a href={DegreeExl} className=\"download\" style={{padding:\"2px 15px\",boxShadow:\" -2px  -2px 16px -2px #5f7ae14a\"}} ><i title=\"Download Template\" className=\"icofont icofont-cloud-download\"></i></a>\r\n         </div> */}\r\n                              <div\r\n                                style={{ height: \"60px\" }}\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyUp={this.myFunction}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch1\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onKeyUp={this.myFunction}\r\n                                  value={filterValue}\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            <center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\">\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n)}\r\n</center>\r\n\r\n\r\n{showExcel && this.state.initialData !== undefined && (\r\n                              <div className=\"savebtndiv\" style={{marginBottom:\"10px\"}}>\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                              </div>\r\n                            )}\r\n\r\n                            <OutTable\r\n                              data={this.state.rows}\r\n                              columns={this.state.cols}\r\n                              tableClassName=\"ExcelTable2007\"\r\n                              tableHeaderRowclassName=\"heading\"\r\n                            />\r\n                          </div>\r\n                          <br></br>\r\n                        </form>\r\n                        <br/>\r\n                        {/* <br />\r\n                        <br /> */}\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          >\r\n                            &nbsp;&nbsp;\r\n                          </div>\r\n                          <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            style={{ marginTop: \"-41px\" }}\r\n                          >\r\n                           <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden',marginTop:\"30px\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\",marginTop:\"30px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                              <span style={{backgroundColor: \"#007bff\",background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\"}}>{this.state.SelectedNames.length} selected</span>\r\n                               )}\r\n                            </span>\r\n                            <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                            <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                            </div>\r\n                            <center>\r\n                            <div className=\"dt-responsive table-responsive\" style={{maxWidth:\"60%\"}}>\r\n        <DataTable\r\n          columns={columns}\r\n          data={Skillfilt}\r\n          selectableRows\r\n          selectableRowSelected={!this.state.Filterpop ? this.selectableRowSelected : undefined}\r\n          onSelectedRowsChange={this.handlecheckbox}\r\n          pagination\r\n          customStyles={customStyles}\r\n          clearSelectedRows={this.state.clearSelected}\r\n          noDataComponent={Skillfilt.length===0 && delay?<div style={{  textAlign: 'center' }}>No Records</div>:null}\r\n        />\r\n      </div>\r\n      </center>\r\n                            {/* <div\r\n                              id=\"base-style_filter\"\r\n                              className=\"dataTables_filter\"\r\n                            >\r\n                              <div\r\n                                className=\"dt-responsive table-responsive table-res\"\r\n                                //style={{display: 'flex',alignItems: 'center',justifyContent: 'center'}}\r\n                              >\r\n                                {this.state.Addskills.length === 0 ? null : (\r\n                                  <table\r\n                                    id=\"DegreeSheetmain\"\r\n                                    className=\"table nowrap SkillGrid\"\r\n                                  >\r\n                                    <thead style={{ textAlign: \"left\" }} id=\"tablepaddingA\">\r\n                                      <tr>\r\n                                        <th>\r\n                                          {\" \"}\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"selectall\"\r\n                                            onClick={() => {\r\n                                              this.checkAll(this);\r\n                                            }}\r\n                                          />{\" \"}\r\n                                        </th>\r\n\r\n                                        <th>Degree Level&nbsp;&nbsp;</th>\r\n                                        <th style={{ textAlign: \"center\" }}>\r\n                                          Actions\r\n                                        </th>\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody id=\"tablepadding\">\r\n                                    {FilterData.length === 0 && Skillfilt.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                      {Skillfilt.map((skill) => (\r\n                                        <tr>\r\n                                          <td>\r\n                                            {\" \"}\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              name=\"Id_delete\"\r\n                                              onChange={this.handlecheckbox}\r\n                                              defaultValue={skill.id}\r\n                                            />\r\n                                          </td>\r\n                                          <td>{skill.degreeLevel}</td>\r\n                                          <td style={{ textAlign: \"center\" }}>\r\n                                            <button\r\n                                              className=\"button-30 sk-del\"\r\n                                              onClick={(e) => {\r\n                                                e.preventDefault();\r\n                                                this.DeleteButton(skill.id);\r\n                                              }}\r\n                                              title=\"Delete\"\r\n                                            >\r\n                                              {/* Delete&nbsp; */}\r\n                                              {/* <i\r\n                                                className=\"fa fa-minus\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>\r\n                                            </button>{\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <button\r\n                                              className=\"button-30 sk-edit\"\r\n                                              onClick={(e) => {\r\n                                                e.preventDefault();\r\n                                                this.EditDegreeModel(\r\n                                                  skill.id,\r\n                                                  skill.degreeLevel\r\n                                                );\r\n                                              }}\r\n                                              title=\"Edit\" */}\r\n                                              {/* // src=\"https://img.icons8.com/android/22/000000/pencil.png\"/\r\n                                            >\r\n                                              {/* Edit&nbsp; */}\r\n                                              {/* <i\r\n                                                className=\"fa fa-edit\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>\r\n                                            </button>\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                          </td>\r\n                                        </tr>\r\n                                      ))}\r\n                                    </tbody>\r\n                                  </table>\r\n                                )}\r\n                              </div>\r\n                            </div> */} \r\n\r\n                            <br />\r\n\r\n                            <table\r\n                              id=\"DegreeLevelSheet\"\r\n                              className=\"table nowrap SkillGrid\"\r\n                              hidden\r\n                            >\r\n                              <thead style={{ textAlign: \"left\" }}>\r\n                                <tr>\r\n                                  <th>Degree Level</th>\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {Skillfilt.map((skill) => (\r\n                                  <tr>\r\n                                    <td>{skill.degreeLevel}</td>\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false,\r\n                          SelectedNames:selectedRows });\r\n                          this.GetDegreelevel();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.myFunction}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map((letter, index) => (\r\n                          <button\r\n                            className=\"filter\"\r\n                            key={index}\r\n                            onClick={(event) =>\r\n                              this.handleFilter(event,letter)\r\n                            }\r\n                          >\r\n                            {letter}\r\n                          </button>\r\n                        ))}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddSpecialization extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      CourseName: [],\r\n      ButtonDisabled:false\r\n    };\r\n  }\r\n\r\n  handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    if (this.Validation()) {\r\n      var Addspec = document.getElementById(\"Addspec\").value;\r\n      const data = new FormData();\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      data.append(\"Addspec\", Addspec);\r\n      var role = JSON.parse(localStorage.Role);\r\n      const url =\r\n        role.toString() === \"Platform Admin\"\r\n          ? `${BASE_URLs}/SuperAdmin/SASpecialization`\r\n          : `${BASE_URLs}/Specialization/AddSpecialization`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.setState({\r\n          ButtonDisabled: true,\r\n        });\r\n        document.getElementById(\"Addpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n        this.GetSpecialization();\r\n        // this.props.close;\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n\r\n        document.getElementById(\"Addpop\").style.display = \"none\";\r\n        setTimeout(function () {\r\n          if (document.getElementById(\"close\")) {\r\n            document.getElementById(\"close\").click();\r\n          }\r\n        }, 4000);\r\n      }\r\n    }\r\n    this.GetSpecialization();\r\n  };\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Addspec = document.getElementsByName(\"Addspec\");\r\n\r\n    // var otherdepartment = document.getElementById(\"departmenttext\").value\r\n    if (!Addspec[0].value) {\r\n      formIsValid = false;\r\n      formErrors[\"Addspec\"] = \"Specialization  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var Addspec = document.getElementsByName(\"Addspec\");\r\n\r\n    // var otherdepartment = document.getElementById(\"departmenttext\").value\r\n    if (!Addspec[0].value) {\r\n      formIsValid = false;\r\n      formErrors[\"Addspec\"] = \"Specialization  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  Handledepartment() {\r\n    var DepartmentName = document.getElementsByName(\"DepartmentName\"); //.value;\r\n\r\n    if (DepartmentName[0].value === \"Others\") {\r\n      document.getElementById(\"departmenttext\").value = \"\";\r\n      document.getElementById(\"departmenttext\").type = \"text\";\r\n    }\r\n  }\r\n\r\n  GetSpecialization() {\r\n    let url = `${BASE_URLs}/Specialization/GetSpecialization`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          CourseName: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetSpecialization();\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { otherdepartment, Addspec } = this.state.formErrors;\r\n    //    const {CourseName}=this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Addpop\"\r\n          >\r\n            <form\r\n              autoComplete=\"off\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit}\r\n            >\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"Addspec\"\r\n                    onChange={(e) => {\r\n                      this.AutoCaps(e);\r\n                    }}\r\n                    name=\"Addspec\"\r\n                    type=\"text\"\r\n                    onKeyPress={this.handleKeyPress}\r\n                    onKeyDown={this.handleKeyDown}\r\n                  />\r\n\r\n                  {!Addspec ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Add Specialization\r\n                    </span>\r\n                  ) : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>{Addspec}</div>\r\n                  )}\r\n                  <input\r\n                    type=\"hidden\"\r\n                    Name=\"otherdepartment\"\r\n                    className=\"form\"\r\n                    id=\"departmenttext\"\r\n                  />\r\n                  {!otherdepartment ? null : (\r\n                    <div style={{ color: \"red\", float: \"left\" }}>\r\n                      {otherdepartment}\r\n                    </div>\r\n                  )}\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <br />\r\n                <div className=\"col-sm-4\"></div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    disabled={this.state.ButtonDisabled}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport Select from \"react-select\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditSpecialization extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Department: [],\r\n      ButtonDisabled: false,\r\n    };\r\n    // this.handleSubmit=this.handleSubmit.bind(this);\r\n  }\r\n\r\n  _handleKeyDown = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleSubmit(e);\r\n    }\r\n  };\r\n\r\n  Validation() {\r\n    var Addspec = document.getElementById(\"Addspec\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    if (!Addspec) {\r\n      formIsValid = false;\r\n      formErrors[\"Addspec\"] = \"Specialization  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    var Addspec = document.getElementById(\"Addspec\").value;\r\n    var Id = document.getElementById(\"Id\").value;\r\n\r\n    event.preventDefault();\r\n    if (this.Validation()) {\r\n      this.setState({\r\n        ButtonDisabled: true,\r\n      });\r\n      const data = new FormData();\r\n      data.append(\"Addspec\", Addspec);\r\n      data.append(\"Id\", Id);\r\n\r\n      fetch(`${BASE_URLs}/Specialization/EditSpecialization`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            this.setState({\r\n              ButtonDisabled: true,\r\n            });\r\n            document.getElementById(\"Editpop\").style.display = \"none\";\r\n            setTimeout(function () {\r\n              if (document.getElementById(\"close\")) {\r\n                document.getElementById(\"close\").click();\r\n              }\r\n            }, 4000);\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            setTimeout(function () {\r\n              if (document.getElementById(\"close\")) {\r\n                document.getElementById(\"close\").click();\r\n              }\r\n            }, 4000);\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { Department } = this.state;\r\n    const { Addspec } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n            id=\"Editpop\"\r\n          >\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit.bind(this)}>\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-3\"></div>\r\n\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    id=\"Id\"\r\n                    name=\"Id\"\r\n                    defaultValue={this.props.values.id}\r\n                    onKeyDown={this._handleKeyDown}\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    defaultValue={this.props.values.Specialization}\r\n                    onKeyDown={this._handleKeyDown}\r\n                    id=\"Addspec\"\r\n                    name=\"Addspec\"\r\n                    type=\"text\"\r\n                  />\r\n                  {Addspec == null ? (\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Specialization Name\r\n                      <span style={{ color: \"red\", float: \"left\" }}></span>\r\n                    </span>\r\n                  ) : (\r\n                    <span\r\n                      style={{ color: \"red\", float: \"left\" }}\r\n                      className={Addspec ? \" showError\" : \"\"}\r\n                    >\r\n                      {Addspec}\r\n                    </span>\r\n                  )}\r\n                </div>\r\n                <span className=\"underline\" />\r\n              </div>\r\n              <br />\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    disabled={this.state.ButtonDisabled}\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/SpecializationExl.90e44602.xlsx\";","import React, { Component } from \"react\";\r\nimport AddSpecialization from \"../../Common/AddSpecialization\";\r\nimport EditSpecialization from \"../../Common/EditSpecialization\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SpecializationExl from \"../../Assets/Files/SpecializationExl.xlsx\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport DataTable from 'react-data-table-component';\r\nimport \"../../Css/excel.css\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class CourseName extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      SpecModel: false,\r\n      comlogo: [],\r\n      Specialization: [],\r\n      Spec: [],\r\n      formErrors: {},\r\n      EditModel: false,\r\n      EditCourseValues: [],\r\n      Notification: [],\r\n      rows: [],\r\n      cols: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n      filterValue:'',\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      selectAllChecked: false,\r\n      delay:false,\r\n      clearSelected: false,\r\n      selectedNames: [],\r\n      selectedRows:[],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"SpecializationSheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetSpecialization() {\r\n    let url = `${BASE_URLs}/Specialization/GetSpecialization`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Specialization: data,\r\n          Spec: data,\r\n        });\r\n        // console.log(\"specialization\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  SpecModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deleteSpec\")) {\r\n      var checkboxes = document.getElementsByName(\"deleteSpec\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState((prevState) => ({\r\n      SpecModel: !prevState.SpecModel,\r\n    }));\r\n    this.clearSelection();\r\n    this.GetSpecialization();\r\n  };\r\n  EditModel = (id, Specialization) => {\r\n    this.clearSelection();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deleteSpec\")) {\r\n      var checkboxes = document.getElementsByName(\"deleteSpec\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState({\r\n      EditCourseValues: {\r\n        id: id,\r\n        Specialization: Specialization,\r\n      },\r\n      showDelete: false,\r\n      showDeleteCount: false,\r\n      SelectedNames: [],\r\n      selectAllChecked: false,\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n\r\n    this.GetSpecialization();\r\n  };\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetSpecialization();\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n\r\n    setTimeout(() => {\r\n      this.setState({delay:true})\r\n    }, 2000);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleFormValidation() {\r\n    const {\r\n      FirstName,\r\n      LastName,\r\n      Email,\r\n      Mobile,\r\n      Department,\r\n      Designation,\r\n      RoleName,\r\n    } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    }\r\n    if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    }\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email id.\";\r\n    }\r\n    if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile is required\";\r\n    }\r\n    // else if (!Mobile >= 10) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"MobileErr\"] = \"Invalid Mobile number.\";\r\n    // }\r\n    else {\r\n      var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n      if (!mobPattern.test(Mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"MobileErr\"] = \"Invalid phone number.\";\r\n      }\r\n    }\r\n    if (!Department) {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"department is required\";\r\n    }\r\n    if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"designation is required\";\r\n    }\r\n    if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Specialization/SpecExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ initialData: undefined });\r\n\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetSpecialization();\r\n          this.setState({ currentSheet: this.state.initialData });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n  };\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  Noticount = async (Id) => {\r\n    await fetch(`${BASE_URLs}/Notification/Noticount`, {\r\n      method: \"PUT\",\r\n      headers: {\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Notification_Id: Id,\r\n      }),\r\n    }).then((result) => {\r\n      result.json().then((resp) => {\r\n        localStorage.setItem(\"success\", JSON.stringify(resp.status));\r\n\r\n        var a = localStorage.getItem(\"success\");\r\n        var b = JSON.parse(a);\r\n        if (b === \"Success\") {\r\n          window.location.href = \"/Organization\";\r\n          localStorage.removeItem(\"success\");\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"deleteSpec\");\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  // handlecheckbox() {\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;margin-top: 30px;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);margin-top: 30px;\"\r\n  //       );\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n  //     } else {\r\n  //       msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       //\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n  selectableRowSelected = (row) => {\r\n    const { SelectedNames } = this.state;\r\n    if (!Array.isArray(SelectedNames)) {\r\n      return false;\r\n    }\r\n    return SelectedNames.some(selectedRow => selectedRow.id === row.id);\r\n  };\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n    const { SelectedNames } = this.state;\r\n    const currentSelectedNames = Array.isArray(SelectedNames) ? SelectedNames : [];\r\n    const uniqueManagerIds = new Set([\r\n      ...currentSelectedNames.map(row => row && row.id),\r\n      ...selectedRows.map(row => row && row.id)\r\n    ]);\r\n    const updatedSelectedNames = Array.from(uniqueManagerIds)\r\n      .filter(id => id !== undefined && id !== null)\r\n      .map(id => {\r\n        const existingRow = currentSelectedNames.find(row => row && row.id === id);\r\n        if (existingRow) {\r\n          return existingRow;\r\n        }\r\n        return selectedRows.find(row => row && row.id === id);\r\n      });\r\n    const updatedSelectedRows = selectedRows.filter(row =>\r\n      uniqueManagerIds.has(row.id)\r\n    );\r\n    this.setState({\r\n      SelectedNames: updatedSelectedNames,\r\n      selectedRows: updatedSelectedRows,\r\n      showSelectAll: updatedSelectedRows.length >= 2,\r\n      showDelete: updatedSelectedRows.length >= 1,\r\n      showDeleteCount: updatedSelectedRows.length > 0,\r\n      NewState: updatedSelectedNames,\r\n    });\r\n  };\r\n\r\n  onKeyUp = (e) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deleteSpec\")) {\r\n      var checkboxes = document.getElementsByName(\"deleteSpec\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    } \r\n    const { Spec } = this.state; \r\n    const filterValue = Spec.filter((item) =>\r\n    item.specialization.toLowerCase().includes(e.target.value.toLowerCase())\r\n  );\r\n\r\n    this.setState({ Specialization: filterValue });\r\n  };\r\n\r\n  handleFilter = (event, letters) => {\r\n    const { Spec } = this.state; // Use originalRecords for filtering\r\n    const filterValue = Spec.filter(row => {\r\n      // Check if the row's businessUnit contains all the specified letters\r\n      return letters.split('').every(letter => row.specialization.toLowerCase().startsWith(letter.toLowerCase()));\r\n    });\r\n  \r\n    // Update the state with the filtered data\r\n    this.setState({ Specialization: filterValue });\r\n  }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append(\"Id_delete\", row.id);\r\n      data.append(\"deleteSpec\", row.id);\r\n    });\r\n\r\n    // console.log(\"FormData:\", data);\r\n\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].specialization : this.state.SelectedNames.length;\r\n   \r\n    \r\n    if (\r\n      this.state.SelectedNames.length === 1 ? window.confirm(\"Are you sure you want to delete this \" + value + \" record permanently?\") :\r\n      window.confirm(\"Are you sure you want to delete these \" + value + \" records permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Specialization/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((data) => {\r\n          // alert(resp.message);\r\n          this.GetSpecialization();\r\n          toast.success(data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n        this.clearSelection();\r\n    }\r\n    this.GetSpecialization();\r\n  };\r\n\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    data.append(\"deleteSpec\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Specialization/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n\r\n          this.GetSpecialization();\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n      this.clearSelection();\r\n    }\r\n\r\n    this.setState({ currentSheet: this.state.initialData });\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n  clearSelection() {\r\n    this.setState({ clearSelected: true }, () => {\r\n      this.setState({ \r\n        clearSelected: false, \r\n        showDelete: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false,  });\r\n    });\r\n  }\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_Specialization`;\r\n\r\n    const { delay,Specialization, Filterpop, FilterData, showExcel,filterValue,selectedRows } = this.state;\r\n    const customStyles = {\r\n      headCells: {\r\n        style: {\r\n          flex: \"0.5\" \r\n        }\r\n      },\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"  \r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\" ,\r\n          borderBottom: \"1px solid #ccc\",\r\n          \r\n        },\r\n      },\r\n   \r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\" \r\n          },\r\n        },\r\n      },\r\n    };\r\n\r\n    const columns = [\r\n      {\r\n        name:'Specialization',\r\n        selector: row => row.specialization,\r\n        id: \"isheader\",\r\n        grow: 3.5,\r\n        sortable: false, \r\n      },\r\n     \r\n      {\r\n        name: 'Actions',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.DeleteButton(row.id);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"Annbuttons sk-edit\"\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.setState({ Filterpop: false });\r\n                this.EditModel(\r\n                  row.id,\r\n                  row.specialization\r\n                  \r\n                 \r\n                );\r\n              }}\r\n              title=\"Edit\"\r\n            >\r\n              <i className=\"fa fa-edit\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <Link\r\n                                to\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </Link>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            {\" \"}\r\n                            Specialization{\" \"}\r\n                          </h4>\r\n                        </div>\r\n                        {this.state.EditModel ? (\r\n                          <EditSpecialization\r\n                            values={this.state.EditCourseValues}\r\n                            close={() => this.EditModel()}\r\n                          />\r\n                        ) : null}\r\n                        {this.state.SpecModel ? (\r\n                          <AddSpecialization close={() => this.SpecModel()} />\r\n                        ) : null}\r\n\r\n                        <div className=\"card-block\">\r\n                          <form onSubmit={this.handleSubmit}>\r\n                            <div className=\"row\">\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <Link\r\n                                  type=\"button\"\r\n                                  onClick={this.SpecModel}\r\n                                  style={{\r\n                                    width: \"150px\",\r\n                                    background: \"white\",\r\n                                  }}\r\n                                  className=\"btn \"\r\n                                >\r\n                                  Add{\" \"}\r\n                                </Link>\r\n                              </div>\r\n                              <div className=\"col btnalign\">\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"Special\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"Special\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                />\r\n                              </div>\r\n                              <div style={{padding: \"7px\"}} ></div>\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n                                {/* <ReactHTMLTableToExcel\r\n                            className=\"btn \"\r\n                            table=\"SpecializationSheet\"\r\n                            filename={filename}\r\n                            sheet=\"Sheet\"\r\n                            buttonText=\"Export to Excel \" id=\"exportxlUG\" />*/}\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col btnalign\"\r\n                                onKeyDown={this.handleKeyPress}\r\n                              >\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={SpecializationExl}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download a template\r\n                                </a>\r\n                              </div>\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n                              {/* <div className=\"col btnalign\" onKeyDown={this.handleKeyPress}>\r\n                                <a href={SpecializationExl} className=\"download\" style={{padding:\"2px 15px\",boxShadow:\" -2px  -2px 16px -2px #5f7ae14a\"}} ><i title=\"Download Template\" className=\"icofont icofont-cloud-download\"></i> </a>\r\n                              </div> */}\r\n                              <div\r\n                                style={{ height: \"60px\" }}\r\n                              >\r\n                                {/* {this.state.Spec.length === 0 ? null : ( */}\r\n                                  <input\r\n                                    onKeyUp={this.onKeyUp}\r\n                                    className=\"Searchbox\"\r\n                                    id=\"CNSearch\"\r\n                                    placeholder=\"Search\"\r\n                                    onKeyPress={this.handleKeyPress}\r\n                                    onClick={ () => {\r\n                                      const { selectedRows, SelectedNames } = this.state;\r\n                                      if (selectedRows.length === 0) {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        if (SelectedNames.length !== selectedRows.length) {\r\n                                          this.setState({\r\n                                            SelectedNames: selectedRows,\r\n                                            selectedRows: selectedRows,\r\n                                            Filterpop: true,\r\n                                          });\r\n                                        } else {\r\n                                          this.setState({\r\n                                            Filterpop: true,\r\n                                            selectedRows: SelectedNames,\r\n                                          });\r\n                                        }\r\n                                        \r\n                                      }\r\n                                    }}\r\n                                    readOnly\r\n                                  />\r\n                                {/* )} */}\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch1\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onKeyUp={this.myFunction}\r\n                                  value={filterValue}\r\n                                  onClick={ () => {\r\n                                    const { selectedRows, SelectedNames } = this.state;\r\n                                    if (selectedRows.length === 0) {\r\n                                      this.setState({\r\n                                        Filterpop: true,\r\n                                      });\r\n                                    } else {\r\n                                      if (SelectedNames.length !== selectedRows.length) {\r\n                                        this.setState({\r\n                                          SelectedNames: selectedRows,\r\n                                          selectedRows: selectedRows,\r\n                                          Filterpop: true,\r\n                                        });\r\n                                      } else {\r\n                                        this.setState({\r\n                                          Filterpop: true,\r\n                                          selectedRows: SelectedNames,\r\n                                        });\r\n                                      }\r\n                                      \r\n                                    }\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n                            <center>\r\n                            {showExcel && this.state.initialData !== undefined ? (\r\n  <table className=\"table\" id=\"tableDesign\">\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n) : null}\r\n</center>\r\n                            {showExcel && this.state.initialData !== undefined ? (\r\n                              <div className=\"savebtndiv\" style={{marginBottom:\"10px\"}}>\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                &nbsp;&nbsp;&nbsp;\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={(e) => {\r\n                                    e.preventDefault();\r\n                                    this.setState({ initialData: undefined });\r\n                                  }}\r\n                                >\r\n                                  Cancel\r\n                                </button>\r\n                              </div>\r\n                            ) : null}\r\n\r\n                            <OutTable\r\n                              data={this.state.rows}\r\n                              columns={this.state.cols}\r\n                              tableClassName=\"ExcelTable2007\"\r\n                              tableHeaderRowclassName=\"heading\"\r\n                            />\r\n                          </form>\r\n                        </div>\r\n                        {/* <br />\r\n                        <br /> */}\r\n                        <br/>\r\n                        <div className=\"card-block2\">\r\n                        <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            style={{ marginTop: \"-21px\" }}\r\n                          >\r\n                        <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden',marginTop:\"30px\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\",marginTop:\"30px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                              <span style={{backgroundColor: \"#007bff\",background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\"}}>{this.state.SelectedNames.length} selected</span>\r\n                               )}\r\n                            </span>\r\n                            <div id=\"selectalldiv\" style={{ visibility: this.state.showSelectAll ? 'hidden' : 'hidden' }}>\r\n                            <input type=\"checkbox\" id=\"selectall\" checked={this.state.selectAllChecked} onChange={this.handleSelectAllChange} />&nbsp;&nbsp;\r\n                            </div>\r\n                            <center>\r\n                            <div className=\"dt-responsive table-responsive\" style={{maxWidth:\"60%\"}}>\r\n        <DataTable\r\n          columns={columns}\r\n          data={Specialization}\r\n          selectableRows\r\n          selectableRowSelected={!this.state.Filterpop ? this.selectableRowSelected : undefined}\r\n          onSelectedRowsChange={this.handlecheckbox}\r\n          pagination\r\n          customStyles={customStyles}\r\n          clearSelectedRows={this.state.clearSelected}\r\n          noDataComponent={Specialization.length===0 && delay?<div style={{  textAlign: 'center' }}>No Records</div>:null}\r\n        />\r\n      </div>\r\n      </center>\r\n\r\n\r\n                            {/* <div\r\n                              className=\"dt-responsive table-responsive table-res\"\r\n                              // style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}\r\n                            >\r\n                              {this.state.Spec.length === 0 ? null : (\r\n                                <table\r\n                                  id=\"DepSheet\"\r\n                                  className=\"table nowrap\"\r\n                                  style={{ maxWidth: \"70%\" }}\r\n                                >\r\n                                  <thead id=\"tablepaddingA\">\r\n                                    <tr>\r\n                                      <th>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          id=\"selectall\"\r\n                                          onClick={() => {\r\n                                            this.checkAll(this);\r\n                                          }}\r\n                                        />{\" \"}\r\n                                      </th>\r\n                                      <th> Specialization</th>\r\n                                      <th style={{ textAlign: \"center\" }}>\r\n                                        Actions\r\n                                      </th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody id=\"tablepadding\">\r\n                                  {FilterData.length === 0 && Specialization.length === 0 ? (\r\n                                      <tr>\r\n                                        <th\r\n                                          colSpan=\"9\"\r\n                                          style={{ textAlign: \"center\" }}\r\n                                        >\r\n                                          No Record\r\n                                        </th>\r\n                                      </tr>\r\n                                    ) : null}\r\n                                    {Specialization.map((Specialization) => (\r\n                                      <tr>\r\n                                        <td>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            name=\"deleteSpec\"\r\n                                            onChange={this.handlecheckbox}\r\n                                            defaultValue={Specialization.id}\r\n                                          />\r\n                                        </td>\r\n                                        <td>{Specialization.specialization}</td>\r\n                                        <td style={{ textAlign: \"center\" }}>\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.DeleteButton(\r\n                                                Specialization.id\r\n                                              );\r\n                                            }}\r\n                                            title=\"Delete\"\r\n                                          > */}\r\n                                            {/* Delete&nbsp; */}\r\n                                            {/* <i\r\n                                              className=\"fa fa-minus\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <button\r\n                                            className=\"button-30 sk-edit\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditModel(\r\n                                                Specialization.id,\r\n                                                Specialization.specialization\r\n                                              );\r\n                                            }}\r\n                                            title=\"Edit\" */}\r\n                                            {/* // src=\"https://img.icons8.com/android/22/000000/pencil.png\"\r\n                                          >\r\n                                            {/* Edit&nbsp; */}\r\n                                            {/* <i\r\n                                              className=\"fa fa-edit\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              )}\r\n                            </div> */} \r\n                          </form>\r\n                        </div>\r\n                        <br />\r\n                        <br />\r\n\r\n                        <table\r\n                          id=\"SpecializationSheet\"\r\n                          hidden\r\n                          className=\"table nowrap\"\r\n                          style={{ maxWidth: \"70%\" }}\r\n                        >\r\n                          <thead>\r\n                            <tr>\r\n                              <th>Specialization</th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody>\r\n                            {Specialization.map((Specialization) => (\r\n                              <tr>\r\n                                <td>{Specialization.specialization}</td>\r\n                              </tr>\r\n                            ))}\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false,\r\n                          SelectedNames:selectedRows });\r\n                          this.GetSpecialization();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.onKeyUp}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map((letter, index) => (\r\n                          <button\r\n                            className=\"filter\"\r\n                            key={index}\r\n                            onClick={(event) =>\r\n                              this.handleFilter(event,letter)\r\n                            }\r\n                          >\r\n                            {letter}\r\n                          </button>\r\n                        ))}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { data } from \"jquery\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport Doc from \"../../Assets/images/document.png\";\r\nexport default class Teamdetail extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      FirstName: \"\",\r\n      LastName: \"\",\r\n      Email: \"\",\r\n      Mobile: \"\",\r\n      Department: \"\",\r\n      Designation: \"\",\r\n      RoleName: \"\",\r\n      formErrors: {},\r\n      Notification: [],\r\n      Departmentdrop: [],\r\n      Designationdrop: [],\r\n      LocationDrop: [],\r\n      ManagerDrop: [],\r\n      comlogo: [],\r\n      value: this.props.location.state,\r\n      Details: [],\r\n      TeamSts: \"\",\r\n      BoxSts: \"\",\r\n      EmployeeInfoDetails: true,\r\n      emaildetailsforInfo: [],\r\n      personalInfoDetails: [],\r\n      FamilyDetails: [],\r\n      EducationDetail: [],\r\n      SkillDetails: [],\r\n      Switchtabs: \"Info\",\r\n    };\r\n    // this.handleSubmit = this.handleSubmit.bind(this);\r\n    // this.handleChange = this.handleChange.bind(this);\r\n  }\r\n\r\n  formatDate = (inputDate) => {\r\n    const date = new Date(inputDate);\r\n    const day = String(date.getDate()).padStart(2, \"0\");\r\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n    const year = date.getFullYear();\r\n    return `${day}/${month}/${year}`;\r\n  };\r\n\r\n  EmployeeFunctionlity() {\r\n    this.setState({\r\n      EmployeeInfoDetails: true,\r\n    });\r\n  }\r\n\r\n  PersonalFunctionlity() {\r\n    this.setState({\r\n      EmployeeInfoDetails: false,\r\n    });\r\n  }\r\n\r\n  tabsfunctionlity(e) {\r\n    this.setState({\r\n      Switchtabs: e,\r\n    });\r\n  }\r\n\r\n  Edit1(Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/EditTeam\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    localStorage.setItem(\"TeamId\", Id);\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  checkAndNavigate = () => {\r\n    this.props.history.push(\"/Team\");\r\n  };\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    if (this.props.location.state && this.props.location.state.Id) {\r\n      this.personalprofilelist();\r\n      this.personalfamilylist();\r\n      this.personalEducationlist();\r\n      this.personalskilllist();\r\n      this.GetLocation();\r\n      this.GetOrgLogo();\r\n      this.GetDepartment();\r\n      this.GetDesignation();\r\n      this.GetManager();\r\n      this.Getdetail();\r\n      // if (this.props.location.state === undefined) {\r\n      //   this.props.history.push(\"./Team\");\r\n      // } else {\r\n      //   this.Getdetail();\r\n      // }\r\n    } else {\r\n      this.checkAndNavigate();\r\n    }\r\n  }\r\n\r\n  GetDesignation() {\r\n    let url = `${BASE_URLs}/Designation/GetMasterDesignation`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Designationdrop: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  Getdetail() {\r\n    var Id = this.props.location.state.Id;\r\n    // var Id =  localStorage.getItem(\"foruserDetailId\",Id)\r\n\r\n    let url = `${BASE_URLs}/Team/GetTeamEdit?Id=` + Id;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Details: data,\r\n          TeamSts: data[0].status,\r\n          emaildetailsforInfo: data[0].email,\r\n        });\r\n        // console.log(\"check\", data);\r\n      });\r\n  }\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/DepartmentGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Departmentdrop: data,\r\n        });\r\n      });\r\n  }\r\n  GetManager() {\r\n    let url = `${BASE_URLs}/Manager/ManagerGet`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          ManagerDrop: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetLocation() {\r\n    let url = `${BASE_URLs}/AdminLocation/GetLocation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          LocationDrop: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  Handledepartment() {\r\n    var department = document.getElementById(\"department\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"departmenttext\").value = \"\";\r\n      document.getElementById(\"departmenttext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"departmenttext\").value = \"None\";\r\n      document.getElementById(\"departmenttext\").type = \"hidden\";\r\n    }\r\n  }\r\n  Handledesignation() {\r\n    var department = document.getElementById(\"Designation\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"designationtext\").value = \"\";\r\n      document.getElementById(\"designationtext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"designationtext\").value = \"None\";\r\n      document.getElementById(\"designationtext\").type = \"hidden\";\r\n    }\r\n  }\r\n  Handleroles() {\r\n    var department = document.getElementById(\"roles\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"roletext\").value = \"\";\r\n      document.getElementById(\"roletext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"roletext\").value = \"None\";\r\n      document.getElementById(\"roletext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  handleTerminate = () => {\r\n    if (document.getElementById(\"Deactive\")) {\r\n      document.getElementById(\"Deactive\").checked = false;\r\n    }\r\n    if (document.getElementById(\"Active\")) {\r\n      document.getElementById(\"Active\").checked = false;\r\n    }\r\n    if (document.getElementById(\"Terminate\").checked) {\r\n      this.setState({\r\n        BoxSts: 3,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        BoxSts: this.state.TeamSts,\r\n      });\r\n      if (this.state.TeamSts === 0) {\r\n        document.getElementById(\"Deactive\").checked = true;\r\n      } else if (this.state.TeamSts === 1) {\r\n        document.getElementById(\"Active\").checked = true;\r\n      } else if (this.state.TeamSts === 3) {\r\n        document.getElementById(\"Terminate\").checked = true;\r\n      }\r\n    }\r\n  };\r\n  handleDeactive = () => {\r\n    if (document.getElementById(\"Deactive\").checked) {\r\n      this.setState({\r\n        BoxSts: 0,\r\n      });\r\n    } else {\r\n      if (this.state.TeamSts === 0) {\r\n        document.getElementById(\"Deactive\").checked = true;\r\n      } else if (this.state.TeamSts === 1) {\r\n        document.getElementById(\"Active\").checked = true;\r\n      } else if (this.state.TeamSts === 3) {\r\n        document.getElementById(\"Terminate\").checked = true;\r\n      }\r\n\r\n      this.setState({\r\n        BoxSts: this.state.TeamSts,\r\n      });\r\n    }\r\n    document.getElementById(\"Terminate\").checked = false;\r\n    document.getElementById(\"Active\").checked = false;\r\n  };\r\n  handleActive = () => {\r\n    document.getElementById(\"Deactive\").checked = false;\r\n    document.getElementById(\"Terminate\").checked = false;\r\n\r\n    if (document.getElementById(\"Active\").checked) {\r\n      this.setState({\r\n        BoxSts: \"\",\r\n      });\r\n    } else {\r\n      this.setState({\r\n        BoxSts: this.state.TeamSts,\r\n      });\r\n      if (this.state.TeamSts === 0) {\r\n        document.getElementById(\"Deactive\").checked = true;\r\n      } else if (this.state.TeamSts === 1) {\r\n        document.getElementById(\"Active\").checked = true;\r\n      } else if (this.state.TeamSts === 3) {\r\n        document.getElementById(\"Terminate\").checked = true;\r\n      }\r\n    }\r\n  };\r\n\r\n  personalprofilelist() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    var Id = this.props.location.state.Id;\r\n    // var Id =  localStorage.getItem(\"foruserDetailId\",Id)\r\n    fetch(`${BASE_URLs}/Team/GetTeamPersonal?Id=${Id}`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ personalInfoDetails: data });\r\n      });\r\n  }\r\n\r\n  personalEducationlist() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    var Id = this.props.location.state.Id;\r\n    // var Id =  localStorage.getItem(\"foruserDetailId\",Id)\r\n    fetch(\r\n      `${BASE_URLs}/UserEducationDetails/GetAdminEducationInfo?Id=${Id}`,\r\n      options\r\n    )\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ EducationDetail: data });\r\n\r\n        // console.log(\"EducationDetailssss\", data);\r\n      });\r\n  }\r\n\r\n  personalfamilylist() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    var Id = this.props.location.state.Id;\r\n    // var Id =  localStorage.getItem(\"foruserDetailId\",Id)\r\n    fetch(`${BASE_URLs}/Family/GetAdminFamilyInfo?Id=${Id}`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ FamilyDetails: data });\r\n      });\r\n  }\r\n\r\n  personalskilllist() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    var Id = this.props.location.state.Id;\r\n    // var Id =  localStorage.getItem(\"foruserDetailId\",Id)\r\n    fetch(\r\n      `${BASE_URLs}/UserSkillDetails/GetAdminUserSkillsInfo?Id=${Id}`,\r\n      options\r\n    )\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ SkillDetails: data });\r\n      });\r\n  }\r\n\r\n  render() {\r\n    const { Details } = this.state;\r\n    const { personalInfoDetails } = this.state;\r\n    const { FamilyDetails } = this.state;\r\n    const { EducationDetail } = this.state;\r\n    const { SkillDetails } = this.state;\r\n\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n\r\n                          {Details.map((d) => {\r\n                            return (\r\n                              <h4\r\n                                style={{ marginRight: \"3%\" }}\r\n                                className=\"title\"\r\n                              >\r\n                                {d.displayName} Details\r\n                              </h4>\r\n                            );\r\n                          })}\r\n                        </div>\r\n                        <div className=\"card-header-right\">\r\n                          <ToastContainer\r\n                            id=\"toast\"\r\n                            position=\"top-center\"\r\n                            autoClose={1500}\r\n                            hideProgressBar={false}\r\n                            newestOnTop={false}\r\n                            closeOnClick\r\n                            rtl={false}\r\n                            pauseOnFocusLoss\r\n                            draggable\r\n                            pauseOnHover\r\n                          />\r\n                        </div>\r\n                        {/* card block starting */}\r\n                        <div className=\"card-block\">\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                              <br />\r\n\r\n                              <div\r\n                                // style={{\r\n                                //   display: \"flex\",\r\n                                //   flexDirection: \"row\",\r\n                                //   justifyContent: \"flex-start\",\r\n                                // }}\r\n                                style={{ marginLeft: \"1.5%\" }}\r\n                                id=\"ButtonDiv\"\r\n                              >\r\n                                <div\r\n                                  className=\"btnalign\"\r\n                                  style={{ cursor: \"pointer\" }}\r\n                                  onClick={() => {\r\n                                    this.EmployeeFunctionlity();\r\n                                  }}\r\n                                >\r\n                                  <label\r\n                                    className=\"btn\"\r\n                                    style={{ cursor: \"pointer\" }}\r\n                                    id=\"addBtn\"\r\n                                  >\r\n                                    Employee Info\r\n                                  </label>\r\n                                </div>\r\n\r\n                                <div\r\n                                  className=\"btnalign\"\r\n                                  style={{ cursor: \"pointer\" }}\r\n                                  onClick={() => {\r\n                                    this.PersonalFunctionlity();\r\n                                  }}\r\n                                >\r\n                                  <label\r\n                                    className=\"btn\"\r\n                                    style={{ cursor: \"pointer\" }}\r\n                                    id=\"addBtn\"\r\n                                  >\r\n                                    Personal Info\r\n                                  </label>\r\n                                </div>\r\n                              </div>\r\n\r\n                              {/* <button >Employee Info</button>\r\n                                                            <button >Personal Info</button> */}\r\n                              <br />\r\n                              <br />\r\n                              <br />\r\n\r\n                              {this.state.EmployeeInfoDetails === true ? (\r\n                                <>\r\n                                  {/* Employee design starting */}\r\n                                  <h5 style={{ marginLeft: \"2%\" }}>\r\n                                    EMPLOYEE INFO{\" \"}\r\n                                  </h5>\r\n                                  <div className=\"card\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Employee Id</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3\">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                              }}\r\n                                            >\r\n                                              {Details.teamId}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Display Name</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3\">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                              }}\r\n                                            >\r\n                                              {Details.displayName}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>First Name</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                              }}\r\n                                            >\r\n                                              {Details.firstName}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Last Name</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                              }}\r\n                                            >\r\n                                              {Details.lastName}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div className=\"row\" style={{marginBottom:\"10px\"}}>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Email</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                                wordBreak:\"break-all\"\r\n                                              }}\r\n                                            >\r\n                                              {Details.email}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Mobile</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                              }}\r\n                                            >\r\n                                              {Details.mobile}{\" \"}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  {/* Employee design ending */}\r\n                                  <br />\r\n                                  {/* professional design starting */}\r\n                                  <h5 style={{ marginLeft: \"2%\" }}>\r\n                                    PROFESSIONAL INFO{\" \"}\r\n                                  </h5>\r\n                                  <div className=\"card\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Department</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3\">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                              }}\r\n                                            >\r\n                                              {Details.department}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Designation</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3\">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                              }}\r\n                                            >\r\n                                              {Details.designation}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div className=\"row\">\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Role</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                              }}\r\n                                            >\r\n                                              {Details.role}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Reporting Manager</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                              }}\r\n                                            >\r\n                                              {Details.report_Manager}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                      <div className=\"row\" style={{marginBottom:\"10px\"}}>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Locations</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                              }}\r\n                                            >\r\n                                              {Details.primary_Ofc}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Join Date</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          {Details.map((Details) => (\r\n                                            <label\r\n                                              style={{\r\n                                                color: \"rgb(128 125 125)\",\r\n                                              }}\r\n                                            >\r\n                                              {new Date(\r\n                                                Details.joining_Date\r\n                                              ).toLocaleDateString()}{\" \"}\r\n                                            </label>\r\n                                          ))}\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  {/* professional design ending */}\r\n                                  <br />\r\n                                  {/* status design */}\r\n                                  <h5 style={{ marginLeft: \"2%\" }}>STATUS</h5>\r\n                                  <div className=\"card\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Status</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <label\r\n                                            style={{\r\n                                              color: \"rgb(128 125 125)\",\r\n                                            }}\r\n                                          >\r\n                                            {this.state.TeamSts === 2 ? (\r\n                                              \"Pending\"\r\n                                            ) : (\r\n                                              <>\r\n                                                {this.state.TeamSts === 1 ? (\r\n                                                  \"Active\"\r\n                                                ) : (\r\n                                                  <>\r\n                                                    {this.state.TeamSts ===\r\n                                                    0 ? (\r\n                                                      \"Deactive\"\r\n                                                    ) : (\r\n                                                      <>\r\n                                                        {this.state.TeamSts ===\r\n                                                        3\r\n                                                          ? \"Terminate\"\r\n                                                          : \"\"}\r\n                                                      </>\r\n                                                    )}\r\n                                                  </>\r\n                                                )}\r\n                                              </>\r\n                                            )}\r\n                                          </label>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <h5 style={{ marginLeft: \"2%\" }}>\r\n                                    TRAINING EXPERIENCE\r\n                                  </h5>\r\n                                  <div className=\"card\">\r\n                                    <div className=\"col-lg-12\">\r\n                                      <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          <b>\r\n                                            {\" \"}\r\n                                            <span>Trainer Experience</span>\r\n                                          </b>\r\n                                        </div>\r\n                                        <div className=\"col-lg-3 \">\r\n                                          {Details.map((Details) =>\r\n                                             Details.yes === \"1\" ? (\r\n                                              <label\r\n                                                style={{\r\n                                                  color: \"rgb(128 125 125)\",\r\n                                                }}\r\n                                              >\r\n                                                {Details.experience}\r\n                                              </label>\r\n                                            ) : (\r\n                                              <label\r\n                                                style={{\r\n                                                  color: \"rgb(128 125 125)\",\r\n                                                }}\r\n                                              >\r\n                                                No Trainer\r\n                                              </label>\r\n                                            )\r\n                                          )}\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  {Details.map((d) => {\r\n                                    return (\r\n                                      <center>\r\n                                        <div style={{ width: \"10%\" }}>\r\n                                          <button\r\n                                            className=\"button-30 sk-edit\"\r\n                                            type=\"button\"\r\n                                            style={{ color: \"\" }}\r\n                                            onClick={() => this.Edit1(d.id)}\r\n                                          >\r\n                                            Edit&nbsp;\r\n                                            <i className=\"icofont icofont-edit\"></i>\r\n                                          </button>\r\n                                        </div>\r\n                                      </center>\r\n                                    );\r\n                                  })}\r\n                                </>\r\n                              ) : (\r\n                                <>\r\n                                  <div\r\n                                    id=\"TeamDetails\"\r\n                                  >\r\n                                    <div\r\n                                      className=\"btnalign\"\r\n                                      style={{ cursor: \"pointer\" }}\r\n                                      onClick={() =>\r\n                                        this.tabsfunctionlity(\"Info\")\r\n                                      }\r\n                                    >\r\n                                      <label\r\n                                        className={\r\n                                          this.state.Switchtabs === \"Info\"\r\n                                            ? \"Activebtn\"\r\n                                            : \"Newbtn\"\r\n                                        }\r\n                                        style={{ cursor: \"pointer\" }}\r\n                                      >\r\n                                        Info\r\n                                      </label>\r\n                                    </div>\r\n\r\n                                    <div\r\n                                      className=\"btnalign\"\r\n                                      style={{ cursor: \"pointer\" }}\r\n                                      onClick={() =>\r\n                                        this.tabsfunctionlity(\"Banking\")\r\n                                      }\r\n                                    >\r\n                                      <label\r\n                                        className={\r\n                                          this.state.Switchtabs === \"Banking\"\r\n                                            ? \"Activebtn\"\r\n                                            : \"Newbtn\"\r\n                                        }\r\n                                        style={{ cursor: \"pointer\" }}\r\n                                      >\r\n                                        Banking\r\n                                      </label>\r\n                                    </div>\r\n                                    <div\r\n                                      className=\"btnalign\"\r\n                                      style={{ cursor: \"pointer\" }}\r\n                                      onClick={() =>\r\n                                        this.tabsfunctionlity(\"Family\")\r\n                                      }\r\n                                    >\r\n                                      <label\r\n                                        className={\r\n                                          this.state.Switchtabs === \"Family\"\r\n                                            ? \"Activebtn\"\r\n                                            : \"Newbtn\"\r\n                                        }\r\n                                        style={{ cursor: \"pointer\" }}\r\n                                      >\r\n                                        Family\r\n                                      </label>\r\n                                    </div>\r\n                                    <div\r\n                                      className=\"btnalign\"\r\n                                      style={{ cursor: \"pointer\" }}\r\n                                      onClick={() =>\r\n                                        this.tabsfunctionlity(\"Education\")\r\n                                      }\r\n                                    >\r\n                                      <label\r\n                                        className={\r\n                                          this.state.Switchtabs === \"Education\"\r\n                                            ? \"Activebtn\"\r\n                                            : \"Newbtn\"\r\n                                        }\r\n                                        style={{ cursor: \"pointer\" }}\r\n                                      >\r\n                                        Education\r\n                                      </label>\r\n                                    </div>\r\n                                    <div\r\n                                      className=\"btnalign\"\r\n                                      style={{ cursor: \"pointer\" }}\r\n                                      onClick={() =>\r\n                                        this.tabsfunctionlity(\"Skills\")\r\n                                      }\r\n                                    >\r\n                                      <label\r\n                                        className={\r\n                                          this.state.Switchtabs === \"Skills\"\r\n                                            ? \"Activebtn\"\r\n                                            : \"Newbtn\"\r\n                                        }\r\n                                        style={{ cursor: \"pointer\" }}\r\n                                      >\r\n                                        Skills\r\n                                      </label>\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  {this.state.Switchtabs === \"Info\" ? (\r\n                                    // INFO DETAILS\r\n\r\n                                    <>\r\n                                      {/* Employee design starting */}\r\n                                      <h5 style={{ marginLeft: \"2%\" }}>\r\n                                        PERSONAL INFO{\" \"}\r\n                                      </h5>\r\n                                      <div className=\"card\">\r\n                                        <div className=\"col-lg-12\">\r\n                                          <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Name</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3\">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.firstName}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Birth Date</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3\">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {this.formatDate(\r\n                                                      Details.dob\r\n                                                    )}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Gender</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.gender}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Marital Status</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.maritalStatus}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\" style={{marginBottom:\"10px\"}}>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Blood Group</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.bloodGroup}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                      {/* Employee design ending */}\r\n                                      <br />\r\n                                      {/* Contact design starting */}\r\n                                      <h5 style={{ marginLeft: \"2%\" }}>\r\n                                        CONTACT INFO{\" \"}\r\n                                      </h5>\r\n                                      <div className=\"card\">\r\n                                        <div className=\"col-lg-12\">\r\n                                          <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Official Email</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3\">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.email}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Personal Email</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3\">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.officialEmail}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Home Number</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.homeNumber}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Mobile Number</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.phoneNumber}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\" style={{marginBottom:\"10px\"}}>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>\r\n                                                  Alternate Phone Number\r\n                                                </span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.alternatePhoneNo}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                      {/* Contact design ending */}\r\n                                      <br />\r\n                                      {/* Address design starting */}\r\n                                      <h5 style={{ marginLeft: \"2%\" }}>\r\n                                        ADDRESS INFO{\" \"}\r\n                                      </h5>\r\n                                      <div className=\"card\">\r\n                                        <div className=\"col-lg-12\">\r\n                                          <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Current Address</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3\">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                      width: \"80%\",\r\n                                                      wordWrap: \"break-word\", // Use camelCase for CSS properties in inline styles\r\n                                                      whiteSpace: \"pre-wrap\", // To also handle newlines correctly\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.currentAddress}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Permanant Address</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3\">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                      width: \"80%\",\r\n                                                      wordWrap: \"break-word\", // Use camelCase for CSS properties in inline styles\r\n                                                      whiteSpace: \"pre-wrap\", // To also handle newlines correctly\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.permanentAddress}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>City</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {\r\n                                                      Details.currentAddress_City\r\n                                                    }\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>City</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {\r\n                                                      Details.permanentAddress_City\r\n                                                    }\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>State</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {\r\n                                                      Details.currentAddress_State\r\n                                                    }\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>State</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {\r\n                                                      Details.permanentAddress_State\r\n                                                    }\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Country</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {\r\n                                                      Details.currentAddress_Country\r\n                                                    }\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Country</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {\r\n                                                      Details.permanentAddress_Country\r\n                                                    }\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Pincode</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {\r\n                                                      Details.currentAddress_Pincode\r\n                                                    }\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Pincode</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {\r\n                                                      Details.permanentAddress_Pincode\r\n                                                    }\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\" style={{marginBottom:\"10px\"}}>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>House Type</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.houseType}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Staying Since</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {this.formatDate(\r\n                                                      Details.stayingSince\r\n                                                    )}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                      {/* Address design Ending*/}\r\n\r\n                                      {/* Social Media design starting */}\r\n                                      <h5 style={{ marginLeft: \"2%\" }}>\r\n                                        SOCIAL MEDIA INFO{\" \"}\r\n                                      </h5>\r\n                                      <div className=\"card\">\r\n                                        <div className=\"col-lg-12\">\r\n                                          <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>LinkedIn</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3\">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.linkedIn}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Skype</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3\">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.skype}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Whatsapp</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.whatsappNumber}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Facebook</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.faceBook}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Twitter</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.twitter}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </>\r\n                                  ) : this.state.Switchtabs === \"Banking\" ? (\r\n                                    // BANKING DETAILS\r\n                                    <>\r\n                                      <h5 style={{ marginLeft: \"2%\" }}>\r\n                                        BANKING INFO{\" \"}\r\n                                      </h5>\r\n                                      <div className=\"card\">\r\n                                        <div className=\"col-lg-12\">\r\n                                          <div className=\"row\" style={{marginTop:\"10px\"}}>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Account Number</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3\">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.acNo}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>IFSC Code</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3\">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.ifsc}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Account Type</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.acType}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Branch Name</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.branchname}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n\r\n                                          <div className=\"row\" style={{marginBottom:\"10px\"}}>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Phone Number</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.phoneNo}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-lg-3 \">\r\n                                              <b>\r\n                                                {\" \"}\r\n                                                <span>Address</span>\r\n                                              </b>\r\n                                            </div>\r\n                                            <div className=\"col-lg-3 \">\r\n                                              {personalInfoDetails.map(\r\n                                                (Details) => (\r\n                                                  <label\r\n                                                    style={{\r\n                                                      color: \"rgb(128 125 125)\",\r\n                                                    }}\r\n                                                  >\r\n                                                    {Details.branchaddress}\r\n                                                  </label>\r\n                                                )\r\n                                              )}\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </>\r\n                                  ) : this.state.Switchtabs === \"Family\" ? (\r\n                                    // FAMILY INFO\r\n\r\n                                    <>\r\n                                      <h5 style={{ marginLeft: \"2%\" }}>\r\n                                        FAMILY INFO{\" \"}\r\n                                      </h5>\r\n                                      <div className=\"\">\r\n                                        <div className=\"dt-responsive table-responsive\">\r\n                                          {FamilyDetails.length !== 0 ? (\r\n                                            <table\r\n                                              id=\"add-row-table\"\r\n                                              className=\"table  nowrap\"\r\n                                              style={{\r\n                                                width:'98%',marginLeft:'10px'\r\n                                              }}\r\n                                            >\r\n                                              <thead>\r\n                                                <tr>\r\n                                                  <th>Name</th>\r\n                                                  <th>Contact Number </th>\r\n                                                  <th>Email</th>\r\n                                                  <th>Relationship</th>\r\n                                                  <th>Emergency Contact</th>\r\n                                                </tr>\r\n                                              </thead>\r\n                                              <tbody>\r\n                                                {FamilyDetails.map(\r\n                                                  (FamilyDetails) => (\r\n                                                    <tr\r\n                                                      id={\r\n                                                        FamilyDetails.id +\r\n                                                        FamilyDetails.firstName\r\n                                                      }\r\n                                                    >\r\n                                                      <td>\r\n                                                        {\r\n                                                          FamilyDetails.firstName\r\n                                                        }{\" \"}\r\n                                                        {\r\n                                                          FamilyDetails.middleName\r\n                                                        }{\" \"}\r\n                                                        {FamilyDetails.lastName}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {FamilyDetails.contact}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {FamilyDetails.email}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {\r\n                                                          FamilyDetails.relationship\r\n                                                        }\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {\r\n                                                          FamilyDetails.emergencyContact\r\n                                                        }\r\n                                                      </td>\r\n                                                    </tr>\r\n                                                  )\r\n                                                )}\r\n                                              </tbody>\r\n                                            </table>\r\n                                          ) : null}{\" \"}\r\n                                        </div>\r\n                                      </div>\r\n                                    </>\r\n                                  ) : this.state.Switchtabs === \"Education\" ? (\r\n                                    // EDUCATION INFO\r\n\r\n                                    <>\r\n                                      <h5 style={{ marginLeft: \"2%\" }}>\r\n                                        EDUCATION INFO{\" \"}\r\n                                      </h5>\r\n                                      <div className=\"\">\r\n                                        <div className=\"dt-responsive table-responsive\">\r\n                                          {EducationDetail.length !== 0 ? (\r\n                                            <table\r\n                                              id=\"add-row-table\"\r\n                                              className=\"table nowrap \"\r\n                                              style={{\r\n                                                width:'98%',marginLeft:'10px'\r\n                                              }}\r\n                                            >\r\n                                              <thead>\r\n                                                <tr>\r\n                                                  <th>Qualification Type</th>\r\n                                                  <th>Name</th>\r\n                                                  <th>Type</th>\r\n                                                  <th>Stream</th>\r\n                                                  <th>Start Date</th>\r\n                                                  <th>End Date</th>\r\n                                                  <th>College Name</th>\r\n                                                  <th>University Name</th>\r\n                                                </tr>\r\n                                              </thead>\r\n                                              <tbody>\r\n                                                {EducationDetail.map(\r\n                                                  (EducationDetail) => (\r\n                                                    <tr>\r\n                                                      <td>\r\n                                                        {\r\n                                                          EducationDetail.qualificationType\r\n                                                        }\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {\r\n                                                          EducationDetail.courseName\r\n                                                        }\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {\r\n                                                          EducationDetail.courseType\r\n                                                        }{\" \"}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {EducationDetail.stream}{\" \"}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {\r\n                                                          EducationDetail.courseStartDate\r\n                                                        }{\" \"}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {\r\n                                                          EducationDetail.courseEndDate\r\n                                                        }\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {\r\n                                                          EducationDetail.collegeName\r\n                                                        }\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {\r\n                                                          EducationDetail.universityName\r\n                                                        }\r\n                                                      </td>\r\n                                                    </tr>\r\n                                                  )\r\n                                                )}\r\n                                              </tbody>\r\n                                            </table>\r\n                                          ) : null}{\" \"}\r\n                                        </div>\r\n                                      </div>\r\n                                    </>\r\n                                  ) : (\r\n                                    // SKILLS Info\r\n\r\n                                    <>\r\n                                      <h5 style={{ marginLeft: \"2%\" }}>\r\n                                        SKILLS INFO{\" \"}\r\n                                      </h5>\r\n                                      <div className=\"\">\r\n                                        <div className=\"dt-responsive table-responsive\">\r\n                                          {SkillDetails.length !== 0 ? (\r\n                                            <table\r\n                                              id=\"add-row-table\"\r\n                                              className=\"table nowrap \"\r\n                                              style={{\r\n                                                width:'98%',marginLeft:'10px'\r\n                                              }}\r\n                                            >\r\n                                              <thead>\r\n                                                <tr>\r\n                                                  {/* <th>Category</th> */}\r\n                                                  <th>Skill Name</th>\r\n                                                  {/* <th>Description</th> */}\r\n                                                  <th>Acquired Year</th>\r\n                                                  <th>Trainer</th>\r\n                                                  <th>Skill CourseName</th>\r\n                                                  <th>Skill Start Date</th>\r\n                                                  <th>Skill End Date</th>\r\n                                                  <th>Skill Certificate</th>\r\n                                                </tr>\r\n                                              </thead>\r\n                                              <tbody>\r\n                                                {SkillDetails.map(\r\n                                                  (SkillDetails) => (\r\n                                                    <tr>\r\n                                                      {/* <td>\r\n                                                        {SkillDetails.category}\r\n                                                      </td> */}\r\n                                                      <td>\r\n                                                        {SkillDetails.skillName}\r\n                                                      </td>\r\n                                                      {/* <td>\r\n                                                        {\r\n                                                          SkillDetails.skillDescription\r\n                                                        }\r\n                                                      </td> */}\r\n                                                      <td>\r\n                                                        {this.formatDate(\r\n                                                          SkillDetails.experience\r\n                                                        )}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {SkillDetails.trainer}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {SkillDetails.skillCoursename}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {SkillDetails.skillStartdate}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {SkillDetails.skillEnddate}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {SkillDetails.skillCertificate != \"-\" ? \r\n                                                       <a href={SkillDetails.skillCertificate} target=\"_blank\"> <img src={Doc} alt=\"Excel document\" style={{ width: '30px', height: '30px' }} />\r\n                                                       </a>\r\n                                                        : \"-\"}\r\n                                                      </td>\r\n                                                    </tr>\r\n                                                  )\r\n                                                )}\r\n                                              </tbody>\r\n                                            </table>\r\n                                          ) : null}\r\n                                        </div>\r\n                                      </div>\r\n                                    </>\r\n                                  )}\r\n                                </>\r\n                              )}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        {/* card block starting */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport $ from \"jquery\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport AddSpecialization from \"../../Common/AddSpecialization\";\r\nimport EditSpecialization from \"../../Common/EditSpecialization\";\r\nimport SpecializationExl from \"../../Assets/Files/SpecializationExl.xlsx\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport \"../../Css/excel.css\";\r\nvar XLSX = require(\"xlsx\");\r\n\r\n$(document).ready(function () {\r\n  $(\"#add-Educat\").hide();\r\n});\r\n$(document).ready(function () {\r\n  /*   $(\"#saverow2\").click(function(){\r\n      $(\"#add-row2\").hide();\r\n    }); */\r\n  $(\"#Btn_edu\").click(function () {\r\n    $(\"#add-Educat\").show();\r\n  });\r\n});\r\n\r\nexport default class SASpecialization extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      Spec: [],\r\n      AddSpecialization: [],\r\n      AddSpecializationModel: false,\r\n      EditSpecializationModel: false,\r\n      Id: \"\",\r\n      currentSheet: {},\r\n      formErrors: {},\r\n      allNotify: [],\r\n      rows: [],\r\n      cols: [],\r\n      Notification: [],\r\n      Specialization: [],\r\n      EditSpecializationValues: [],\r\n      letters: [],\r\n      Filterpop: false,\r\n      FilterData:\"\",\r\n      showExcel: false,\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n\r\n    this.handleFormValidation = this.handleFormValidation.bind(this);\r\n    this.Edit = this.Edit.bind(this);\r\n  }\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"skillsheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n    // Process Data (add a new row)\r\n    var ws = workbook.Sheets[\"Sheet1\"];\r\n    //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n  handleFormValidation() {\r\n    //const {SkillName,SkillDescription,Category}= this.state;\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  GetSpecialization() {\r\n    let url = `${BASE_URLs}/Specialization/GetSpecialization`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Specialization: data,\r\n          Spec: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  Edit(Id, category, skillName, skillDescription) {\r\n    var page = {\r\n      pathname: \"/EditMasterSkill\",\r\n      state: {\r\n        Id: Id,\r\n        category: category,\r\n        skillName: skillName,\r\n        skillDescription: skillDescription,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteSuperEMPS?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          toast.success(resp, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.GetSpecialization();\r\n          document.getElementById(\"Eduform\").reset();\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    } else if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    } else if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetSpecialization();\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-Educat\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      /*   $(\"#saverow2\").click(function(){\r\n              $(\"#add-row2\").hide();\r\n            }); */\r\n      $(\"#Btn_edu\").click(function () {\r\n        $(\"#add-Educat\").show();\r\n      });\r\n    });\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    const Specialization = this.state.Spec.filter((item) =>\r\n      item.specialization.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Specialization });\r\n  };\r\n  handleSpecilizationFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Specialization = this.state.Spec.filter((item) => {\r\n      return item.specialization.toLowerCase().startsWith(letter.toLowerCase());\r\n    });\r\n    this.setState({\r\n      Specialization,\r\n      showResults: true,\r\n      FilterData: Specialization,\r\n    });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"deleteSpec\");\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  AddSpecializationModel = () => {\r\n    this.GetSpecialization();\r\n    this.setState((prevState) => ({\r\n      AddSpecializationModel: !prevState.AddSpecializationModel,\r\n    }));\r\n    this.GetSpecialization();\r\n  };\r\n\r\n  EditSpecializationModel = (id, spec) => {\r\n    this.GetSpecialization();\r\n    this.setState({\r\n      EditSpecializationValues: {\r\n        id: id,\r\n        Specialization: spec,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSpecializationModel: !prevState.EditSpecializationModel,\r\n    }));\r\n    this.GetSpecialization();\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/SuperAdmin/SASpecExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ initialData: undefined });\r\n          var file = document.getElementById(\"files\");\r\n          var emptyFile = document.createElement(\"input\");\r\n          emptyFile.type = \"file\";\r\n          file.files = emptyFile.files;\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetSpecialization();\r\n          this.setState({ currentSheet: this.state.initialData });\r\n        });\r\n    } catch (error) {}\r\n  };\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(`${BASE_URLs}/Specialization/Multidelete`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        toast.success(data.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.GetSpecialization();\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        var checkboxes = document.querySelectorAll(\r\n          'input[type=\"checkbox\"]:checked'\r\n        );\r\n\r\n        for (var i = 0; i < checkboxes.length; i++) {\r\n          checkboxes[i].checked = false;\r\n        }\r\n      });\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_skillsheet`;\r\n    const { Specialization, Filterpop , FilterData,showExcel} = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.AddSpecializationModel ? (\r\n          <AddSpecialization\r\n            id=\"Success\"\r\n            close={() => this.AddSpecializationModel()}\r\n          />\r\n        ) : null}\r\n        {this.state.EditSpecializationModel ? (\r\n          <EditSpecialization\r\n            id=\"Success\"\r\n            values={this.state.EditSpecializationValues}\r\n            close={() => this.EditSpecializationModel(\"\", \"\")}\r\n          />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <div className=\"glowBox\">\r\n                      <div>\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n                      <h4 className=\"title\" style={{ marginRight: \"50px\" }}>\r\n                        Specialization{\" \"}\r\n                      </h4>\r\n                    </div>\r\n\r\n                    <div className=\"add-rowEduform\">\r\n                      <form\r\n                        autoComplete=\"on\"\r\n                        id=\"Eduform\"\r\n                        encType=\"multipart/form-data\"\r\n                        onSubmit={this.handleSubmit}\r\n                      >\r\n                        <div className=\"card-block\">\r\n                          <div className=\"row\">\r\n                            {/* <div className=\"col-lg-12\"> */}\r\n                            {/* <div className=\"row\"> */}\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                onClick={() => this.AddSpecializationModel()}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                type=\"button\"\r\n                                style={{ width: \"150px\", background: \"white\" }}\r\n                                id=\"addRow\"\r\n                                className=\"btn dropdown_item-2\"\r\n                                // className=\"btn \"\r\n                              >\r\n                                Add{\" \"}\r\n                              </button>\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                className=\"btn\"\r\n                                id=\"addBtn\"\r\n                                name=\"Special\"\r\n                              >\r\n                                Import From Excel\r\n                              </label>\r\n                              <input\r\n                                id=\"files\"\r\n                                type=\"file\"\r\n                                accept=\".xlsx\"\r\n                                style={{ display: \"none\" }}\r\n                                onChange={this.handleUpload}\r\n                                name=\"Special\"\r\n                              />\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                                onClick={() => this.exportXlsx(filename)}\r\n                                onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n\r\n                              {/* <ReactHTMLTableToExcel                  \r\n           className=\"btn\"  \r\n           table=\"skillsheet\"  \r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to Excel \" id=\"exportxlUG\" /> */}\r\n                            </div>\r\n                            {/* <div className=\"col-lg-2 btnalign\"></div> */}\r\n\r\n                            <div\r\n                              className=\"col btnalign\"\r\n                              onKeyDown={this.handleKeyPress}\r\n                            >\r\n                              <a\r\n                                className=\"btn\"\r\n                                href={SpecializationExl}\r\n                                type=\"button\"\r\n                                style={{ color: \"#5035ce\" }}\r\n                              >\r\n                                <i\r\n                                  title=\"Download Template\"\r\n                                  className=\"icofont icofont-download\"\r\n                                ></i>{\" \"}\r\n                                Download\r\n                              </a>\r\n                            </div>\r\n                           \r\n\r\n                            <div className=\"col-lg-4\">\r\n                              {/* </div>  */}\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                onKeyUp={this.onKeyUp}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                style={{ float: \"right\" }}\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    // Filterpop: true,\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                            {/* </div>         */}\r\n                          </div>\r\n                          <center>\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\" style={{marginTop:'30px'}}>\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n) }\r\n</center>\r\n                           {showExcel && this.state.initialData !== undefined && (\r\n                            <div className=\"savebtndiv\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                id=\"\"\r\n                                type=\"submit\"\r\n                                style={{ width: \"150px\" }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                            </div>\r\n                          )}\r\n\r\n                          <OutTable\r\n                            data={this.state.rows}\r\n                            columns={this.state.cols}\r\n                            tableClassName=\"ExcelTable2007\"\r\n                            tableHeaderRowclassName=\"heading\"\r\n                          />\r\n                        </div>\r\n                      </form>\r\n                    </div>\r\n                    <br />\r\n\r\n                    <div>\r\n                      <form\r\n                        onSubmit={this.Multidelete}\r\n                        onKeyPress={this.handleKeyPress}\r\n                      >\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          />\r\n                          &nbsp;&nbsp;\r\n                        </div>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"multitrash\"\r\n                          id=\"delete\"\r\n                          style={{ float: \"right\", visibility: \"hidden\" }}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-delete-alt\"\r\n                            style={{ color: \"darkgray\" }}\r\n                          ></i>\r\n                        </button>\r\n                        <span\r\n                          id=\"deletecount\"\r\n                          className=\"multitrash\"\r\n                          style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                        ></span>\r\n                        <div className=\"dt-responsive table-responsive \">\r\n                          <table\r\n                            id=\"skillsheet\"\r\n                            className=\"table nowrap\"\r\n                            style={{ display: \"none\" }}\r\n                          >\r\n                            <thead>\r\n                              <tr>\r\n                                <th> Specialization</th>\r\n                              </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                              {Specialization.map((Specialization) => (\r\n                                <tr>\r\n                                  <td>{Specialization.specialization}</td>\r\n                                </tr>\r\n                              ))}\r\n                            </tbody>\r\n                          </table>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-1\"></div>\r\n                            <div className=\"col-lg-10 skillname\">\r\n                              {/* <p>Specialization</p> */}\r\n                            </div>\r\n                            <div className=\"col-lg-1\"></div>\r\n                          </div>\r\n                          <br />\r\n                          <div className=\"row\" style={{ padding: \"15px\" }}>\r\n                            {Specialization.map((Specialization) => (\r\n                              <div className=\"col-lg-3\">\r\n                                <p>{Specialization.specialization}</p>\r\n                              </div>\r\n                            ))}\r\n                          </div>\r\n                          <center>\r\n                          {Filterpop === true && FilterData.length === 0 && Specialization.length === 0 ? (\r\n                                       <div>No Record</div>\r\n                                    ) : null}\r\n                                    </center>\r\n                          <br />\r\n                        </div>{\" \"}\r\n                      </form>\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n               {Filterpop && (\r\n                              <div className=\"popSearchTeam\">\r\n                                <div className=\"popSearchinnernormalTeam\r\n                                \">\r\n                                  <div\r\n                                    className=\"popSearchinnertitle\"\r\n                                    id=\"popSearchinnernormal\"\r\n                                  >\r\n                                    <button\r\n                                      id=\"close\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        backgroundColor: \"#a0a3a305\",\r\n                                        color: \"#797070\",\r\n                                        border: \"1px solid #a3a5a505\",\r\n                                        marginTop: \"-20px\",\r\n                                        marginRight: \"-20px\",\r\n                                      }}\r\n                                      onClick={() => {\r\n                                        this.setState({ Filterpop: false });\r\n                                        this.GetSpecialization();\r\n                                      }}\r\n                                    >\r\n                                      <CloseIcon />\r\n                                    </button>\r\n\r\n                                    <div className=\"checkboxes\">\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          fontSize: \"20px\",\r\n                                          color: \"gray\",\r\n                                          marginLeft: \"-1%\",\r\n                                          position: \"absolute\",\r\n                                          marginTop: \"0.5%\",\r\n                                        }}\r\n                                      ></i>\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onKeyUp={this.onKeyUp}\r\n                                        onKeyPress={this.handleKeyPress}\r\n                                        style={{ float: \"right\", width: \"80%\" }}\r\n                                      />\r\n                                      <br></br>\r\n                                      {this.state.letters.map(\r\n                                        (letter, index) => (\r\n                                          <button\r\n                                            className=\"filter\"\r\n                                            key={index}\r\n                                            onClick={(event) =>\r\n                                              this.handleSpecilizationFilter(\r\n                                                letter,\r\n                                                event\r\n                                              )\r\n                                            }\r\n                                          >\r\n                                            {letter}\r\n                                          </button>\r\n                                        )\r\n                                      )}\r\n                                      <br></br>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n             \r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/*  */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport ReactTimeAgo from \"react-time-ago\";\r\nimport SPEditAnnouncement from \"../../Common/SPEditAnnouncement\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport fileImg from \"../../Assets/images/document.png\";\r\n\r\nexport default class AnnouncementPreviewSP extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Announcement: [],\r\n      AllAnnouncement: [],\r\n      SaAnnouncement: [],\r\n      EditModel: false,\r\n      EditBusinessValues: [],\r\n      SkillModel: false,\r\n      isOpen:false,\r\n      delay:false,\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      clickedContents:\r\n        JSON.parse(localStorage.getItem(\"clickedContents\")) || {},\r\n    };\r\n    this.handleContentClick = this.handleContentClick.bind(this);\r\n  }\r\n  popupclose=()=>{\r\n    this.setState({\r\n      isOpen:false\r\n    })\r\n  }\r\n  GetParticulerAnnouncement(id) {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    this.handleContentClick(id);\r\n    this.setState({\r\n      isOpen:true\r\n    })\r\n    // var Id = this.props.location.state.Id;\r\n    fetch(`${BASE_URLs}/Announcement/GetActiveAnnounceid?Id=` + id, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          SaAnnouncement: data,\r\n        });\r\n\r\n        // console.log(\"Announcemt\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n  GetAnnouncement() {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(`${BASE_URLs}/Announcement/GetSApreview`, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Announcement: data,\r\n          AllAnnouncement: data,\r\n        });\r\n\r\n        // console.log(\"New\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n  // AnnouncementView(Id) {\r\n  //   ;\r\n\r\n  //   var page = {\r\n  //     pathname: \"/AdminAnnouncmentpop\",\r\n  //     state: {\r\n  //       Id: Id\r\n\r\n  //     }\r\n  //   }\r\n  //   this.props.history.push(page);\r\n\r\n  // }\r\n  SkillModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      SkillModel: !prevState.SkillModel,\r\n    }));\r\n\r\n    this.GetAnnouncement();\r\n  };\r\n  EditModel = (e, fn,desc,rol,img,time) => {\r\n\r\n    \r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditBusinessValues: {\r\n        id: e,\r\n        title: fn,\r\n        message:desc,\r\n        role:rol,\r\n        image:img,\r\n        createdDate:time\r\n        \r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n\r\n    this.GetAnnouncement();\r\n  };\r\n  AnnouncementView(Id) {\r\n    var page = {\r\n      pathname: \"/AdminAnnouncmentpop\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n  DeleteButton = (createdDate) => {\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        // body: data\r\n      };\r\n      fetch(\r\n        `${BASE_URLs}/Announcement/SADeletePreviewannounce?CreatedDate=` + createdDate,\r\n        options\r\n      )\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.GetAnnouncement();\r\n        });\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetAnnouncement();\r\n\r\n    setTimeout(() => {\r\n      this.setState({\r\n        delay:true\r\n      })\r\n    }, 500);\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  handleContentClick(id) {\r\n    const clickedContents = { ...this.state.clickedContents };\r\n    clickedContents[id] = true;\r\n    localStorage.setItem(\"clickedContents\", JSON.stringify(clickedContents));\r\n    this.setState({ clickedContents });\r\n  }\r\n  bothonclick(id) {\r\n    this.handleContentClick(id);\r\n    this.AnnouncementView(id);\r\n  } truncateTitle(title, maxLength) {\r\n    if (title.length > maxLength) {\r\n      return title.substring(0, maxLength) + \"...\";\r\n    }\r\n    return title;\r\n  }\r\n\r\n  filterfunction = (e) => {\r\n    const Announcement = this.state.AllAnnouncement.filter(\r\n      (item) =>\r\n        item.title.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.role.toLowerCase().includes(e.target.value.toLowerCase()) \r\n    );\r\n    this.setState({ Announcement, showResults: true ,Announcementfilter: Announcement });\r\n  }\r\n\r\n  \r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Announcement = this.state.AllAnnouncement.filter((item) => {\r\n    return (\r\n      item.title.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n      item.role.charAt(0).toLowerCase() === letter.toLowerCase() \r\n    );\r\n  });\r\n    this.setState({ Announcement, showResults: true, FilterData: Announcement });\r\n  };\r\n  getFileType(path) {\r\n    const extension = path.split('.').pop().toLowerCase();\r\n    if (['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(extension)) {\r\n      return 'image';\r\n    } else if (['mp4', 'avi', 'mov', 'wmv', 'mkv'].includes(extension)) {\r\n      return 'video';\r\n    } else if (['pdf', 'xls', 'xlsx'].includes(extension)) {\r\n      return 'document';\r\n  } else {\r\n      return 'file';\r\n  }\r\n  }\r\n  \r\n  handleImageClick = (url) => {\r\n    window.open(url, '_blank');\r\n     };\r\n\r\n  render() {\r\n    const { Announcement,isOpen,SaAnnouncement,delay,Filterpop } = this.state;\r\n    return (\r\n      <div>\r\n\r\n<ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.EditModel ? (\r\n          <SPEditAnnouncement\r\n            values={this.state.EditBusinessValues}\r\n            close={() => this.EditModel()}\r\n          />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\"style={{width:'97.9%',marginLeft:'12px'}}>\r\n              <div className=\"page-wrapper\">\r\n              <div className=\"page-header\">\r\n                <div className=\"page-header-title\"></div>\r\n              </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"\">\r\n                    <div className=\"\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 className=\"title\" style={{ marginRight: \"50px\" }}>\r\n                            Announcements\r\n                          </h4>\r\n                        </div>\r\n                        { isOpen?\r\n                        <div className=\"col-lg-12\">\r\n                        <div className=\"popup\" style={{textAlign:'left'}}>\r\n                                <div className=\"popup-content\">\r\n                         <div className=\"Announcedetailspop\" >\r\n                         <i\r\n                                  className=\"fa fa-times\"\r\n                                  aria-hidden=\"true\"\r\n                                  style={{\r\n                                    color: \"gray\",\r\n                                    marginLeft: \"90%\",\r\n                                    fontSize: \"17px\",\r\n                                    cursor:'pointer'\r\n                                  }}\r\n                                  onClick={this.popupclose}\r\n                                ></i>\r\n                                <br />\r\n                                <center><h6><b>Announcement Details</b></h6></center>\r\n <div className=\"card-block\">\r\n\r\n {SaAnnouncement &&\r\n                                      SaAnnouncement.map &&\r\n                                      SaAnnouncement.map((Announcement) => (\r\n                                        <>\r\n                                          {Announcement.image === \"-\" &&\r\n                                            Announcement.video === \"-\" ? (\r\n                                            <div >\r\n                                              <div\r\n                                              >\r\n                                                <span\r\n                                                  key={Announcement.id}\r\n                                                  style={{ margin: \"0%\" }}\r\n                                                >\r\n\r\n                                                  <b>Subject:</b> &nbsp; <span\r\n                                                    style={{ overflowWrap: \"break-word\", width: \"50%\", }}\r\n                                                  > {Announcement.title}</span><br /><br />\r\n                                                  <b>Description:</b> &nbsp; <span\r\n                                                    style={{ overflowWrap: \"break-word\", width: \"50%\", }}> {Announcement.message}</span>\r\n\r\n                                                </span>\r\n                                              </div>\r\n                                            </div>\r\n                                          ) : (\r\n                                            \r\n                                                    <>\r\n                                                    {Announcement.image.split(',').map((imageUrl, index) => (\r\n    <div  style={{display:\"inline-block\", marign:\"10px\" }} key={index}>\r\n        {index === 0 && (\r\n          <>\r\n           <span style={{ margin: \"38px\" }}>\r\n      <b>Subject:</b> &nbsp;\r\n      <span style={{ overflowWrap: \"break-word\", width: \"50%\" }}>\r\n        {Announcement.title}\r\n      </span>\r\n    </span>\r\n    <br /><br />\r\n    <span style={{ margin: \"38px\" }}>\r\n      <b>Description:</b> &nbsp;\r\n      <span style={{ overflowWrap: \"break-word\", width: \"50%\" }}>\r\n        {Announcement.message}\r\n      </span>\r\n    </span>\r\n    <br /><br />\r\n                </> \r\n        )}\r\n\r\n\r\n         <div style={{margin:\"10px\"}}>\r\n        {this.getFileType(imageUrl) === 'image' ? (\r\n            \r\n            <span style={{margin:\"30px\"}}>\r\n            <b>Image:&nbsp;</b>\r\n\r\n{imageUrl.split(',').map((Url, index) => (\r\n<img\r\nkey={index}\r\nalt={`Image ${index}`}\r\nsrc={imageUrl.trim()} \r\nstyle={{ width: \"100px\", height: \"100px\" }}\r\nonClick={() => this.handleImageClick(Url.trim())}\r\n/>\r\n))}\r\n            </span>\r\n        ) : this.getFileType(imageUrl) === 'video' ? (\r\n            <span style={{display:\"flex\",margin:\"30px\"}}>\r\n               <span><b>video:</b></span>\r\n                <video\r\n                    controls\r\n                    style={{ width: \"125px\", height: '118px', marginTop: '-61px' }}\r\n                >\r\n                    <source src={imageUrl} type=\"video/mp4\" />\r\n                    <source src={imageUrl} type=\"video/ogg\" />\r\n                </video>\r\n            </span>\r\n        ) : (\r\n            <span style={{margin:\"30px\"}}>\r\n              <b>File:</b> \r\n                <img\r\n                    src={fileImg}\r\n                    style={{ height: \"30px\", width: \"30px\" }}\r\n                />\r\n                &nbsp; \r\n                <a\r\n                    href={imageUrl}\r\n                    name=\"picture\"\r\n                    readOnly\r\n                    value={imageUrl}\r\n                    title=\"\"\r\n                    target=\"_blank\"\r\n                >\r\n                    <span>\r\n                        {imageUrl.slice(\"https://localhost:44369/Images/Announcement_Image_\".length)}\r\n                    </span>\r\n                </a>\r\n            </span>\r\n           \r\n        )}\r\n        </div>\r\n    </div>\r\n))}\r\n                                                  </>\r\n                                                  )}\r\n                                                </>\r\n                                              ))}\r\n                          <div>\r\n                           \r\n                          </div>\r\n                        </div>\r\n                         </div> </div> </div></div> :null}\r\n                         <div className=\"card-block\">\r\n                        <div\r\n                          className=\"row\"\r\n                          // style={{\r\n                          //   display: \"flex\",\r\n                          //   justifyContent: \"flex-start\",\r\n                          //   alignItems: \"baseline\",\r\n                          //   float: \"left\",\r\n                          //   marginLeft: \"30px\",\r\n                          //   // marginBottom: \"3%\",\r\n                          // }}\r\n                        >\r\n                          \r\n                          <Link\r\n                            to=\"/Announcement\"\r\n                            style={{ width: \"inherit\", background: \"white\" }}\r\n                            // id=\"addRow\"\r\n                            className=\"btn\"\r\n                          >\r\n                            {\" \"}\r\n                            <i className=\"fa-solid fa-plus\"></i>Create New Announcements\r\n                          </Link>\r\n                         \r\n                          <div\r\n                            className=\"col-lg-3\">\r\n                        </div>\r\n                        <div\r\n                            className=\"col-lg-3\">\r\n                        </div>\r\n                        <div\r\n                            className=\"col-lg-1\">\r\n                        </div>\r\n\r\n                          <div >\r\n                            <input\r\n                              type=\"text\"\r\n                              className=\"Searchbox\"\r\n                              id=\"CNSearch\"\r\n                              placeholder=\"Search\"\r\n                              style={{float:\"right\"}}\r\n                              // onChange={this.filterfunction}\r\n                         \r\n                            // onKeyPress={this.handleKeyPress}\r\n                            onClick={() => {\r\n                            this.setState({\r\n                            Filterpop: true,\r\n                            Filterpop: !this.state.Filterpop,\r\n                            });\r\n                            }}\r\n                            readOnly\r\n                            />\r\n                          </div>\r\n                        </div>\r\n                       \r\n                       \r\n                       \r\n\r\n                           <div className=\"dt-responsive table-responsive\"\r\n                            id={Announcement.length <= 5 ? \"UserNoAnnLength\" : \"Above10\"}\r\n                           >\r\n                            { Announcement.length === 0 && delay ? \r\n                                <center>\r\n                             \r\n                            <p>No Record</p>\r\n                          </center> \r\n                                          : null}\r\n                           { Announcement.length !== 0 && delay ?    <table\r\n                                id=\"add-row-table3\"\r\n                                className=\"table nowrap \"\r\n                                style={Filterpop?{ marginTop: \"48px\" }:{marginTop:'20px'}}\r\n                              >\r\n                               <thead id='tablepadding'><tr>\r\n                              \r\n                                <th>Announcement Details</th>\r\n                                <th>Entities</th>\r\n                                <th><span style={{ marginLeft: \"12px\" }}>Actions</span></th></tr>\r\n                              </thead>\r\n                              \r\n                              <tbody id='tablepadding'>\r\n                          \r\n                          <>\r\n                              {Announcement.map((Announcement) => (\r\n                              <>\r\n                              <tr>\r\n                             \r\n                                          <td> \r\n                                          <span>Subject:&nbsp;</span>\r\n                                          <a href=\"#\" onClick={(event) => {\r\n                                     event.preventDefault(); \r\n                              this.GetParticulerAnnouncement(Announcement.id) \r\n                                  }}>{this.truncateTitle(Announcement.title, 85)}</a>\r\n                                   &nbsp;<span\r\n                                              style={{ cursor: 'pointer',fontSize:'12px' }}\r\n                                              onClick={() =>\r\n\r\n                                                this.GetParticulerAnnouncement(Announcement.id) \r\n                                              }>See More</span>\r\n                                    &nbsp;&nbsp;&nbsp; <ReactTimeAgo\r\n                                          date={Announcement.createdDate}\r\n                                          locale=\"en-US\"\r\n                                              style={{ color: \"gray\", fontSize: \"12px\" }}\r\n                                            />\r\n                                  \r\n                                        {/* <Link\r\n                                        onClick={() =>\r\n                                          this.bothonclick(Announcement.id)\r\n                                        }\r\n                                        style={{\r\n                                          color: this.state.clickedContents[\r\n                                            Announcement.id\r\n                                          ]\r\n                                            ? \"gray\"\r\n                                            : \"black\",\r\n                                          cursor: \"pointer\",\r\n                                        }}\r\n                                      >\r\n                                         <b>{this.truncateTitle(Announcement.title, 85)}</b>\r\n                                        &nbsp;&nbsp;&nbsp;\r\n                                        <ReactTimeAgo\r\n                                          date={Announcement.createdDate}\r\n                                          locale=\"en-US\"\r\n                                          style={{ color: \"gray\" }}\r\n                                        />\r\n                                      \r\n                                      </Link> */}\r\n                                      </td> \r\n                                      \r\n                                      <td>{Announcement.role}</td>\r\n                                       <td>\r\n                                      {/* <button\r\n                                                  className=\"button-30\"\r\n                                                  type=\"button\"\r\n                                                  style={{\r\n                                                    color: \"rgb(94, 217, 135)\",\r\n                                                  }}\r\n                                                  onClick={() =>\r\n                                          // this.bothonclick(Announcement.id)\r\n                                        \r\n                                          this.GetParticulerAnnouncement(Announcement.id)\r\n                                        }\r\n                                                  title=\"Details\"\r\n                                                >\r\n                                               \r\n                                                  <i className=\"fa fa-info-circle\"></i>\r\n                                                </button>\r\n                                     \r\n                                      &nbsp;&nbsp;&nbsp;{\" \"} */}\r\n                                      <button\r\n                                        className=\"Annbuttons sk-del\"\r\n                                        type=\"button\"\r\n                                        onClick={(e) => {\r\n                                          e.preventDefault();\r\n                                          this.DeleteButton(Announcement.createdDate);\r\n                                        }}\r\n                                      >\r\n                                        <i\r\n                                          className=\"fa fa-minus\"\r\n                                          aria-hidden=\"true\"\r\n                                        ></i>\r\n                                      </button> &nbsp;&nbsp;\r\n                                      <button\r\n                                        className=\"Annbuttons sk-edit\"\r\n                                        type=\"button\"\r\n                                        onClick={(e) => {\r\n                                          e.preventDefault();\r\n                                          this.EditModel(\r\n                                            Announcement.id,\r\n                                            Announcement.title,\r\n                                            Announcement.message,\r\n                                            Announcement.role,\r\n                                            Announcement.image,\r\n                                            Announcement.createdDate\r\n                                          );\r\n                                        }}\r\n                                      >\r\n                                        <i\r\n                                          className=\"fa fa-edit\"\r\n                                          aria-hidden=\"true\"\r\n                                        ></i>{\" \"}\r\n                                      </button>\r\n                                     \r\n                                     \r\n                                        </td>\r\n                                     \r\n                                        </tr>\r\n                              </>\r\n                            ))}\r\n                            </>\r\n                          </tbody>\r\n                          </table>:null}\r\n                        </div>\r\n                       \r\n                        </div>\r\n                        {/* <div className=\"col-lg-12\">\r\n                          <div style={{ textAlign: \"center\" }}>\r\n                            <button\r\n                              href\r\n                              onClick={() => this.props.history.goBack()}\r\n                              type=\"button\"\r\n                              style={{\r\n                                width: \"130px\",\r\n                                backgroundColor: \"#7f63efde\",\r\n                                color: \"white\",\r\n                              }}\r\n                              className=\"dropdown_item-2\"\r\n                              className=\"btn \"\r\n                            >\r\n                              Back\r\n                            </button>{\" \"}\r\n                          </div>\r\n                        </div> */}\r\n                        <br />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {Filterpop && (\r\n                              <div className=\"popSearchTeam\">\r\n                                <div className=\"popSearchinnernormalTeam\">\r\n                                  <div\r\n                                    className=\"popSearchinnertitle\"\r\n                                    id=\"popSearchinnernormal\"\r\n                                  >\r\n                                    <button\r\n                                      id=\"close\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        backgroundColor: \"#a0a3a305\",\r\n                                        color: \"#797070\",\r\n                                        border: \"1px solid #a3a5a505\",\r\n                                        marginTop: \"-20px\",\r\n                                        marginRight: \"-20px\",\r\n                                      }}\r\n                                      onClick={() => {\r\n                                        this.setState({ Filterpop: false });\r\n                                        this.GetAnnouncement();\r\n                                      }}\r\n                                    >\r\n                                      <CloseIcon />\r\n                                    </button>\r\n\r\n                                    <div className=\"checkboxes\">\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          fontSize: \"20px\",\r\n                                          color: \"gray\",\r\n                                          marginLeft: \"-1%\",\r\n                                          position: \"absolute\",\r\n                                          marginTop: \"0.5%\",\r\n                                        }}\r\n                                      ></i>\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onChange={this.filterfunction}\r\n                                        style={{ float: \"right\", width: \"80%\" }}\r\n                                      />\r\n                                      <br></br>\r\n                                      {this.state.letters.map(\r\n                                        (letter, index) => (\r\n                                          <button\r\n                                            className=\"filter\"\r\n                                            key={index}\r\n                                            onClick={(event) =>\r\n                                              this.handleFilter(\r\n                                                letter,\r\n                                                event\r\n                                              )\r\n                                            }\r\n                                          >\r\n                                            {letter}\r\n                                          </button>\r\n                                        )\r\n                                      )}\r\n                                      <br></br>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport { Image_URLs } from \"../../Config/Base\";\r\n\r\n$(document).ready(function () {\r\n  $(\".notfound\").hide();\r\n\r\n  // Search User columns\r\n\r\n  $(\"#searchorg\").keyup(function () {\r\n    // Search Text\r\n    var search = $(this).val();\r\n\r\n    // Hide all table tbody rows\r\n    $(\"table tbody tr\").hide();\r\n\r\n    // Count total search result\r\n    var len = $(\r\n      'table tbody tr:not(.notfound) td:contains(\"' + search + '\")'\r\n    ).length;\r\n\r\n    if (len > 0) {\r\n      // Searching text in columns and show match row\r\n      $('table tbody tr:not(.notfound) td:contains(\"' + search + '\")').each(\r\n        function () {\r\n          $(this).closest(\"tr\").show();\r\n        }\r\n      );\r\n    } else {\r\n      $(\".notfound\").show();\r\n    }\r\n  });\r\n\r\n  $.expr[\":\"].contains = $.expr.createPseudo(function (arg) {\r\n    return function (elem) {\r\n      return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;\r\n    };\r\n  });\r\n});\r\nexport default class Organization extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      User: [],\r\n      CName: \"\",\r\n      CEmail: \"\",\r\n      CSubject: \"\",\r\n      CMsg: \"\",\r\n      formErrors: {},\r\n      Notify: [],\r\n    };\r\n\r\n    this.initialState = this.state;\r\n  }\r\n  GetContactmsg() {\r\n    var Contact_Id = this.props.location.state.Id;\r\n\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(\r\n      `${BASE_URLs}/Contact/GetContactmsg?Contact_Id=` + Contact_Id,\r\n      options\r\n    )\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Notify: data });\r\n        if (data.length !== 0) {\r\n          this.setState({ Unreadcount: data[0].count });\r\n        }\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    if (this.props.location.state === undefined) {\r\n      this.props.history.push(\"/Notifications\");\r\n    } else {\r\n      this.GetContactmsg();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const { Notify } = this.state;\r\n    const { CSubjectErr, CMsgErr } = this.state.formErrors;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\"></div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 className=\"title\">Message Details</h4>\r\n                        </div>\r\n                        <div className=\"card-block\">\r\n                          <form\r\n                            id=\"contactForm\"\r\n                            className=\"contactForm\"\r\n                            autoComplete=\"on\"\r\n                            encType=\"multipart/form-data\"\r\n                          >\r\n                            <div className=\"container\">\r\n                              {/* <div id=\"snackbarSuccess\">Some text some message..</div> */}\r\n                              {/* {Notify.map(Notify=><>\r\n\r\n            <h4 style={{textAlign:\"center\"}}>{Notify.cSubject}</h4>\r\n            \r\n            \r\n            <h6 style={{textAlign:\"center\"}}>{Notify.cMsg}</h6>\r\n            \r\n            </> \r\n            )} */}\r\n                              {/* {Notify.map(Notify=><>\r\n   <div className=\"flex-container\">\r\n   <div className=\"flex-item-left\"></div>\r\n  <div className=\"flex-item-left\">Title</div>\r\n  <div className=\"flex-item-right\">:</div>\r\n  <div className=\"flex-item-right\">{Notify.cSubject}</div>\r\n</div>\r\n<div className=\"flex-container\">\r\n<div className=\"flex-item-left\"></div>\r\n<div className=\"flex-item-left\">Subject</div>\r\n  <div className=\"flex-item-right\">{Notify.cMsg}</div>\r\n  <div className=\"flex-item-right\"></div>\r\n  </div>\r\n  <div className=\"flex-container\">\r\n  <div className=\"flex-item-left\"></div>\r\n<div className=\"flex-item-left\">Attachements</div>\r\n  <div className=\"flex-item-right\">{Notify.cMsg}</div>\r\n  <div className=\"flex-item-right\"></div>\r\n  </div>\r\n</>  )} */}\r\n\r\n                              {Notify.map((Notify) => (\r\n                                <>\r\n                                  <div>\r\n                                    <div className=\"row\">\r\n                                      <div className=\"col-lg-1\"></div>\r\n                                      <div\r\n                                        className=\"col-lg-3\"\r\n                                        style={{ fontWeight: \"bold\" }}\r\n                                      >\r\n                                        Title\r\n                                      </div>\r\n\r\n                                      <div\r\n                                        className=\"col-lg-1\"\r\n                                        style={{ fontWeight: \"bold\" }}\r\n                                      >\r\n                                        :\r\n                                      </div>\r\n                                      <div className=\"col-lg-7\">\r\n                                        {Notify.cSubject}\r\n                                      </div>\r\n                                    </div>\r\n                                    <br />\r\n                                    <div className=\"row\">\r\n                                      <div className=\"col-lg-1\"></div>\r\n                                      <div\r\n                                        className=\"col-lg-3\"\r\n                                        style={{ fontWeight: \"bold\" }}\r\n                                      >\r\n                                        Subject{\" \"}\r\n                                      </div>\r\n\r\n                                      <div\r\n                                        className=\"col-lg-1\"\r\n                                        style={{ fontWeight: \"bold\" }}\r\n                                      >\r\n                                        {\" \"}\r\n                                        :\r\n                                      </div>\r\n                                      <div\r\n                                        className=\"col-lg-7\"\r\n                                        style={{ wordBreak: \"break-all\" }}\r\n                                      >\r\n                                        {Notify.cMsg}\r\n                                      </div>\r\n                                    </div>\r\n                                    <br />\r\n                                    <div className=\"row\">\r\n                                      <div className=\"col-lg-1\"></div>\r\n                                      <div\r\n                                        className=\"col-lg-3\"\r\n                                        style={{ fontWeight: \"bold\" }}\r\n                                      >\r\n                                        Attachements{\" \"}\r\n                                      </div>\r\n                                      <div\r\n                                        className=\"col-lg-1\"\r\n                                        style={{ fontWeight: \"bold\" }}\r\n                                      >\r\n                                        :\r\n                                      </div>\r\n\r\n                                      <div className=\"col-lg-7\">\r\n                                        <a\r\n                                          style={{ color: \"#11439b\" }}\r\n                                          target=\"_blank\"\r\n                                          href={Notify.image}\r\n                                        >\r\n                                          {Notify.image.replace(\r\n                                            `${Image_URLs}/Images/`,\r\n                                            \" \"\r\n                                          )}\r\n                                        </a>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </>\r\n                              ))}\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport $ from \"jquery\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport CategoryPop from \"../../Common/CategoryPop\";\r\nimport EditCategory from \"../../Common/EditCategory\";\r\nimport Skillexl from \"../../Assets/Files/CategoryExl.xlsx\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport \"../../Css/excel.css\";\r\nvar XLSX = require(\"xlsx\");\r\n\r\n$(document).ready(function () {\r\n  $(\"#add-Educat\").hide();\r\n});\r\n$(document).ready(function () {\r\n  /*   $(\"#saverow2\").click(function(){\r\n      $(\"#add-row2\").hide();\r\n    }); */\r\n  $(\"#Btn_edu\").click(function () {\r\n    $(\"#add-Educat\").show();\r\n  });\r\n});\r\n\r\nexport default class SACategory extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      currentSheet: {},\r\n      CategoryPop: [],\r\n      CategoryPopModel: false,\r\n      EditCategoryModel: false,\r\n      Id: \"\",\r\n      rows: [],\r\n      cols: [],\r\n      Category: \"\",\r\n      formErrors: {},\r\n      allNotify: [],\r\n      Notification: [],\r\n      category: [],\r\n      Addcategory: [],\r\n      letters: [],\r\n      Filterpop: false,\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n    };\r\n    // this.handleChange=this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n    this.EditCategoryModel = this.EditCategoryModel.bind(this);\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"skillsheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n    // Process Data (add a new row)\r\n    var ws = workbook.Sheets[\"Sheet1\"];\r\n    //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  Getcategory() {\r\n    let url = `${BASE_URLs}/Skill/GetAdminCategory`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          category: data,\r\n          Addcategory: data,\r\n          Sort: data,\r\n        });\r\n        //\r\n      });\r\n  }\r\n\r\n  EditCategoryModel = (Id, category) => {\r\n    this.setState({\r\n      EditCategoryValues: {\r\n        Id: Id,\r\n        category: category,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditCategoryModel: !prevState.EditCategoryModel,\r\n    }));\r\n    this.Getcategory();\r\n  };\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteSuperEMPS?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          toast.success(resp, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.GetSkill();\r\n          document.getElementById(\"Eduform\").reset();\r\n        });\r\n      });\r\n    }\r\n  }\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/SuperAdmin/SACategoryExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ initialData: undefined });\r\n          var file = document.getElementById(\"files\");\r\n          var emptyFile = document.createElement(\"input\");\r\n          emptyFile.type = \"file\";\r\n          file.files = emptyFile.files;\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.Getcategory();\r\n          // this.setState({ initialData: undefined})\r\n          this.setState({ currentSheet: this.state.initialData });\r\n        });\r\n    } catch (error) {}\r\n  };\r\n\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.Getcategory();\r\n    $(document).ready(function () {\r\n      $(\"#add-Educat\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      /*   $(\"#saverow2\").click(function(){\r\n              $(\"#add-row2\").hide();\r\n            }); */\r\n      $(\"#Btn_edu\").click(function () {\r\n        $(\"#add-Educat\").show();\r\n      });\r\n    });\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n    const category = this.state.Addcategory.filter((item) =>\r\n      item.category.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ category });\r\n  };\r\n\r\n  handleCategoryfilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const category = this.state.Addcategory.filter((item) => {\r\n      return item.category.toLowerCase().startsWith(letter.toLowerCase());\r\n    });\r\n    this.setState({ category, showResults: true, FilterData: category });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"deletcateg\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  CategoryPopModel = () => {\r\n    this.setState((prevState) => ({\r\n      CategoryPopModel: !prevState.CategoryPopModel,\r\n    }));\r\n    this.Getcategory();\r\n  };\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(`${BASE_URLs}/SuperAdmin/SADeleteMasterCategory`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.Getcategory();\r\n        toast.success(data.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        var checkboxes = document.querySelectorAll(\r\n          'input[type=\"checkbox\"]:checked'\r\n        );\r\n\r\n        for (var i = 0; i < checkboxes.length; i++) {\r\n          checkboxes[i].checked = false;\r\n        }\r\n      });\r\n  };\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_skillsheet`;\r\n    const { category, Filterpop, FilterData,showExcel } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.CategoryPopModel ? (\r\n          <CategoryPop id=\"Success\" close={() => this.CategoryPopModel()} />\r\n        ) : null}\r\n        {this.state.EditCategoryModel ? (\r\n          <EditCategory\r\n            id=\"Success\"\r\n            values={this.state.EditCategoryValues}\r\n            close={() => this.EditCategoryModel(\"\", \"\")}\r\n          />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <div className=\"glowBox\">\r\n                      <div>\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n                      <h4 className=\"title\" style={{ marginRight: \"50px\" }}>\r\n                        Category{\" \"}\r\n                      </h4>\r\n                    </div>\r\n                    <br />\r\n                    <div className=\"add-rowEduform\">\r\n                      <form\r\n                        autoComplete=\"on\"\r\n                        id=\"Eduform\"\r\n                        encType=\"multipart/form-data\"\r\n                        onSubmit={this.handleSubmit}\r\n                      >\r\n                        <div className=\"card-block\">\r\n                          {/* <div className=\"row\">\r\n                        <div className=\"col-lg-12\"> */}\r\n                          <div className=\"row\">\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                onClick={() => this.CategoryPopModel()}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                type=\"button\"\r\n                                style={{ width: \"150px\", background: \"white\" }}\r\n                                id=\"addRow\"\r\n                                className=\" btn dropdown_item-2\"\r\n                                // className=\"btn \"\r\n                              >\r\n                                Add{\" \"}\r\n                              </button>\r\n                              {/* &nbsp;&nbsp;&nbsp; */}\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                className=\"btn\"\r\n                                id=\"addBtn\"\r\n                                name=\"Categories\"\r\n                              >\r\n                                Import From Excel\r\n                              </label>\r\n                              <input\r\n                                id=\"files\"\r\n                                type=\"file\"\r\n                                accept=\".xlsx\"\r\n                                style={{ display: \"none\" }}\r\n                                onChange={this.handleUpload}\r\n                                name=\"Categories\"\r\n                              />\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                                onClick={() => this.exportXlsx(filename)}\r\n                                onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n\r\n                              {/* <ReactHTMLTableToExcel                  \r\n                        className=\"btn\"  \r\n                        table=\"skillsheet\"  \r\n                        filename={filename}\r\n                        sheet=\"Sheet\"  \r\n                        buttonText=\"Export to Excel \" id=\"exportxlUG\" /> */}\r\n                            </div>\r\n\r\n                            <div\r\n                              className=\"col btnalign\"\r\n                              onKeyDown={this.handleKeyPress}\r\n                            >\r\n                              <a\r\n                                className=\"btn\"\r\n                                href={Skillexl}\r\n                                type=\"button\"\r\n                                style={{ color: \"#5035ce\" }}\r\n                              >\r\n                                <i\r\n                                  title=\"Download Template\"\r\n                                  className=\"icofont icofont-download\"\r\n                                ></i>{\" \"}\r\n                                Download\r\n                              </a>\r\n                            </div>\r\n                            {/* <div className=\"col-lg-2 btnalign\"></div> */}\r\n                           \r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                onKeyUp={this.myFunction}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                style={{ float: \"right\" }}\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    // Filterpop: true,\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                          </div>\r\n\r\n                          <center>\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\" style={{marginTop:'30px'}}>\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n) }\r\n</center>\r\n                         {showExcel && this.state.initialData !== undefined && (\r\n                            <div className=\"savebtndiv\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                id=\"\"\r\n                                type=\"submit\"\r\n                                style={{ width: \"150px\" }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                            </div>\r\n                          )}\r\n\r\n                          <OutTable\r\n                            data={this.state.rows}\r\n                            columns={this.state.cols}\r\n                            tableClassName=\"ExcelTable2007\"\r\n                            tableHeaderRowclassName=\"heading\"\r\n                          />\r\n                          {/* </div> */}\r\n                          {/* </div> */}\r\n                        </div>\r\n                      </form>\r\n                    </div>\r\n\r\n                    <br />\r\n\r\n                    <div>\r\n                      <form\r\n                        onSubmit={this.Multidelete}\r\n                        onKeyPress={this.handleKeyPress}\r\n                      >\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          />\r\n                          &nbsp;&nbsp;\r\n                        </div>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"multitrash\"\r\n                          id=\"delete\"\r\n                          style={{ float: \"right\", visibility: \"hidden\" }}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-delete-alt\"\r\n                            style={{ color: \"darkgray\" }}\r\n                          ></i>\r\n                        </button>\r\n                        <span\r\n                          id=\"deletecount\"\r\n                          className=\"multitrash\"\r\n                          style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                        ></span>\r\n                        <div className=\"dt-responsive table-responsive\">\r\n                          <table\r\n                            id=\"skillsheet\"\r\n                            className=\"table nowrap\"\r\n                            style={{ display: \"none\" }}\r\n                          >\r\n                            <thead>\r\n                              <tr>\r\n                                <th>Category</th>\r\n                              </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                              {category.map((Category) => (\r\n                                <tr>\r\n                                  <td>{Category.category}</td>\r\n                                </tr>\r\n                              ))}\r\n                            </tbody>\r\n                          </table>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-1\"></div>\r\n                            <div className=\"col-lg-10 skillname\">\r\n                              {/* <p>Category</p> */}\r\n                            </div>\r\n                            <div className=\"col-lg-1\"></div>\r\n                          </div>\r\n                          <br />\r\n                          <div className=\"row\" style={{ padding: \"15px\" }}>\r\n                            \r\n                            {category.map((Category) => (\r\n                              <div className=\"col-lg-3\">\r\n                                <p>{Category.category}</p>\r\n                              </div>\r\n                            ))}\r\n                          </div>\r\n                          <center>\r\n                          {Filterpop === true && FilterData.length === 0 && category.length === 0 ? (\r\n                                       <div>No Record</div>\r\n                                    ) : null}\r\n                                    </center>\r\n                          <br />\r\n                        </div>{\" \"}\r\n                      </form>\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                              <div className=\"popSearchTeam\">\r\n                                <div className=\"popSearchinnernormalTeam\">\r\n                                  <div\r\n                                    className=\"popSearchinnertitle\"\r\n                                    id=\"popSearchinnernormal\"\r\n                                  >\r\n                                    <button\r\n                                      id=\"close\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        backgroundColor: \"#a0a3a305\",\r\n                                        color: \"#797070\",\r\n                                        border: \"1px solid #a3a5a505\",\r\n                                        marginTop: \"-20px\",\r\n                                        marginRight: \"-20px\",\r\n                                      }}\r\n                                      onClick={() => {\r\n                                        this.setState({ Filterpop: false });\r\n                                        this.Getcategory();\r\n                                      }}\r\n                                    >\r\n                                      <CloseIcon />\r\n                                    </button>\r\n\r\n                                    <div className=\"checkboxes\">\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          fontSize: \"20px\",\r\n                                          color: \"gray\",\r\n                                          marginLeft: \"-1%\",\r\n                                          position: \"absolute\",\r\n                                          marginTop: \"0.5%\",\r\n                                        }}\r\n                                      ></i>\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onKeyUp={this.myFunction}\r\n                                        onKeyPress={this.handleKeyPress}\r\n                                        style={{ float: \"right\", width: \"80%\" }}\r\n                                      />\r\n                                      <br></br>\r\n                                      {this.state.letters.map(\r\n                                        (letter, index) => (\r\n                                          <button\r\n                                            className=\"filter\"\r\n                                            key={index}\r\n                                            onClick={(event) =>\r\n                                              this.handleCategoryfilter(\r\n                                                letter,\r\n                                                event\r\n                                              )\r\n                                            }\r\n                                          >\r\n                                            {letter}\r\n                                          </button>\r\n                                        )\r\n                                      )}\r\n                                      <br></br>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport $ from \"jquery\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport AddCoursePop from \"../../Common/AddCoursePop\";\r\nimport EditCourse from \"../../Common/EditCoursePop\";\r\nimport CourseNameExl from \"../../Assets/Files/CourseNameExl.xlsx\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport \"../../Css/excel.css\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\n\r\nvar XLSX = require(\"xlsx\");\r\n$(document).ready(function () {\r\n  $(\"#add-Educat\").hide();\r\n});\r\n$(document).ready(function () {\r\n  /*   $(\"#saverow2\").click(function(){\r\n      $(\"#add-row2\").hide();\r\n    }); */\r\n  $(\"#Btn_edu\").click(function () {\r\n    $(\"#add-Educat\").show();\r\n  });\r\n});\r\nexport default class SACourse extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      AddCoursePop: [],\r\n      AddCoursePopModel: false,\r\n      EditCourseModel: false,\r\n      Id: \"\",\r\n      currentSheet: {},\r\n      Category: \"\",\r\n      formErrors: {},\r\n      allNotify: [],\r\n      Notification: [],\r\n      CourseName: [],\r\n      EditCourse: [],\r\n      rows: [],\r\n      cols: [],\r\n      letters: [],\r\n      Filterpop: false,\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleFormValidation = this.handleFormValidation.bind(this);\r\n    this.Edit = this.Edit.bind(this);\r\n  }\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"skillsheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n    // Process Data (add a new row)\r\n    var ws = workbook.Sheets[\"Sheet1\"];\r\n    //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n  handleFormValidation() {\r\n    //const {SkillName,SkillDescription,Category}= this.state;\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/SuperAdmin/SACourseExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetCourseName();\r\n          this.setState({ initialData: undefined });\r\n          this.setState({ currentSheet: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n\r\n    this.GetCourseName();\r\n  };\r\n\r\n  GetCourseName() {\r\n    let url = `${BASE_URLs}/Course/GetCourseName`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          CourseName: data,\r\n          Course: data,\r\n        });\r\n        //\r\n      });\r\n  }\r\n\r\n  Edit(Id, category, skillName, skillDescription) {\r\n    var page = {\r\n      pathname: \"/EditMasterSkill\",\r\n      state: {\r\n        Id: Id,\r\n        category: category,\r\n        skillName: skillName,\r\n        skillDescription: skillDescription,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteSuperEMPS?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          toast.success(resp, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.GetCourseName();\r\n          document.getElementById(\"Eduform\").reset();\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    } else if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    } else if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetCourseName();\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-Educat\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      /*   $(\"#saverow2\").click(function(){\r\n              $(\"#add-row2\").hide();\r\n            }); */\r\n      $(\"#Btn_edu\").click(function () {\r\n        $(\"#add-Educat\").show();\r\n      });\r\n    });\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  onKeyUp = (e) => {\r\n    const CourseName = this.state.Course.filter((item) =>\r\n      item.courseName.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ CourseName });\r\n  };\r\n  handleCourseFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const CourseName = this.state.Course.filter((item) => {\r\n      return item.courseName.toLowerCase().startsWith(letter.toLowerCase());\r\n    });\r\n    this.setState({ CourseName, showResults: true, FilterData: CourseName });\r\n  };\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"deletecourse\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  AddCoursePopModel = () => {\r\n    this.setState((prevState) => ({\r\n      AddCoursePopModel: !prevState.AddCoursePopModel,\r\n    }));\r\n    this.GetCourseName();\r\n  };\r\n\r\n  EditCourseModel = () => {\r\n    this.setState((prevState) => ({\r\n      EditCourseModel: !prevState.EditCourseModel,\r\n    }));\r\n    this.GetCourseName();\r\n  };\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(`${BASE_URLs}/Course/Multidelete`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.GetCourseName();\r\n        toast.success(data.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        var checkboxes = document.querySelectorAll(\r\n          'input[type=\"checkbox\"]:checked'\r\n        );\r\n\r\n        for (var i = 0; i < checkboxes.length; i++) {\r\n          checkboxes[i].checked = false;\r\n        }\r\n      });\r\n    this.GetCourseName();\r\n  };\r\n\r\n  EditCourseModel = (Id, CourseName) => {\r\n    this.setState({\r\n      EditCourse: {\r\n        id: Id,\r\n        CourseName: CourseName,\r\n      },\r\n    });\r\n\r\n    this.setState((prevState) => ({\r\n      EditCourseModel: !prevState.EditCourseModel,\r\n    }));\r\n\r\n    // this.Getcategory();\r\n  };\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_CourseName`;\r\n    const { CourseName, Filterpop,FilterData,showExcel } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.AddCoursePopModel ? (\r\n          <AddCoursePop id=\"Success\" close={() => this.AddCoursePopModel()} />\r\n        ) : null}\r\n        {this.state.EditCourseModel ? (\r\n          <EditCourse\r\n            values={this.state.EditCourse}\r\n            close={() => this.EditCourseModel(\"\", \"\")}\r\n          />\r\n        ) : null}\r\n        {/* <EditCourse/>             */}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 className=\"title\" style={{ marginRight: \"50px\" }}>\r\n                            {\" \"}\r\n                            Coursename{\" \"}\r\n                          </h4>\r\n                        </div>\r\n\r\n                        <div className=\"add-rowEduform\">\r\n                          <form\r\n                            autoComplete=\"on\"\r\n                            id=\"Eduform\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"card-block\">\r\n                              <div className=\"row\">\r\n                                {/* <div className=\"col-lg-12\"> */}\r\n                                {/* <div className=\"row\"> */}\r\n                                <div className=\"col btnalign\">\r\n                                  <button\r\n                                    onClick={() => this.AddCoursePopModel()}\r\n                                    onKeyPress={this.handleKeyPress}\r\n                                    type=\"button\"\r\n                                    style={{\r\n                                      width: \"150px\",\r\n                                      background: \"white\",\r\n                                    }}\r\n                                    id=\"addRow\"\r\n                                    className=\" btn dropdown_item-2\"\r\n                                    // className=\"btn \"\r\n                                  >\r\n                                    Add{\" \"}\r\n                                  </button>\r\n                                </div>\r\n                                <div className=\"col btnalign\">\r\n                                  <label\r\n                                    htmlFor=\"files\"\r\n                                    className=\"btn\"\r\n                                    id=\"addBtn\"\r\n                                    name=\"Courses\"\r\n                                  >\r\n                                    Import From Excel\r\n                                  </label>\r\n                                  <input\r\n                                    id=\"files\"\r\n                                    type=\"file\"\r\n                                    accept=\".xlsx\"\r\n                                    style={{ display: \"none\" }}\r\n                                    onChange={this.handleUpload}\r\n                                    name=\"Courses\"\r\n                                  />\r\n                                </div>\r\n                                <div className=\"col btnalign\">\r\n                                  <button\r\n                                    className=\"btn\"\r\n                                    type=\"button\"\r\n                                    onClick={() => this.exportXlsx(filename)}\r\n                                    onKeyPress={this.handleKeyPress}\r\n                                  >\r\n                                    Export to excel\r\n                                  </button>\r\n\r\n                                  {/* <ReactHTMLTableToExcel                  \r\n           className=\"btn\"  \r\n           table=\"skillsheet\"  \r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to Excel \" id=\"exportxlUG\" /> */}\r\n                                </div>\r\n                                {/* <div className=\"col-lg-2 btnalign\"></div> */}\r\n\r\n                                <div\r\n                                  className=\"col btnalign\"\r\n                                  onKeyDown={this.handleKeyPress}\r\n                                >\r\n                                  <a\r\n                                    className=\"btn\"\r\n                                    href={CourseNameExl}\r\n                                    type=\"button\"\r\n                                    style={{ color: \"#5035ce\" }}\r\n                                  >\r\n                                    <i\r\n                                      title=\"Download Template\"\r\n                                      className=\"icofont icofont-download\"\r\n                                    ></i>{\" \"}\r\n                                    Download\r\n                                  </a>\r\n                                </div>\r\n\r\n                                {/* </div>  */}\r\n                                \r\n                                <div className=\"col-lg-4\">\r\n                                  <input\r\n                                    className=\"Searchbox\"\r\n                                    placeholder=\"Search\"\r\n                                    onKeyUp={this.onKeyUp}\r\n                                    style={{ float: \"right\" }}\r\n                                    onClick={() => {\r\n                                      this.setState({\r\n                                        // Filterpop: true,\r\n                                        Filterpop: !this.state.Filterpop,\r\n                                      });\r\n                                    }}\r\n                                    readOnly\r\n                                  />\r\n                                </div>\r\n                                {/* </div>         */}\r\n                              </div>\r\n                              <center>\r\n                              {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\" style={{marginTop:'30px'}}>\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n) }\r\n</center>\r\n                            {showExcel && this.state.initialData !== undefined && (\r\n                                <div className=\"savebtndiv\">\r\n                                  <button\r\n                                    className=\"btn\"\r\n                                    id=\"\"\r\n                                    type=\"submit\"\r\n                                    style={{ width: \"150px\" }}\r\n                                  >\r\n                                    Save\r\n                                  </button>\r\n                                  <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                            </div>\r\n                              ) }\r\n\r\n                              <OutTable\r\n                                data={this.state.rows}\r\n                                columns={this.state.cols}\r\n                                tableClassName=\"ExcelTable2007\"\r\n                                tableHeaderRowclassName=\"heading\"\r\n                              />\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                        <br />\r\n\r\n                        <div>\r\n                          <form\r\n                            onSubmit={this.Multidelete}\r\n                            onKeyPress={this.handleKeyPress}\r\n                          >\r\n                            <div className=\"card-block2\">\r\n                              <div\r\n                                id=\"selectalldiv\"\r\n                                style={{ visibility: \"hidden\" }}\r\n                              />\r\n                              &nbsp;&nbsp;\r\n                            </div>\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: \"hidden\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                            ></span>\r\n                            <div className=\"dt-responsive table-responsive\">\r\n                              <table\r\n                                id=\"skillsheet\"\r\n                                className=\"table nowrap\"\r\n                                style={{ display: \"none\" }}\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    <th>Coursename</th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {CourseName.map((CourseName) => (\r\n                                    <tr>\r\n                                      <td>{CourseName.courseName}</td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-1\"></div>\r\n                                <div className=\"col-lg-10 skillname\">\r\n                                  {/* <p>Coursename</p> */}\r\n                                </div>\r\n                                <div className=\"col-lg-1\"></div>\r\n                              </div>\r\n                              <br />\r\n                              <div className=\"row\" style={{ padding: \"15px\" }}>\r\n                                {CourseName.map((CourseName) => (\r\n                                  <div className=\"col-lg-3\">\r\n                                    <p>{CourseName.courseName}</p>\r\n                                  </div>\r\n                                ))}\r\n                              </div>\r\n                              <center>\r\n                          {Filterpop === true && FilterData.length === 0 && CourseName.length === 0 ? (\r\n                                       <div>No Record</div>\r\n                                    ) : null}\r\n                                    </center>\r\n\r\n                              <br />\r\n                            </div>{\" \"}\r\n                          </form>\r\n                          <br />\r\n                          <br />\r\n                          <br />\r\n                          <br />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                                  <div className=\"popSearchTeam\">\r\n                                    <div className=\"popSearchinnernormalTeam\">\r\n                                      <div\r\n                                        className=\"popSearchinnertitle\"\r\n                                        id=\"popSearchinnernormal\"\r\n                                      >\r\n                                        <button\r\n                                          id=\"close\"\r\n                                          style={{\r\n                                            float: \"right\",\r\n                                            backgroundColor: \"#a0a3a305\",\r\n                                            color: \"#797070\",\r\n                                            border: \"1px solid #a3a5a505\",\r\n                                            marginTop: \"-20px\",\r\n                                            marginRight: \"-20px\",\r\n                                          }}\r\n                                          onClick={() => {\r\n                                            this.setState({ Filterpop: false });\r\n                                            this.GetCourseName();\r\n                                          }}\r\n                                        >\r\n                                          <CloseIcon />\r\n                                        </button>\r\n\r\n                                        <div className=\"checkboxes\">\r\n                                          <i\r\n                                            className=\"fa fa-search\"\r\n                                            aria-hidden=\"true\"\r\n                                            style={{\r\n                                              fontSize: \"20px\",\r\n                                              color: \"gray\",\r\n                                              marginLeft: \"-1%\",\r\n                                              position: \"absolute\",\r\n                                              marginTop: \"0.5%\",\r\n                                            }}\r\n                                          ></i>\r\n                                          <input\r\n                                            className=\"Searchbox\"\r\n                                            placeholder=\"Search\"\r\n                                            onKeyUp={this.onKeyUp}\r\n                                            style={{\r\n                                              float: \"right\",\r\n                                              width: \"80%\",\r\n                                            }}\r\n                                          />\r\n                                          <br></br>\r\n                                          {this.state.letters.map(\r\n                                            (letter, index) => (\r\n                                              <button\r\n                                                className=\"filter\"\r\n                                                key={index}\r\n                                                onClick={(event) =>\r\n                                                  this.handleCourseFilter(\r\n                                                    letter,\r\n                                                    event\r\n                                                  )\r\n                                                }\r\n                                              >\r\n                                                {letter}\r\n                                              </button>\r\n                                            )\r\n                                          )}\r\n                                          <br></br>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/*  */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport $ from \"jquery\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport AddDegree from \"../../Common/AddDegreepop\";\r\nimport EditDegreePop from \"../../Common/EditDegreepop\";\r\nimport DegreeExl from \"../../Assets/Files/DegreeExl.xlsx\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport \"../../Css/excel.css\";\r\nvar XLSX = require(\"xlsx\");\r\n\r\n$(document).ready(function () {\r\n  $(\"#add-Educat\").hide();\r\n});\r\n$(document).ready(function () {\r\n  /*   $(\"#saverow2\").click(function(){\r\n      $(\"#add-row2\").hide();\r\n    }); */\r\n  $(\"#Btn_edu\").click(function () {\r\n    $(\"#add-Educat\").show();\r\n  });\r\n});\r\n\r\nexport default class SADegree extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      AddDegree: [],\r\n      AddDegreeModel: false,\r\n      EditDegreeModel: false,\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      rows: [],\r\n      cols: [],\r\n      currentSheet: {},\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      formErrors: {},\r\n      allNotify: [],\r\n      Notification: [],\r\n      Degree: [],\r\n      letters: [],\r\n      Filterpop: false,\r\n      FilterData:\"\",\r\n      showExcel: false,\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"skillsheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n    // Process Data (add a new row)\r\n    var ws = workbook.Sheets[\"Sheet1\"];\r\n    //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetDegree() {\r\n    let url = `${BASE_URLs}/Degree/Get`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          AddDegree: data,\r\n          Sort: data,\r\n          Degree: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  EditDegreeModel = (e, fn) => {\r\n    this.setState({\r\n      EditDegreeValues: {\r\n        id: e,\r\n        Degree: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditDegreeModel: !prevState.EditDegreeModel,\r\n    }));\r\n    this.GetDegree();\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    } else if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    } else if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetDegree();\r\n    $(document).ready(function () {\r\n      $(\"#add-Educat\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      /*   $(\"#saverow2\").click(function(){\r\n              $(\"#add-row2\").hide();\r\n            }); */\r\n      $(\"#Btn_edu\").click(function () {\r\n        $(\"#add-Educat\").show();\r\n      });\r\n    });\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n    const Degree = this.state.AddDegree.filter((item) =>\r\n      item.degree.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Degree });\r\n  };\r\n  handleDegreeFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Degree = this.state.AddDegree.filter((item) => {\r\n      return item.degree.toLowerCase().startsWith(letter.toLowerCase());\r\n    });\r\n    this.setState({ Degree, showResults: true, FilterData: Degree });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/SuperAdmin/SADegreeExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetDegree();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n  };\r\n\r\n  AddDegreeModel = () => {\r\n    this.setState((prevState) => ({\r\n      AddDegreeModel: !prevState.AddDegreeModel,\r\n    }));\r\n    this.GetDegree();\r\n  };\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(`${BASE_URLs}/Degree/Multidelete`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.GetDegree();\r\n        toast.success(data, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        var checkboxes = document.querySelectorAll(\r\n          'input[type=\"checkbox\"]:checked'\r\n        );\r\n\r\n        for (var i = 0; i < checkboxes.length; i++) {\r\n          checkboxes[i].checked = false;\r\n        }\r\n      });\r\n  };\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_skillsheet`;\r\n    const { Degree, Filterpop , FilterData,showExcel} = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.AddDegreeModel ? (\r\n          <AddDegree id=\"Success\" close={() => this.AddDegreeModel()} />\r\n        ) : null}\r\n        {this.state.EditDegreeModel ? (\r\n          <EditDegreePop\r\n            id=\"\"\r\n            values={this.state.EditDegreeValues}\r\n            close={() => this.EditDegreeModel()}\r\n          />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <div className=\"glowBox\">\r\n                      <div>\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n                      <h4 className=\"title\" style={{ marginRight: \"45px\" }}>\r\n                        {\" \"}\r\n                        Degree{\" \"}\r\n                      </h4>\r\n                    </div>\r\n                    <div className=\"add-rowEduform\">\r\n                      <form\r\n                        autoComplete=\"on\"\r\n                        id=\"Eduform\"\r\n                        encType=\"multipart/form-data\"\r\n                        onSubmit={this.handleSubmit}\r\n                      >\r\n                        <div className=\"card-block\">\r\n                          <div className=\"row\">\r\n                            <div className=\"col btnalign\">\r\n                              {/* <div className=\"col-lg-12\"> */}\r\n                              {/* <div className=\"row\"> */}\r\n                              <button\r\n                                onClick={() => this.AddDegreeModel()}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                type=\"button\"\r\n                                style={{ width: \"150px\", background: \"white\" }}\r\n                                id=\"addRow\"\r\n                                className=\"btn dropdown_item-2\"\r\n                                // className=\"btn \"\r\n                              >\r\n                                Add{\" \"}\r\n                              </button>\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                className=\"btn\"\r\n                                id=\"addBtn\"\r\n                                name=\"DegreeFile\"\r\n                              >\r\n                                Import From Excel\r\n                              </label>\r\n                              <input\r\n                                id=\"files\"\r\n                                type=\"file\"\r\n                                accept=\".xlsx\"\r\n                                style={{ display: \"none\" }}\r\n                                onChange={this.handleUpload}\r\n                                name=\"DegreeFile\"\r\n                              />\r\n                            </div>\r\n\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                                onClick={() => this.exportXlsx(filename)}\r\n                                onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n\r\n                              {/* <ReactHTMLTableToExcel                  \r\n                        className=\"btn\"  \r\n                        table=\"skillsheet\"  \r\n                        filename={filename}\r\n                        sheet=\"Sheet\"  \r\n                        buttonText=\"Export to Excel \" id=\"exportxlUG\" /> */}\r\n                            </div>\r\n                            {/* </div>  */}\r\n                            {/* <div className=\"col-lg-2 btnalign\"></div> */}\r\n\r\n                            <div\r\n                              className=\"col btnalign\"\r\n                              onKeyDown={this.handleKeyPress}\r\n                            >\r\n                              <a\r\n                                className=\"btn\"\r\n                                href={DegreeExl}\r\n                                type=\"button\"\r\n                                style={{ color: \"#5035ce\" }}\r\n                              >\r\n                                <i\r\n                                  title=\"Download Template\"\r\n                                  className=\"icofont icofont-download\"\r\n                                ></i>{\" \"}\r\n                                Download\r\n                              </a>\r\n                            </div>\r\n                           \r\n\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                onKeyUp={this.myFunction}\r\n                                style={{ float: \"right\" }}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    // Filterpop: true,\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                            {/* </div>         */}\r\n                          </div>\r\n                          <center>\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\" style={{marginTop:'30px'}}>\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n) }\r\n</center>\r\n\r\n{showExcel && this.state.initialData !== undefined && (\r\n\r\n                            <div className=\"savebtndiv\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                id=\"\"\r\n                                type=\"submit\"\r\n                                style={{ width: \"150px\" }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                            </div>\r\n                          )}\r\n\r\n                          <OutTable\r\n                            data={this.state.rows}\r\n                            columns={this.state.cols}\r\n                            tableClassName=\"ExcelTable2007\"\r\n                            tableHeaderRowclassName=\"heading\"\r\n                          />\r\n                        </div>\r\n                      </form>\r\n                    </div>\r\n                    <br />\r\n\r\n                    <div>\r\n                      <form\r\n                        onSubmit={this.Multidelete}\r\n                        onKeyPress={this.handleKeyPress}\r\n                      >\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          />\r\n                          &nbsp;&nbsp;\r\n                        </div>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"multitrash\"\r\n                          id=\"delete\"\r\n                          style={{ float: \"right\", visibility: \"hidden\" }}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-delete-alt\"\r\n                            style={{ color: \"darkgray\" }}\r\n                          ></i>\r\n                        </button>\r\n                        <span\r\n                          id=\"deletecount\"\r\n                          className=\"multitrash\"\r\n                          style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                        ></span>\r\n                        <div className=\"dt-responsive table-responsive\">\r\n                          <table\r\n                            id=\"skillsheet\"\r\n                            className=\"table nowrap\"\r\n                            style={{ display: \"none\" }}\r\n                          >\r\n                            <thead>\r\n                              <tr>\r\n                                <th> Degree</th>\r\n                              </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                              {Degree.map((Degree) => (\r\n                                <tr>\r\n                                  <td>{Degree.degree}</td>\r\n                                </tr>\r\n                              ))}\r\n                            </tbody>\r\n                          </table>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-1\"></div>\r\n                            <div className=\"col-lg-10 skillname\">\r\n                              {/* <p>Degree</p> */}\r\n                            </div>\r\n                            <div className=\"col-lg-1\"></div>\r\n                          </div>\r\n                          <br />\r\n                          <div className=\"row\" style={{ padding: \"15px\" }}>\r\n                            {Degree.map((Degree) => (\r\n                              <div className=\"col-lg-3\">\r\n                                <p>{Degree.degree}</p>\r\n                              </div>\r\n                            ))}\r\n                          </div>\r\n                          <center>\r\n                          {Filterpop === true && FilterData.length === 0 && Degree.length === 0 ? (\r\n                                       <div>No Record</div>\r\n                                    ) : null}\r\n                                    </center>\r\n                          <br />\r\n                        </div>{\" \"}\r\n                      </form>\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                              <div className=\"popSearchTeam\">\r\n                                <div className=\"popSearchinnernormalTeam\">\r\n                                  <div\r\n                                    className=\"popSearchinnertitle\"\r\n                                    id=\"popSearchinnernormal\"\r\n                                  >\r\n                                    <button\r\n                                      id=\"close\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        backgroundColor: \"#a0a3a305\",\r\n                                        color: \"#797070\",\r\n                                        border: \"1px solid #a3a5a505\",\r\n                                        marginTop: \"-20px\",\r\n                                        marginRight: \"-20px\",\r\n                                      }}\r\n                                      onClick={() => {\r\n                                        this.setState({ Filterpop: false });\r\n                                        this.GetDegree();\r\n                                      }}\r\n                                    >\r\n                                      <CloseIcon />\r\n                                    </button>\r\n\r\n                                    <div className=\"checkboxes\">\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          fontSize: \"20px\",\r\n                                          color: \"gray\",\r\n                                          marginLeft: \"-1%\",\r\n                                          position: \"absolute\",\r\n                                          marginTop: \"0.5%\",\r\n                                        }}\r\n                                      ></i>\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onKeyUp={this.myFunction}\r\n                                        onKeyPress={this.handleKeyPress}\r\n                                        style={{ float: \"right\", width: \"80%\" }}\r\n                                      />\r\n                                      <br></br>\r\n                                      {this.state.letters.map(\r\n                                        (letter, index) => (\r\n                                          <button\r\n                                            className=\"filter\"\r\n                                            key={index}\r\n                                            onClick={(event) =>\r\n                                              this.handleDegreeFilter(\r\n                                                letter,\r\n                                                event\r\n                                              )\r\n                                            }\r\n                                          >\r\n                                            {letter}\r\n                                          </button>\r\n                                        )\r\n                                      )}\r\n                                      <br></br>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/*  */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport $ from \"jquery\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport AddDegreeLevel from \"../../Common/AddDegreeLevelpop\";\r\nimport EditDegreeLevelpop from \"../../Common/EditDegreeLevelpop\";\r\nimport DegreeExl from \"../../Assets/Files/DegreeExl.xlsx\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nvar XLSX = require(\"xlsx\");\r\n$(document).ready(function () {\r\n  $(\"#add-Educat\").hide();\r\n});\r\n$(document).ready(function () {\r\n  /*   $(\"#saverow2\").click(function(){\r\n      $(\"#add-row2\").hide();\r\n    }); */\r\n  $(\"#Btn_edu\").click(function () {\r\n    $(\"#add-Educat\").show();\r\n  });\r\n});\r\n\r\nexport default class SADegreeLevel extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      Addskills: [],\r\n      AddDegreeLevel: [],\r\n      AddDegreeLevelModel: false,\r\n      EditDegreeModel: false,\r\n      Id: \"\",\r\n      rows: [],\r\n      cols: [],\r\n      currentSheet: {},\r\n      formErrors: {},\r\n      allNotify: [],\r\n      Notification: [],\r\n      skills: [],\r\n      letters: [],\r\n      Filterpop: false,\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n    };\r\n\r\n    this.initialState = this.state;\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleFormValidation = this.handleFormValidation.bind(this);\r\n  }\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"DegreeSheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n    // Process Data (add a new row)\r\n    var ws = workbook.Sheets[\"Sheet1\"];\r\n    //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n  handleFormValidation() {\r\n    //const {SkillName,SkillDescription,Category}= this.state;\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/SuperAdmin/SADegreeLevelExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetDegreeLevel();\r\n\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n  };\r\n\r\n  EditDegreeModel = (e, fn) => {\r\n    this.setState({\r\n      EditDegreeValues: {\r\n        id: e,\r\n        Degree: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditDegreeModel: !prevState.EditDegreeModel,\r\n    }));\r\n    this.GetDegreeLevel();\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  GetDegreeLevel() {\r\n    let url = `${BASE_URLs}/DegreeLevel/GetDegreeLevel`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          skills: data,\r\n          Addskills: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetDegreeLevel();\r\n    $(document).ready(function () {\r\n      $(\"#add-Educat\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      /*   $(\"#saverow2\").click(function(){\r\n              $(\"#add-row2\").hide();\r\n            }); */\r\n      $(\"#Btn_edu\").click(function () {\r\n        $(\"#add-Educat\").show();\r\n      });\r\n    });\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n    const skills = this.state.Addskills.filter((item) =>\r\n      item.degreeLevel.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ skills });\r\n  };\r\n\r\n  handleDegreeLevelFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const skills = this.state.Addskills.filter((item) => {\r\n      return item.degreeLevel.toLowerCase().startsWith(letter.toLowerCase());\r\n    });\r\n    this.setState({ skills, showResults: true, FilterData: skills });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  AddDegreeLevelModel = () => {\r\n    this.setState((prevState) => ({\r\n      AddDegreeLevelModel: !prevState.AddDegreeLevelModel,\r\n    }));\r\n    this.GetDegreeLevel();\r\n  };\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        Accept: \"application/json\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(`${BASE_URLs}/DegreeLevel/Multidelete`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.GetDegreeLevel();\r\n        toast.success(data, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        var checkboxes = document.querySelectorAll(\r\n          'input[type=\"checkbox\"]:checked'\r\n        );\r\n\r\n        for (var i = 0; i < checkboxes.length; i++) {\r\n          checkboxes[i].checked = false;\r\n        }\r\n      });\r\n    this.GetDegreeLevel();\r\n  };\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}DegreelvlSheet`;\r\n    const { skills, Filterpop , FilterData,showExcel} = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.AddDegreeLevelModel ? (\r\n          <AddDegreeLevel\r\n            id=\"Success\"\r\n            close={() => this.AddDegreeLevelModel()}\r\n          />\r\n        ) : null}\r\n        {this.state.EditDegreeModel ? (\r\n          <EditDegreeLevelpop\r\n            id=\"\"\r\n            values={this.state.EditDegreeValues}\r\n            close={() => this.EditDegreeModel()}\r\n          />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <div className=\"glowBox\">\r\n                      <div>\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>{\" \"}\r\n                      <h4 className=\"title\" style={{ marginRight: \"45px\" }}>\r\n                        Degree Level{\" \"}\r\n                      </h4>\r\n                    </div>\r\n\r\n                    <div className=\"add-rowEduform\">\r\n                      <form\r\n                        autoComplete=\"on\"\r\n                        id=\"Eduform\"\r\n                        encType=\"multipart/form-data\"\r\n                        onSubmit={this.handleSubmit}\r\n                      >\r\n                        <div className=\"card-block\">\r\n                          <div className=\"row\">\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                onClick={() => this.AddDegreeLevelModel()}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                type=\"button\"\r\n                                style={{ width: \"150px\", background: \"white\" }}\r\n                                id=\"addRow\"\r\n                                className=\"btn dropdown_item-2\"\r\n                                // className=\"btn \"\r\n                              >\r\n                                Add{\" \"}\r\n                              </button>\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                className=\"btn\"\r\n                                id=\"addBtn\"\r\n                                name=\"DegreeFile\"\r\n                              >\r\n                                Import From Excel\r\n                              </label>\r\n                              <input\r\n                                id=\"files\"\r\n                                type=\"file\"\r\n                                accept=\".xlsx\"\r\n                                style={{ display: \"none\" }}\r\n                                onChange={this.handleUpload}\r\n                                name=\"DegreeFile\"\r\n                              />\r\n                            </div>\r\n\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                                onClick={() => this.exportXlsx(filename)}\r\n                                onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n                              {/* <ReactHTMLTableToExcel                  \r\n           className=\"btn\"  \r\n           table=\"DegreeSheet\"  \r\n           filename={filename}\r\n           sheet=\"Sheet\"  \r\n           buttonText=\"Export to Excel \" id=\"exportxlUG\" /> */}\r\n                            </div>\r\n\r\n                            <div\r\n                              className=\"col btnalign\"\r\n                              onKeyDown={this.handleKeyPress}\r\n                            >\r\n                              <a\r\n                                className=\"btn\"\r\n                                href={DegreeExl}\r\n                                type=\"button\"\r\n                                style={{ color: \"#5035ce\" }}\r\n                              >\r\n                                <i\r\n                                  title=\"Download Template\"\r\n                                  className=\"icofont icofont-download\"\r\n                                ></i>{\" \"}\r\n                                Download\r\n                              </a>\r\n                            </div>\r\n\r\n                            {/* <div className=\"col-lg-2 btnalign\"></div>  */}\r\n                         \r\n\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                onKeyUp={this.myFunction}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                style={{ float: \"right\" }}\r\n                                readOnly\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    // Filterpop: true,\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                          <center>\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\" style={{marginTop:'30px'}}>\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n) }\r\n</center>\r\n  {showExcel && this.state.initialData !== undefined && (\r\n\r\n                            <div className=\"savebtndiv\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                id=\"\"\r\n                                type=\"submit\"\r\n                                style={{ width: \"150px\" }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                            </div>\r\n                          )}\r\n\r\n                          <OutTable\r\n                            data={this.state.rows}\r\n                            columns={this.state.cols}\r\n                            tableClassName=\"ExcelTable2007\"\r\n                            tableHeaderRowclassName=\"heading\"\r\n                          />\r\n                        </div>\r\n                      </form>\r\n                    </div>\r\n                    <br />\r\n\r\n                    <div>\r\n                      <form\r\n                        onSubmit={this.Multidelete}\r\n                        onKeyPress={this.handleKeyPress}\r\n                      >\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          />\r\n                          &nbsp;&nbsp;\r\n                        </div>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"multitrash\"\r\n                          id=\"delete\"\r\n                          style={{ float: \"right\", visibility: \"hidden\" }}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-delete-alt\"\r\n                            style={{ color: \"darkgray\" }}\r\n                          ></i>\r\n                        </button>\r\n                        <span\r\n                          id=\"deletecount\"\r\n                          className=\"multitrash\"\r\n                          style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                        ></span>\r\n                        <div className=\"dt-responsive table-responsive\">\r\n                          {/* <table id=\"skillsheet\" className=\"table nowrap\">\r\n                     <thead>\r\n                       <tr>\r\n                       \r\n                            <th>Degree Level</th>\r\n                         \r\n                       </tr>\r\n                     </thead>\r\n                     <tbody>\r\n                    \r\n                  {skills.map(skill=>\r\n                       <tr>\r\n                        \r\n\r\n                           <td>{skill.degreeLevel}</td>\r\n                           \r\n                       </tr>\r\n                     )}\r\n\r\n                      </tbody>\r\n                   </table> */}\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-1\"></div>\r\n                            <div className=\"col-lg-10 skillname\">\r\n                              {/* <p>Degree Level</p> */}\r\n                            </div>\r\n                            <div className=\"col-lg-1\"></div>\r\n                          </div>\r\n                          <br />\r\n                          <div className=\"row\" style={{ padding: \"15px\" }}>\r\n                            {skills.map((skill) => (\r\n                              <div className=\"col-lg-3\">\r\n                                <p>{skill.degreeLevel}</p>\r\n                              </div>\r\n                            ))}\r\n                          </div>\r\n                          <center>\r\n                          {Filterpop === true && FilterData.length === 0 && skills.length === 0 ? (\r\n                                       <div>No Record</div>\r\n                                    ) : null}\r\n                                    </center>\r\n                          <br />\r\n\r\n                          <table\r\n                            id=\"DegreeSheet\"\r\n                            className=\"table nowrap SkillGrid\"\r\n                            hidden\r\n                          >\r\n                            <thead style={{ textAlign: \"left\" }}>\r\n                              <tr>\r\n                                <th>Degree Level</th>\r\n                              </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                              {skills.map((skill) => (\r\n                                <tr>\r\n                                  <td>{skill.degreeLevel}</td>\r\n                                </tr>\r\n                              ))}\r\n                            </tbody>\r\n                          </table>\r\n                        </div>{\" \"}\r\n                      </form>\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                              <div className=\"popSearchTeam\">\r\n                                <div className=\"popSearchinnernormalTeam\">\r\n                                  <div\r\n                                    className=\"popSearchinnertitle\"\r\n                                    id=\"popSearchinnernormal\"\r\n                                  >\r\n                                    <button\r\n                                      id=\"close\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        backgroundColor: \"#a0a3a305\",\r\n                                        color: \"#797070\",\r\n                                        border: \"1px solid #a3a5a505\",\r\n                                        marginTop: \"-20px\",\r\n                                        marginRight: \"-20px\",\r\n                                      }}\r\n                                      onClick={() => {\r\n                                        this.setState({ Filterpop: false });\r\n                                        this.GetDegreeLevel();\r\n                                      }}\r\n                                    >\r\n                                      <CloseIcon />\r\n                                    </button>\r\n\r\n                                    <div className=\"checkboxes\">\r\n                                      <i\r\n                                        className=\"fa fa-search\"\r\n                                        aria-hidden=\"true\"\r\n                                        style={{\r\n                                          fontSize: \"20px\",\r\n                                          color: \"gray\",\r\n                                          marginLeft: \"-1%\",\r\n                                          position: \"absolute\",\r\n                                          marginTop: \"0.5%\",\r\n                                        }}\r\n                                      ></i>\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onKeyUp={this.myFunction}\r\n                                        onKeyPress={this.handleKeyPress}\r\n                                        style={{ float: \"right\", width: \"80%\" }}\r\n                                      />\r\n                                      <br></br>\r\n                                      {this.state.letters.map(\r\n                                        (letter, index) => (\r\n                                          <button\r\n                                            className=\"filter\"\r\n                                            key={index}\r\n                                            onClick={(event) =>\r\n                                              this.handleDegreeLevelFilter(\r\n                                                letter,\r\n                                                event\r\n                                              )\r\n                                            }\r\n                                          >\r\n                                            {letter}\r\n                                          </button>\r\n                                        )\r\n                                      )}\r\n                                      <br></br>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/*  */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport $ from \"jquery\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport AddDepartmentpop from \"../../Common/AddDepartmentpop\";\r\nimport EditDepartPop from \"../../Common/EditDepartPop\";\r\nimport DepartmentExl from \"../../Assets/Files/DepartmentExl.xlsx\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport \"../../Css/excel.css\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nvar XLSX = require(\"xlsx\");\r\n\r\n$(document).ready(function () {\r\n  $(\"#add-Educat\").hide();\r\n});\r\n$(document).ready(function () {\r\n  /*   $(\"#saverow2\").click(function(){\r\n      $(\"#add-row2\").hide();\r\n    }); */\r\n  $(\"#Btn_edu\").click(function () {\r\n    $(\"#add-Educat\").show();\r\n  });\r\n});\r\nexport default class SADegree extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      Department: [],\r\n      AddDepartmentpop: [],\r\n      AddDepartmentpopModel: false,\r\n      Id: \"\",\r\n      rows: [],\r\n      cols: [],\r\n      currentSheet: {},\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      formErrors: {},\r\n      allNotify: [],\r\n      Notification: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      showExcel: false,\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"department_Sheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n    // Process Data (add a new row)\r\n    var ws = workbook.Sheets[\"Sheet1\"];\r\n    //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/SuperAdmin/SADepartmentExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          } else if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetDepartment();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n    this.GetDepartment();\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/SADepartmentGet`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Department: data,\r\n          Depart: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteSuperEMPS?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          toast.success(resp, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.GetDepartment();\r\n          document.getElementById(\"Eduform\").reset();\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    } else if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    } else if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetDepartment();\r\n    $(document).ready(function () {\r\n      $(\"#add-Educat\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      /*   $(\"#saverow2\").click(function(){\r\n              $(\"#add-row2\").hide();\r\n            }); */\r\n      $(\"#Btn_edu\").click(function () {\r\n        $(\"#add-Educat\").show();\r\n      }); \r\n    });\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    const Department = this.state.Depart.filter((item) =>\r\n      item.department.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Department });\r\n  };\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Department = this.state.Depart.filter((item) => {\r\n      return item.department.charAt(0).toLowerCase() === letter.toLowerCase();\r\n    });\r\n    this.setState({ Department, showResults: true, FilterData: Department  });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  AddDepartmentpopModel = () => {\r\n    this.setState((prevState) => ({\r\n      AddDepartmentpopModel: !prevState.AddDepartmentpopModel,\r\n    }));\r\n    this.GetDepartment();\r\n  };\r\n\r\n  EditModel = (e, fn) => {\r\n    this.setState({\r\n      EditDesigntionValues: {\r\n        id: e,\r\n        DepartmentName: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n    this.GetDepartment();\r\n  };\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    var role = JSON.parse(localStorage.Role);\r\n    role = role.toString();\r\n\r\n    fetch(`${BASE_URLs}/Department/Multidelete`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.GetDepartment();\r\n        toast.success(data.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        var checkboxes = document.querySelectorAll(\r\n          'input[type=\"checkbox\"]:checked'\r\n        );\r\n\r\n        for (var i = 0; i < checkboxes.length; i++) {\r\n          checkboxes[i].checked = false;\r\n        }\r\n      });\r\n    // this.Team();\r\n  };\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n\r\n    var filename = `O_${username}_DepartmentSheet`;\r\n\r\n    const { Department, Filterpop, FilterData,showExcel } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.AddDepartmentpopModel ? (\r\n          <AddDepartmentpop\r\n            id=\"Success\"\r\n            close={() => this.AddDepartmentpopModel()}\r\n          />\r\n        ) : null}\r\n        {this.state.EditModel ? (\r\n          <EditDepartPop\r\n            values={this.state.EditDesigntionValues}\r\n            close={() => this.EditModel()}\r\n          />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <div className=\"glowBox\">\r\n                      <div>\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n                      <h4 className=\"title\" style={{ marginRight: \"45px\" }}>\r\n                        Department\r\n                      </h4>\r\n                    </div>\r\n\r\n                    <div className=\"add-rowEduform\">\r\n                      <form\r\n                        autoComplete=\"on\"\r\n                        id=\"Eduform\"\r\n                        encType=\"multipart/form-data\"\r\n                        onSubmit={this.handleSubmit}\r\n                      >\r\n                        <div className=\"card-block\">\r\n                          <div className=\"row\">\r\n                            <div className=\"col btnalign\">\r\n                              {/* <div className=\"col-lg-12\"> */}\r\n                              {/* <div className=\"row\"> */}\r\n                              <button\r\n                                onClick={() => this.AddDepartmentpopModel()}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                type=\"button\"\r\n                                style={{ width: \"150px\", background: \"white\" }}\r\n                                id=\"addRow\"\r\n                                className=\"btn dropdown_item-2\"\r\n                                // className=\"btn \"\r\n                              >\r\n                                Add{\" \"}\r\n                              </button>\r\n                            </div>\r\n                            <div className=\"col btnalign\">\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                className=\"btn\"\r\n                                id=\"addBtn\"\r\n                                name=\"Departments\"\r\n                              >\r\n                                Import From Excel\r\n                              </label>\r\n                              <input\r\n                                id=\"files\"\r\n                                type=\"file\"\r\n                                accept=\".xlsx\"\r\n                                style={{ display: \"none\" }}\r\n                                onChange={this.handleUpload}\r\n                                name=\"Departments\"\r\n                              />\r\n                            </div>\r\n\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                                onClick={() => this.exportXlsx(filename)}\r\n                                onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n\r\n                              {/* <ReactHTMLTableToExcel                  \r\n                        className=\"btn\"  \r\n                        table=\"department_Sheet\"  \r\n                        filename={filename}\r\n                        sheet=\"Sheet\"  \r\n                        buttonText=\"Export to Excel \" id=\"exportxlUG\" /> */}\r\n                            </div>\r\n                            {/* </div>  */}\r\n                            {/* <div className=\"col-lg-2 btnalign\"></div> */}\r\n\r\n                            <div\r\n                              className=\"col btnalign\"\r\n                              onKeyDown={this.handleKeyPress}\r\n                            >\r\n                              <a\r\n                                className=\"btn\"\r\n                                href={DepartmentExl}\r\n                                type=\"button\"\r\n                                style={{ color: \"#5035ce\" }}\r\n                              >\r\n                                <i\r\n                                  title=\"Download Template\"\r\n                                  className=\"icofont icofont-download\"\r\n                                ></i>{\" \"}\r\n                                Download\r\n                              </a>\r\n                            </div>\r\n\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                onKeyUp={this.onKeyUp}\r\n                                style={{ float: \"right\" }}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                            {/* </div>         */}\r\n                          </div>\r\n                          <center>\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\" style={{marginTop:'30px'}}>\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n) }\r\n</center>\r\n                         {showExcel && this.state.initialData !== undefined && (\r\n\r\n                            <div className=\"savebtndiv\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                id=\"\"\r\n                                type=\"submit\"\r\n                                style={{ width: \"150px\" }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                              <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                            </div>\r\n                          )}\r\n\r\n                          <OutTable\r\n                            data={this.state.rows}\r\n                            columns={this.state.cols}\r\n                            tableClassName=\"ExcelTable2007\"\r\n                            tableHeaderRowclassName=\"heading\"\r\n                          />\r\n                        </div>\r\n                      </form>\r\n                    </div>\r\n                    <br />\r\n\r\n                    <div>\r\n                      <form\r\n                        onSubmit={this.Multidelete}\r\n                        onKeyPress={this.handleKeyPress}\r\n                      >\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          />\r\n                          &nbsp;&nbsp;\r\n                        </div>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"multitrash\"\r\n                          id=\"delete\"\r\n                          style={{ float: \"right\", visibility: \"hidden\" }}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-delete-alt\"\r\n                            style={{ color: \"darkgray\" }}\r\n                          ></i>\r\n                        </button>\r\n                        <span\r\n                          id=\"deletecount\"\r\n                          className=\"multitrash\"\r\n                          style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                        ></span>\r\n                        <div className=\"dt-responsive table-responsive\">\r\n                          {/* <table id=\"departmentgrid\" className=\"table nowrap\" style={{width:\"70%\"}}>\r\n                     <thead>\r\n                       <tr>\r\n                         \r\n                      \r\n                           <th> Department</th>\r\n                         \r\n                       </tr>\r\n                     </thead>\r\n                     <tbody>\r\n                    \r\n                  {Department.map(Department=>\r\n                       <tr>\r\n                        \r\n                        \r\n                           <td>{Department.department}</td>\r\n                          \r\n                       </tr>\r\n                     )}\r\n\r\n                      </tbody>\r\n                   </table> */}\r\n\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-1\"></div>\r\n                            <div className=\"col-lg-10 skillname\">\r\n                              {/* <p>Department</p> */}\r\n                            </div>\r\n                            <div className=\"col-lg-1\"></div>\r\n                          </div>\r\n                          <br />\r\n                          <div className=\"row\" style={{ padding: \"15px\" }}>\r\n                            {Department.map((Department) => (\r\n                              <div className=\"col-lg-3\">\r\n                                <p>{Department.department}</p>\r\n                              </div>\r\n                            ))}\r\n                          </div>\r\n                          <center>\r\n                          {Filterpop === true && FilterData.length === 0 && Department.length === 0 ? (\r\n                                       <div>No Record</div>\r\n                                    ) : null}\r\n                                    </center>\r\n                          <br />\r\n                        </div>{\" \"}\r\n                      </form>\r\n\r\n                      <table\r\n                        id=\"department_Sheet\"\r\n                        className=\"table nowrap\"\r\n                        hidden\r\n                        style={{ width: \"70%\" }}\r\n                      >\r\n                        <thead>\r\n                          <tr>\r\n                            <th> Department</th>\r\n                          </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                          {Department.map((Department) => (\r\n                            <tr>\r\n                              <td>{Department.department}</td>\r\n                            </tr>\r\n                          ))}\r\n                        </tbody>\r\n                      </table>\r\n\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                {Filterpop && (\r\n                  <div className=\"popSearchTeam\">\r\n                    <div className=\"popSearchinnernormalTeam\">\r\n                      <div\r\n                        className=\"popSearchinnertitle\"\r\n                        id=\"popSearchinnernormal\"\r\n                      >\r\n                        <button\r\n                          id=\"close\"\r\n                          style={{\r\n                            float: \"right\",\r\n                            backgroundColor: \"#a0a3a305\",\r\n                            color: \"#797070\",\r\n                            border: \"1px solid #a3a5a505\",\r\n                            marginTop: \"-20px\",\r\n                            marginRight: \"-20px\",\r\n                          }}\r\n                          onClick={() => {\r\n                            this.setState({ Filterpop: false });\r\n                            this.GetDepartment();\r\n                          }}\r\n                        >\r\n                          <CloseIcon />\r\n                        </button>\r\n\r\n                        <div className=\"checkboxes\">\r\n                          <i\r\n                            className=\"fa fa-search\"\r\n                            aria-hidden=\"true\"\r\n                            style={{\r\n                              fontSize: \"20px\",\r\n                              color: \"gray\",\r\n                              marginLeft: \"-1%\",\r\n                              position: \"absolute\",\r\n                              marginTop: \"0.5%\",\r\n                            }}\r\n                          ></i>\r\n                          <input\r\n                            className=\"Searchbox\"\r\n                            placeholder=\"Search\"\r\n                            onKeyUp={this.onKeyUp}\r\n                            style={{ float: \"right\", width: \"80%\" }}\r\n                          />\r\n                          <br></br>\r\n                          {this.state.letters.map((letter, index) => (\r\n                            <button\r\n                              className=\"filter\"\r\n                              key={index}\r\n                              onClick={(event) =>\r\n                                this.handleFilter(letter, event)\r\n                              }\r\n                            >\r\n                              {letter}\r\n                            </button>\r\n                          ))}\r\n                          <br></br>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport $ from \"jquery\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport EditDesignationModel from \"../../Common/EditDesignationModel\";\r\nimport AddDesignationModel from \"../../Common/AddDesignationModel\";\r\nimport Designationxl from \"../../Assets/Files/Designationxl.xlsx\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport \"../../Css/excel.css\";\r\nvar XLSX = require(\"xlsx\");\r\n\r\n$(document).ready(function () {\r\n  $(\"#add-Educat\").hide();\r\n});\r\n$(document).ready(function () {\r\n  /*   $(\"#saverow2\").click(function(){\r\n      $(\"#add-row2\").hide();\r\n    }); */\r\n  $(\"#Btn_edu\").click(function () {\r\n    $(\"#add-Educat\").show();\r\n  });\r\n});\r\nexport default class SADegree extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      Designation: [],\r\n      AddDesignation: [],\r\n      AddDesignationModel: false,\r\n      EditDesignationModel: false,\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      rows: [],\r\n      cols: [],\r\n      currentSheet: {},\r\n      formErrors: {},\r\n      allNotify: [],\r\n      Notification: [],\r\n      Designation: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData:\"\",\r\n      showExcel: false,\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.initialState = this.state;\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleFormValidation = this.handleFormValidation.bind(this);\r\n    this.Edit = this.Edit.bind(this);\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"designation-sec\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    workbook.Sheets.Sheet1.A1.s = { font: { bold: true } };\r\n    // Process Data (add a new row)\r\n    var ws = workbook.Sheets[\"Sheet1\"];\r\n    //XLSX.utils.sheet_add_aoa(ws, [[\"Created \"+new Date().toISOString()]], {origin:-1});\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  // handleSubmit(event){\r\n\r\n  //   event.preventDefault();\r\n\r\n  // if(this.handleFormValidation()){\r\n  //   const data = new FormData(event.target);\r\n\r\n  //   fetch(`${BASE_URLs}/Designation/EditDesignation\",{\r\n  //     method: 'POST',\r\n  //     headers:{\r\n  //      // 'Accept': 'application/json',\r\n  //                // 'Content-Type': 'application/json',\r\n  //                  Authorization: `Bearer ${JSON.parse(localStorage.user)}`\r\n  //     },\r\n  //     body: data,\r\n  //   }).then(res => res.json()).then((resp) => {\r\n\r\n  //    if(resp.status === \"Success\"){\r\n\r\n  //     toast.success(resp.message, {\r\n  //       position: \"top-center\",\r\n  //       autoClose: 3200,\r\n  //       hideProgressBar: false,\r\n  //       closeOnClick: true,\r\n  //       pauseOnHover: true,\r\n  //       draggable: true,\r\n  //       progress: undefined,\r\n  //       });\r\n  //       setTimeout(function(){\r\n\r\n  //         if(document.getElementById(\"close\")){\r\n\r\n  //           document.getElementById(\"close\").click();\r\n\r\n  //       }\r\n\r\n  //       }, 4000);\r\n\r\n  //          }\r\n  //          else{\r\n  //           toast.error(resp.message, {\r\n  //             position: \"top-center\",\r\n  //             autoClose: 3200,\r\n  //             hideProgressBar: false,\r\n  //             closeOnClick: true,\r\n  //             pauseOnHover: true,\r\n  //             draggable: true,\r\n  //             progress: undefined,\r\n  //             });\r\n  //           }\r\n\r\n  //    })\r\n  //   // document.getElementById(\"close\").click();\r\n\r\n  //   }\r\n\r\n  // }\r\n\r\n  handleFormValidation() {\r\n    //const {SkillName,SkillDescription,Category}= this.state;\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    }\r\n    if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    }\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\",{ autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/SuperAdmin/SADesignationExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ initialData: undefined });\r\n          var file = document.getElementById(\"files\");\r\n          var emptyFile = document.createElement(\"input\");\r\n          emptyFile.type = \"file\";\r\n          file.files = emptyFile.files;\r\n          this.GetDesignation();\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          // this.GetAddSkill();\r\n        });\r\n    } catch (error) {}\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  GetDesignation() {\r\n    let url = `${BASE_URLs}/Designation/GetSAMasterDesignation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Designation: data,\r\n          Desi: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  Edit(Id, category, skillName, skillDescription) {\r\n    var page = {\r\n      pathname: \"/EditMasterSkill\",\r\n      state: {\r\n        Id: Id,\r\n        category: category,\r\n        skillName: skillName,\r\n        skillDescription: skillDescription,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  deleteSkill(id) {\r\n    if (window.confirm(\"Are you sure you want to delete ?\")) {\r\n      fetch(`${BASE_URLs}/Skill/DeleteSuperEMPS?Id=` + id, {\r\n        method: \"DELETE\",\r\n        header: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }).then((result) => {\r\n        result.json().then((resp) => {\r\n          toast.success(resp, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.GetDesignation();\r\n          document.getElementById(\"Eduform\").reset();\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n    var SkillName = document.getElementById(\"SkillName\").value;\r\n    var SkillDescription = document.getElementById(\"SkillDescription\").value;\r\n    var Category = document.getElementById(\"Category\").value;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!Category) {\r\n      formIsValid = false;\r\n      formErrors[\"CategoryErr\"] = \"Category is required\";\r\n    } else if (!SkillName) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillNameErr\"] = \"SkillName is required\";\r\n    } else if (!SkillDescription) {\r\n      formIsValid = false;\r\n      formErrors[\"SkillDescriptionErr\"] = \"SkillDescription is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  };\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  componentDidMount() {\r\n    this.GetDesignation();\r\n    $(document).ready(function () {\r\n      $(\"#add-Educat\").hide();\r\n    });\r\n    $(document).ready(function () {\r\n      /*   $(\"#saverow2\").click(function(){\r\n              $(\"#add-row2\").hide();\r\n            }); */\r\n      $(\"#Btn_edu\").click(function () {\r\n        $(\"#add-Educat\").show();\r\n      });\r\n    });\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    const Designation = this.state.Desi.filter((item) =>\r\n      item.designation.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Designation });\r\n  };\r\n\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Designation = this.state.Desi.filter((item) => {\r\n      return item.designation.charAt(0).toLowerCase() === letter.toLowerCase();\r\n    });\r\n    this.setState({ Designation, showResults: true });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  AddDesignationModel = () => {\r\n    this.setState((prevState) => ({\r\n      AddDesignationModel: !prevState.AddDesignationModel,\r\n    }));\r\n    this.GetDesignation();\r\n  };\r\n\r\n  EditDesignationModel = (id, designationName) => {\r\n    this.setState({\r\n      EditDesignationValues: {\r\n        id: id,\r\n        designationName: designationName,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditDesignationModel: !prevState.EditDesignationModel,\r\n    }));\r\n    this.GetDesignation();\r\n  };\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    var role = JSON.parse(localStorage.Role);\r\n    role = role.toString();\r\n\r\n    fetch(`${BASE_URLs}/Designation/Multidelete`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.GetDesignation();\r\n        toast.success(data.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        var checkboxes = document.querySelectorAll(\r\n          'input[type=\"checkbox\"]:checked'\r\n        );\r\n\r\n        for (var i = 0; i < checkboxes.length; i++) {\r\n          checkboxes[i].checked = false;\r\n        }\r\n      });\r\n  };\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_Designationsheet`;\r\n    const { Designation, Filterpop,FilterData,showExcel} = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.AddDesignationModel ? (\r\n          <AddDesignationModel\r\n            id=\"Success\"\r\n            close={() => this.AddDesignationModel()}\r\n          />\r\n        ) : null}\r\n        {this.state.EditDesignationModel ? (\r\n          <EditDesignationModel\r\n            id=\"Success\"\r\n            values={this.state.EditDesignationValues}\r\n            close={() => this.EditDesignationModel()}\r\n          />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"card\">\r\n                    <div className=\"glowBox\">\r\n                      <div>\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => this.props.history.goBack()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>{\" \"}\r\n                        </div>\r\n                      </div>\r\n                      <h4 className=\"title\" style={{ marginRight: \"45px\" }}>\r\n                        Designation{\" \"}\r\n                      </h4>\r\n                    </div>\r\n\r\n                    <div className=\"add-rowEduform\">\r\n                      <form\r\n                        autoComplete=\"on\"\r\n                        id=\"Eduform\"\r\n                        encType=\"multipart/form-data\"\r\n                        onSubmit={this.handleSubmit}\r\n                      >\r\n                        <div className=\"card-block\">\r\n                          <div className=\"row\">\r\n                            {/* <div className=\"col-lg-12\"> */}\r\n                            {/* <div className=\"row\"> */}\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                onClick={() => this.AddDesignationModel()}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                type=\"button\"\r\n                                style={{ width: \"150px\", background: \"white\" }}\r\n                                id=\"addRow\"\r\n                                className=\" btn dropdown_item-2\"\r\n                                // className=\"btn \"\r\n                              >\r\n                                Add{\" \"}\r\n                              </button>\r\n                            </div>\r\n                            {/* <div className=\"col btnalign\">   \r\n            <label htmlFor=\"files\" className=\"btn\" id=\"addBtn\" name=\"DesignationFile\" >Import From Excel</label>\r\n           <input\r\n             id=\"files\"\r\n             type='file'\r\n             accept='.xlsx'\r\n             style={{ display:'none'}}\r\n             onChange={this.handleUpload}\r\n             name=\"DesignationFile\"\r\n           /> \r\n           </div> */}\r\n                            <div className=\"col btnalign\">\r\n                              <label\r\n                                htmlFor=\"files\"\r\n                                className=\"btn\"\r\n                                id=\"addBtn\"\r\n                                name=\"DesignationFile\"\r\n                              >\r\n                                Import From Excel\r\n                              </label>\r\n                              <input\r\n                                id=\"files\"\r\n                                type=\"file\"\r\n                                accept=\".xlsx\"\r\n                                style={{ display: \"none\" }}\r\n                                onChange={this.handleUpload}\r\n                                name=\"DesignationFile\"\r\n                              />\r\n                            </div>\r\n\r\n                            <div className=\"col btnalign\">\r\n                              <button\r\n                                className=\"btn\"\r\n                                type=\"button\"\r\n                                onClick={() => this.exportXlsx(filename)}\r\n                                onKeyPress={this.handleKeyPress}\r\n                              >\r\n                                Export to excel\r\n                              </button>\r\n                              {/* <ReactHTMLTableToExcel                  \r\n                        className=\"btn\"  \r\n                        table=\"designation-sec\"  \r\n                        filename={filename}\r\n                        sheet=\"Sheet\"  \r\n                        buttonText=\"Export to Excel \" id=\"designation\" /> */}\r\n                            </div>\r\n\r\n                            <div\r\n                              className=\"col btnalign\"\r\n                              onKeyDown={this.handleKeyPress}\r\n                            >\r\n                              <a\r\n                                className=\"btn\"\r\n                                href={Designationxl}\r\n                                type=\"button\"\r\n                                style={{ color: \"#5035ce\" }}\r\n                              >\r\n                                <i\r\n                                  title=\"Download Template\"\r\n                                  className=\"icofont icofont-download\"\r\n                                ></i>{\" \"}\r\n                                Download\r\n                              </a>\r\n                            </div>\r\n                            {/* </div>  */}\r\n                            {/* <div className=\"col-lg-2 btnalign\"></div> */}\r\n\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                placeholder=\"Search\"\r\n                                onKeyUp={this.onKeyUp}\r\n                                style={{ float: \"right\" }}\r\n                                onKeyPress={this.handleKeyPress}\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                            {/* </div>         */}\r\n                          </div>\r\n                          <center>\r\n                          {showExcel && this.state.initialData !== undefined && (\r\n  <table className=\"table\" id=\"tableDesign\" style={{marginTop:'30px'}}>\r\n    <thead>\r\n      <tr>\r\n        {Object.keys(this.state.initialData[0]).map((key) => (\r\n          <th key={key}>{key}</th>\r\n        ))}\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      {this.state.initialData.map((row, index) => (\r\n        <tr key={index}>\r\n          {Object.values(row).map((value, index) => (\r\n            <td key={index} id=\"pdesign\">{value}</td>\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </tbody>\r\n  </table>\r\n) }\r\n</center> \r\n {showExcel && this.state.initialData !== undefined && (\r\n \r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"savebtndiv\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                <span\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </span>\r\n                            </div>\r\n                            </div>\r\n                          )}\r\n                          <OutTable\r\n                            data={this.state.rows}\r\n                            columns={this.state.cols}\r\n                            tableClassName=\"ExcelTable2007\"\r\n                            tableHeaderRowclassName=\"heading\"\r\n                          />\r\n                        </div>\r\n                      </form>\r\n                    </div>\r\n                    <br />\r\n\r\n                    <div>\r\n                      <form\r\n                        onSubmit={this.Multidelete}\r\n                        onKeyPress={this.handleKeyPress}\r\n                      >\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          />\r\n                          &nbsp;&nbsp;\r\n                        </div>\r\n                        <button\r\n                          type=\"submit\"\r\n                          className=\"multitrash\"\r\n                          id=\"delete\"\r\n                          style={{ float: \"right\", visibility: \"hidden\" }}\r\n                        >\r\n                          <i\r\n                            className=\"icofont icofont-delete-alt\"\r\n                            style={{ color: \"darkgray\" }}\r\n                          ></i>\r\n                        </button>\r\n                        <span\r\n                          id=\"deletecount\"\r\n                          className=\"multitrash\"\r\n                          style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                        ></span>\r\n                        <div className=\"dt-responsive table-responsive\">\r\n                          {/* <table id=\"designation-sheet\" className=\"table nowrap\" style={{width:\"70%\"}}>\r\n                     <thead>\r\n                       <tr>\r\n                      \r\n                       <th> Designation</th>\r\n                       \r\n                       </tr>\r\n                     </thead>\r\n                     <tbody>  \r\n                  {Designation.map(Designation=>\r\n                       <tr>\r\n                        \r\n                           <td>{Designation.designation}</td>\r\n                           \r\n                       </tr>\r\n                     )}\r\n                   </tbody>\r\n                   </table> */}\r\n                          <div className=\"row\">\r\n                            <div className=\"col-lg-1\"></div>\r\n                            <div className=\"col-lg-10 skillname\">\r\n                              {/* <p>Designation</p> */}\r\n                            </div>\r\n                            <div className=\"col-lg-1\"></div>\r\n                          </div>\r\n                          <br />\r\n                          <div className=\"row\" style={{ padding: \"15px\" }}>\r\n                            {Designation.map((Designation) => (\r\n                              <div className=\"col-lg-3\">\r\n                                <p>{Designation.designation}</p>\r\n                              </div>\r\n                            ))}\r\n                          </div>\r\n                          <center>\r\n                          {Filterpop === true && FilterData.length === 0 && Designation.length === 0 ? (\r\n                                       <div>No Record</div>\r\n                                    ) : null}\r\n                                    </center>\r\n                          <br />\r\n                        </div>{\" \"}\r\n                      </form>\r\n                      <table\r\n                        id=\"designation-sec\"\r\n                        className=\"table nowrap\"\r\n                        hidden\r\n                        style={{ width: \"70%\" }}\r\n                      >\r\n                        <thead>\r\n                          <tr>\r\n                            <th>Designation</th>\r\n                          </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                          {Designation.map((Designation) => (\r\n                            <tr>\r\n                              <td>{Designation.designation}</td>\r\n                            </tr>\r\n                          ))}\r\n                        </tbody>\r\n                      </table>\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                      <br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                {Filterpop && (\r\n                  <div className=\"popSearchTeam\">\r\n                    <div className=\"popSearchinnernormalTeam\">\r\n                      <div\r\n                        className=\"popSearchinnertitle\"\r\n                        id=\"popSearchinnernormal\"\r\n                      >\r\n                        <button\r\n                          id=\"close\"\r\n                          style={{\r\n                            float: \"right\",\r\n                            backgroundColor: \"#a0a3a305\",\r\n                            color: \"#797070\",\r\n                            border: \"1px solid #a3a5a505\",\r\n                            marginTop: \"-20px\",\r\n                            marginRight: \"-20px\",\r\n                          }}\r\n                          onClick={() => {\r\n                            this.setState({ Filterpop: false });\r\n                            this.GetDesignation();\r\n                          }}\r\n                        >\r\n                          <CloseIcon />\r\n                        </button>\r\n\r\n                        <div className=\"checkboxes\">\r\n                          <i\r\n                            className=\"fa fa-search\"\r\n                            aria-hidden=\"true\"\r\n                            style={{\r\n                              fontSize: \"20px\",\r\n                              color: \"gray\",\r\n                              marginLeft: \"-1%\",\r\n                              position: \"absolute\",\r\n                              marginTop: \"0.5%\",\r\n                            }}\r\n                          ></i>\r\n                          <input\r\n                            className=\"Searchbox\"\r\n                            placeholder=\"Search\"\r\n                            onKeyUp={this.onKeyUp}\r\n                            style={{ float: \"right\", width: \"80%\" }}\r\n                          />\r\n                          <br></br>\r\n                          {this.state.letters.map((letter, index) => (\r\n                            <button\r\n                              className=\"filter\"\r\n                              key={index}\r\n                              onClick={(event) =>\r\n                                this.handleFilter(letter, event)\r\n                              }\r\n                            >\r\n                              {letter}\r\n                            </button>\r\n                          ))}\r\n                          <br></br>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class UserAnnouncementpopup extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Announcement: [],\r\n      Profile_Pic: [],\r\n      Notification: [],\r\n      Announce: [],\r\n      category: [],\r\n      AddAnnounce: [],\r\n    };\r\n  }\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n\r\n    const Announcement = this.state.AddAnnounce.filter((item) =>\r\n      item.category.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n\r\n    this.setState({ Announcement });\r\n  };\r\n\r\n  GetAnnouncement() {\r\n    var Id = this.props.location.state.Id;\r\n    let url = `${BASE_URLs}/Announcement/GetUserAnnouncementID?Id=` + Id;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          AddAnnounce: data,\r\n          Sort: data,\r\n          Announcement: data,\r\n        });\r\n        // console.log(\"user\", data);\r\n      });\r\n  }\r\n\r\n  GetUserProfile() {\r\n    let url = `${BASE_URLs}/Profile/Userprofile`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Profile_Pic: data,\r\n        });\r\n\r\n        // //\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetAnnouncement();\r\n    this.GetUserProfile();\r\n\r\n    //  var role =JSON.parse(localStorage.Role);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  render() {\r\n    const { Announcement } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 className=\"title\">Announcements</h4>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          {Announcement &&\r\n                            Announcement.map &&\r\n                            Announcement.map((Announcement) => (\r\n                              <>\r\n                                {Announcement.image === \"-\" &&\r\n                                Announcement.video === \"-\" ? (\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div\r\n                                      className=\"card-Announcement\"\r\n                                      style={{\r\n                                        position: \"relative\",\r\n                                        overflow: \"hidden\",\r\n                                        padding: \"2%\",\r\n                                        backgroundColor: \"white\",\r\n                                      }}\r\n                                    >\r\n                                      <h6\r\n                                        key={Announcement.id}\r\n                                        style={{ margin: \"0%\" }}\r\n                                      >\r\n                                        <center>\r\n                                          {\" \"}\r\n                                          <b> {Announcement.message}</b>\r\n                                        </center>\r\n                                      </h6>\r\n                                    </div>\r\n                                  </div>\r\n                                ) : (\r\n                                  <>\r\n                                    {Announcement.image !== \"-\" &&\r\n                                    Announcement.video !== \"-\" ? (\r\n                                      <div className=\"col-lg-12\">\r\n                                        <div\r\n                                          className=\"card-Announcement\"\r\n                                          style={{\r\n                                            position: \"relative\",\r\n                                            overflow: \"hidden\",\r\n                                            backgroundColor: \"white\",\r\n                                          }}\r\n                                        >\r\n                                          <h6 key={Announcement.id} style={{}}>\r\n                                            <center>\r\n                                              {\" \"}\r\n                                              <b>{Announcement.message}</b>\r\n                                            </center>\r\n                                          </h6>\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-6\">\r\n                                              <img\r\n                                                alt=\"announceimg\"\r\n                                                width=\"320\"\r\n                                                height=\"240\"\r\n                                                src={Announcement.image}\r\n                                                style={{ width: \"inherit\" }}\r\n                                              />\r\n                                            </div>\r\n                                            <div className=\"col-lg-6\">\r\n                                              <video\r\n                                                width=\"320\"\r\n                                                height=\"240\"\r\n                                                controls\r\n                                                style={{ width: \"inherit\" }}\r\n                                              >\r\n                                                <source\r\n                                                  src={Announcement.video}\r\n                                                  type=\"video/mp4\"\r\n                                                />\r\n                                                <source\r\n                                                  src={Announcement.video}\r\n                                                  type=\"video/ogg\"\r\n                                                />\r\n                                              </video>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    ) : (\r\n                                      <>\r\n                                        {Announcement.image === \"-\" &&\r\n                                        Announcement.video !== \"-\" ? (\r\n                                          <div className=\"col-lg-12\">\r\n                                            <div\r\n                                              className=\"card-Announcement\"\r\n                                              style={{\r\n                                                position: \"relative\",\r\n                                                overflow: \"hidden\",\r\n                                                backgroundColor: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              <div className=\"col-lg-12\">\r\n                                                <h6\r\n                                                  key={Announcement.id}\r\n                                                  style={{}}\r\n                                                >\r\n                                                  <center>\r\n                                                    {\" \"}\r\n                                                    <b>\r\n                                                      {\" \"}\r\n                                                      {Announcement.message}\r\n                                                    </b>\r\n                                                  </center>\r\n                                                </h6>\r\n                                                <video\r\n                                                  width=\"320\"\r\n                                                  height=\"240\"\r\n                                                  controls\r\n                                                  style={{\r\n                                                    width: \"inherit\",\r\n                                                    padding: \"0% 20%\",\r\n                                                  }}\r\n                                                >\r\n                                                  <source\r\n                                                    src={Announcement.video}\r\n                                                    type=\"video/mp4\"\r\n                                                  />\r\n                                                  <source\r\n                                                    src={Announcement.video}\r\n                                                    type=\"video/ogg\"\r\n                                                  />\r\n                                                </video>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        ) : (\r\n                                          <div className=\"col-lg-12\">\r\n                                            <div\r\n                                              className=\"card-Announcement\"\r\n                                              style={{\r\n                                                position: \"relative\",\r\n                                                overflow: \"hidden\",\r\n                                                backgroundColor: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              <h6\r\n                                                key={Announcement.id}\r\n                                                style={{}}\r\n                                              >\r\n                                                <center>\r\n                                                  {\" \"}\r\n                                                  <b> {Announcement.message}</b>\r\n                                                </center>\r\n                                              </h6>\r\n                                              <div className=\"row\">\r\n                                                <div\r\n                                                  className=\"col-lg-12\"\r\n                                                  style={{ padding: \"0% 28%\" }}\r\n                                                >\r\n                                                  <img\r\n                                                    alt=\"announceimg\"\r\n                                                    width=\"320\"\r\n                                                    height=\"240\"\r\n                                                    src={Announcement.image}\r\n                                                    style={{ width: \"inherit\" }}\r\n                                                  />\r\n                                                </div>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        )}\r\n                                      </>\r\n                                    )}\r\n                                  </>\r\n                                )}\r\n                              </>\r\n                            ))}\r\n                          <div>\r\n                            <div style={{ textAlign: \"center\" }}>\r\n                              <button\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                                type=\"button\"\r\n                                style={{\r\n                                  width: \"130px\",\r\n                                  backgroundColor: \"#7f63efde\",\r\n                                  color: \"white\",\r\n                                }}\r\n                                className=\"btn dropdown_item-2\"\r\n                                // className=\"btn \"\r\n                              >\r\n                                Back\r\n                              </button>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\n// import AdminSkillPop from '../../Common/AdminSkillPop';\r\nexport default class AdminNotification extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Notify: [],\r\n      Active: [],\r\n      InActive: [],\r\n      Pending: [],\r\n      All: [],\r\n      allNotify: [],\r\n      Notification: [],\r\n      User: [],\r\n      renewel: [],\r\n      CategoryModel: false,\r\n      Unreadcount: \"0\",\r\n      Request: [],\r\n      NoRequest: [],\r\n      Organization: \"\",\r\n      Message: [],\r\n      messages: [],\r\n    };\r\n    this.Noticount = this.Noticount.bind(this);\r\n    this.clickNoticount = this.clickNoticount.bind(this);\r\n  }\r\n\r\n  Noticount = (Id) => {\r\n    fetch(`${BASE_URLs}/Notification/Messagecount`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: true,\r\n        Notification_Id: Id,\r\n      }),\r\n    });\r\n\r\n    this.GetAdNotification();\r\n    if (Id !== null) {\r\n      var page = {\r\n        pathname: \"/Chatbox\",\r\n        state: {\r\n          Id: Id,\r\n        },\r\n      };\r\n\r\n      this.props.history.push(page);\r\n    }\r\n  };\r\n\r\n  clickNoticount = (Id) => {\r\n    fetch(`${BASE_URLs}/Notification/Messagecount`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        Notification_Id: Id,\r\n      }),\r\n    });\r\n\r\n    this.GetAdNotification();\r\n    if (Id !== null) {\r\n      var page = {\r\n        pathname: \"/Chatbox\",\r\n        state: {\r\n          Id: Id,\r\n        },\r\n      };\r\n\r\n      this.props.history.push(page);\r\n    }\r\n  };\r\n\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/AddOrganization/GetOrg`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          User: data,\r\n        });\r\n        // console.log(\"newdata\", data);\r\n      });\r\n  }\r\n\r\n  renewel() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/Renewel`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ renewel: data });\r\n      });\r\n  }\r\n\r\n  detailData(company_Id) {\r\n    // localStorage.setItem(\"status\",\"Active\")\r\n    var page = {\r\n      pathname: \"/OrganizationDetail\",\r\n      state: {\r\n        Id: company_Id,\r\n        Status: \"Pending\",\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n  detailData1(company_Id) {\r\n    localStorage.setItem(\"Id\", company_Id);\r\n    localStorage.setItem(\"status\", \"Inactive\");\r\n  }\r\n\r\n  GetAdNotification() {\r\n    const { Notification } = this.state;\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Notification/GetMessageAdmin`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        //  this.setState({ Notification: data[0].message });\r\n\r\n        //  // console.log(data);\r\n        //  // console.log(\"Message\",data);\r\n\r\n        this.setState({\r\n          // Message: data.filter(Tasks => Tasks.Seen === true)\r\n          Message: data,\r\n        });\r\n\r\n        // console.log(data);\r\n        // // console.log(\"NotificationID\",data[0].id);\r\n        // console.log(\"Messages\", this.state.Message);\r\n        //  this.setState({ NotifyCount: data.filter(Tasks => (Tasks.seen === true)).length\r\n        //  });\r\n      });\r\n  }\r\n\r\n  markMessageAsRead = async (id, email) => {\r\n    await fetch(`${BASE_URLs}/Notification/MsgcountSeenAdmin`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: true,\r\n        Id: id,\r\n        Email: \"\",\r\n        Message: \"\",\r\n        SenderId: \"\",\r\n        Type: \"\",\r\n        UserName: \"\",\r\n      }),\r\n    });\r\n\r\n    const updatedMessages = this.state.Message.map((message) =>\r\n      message.id === id ? { ...message, Seen: true } : message\r\n    );\r\n    this.setState({ Message: updatedMessages });\r\n  };\r\n\r\n  RedirectSkill() {\r\n    this.props.history.push(\"/MasterSkill\");\r\n  }\r\n  RedirectEdu() {\r\n    this.props.history.push(\"/Education\");\r\n  }\r\n  CategoryModel = () => {\r\n    this.setState((prevState) => ({\r\n      CategoryModel: !prevState.CategoryModel,\r\n    }));\r\n  };\r\n  getCookie(cName) {\r\n    const name = cName + \"=\";\r\n    const cDecoded = decodeURIComponent(document.cookie); //to be careful\r\n    const cArr = cDecoded.split(\"; \");\r\n    let res;\r\n    cArr.forEach((val) => {\r\n      if (val.indexOf(name) === 0) res = val.substring(name.length);\r\n    });\r\n    return res;\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetAdNotification();\r\n    // this.GetallNotify();+\r\n    var crole = this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\");\r\n\r\n    var corg = this.getCookie(\r\n      \"\" + JSON.parse(localStorage.uname) + \"organization\"\r\n    );\r\n\r\n    this.setState({\r\n      User: [{ role: crole, organization: parseInt(corg) }],\r\n      Organization: corg,\r\n    });\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  render() {\r\n    const { Notify } = this.state;\r\n    const { Notification, Request, NoRequest, NotifyCount, Message, messages } =\r\n      this.state;\r\n\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        {/* {this.state.CategoryModel ? <AdminSkillPop id=\"Success\" close={() => this.CategoryModel()} /> : null} */}\r\n        {/* start */}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                        <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Notifications </h4>\r\n                        </div>\r\n\r\n                        <div\r\n                          className=\"j-tabs-container md-tabs\"\r\n                          style={{ height: \"40vh\", overflow: \"scroll\" }}\r\n                        >\r\n                          <input\r\n                            id=\"tab1\"\r\n                            type=\"radio\"\r\n                            name=\"tabs\"\r\n                            defaultChecked\r\n                          />\r\n                          <label\r\n                            id=\"supertab\"\r\n                            className=\"j-tabs-label\"\r\n                            htmlFor=\"tab1\"\r\n                            title=\"Info\"\r\n                          >\r\n                            {this.state.Message.length === 0 ? (\r\n                              <span>&nbsp;&nbsp;No Message&nbsp;&nbsp;</span>\r\n                            ) : (\r\n                              <span>&nbsp;&nbsp;Message&nbsp;&nbsp;</span>\r\n                            )}\r\n                          </label>\r\n\r\n                          {this.state.Message.map((message) => (\r\n                            <div\r\n                              key={message.id}\r\n                              onClick={() => this.markMessageAsRead(message.id)}\r\n                              style={{ padding: \"5px\", margin: \"5px\" }}\r\n                            >\r\n                              <Link to=\"/UserChatPopUp\">\r\n                                <span>\r\n                                  You have New Message {message.document_Path}{\" \"}\r\n                                  {message.message} {message.picture_Path} from\r\n                                  \"{message.displayName}\"\r\n                                </span>\r\n                              </Link>\r\n                            </div>\r\n                          ))}\r\n\r\n                          {/* <div>\r\n      {messages.map(message => (\r\n        <div key={message.id}>\r\n          <span>{message.message}</span>\r\n          {!message.Seen && (\r\n            <button onClick={() => this.markAsRead(message.id)}>Mark as Read</button>\r\n          )}\r\n        </div>\r\n      ))}\r\n    </div> */}\r\n                          {/* {Notification.map((notify)=>{\r\n    <p>{notify.message}</p>\r\n})} */}\r\n                          {/* <input value={Notification}>{Notification}</input> */}\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* End */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport ReactTimeAgo from \"react-time-ago\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nexport default class UserNotifications extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Notify: [],\r\n      AllNotify: [],\r\n      Active: [],\r\n      InActive: [],\r\n      Pending: [],\r\n      All: [],\r\n      allNotify: [],\r\n      User: [],\r\n      renewel: [],\r\n      Notification: [],\r\n      Unreadcount: \"0\",\r\n      ContactMessagesCount: \"\",\r\n      NotifyCount: \"\",\r\n      ContactMessages: [],\r\n      NoRequest: [],\r\n      Request: [],\r\n      delay: false,\r\n      letters: [],\r\n      Filterpop: false,\r\n    };\r\n    this.Noticount = this.Noticount.bind(this);\r\n  }\r\n\r\n  GetallNotify() {\r\n    fetch(`${BASE_URLs}/Notification/GetallNotify`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ allNotify: data });\r\n      });\r\n  }\r\n\r\n  Noticount = (notify_Id, company_Id) => {\r\n    fetch(`${BASE_URLs}/Notification/UserChangeSeen`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"*/*\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        notify_Id: notify_Id,\r\n      }),\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => { },\r\n        (error) => { }\r\n      );\r\n    this.props.history.push(\"/Profile\");\r\n    this.GetNotification();\r\n  };\r\n  componentDidMount() {\r\n    this.GetNotification();\r\n    this.GetallNotify();\r\n    setTimeout(() => {\r\n      this.setState({\r\n        delay: true\r\n      })\r\n    }, 500);\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  GetNotification() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Notification/GetUserNotification`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Notify: data.filter((Tasks) => Tasks.type == \"r\") });\r\n        this.setState({ AllNotify: data.filter((Tasks) => Tasks.type == \"r\") });\r\n        this.setState({\r\n          NotifyCount: data\r\n            .filter((Tasks) => Tasks.type !== \"c\")\r\n            .filter((Tasks) => Tasks.seen === false).length,\r\n        });\r\n\r\n        if (data.length !== 0) {\r\n          this.setState({ Unreadcountuser: data[0].unreadcount });\r\n        }\r\n\r\n        // console.log('notifiiiiii', data)\r\n      });\r\n\r\n  }\r\n\r\n  refresh = () => {\r\n    window.location.reload();\r\n  };\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  Contactcount = (notify_Id) => {\r\n    fetch(`${BASE_URLs}/Notification/ChangeSeen`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"*/*\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        notify_Id: notify_Id,\r\n      }),\r\n    })\r\n      .then((res) => res.json())\r\n      .then(\r\n        (result) => { },\r\n        (error) => { }\r\n      );\r\n    this.props.history.push(\"/Profile\");\r\n    // if(contact_Id!==null){\r\n    //     var page={\r\n    //  pathname: \"/Contactmsg\",\r\n    //   state: {\r\n    //       Id:contact_Id\r\n    //      }\r\n    //  }\r\n\r\n    //  this.props.history.push(page);\r\n    // }\r\n    this.GetNotification();\r\n  };\r\n  truncateTitle(description, maxLength) {\r\n    if (description.length > maxLength) {\r\n      return description.substring(0, maxLength) + \"...\";\r\n    }\r\n    return description;\r\n  }\r\n\r\n  filterfunction = (e) => {\r\n    const Notify = this.state.AllNotify.filter(\r\n      (item) =>\r\n        item.description.toLowerCase().includes(e.target.value.toLowerCase())\r\n\r\n    );\r\n    this.setState({ Notify, showResults: true });\r\n  }\r\n\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Notify = this.state.AllNotify.filter((item) => {\r\n      const categoryIsString = typeof item.description === 'string';\r\n      const categoryStartsWithLetter = categoryIsString && item.description.toLowerCase().startsWith(letter.toLowerCase());\r\n    \r\n      return  categoryStartsWithLetter;\r\n \r\n    });\r\n    this.setState({ Notify, showResults: true });\r\n  };\r\n\r\n  render() {\r\n    const {\r\n      Notify,\r\n      NoRequest,\r\n      Request,\r\n      ContactMessages,\r\n      NotifyCount,\r\n      ContactMessagesCount,\r\n      delay,\r\n      Filterpop\r\n    } = this.state;\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        {/* start */}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Notifications </h4>\r\n                        </div>\r\n                        {/* {this.state.Notify.length === 0 ? <span >&nbsp;&nbsp;No Notifications&nbsp;&nbsp;</span> :\r\n                             \r\n                             \r\n                             <span >&nbsp;&nbsp;Notifications{NotifyCount===0?null:\" (\"+NotifyCount+\")\"}&nbsp;&nbsp;</span>\r\n                              \r\n                              \r\n                              \r\n                              \r\n                              } */}\r\n\r\n                        {/* <div className=\"card-block\" >\r\n               \r\n                      {Notify.map(Notify=>\r\n                      <div>\r\n                         {(() => { \r\n                           if ( Notify.seen === false) {\r\n                             \r\n                             return(\r\n                              <div>\r\n                              <a href  type=\"button\"    \r\n                            onClick={()=>this.Noticount(Notify.notify_Id,Notify.company_Id)}\r\n                              style={{color:\"black\",cursor:\"pointer\"} }>\r\n                              <b style={{color:\"red\"}}>{Notify.description}</b> &nbsp;&nbsp;&nbsp;{Notify.time}  \r\n                                </a>   <br/> <br/>\r\n                           </div>  )\r\n                          }\r\n\r\n                          if(Notify.seen === true){\r\n                            return(\r\n                        <div>\r\n                           <a href type=\"button\"   \r\n                         onClick={()=>this.detailData(Notify.company_Id)}\r\n                           style={{color:\"#807f7f\",cursor:\"pointer\"} }>\r\n                           <b>{Notify.description}</b> &nbsp;&nbsp;&nbsp;{Notify.time}  \r\n                             </a>   <br/> <br/>\r\n                        </div>\r\n                            )\r\n                          }\r\n                        })()}\r\n\r\n\r\n                        </div>)}\r\n                      \r\n                 </div> */}\r\n\r\n\r\n                        <div className=\"card-block\">\r\n                          <div>\r\n                            <input\r\n                              type=\"text\"\r\n                              className=\"Searchbox usersearch\"\r\n                              //  id=\"CNSearch\"\r\n                              placeholder=\"Search\"\r\n                              onKeyPress={this.handleKeyPress}\r\n                              style={{ float: 'right' }}\r\n                              onClick={() => {\r\n                                this.setState({\r\n                                  Filterpop: true,\r\n                                  Filterpop: !this.state.Filterpop,\r\n                                });\r\n                              }}\r\n                              readOnly\r\n\r\n                            /></div>\r\n                          <div className=\"dt-responsive table-responsive\"\r\n                            id={Notify.length <= 6 ? \"UserNoAnnLength\" : \"Above10\"}>\r\n\r\n                            {Notify.length === 0 && delay ?\r\n                              <center>\r\n\r\n                                <p>No Record</p>\r\n                              </center>\r\n                              : null}\r\n                            {Notify.length !== 0 ? (<table\r\n                              id=\"add-row-table3\"\r\n                              className=\"table nowrap\"\r\n\r\n                            >\r\n                              <thead id='tablepadding'><tr>\r\n\r\n                                <th style={{ color: 'rgb(115, 103, 240)' }}>Notification Details</th>\r\n\r\n                              </tr>\r\n                              </thead>\r\n\r\n                              <tbody id='tablepadding'>\r\n\r\n                                <>\r\n                                  {Notify.map((Notify) => (\r\n                                    <>\r\n\r\n                                      <tr>\r\n\r\n\r\n                                        <td>\r\n\r\n\r\n                                          {Notify.seen === false ? (\r\n                                            // Unreaded noti\r\n\r\n                                            <>\r\n                                              <Link\r\n                                                id=\"btnEdu\"\r\n                                                onClick={() => {\r\n                                                  this.Noticount(Notify.notify_Id);\r\n                                                  this.refresh();\r\n                                                }}\r\n                                                style={{\r\n                                                  padding: \"0px\",\r\n                                                  color: \"#000100\",\r\n                                                  cursor: \"pointer\",\r\n                                                }}\r\n                                              >\r\n                                                {\" \"}\r\n                                                Subject:&nbsp;<span>{this.truncateTitle(Notify.description, 100)} </span>{\" \"}\r\n                                              </Link>{\" \"}\r\n                                              &nbsp;&nbsp;&nbsp;\r\n                                              <ReactTimeAgo\r\n                                                date={Notify.created_Date}\r\n                                                locale=\"en-US\"\r\n                                                style={{ color: \"gray\", fontSize: '12px' }}\r\n                                              />\r\n\r\n                                            </>\r\n                                          ) : (\r\n                                            // Readed noti\r\n                                            <>\r\n                                              <Link\r\n                                                onClick={() => {\r\n                                                  this.Contactcount(Notify.notify_Id);\r\n                                                  this.refresh();\r\n                                                }}\r\n                                                style={{\r\n                                                  padding: \"0px\",\r\n                                                  color: \"gray\",\r\n                                                  cursor: \"pointer\",\r\n                                                }}\r\n                                              >\r\n                                                {\" \"}\r\n                                                Subject:&nbsp;<span>{this.truncateTitle(Notify.description, 100)} </span>{\" \"}\r\n                                              </Link> &nbsp;&nbsp;&nbsp;\r\n                                              <ReactTimeAgo\r\n                                                date={Notify.created_Date}\r\n                                                locale=\"en-US\"\r\n                                                style={{ color: \"gray\", fontSize: '12px' }}\r\n                                              />\r\n\r\n                                            </>\r\n                                          )}\r\n\r\n\r\n\r\n                                        </td>\r\n\r\n\r\n                                      </tr>\r\n                                    </>\r\n                                  ))}\r\n                                </>\r\n                              </tbody>\r\n                            </table>) : null}\r\n                          </div>\r\n\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                {Filterpop && (\r\n                  <div className=\"popSearchTeam\">\r\n                    <div className=\"popSearchinnernormalTeam\">\r\n                      <div\r\n                        className=\"popSearchinnertitle\"\r\n                        id=\"popSearchinnernormal\"\r\n                      >\r\n                        <button\r\n                          id=\"close\"\r\n                          style={{\r\n                            float: \"right\",\r\n                            backgroundColor: \"#a0a3a305\",\r\n                            color: \"#797070\",\r\n                            border: \"1px solid #a3a5a505\",\r\n                            marginTop: \"-20px\",\r\n                            marginRight: \"-20px\",\r\n                          }}\r\n                          onClick={() => {\r\n                            this.setState({ Filterpop: false, selectedOption: '' });\r\n                            this.GetNotification();\r\n                            this.GetallNotify();\r\n                          }}\r\n                        >\r\n                          <CloseIcon />\r\n                        </button>\r\n\r\n                        <div className=\"checkboxes\">\r\n                          <i\r\n                            className=\"fa fa-search\"\r\n                            aria-hidden=\"true\"\r\n                            style={{\r\n                              fontSize: \"20px\",\r\n                              color: \"gray\",\r\n                              marginLeft: \"-1%\",\r\n                              position: \"absolute\",\r\n                              marginTop: \"0.5%\",\r\n                            }}\r\n                          ></i>\r\n                          <input\r\n                            className=\"Searchbox\"\r\n                            placeholder=\"Search\"\r\n                            onChange={this.filterfunction}\r\n                            style={{ float: \"right\", width: \"80%\" }}\r\n                          />\r\n                          <br></br>\r\n                          {this.state.letters.map(\r\n                            (letter, index) => (\r\n                              <button\r\n                                className=\"filter\"\r\n                                key={index}\r\n                                onClick={(event) =>\r\n                                  this.handleFilter(\r\n                                    letter,\r\n                                    event\r\n                                  )\r\n                                }\r\n                              >\r\n                                {letter}\r\n                              </button>\r\n                            )\r\n                          )}\r\n                          <br></br>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* End */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import { React, useState, useEffect } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport PlusOne from \"@material-ui/icons/Add\";\r\nimport { add } from \"date-fns\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nconst AddTrainingAddTrainee = ({\r\n  closeThePopup,\r\n  array,\r\n  state,\r\n  third,\r\n  FinalSubmit,\r\n}) => {\r\n  const [Trainers, setTrainers] = useState([]);\r\n  const [Train, setTrain] = useState([]);\r\n  const [Selectall, setSelectall] = useState(false);\r\n\r\n  const GetTrainee = () => {\r\n    let obj = {};\r\n    //  // console.log(\"department\", department);\r\n    let url = `${BASE_URLs}/Training/GetTraineesForTrainingSchedule`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"====data\", data);\r\n\r\n        let uu = data.forEach((e) => {\r\n          obj[e.department] === undefined\r\n            ? (obj[e.department] = [e.user_Id])\r\n            : obj[e.department].push(e.user_Id);\r\n        });\r\n        let final = [];\r\n        Object.entries(obj).forEach(([key, value]) => {\r\n          final.push([...[key], ...[value]]);\r\n        });\r\n\r\n        let f = final.map((e) => {\r\n          return { ...e, ...{ check: false } };\r\n        });\r\n\r\n        setTrainers(f);\r\n        setTrain(f);\r\n\r\n        // console.log(\"====finalfinalfinalfinal\", f);\r\n      });\r\n  };\r\n\r\n  useEffect(() => {\r\n    GetTrainee();\r\n  }, []);\r\n\r\n  const add = (e) => {\r\n    e.preventDefault();\r\n    state(Trainers.filter((e) => e.check));\r\n\r\n    setTimeout(() => {\r\n      let myPromise = new Promise(function (myResolve, myReject) {\r\n        // \"Producing Code\" (May take some time)\r\n\r\n        setTimeout(() => {\r\n          myResolve(); // when successful\r\n        }, 200);\r\n        // when error\r\n      });\r\n\r\n      // \"Consuming Code\" (Must wait for a fulfilled Promise)\r\n      myPromise.then(FinalSubmit(e));\r\n    }, 200);\r\n\r\n    // third()\r\n  };\r\n\r\n  const handleChange = (arr, i, event) => {\r\n    let change = Trainers.map((e, index) => {\r\n      if (i === index) return { ...e, ...{ check: event.target.checked } };\r\n      return { ...e };\r\n    });\r\n    // state(change);\r\n    change.length === change.filter((e) => e.check === true).length\r\n      ? setSelectall(true)\r\n      : setSelectall(false);\r\n    // console.log(\"change=====\", change);\r\n\r\n    setTrainers(change);\r\n  };\r\n\r\n  const handleSelectAll = (event) => {\r\n    setSelectall(!Selectall);\r\n    let change = Trainers.map((e, index) => {\r\n      return { ...e, ...{ check: event.target.checked } };\r\n    });\r\n    change.length === change.filter((e) => e.check === true).length\r\n      ? setSelectall(true)\r\n      : setSelectall(false);\r\n    setTrainers(change);\r\n  };\r\n  return (\r\n    <div className=\"pop\">\r\n      <div className=\"popinnernormal\">\r\n        <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n          {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}} onClick={this.close}  ><CloseIcon/></button> */}\r\n          <button\r\n            style={{\r\n              float: \"right\",\r\n              backgroundColor: \"#a0a3a305\",\r\n              color: \"#797070\",\r\n              border: \"1px solid #a3a5a505\",\r\n            }}\r\n            onClick={third}\r\n          >\r\n            <CloseIcon />\r\n          </button>\r\n\r\n          <div className=\"row\" tyle={{ padding: \"8px\" }}>\r\n            <div className=\"col-sm-3\"></div>\r\n            <div className=\"col-sm-8\">\r\n              <div className=\"dt-responsive table-responsive table-res\">\r\n                {Trainers.length === 0 ? (\r\n                  \"There are no ' Trainers '\"\r\n                ) : (\r\n                  <table\r\n                    id=\"DepSheet\"\r\n                    className=\"table nowrap\"\r\n                    style={{ maxWidth: \"90%\" }}\r\n                  >\r\n                    <thead>\r\n                      <tr>\r\n                        <th colSpan=\"2\" style={{ textAlign: \"left\" }}>\r\n                          <button\r\n                            style={{\r\n                              marginRight: \"-30px\",\r\n                              color: \"rgb(94, 217, 135)\",\r\n                            }}\r\n                            onClick={(e) => add(e)}\r\n                          >\r\n                            Add\r\n                          </button>\r\n                        </th>\r\n                      </tr>\r\n\r\n                      <tr>\r\n                        <th>\r\n                          <input\r\n                            type=\"checkbox\"\r\n                            checked={Selectall}\r\n                            onChange={(e) => handleSelectAll(e)}\r\n                          />\r\n                        </th>\r\n                        <th>Trainees</th>\r\n                        {/* <th>Action</th> */}\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                      {Trainers.map((Trainers, i) => (\r\n                        <tr>\r\n                          <td>\r\n                            <input\r\n                              type=\"checkbox\"\r\n                              value={\r\n                                Trainers.department + \"$$$\" + Trainers.User_Id\r\n                              }\r\n                              checked={Trainers.check}\r\n                              onChange={(e) => handleChange(Trainers, i, e)}\r\n                            />\r\n                          </td>\r\n                          <td>\r\n                            {Trainers[0] +\r\n                              \"\" +\r\n                              \"\" +\r\n                              \"(\" +\r\n                              Trainers[1].length +\r\n                              \")\"}\r\n                          </td>\r\n                          {/* <td>\r\n                          <button\r\n                            className=\"button-30\"\r\n                            type=\"button\"\r\n                            style={{ color: \"rgb(94, 217, 135)\" }}\r\n                            onClick={() =>\r\n                              this.fetchData(\r\n                                Trainers.trainerName,\r\n                                Trainers.trainer_UserId\r\n                              )\r\n                            }\r\n                          >\r\n                            Assign&nbsp;\r\n                            <i className=\"icofont icofont-edit\"></i>\r\n                          </button>\r\n                        </td> */}\r\n                        </tr>\r\n                      ))}\r\n                    </tbody>\r\n                  </table>\r\n                )}\r\n              </div>\r\n            </div>\r\n            <div className=\"col-sm-4\"></div>\r\n          </div>\r\n\r\n          <div className=\"row\">\r\n            <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}></div>\r\n          </div>\r\n        </form>\r\n        <br />\r\n        {/* <button onClick={this.closePopup}><CloseIcon/></button> */}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default AddTrainingAddTrainee;\r\n","import { React, useState, useEffect } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport PlusOne from \"@material-ui/icons/Add\";\r\nimport AddTrainingAddTrainee from \"./AddTrainingAddTrainee\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nconst AddTrainingAddTrainer = ({\r\n  closeThePopup,\r\n  array,\r\n  state,\r\n  third,\r\n  selectedTrainingTopicId,\r\n}) => {\r\n  const [Trainers, setTrainers] = useState([]);\r\n  const [Train, setTrain] = useState([]);\r\n  const [Selectall, setSelectall] = useState(false);\r\n\r\n  const GetTrainer = () => {\r\n    //  // console.log(\"department\", department);\r\n    let url = `${BASE_URLs}/Training/TrainingAdd_GetTrainer?TrainingTopicId=${selectedTrainingTopicId}`;\r\n    // console.log(\"deeee1\", url);\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\" ====>>>>>>>> \", data);\r\n\r\n        let final = data.map((e) => {\r\n          return { ...e, check: false };\r\n        });\r\n\r\n        setTrainers(final);\r\n        setTrain(final);\r\n        // console.log(\" ====fffff \", final);\r\n      });\r\n  };\r\n\r\n  useEffect(() => {\r\n    GetTrainer();\r\n  }, []);\r\n\r\n  const handleChange = (arr, i, event) => {\r\n    let change = Trainers.map((e, index) => {\r\n      if (i === index) return { ...e, ...{ check: event.target.checked } };\r\n      return { ...e };\r\n    });\r\n    // state(change);\r\n    change.length === change.filter((e) => e.check === true).length\r\n      ? setSelectall(true)\r\n      : setSelectall(false);\r\n    setTrainers(change);\r\n  };\r\n\r\n  const handleSelectAll = (event) => {\r\n    setSelectall(!Selectall);\r\n    let change = Trainers.map((e, index) => {\r\n      return { ...e, ...{ check: event.target.checked } };\r\n    });\r\n    change.length === change.filter((e) => e.check === true).length\r\n      ? setSelectall(true)\r\n      : setSelectall(false);\r\n    setTrainers(change);\r\n  };\r\n  const add = (event) => {\r\n    event.preventDefault();\r\n    state(Trainers.filter((e) => e.check));\r\n    third();\r\n  };\r\n  return (\r\n    <div className=\"pop\">\r\n      <div className=\"popinnernormal\">\r\n        <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n          {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}} onClick={this.close}  ><CloseIcon/></button> */}\r\n          <button\r\n            style={{\r\n              float: \"right\",\r\n              backgroundColor: \"#a0a3a305\",\r\n              color: \"#797070\",\r\n              border: \"1px solid #a3a5a505\",\r\n            }}\r\n            onClick={closeThePopup}\r\n          >\r\n            <CloseIcon />\r\n          </button>\r\n\r\n          <div className=\"row\" tyle={{ padding: \"8px\" }}>\r\n            <div className=\"col-sm-3\"></div>\r\n            <div className=\"col-sm-8\">\r\n              <div className=\"dt-responsive table-responsive table-res\">\r\n                {Trainers.length === 0 ? (\r\n                  \"There are no ' Trainers '\"\r\n                ) : (\r\n                  <table\r\n                    id=\"DepSheet\"\r\n                    className=\"table nowrap\"\r\n                    style={{ maxWidth: \"90%\" }}\r\n                  >\r\n                    <thead>\r\n                      <tr>\r\n                        <th colSpan=\"2\" style={{ textAlign: \"left\" }}>\r\n                          <button\r\n                            style={{\r\n                              marginRight: \"-30px\",\r\n                              color: \"rgb(94, 217, 135)\",\r\n                            }}\r\n                            onClick={add}\r\n                          >\r\n                            Add\r\n                          </button>\r\n                        </th>\r\n                      </tr>\r\n\r\n                      <tr>\r\n                        <th>\r\n                          <input\r\n                            type=\"checkbox\"\r\n                            checked={Selectall}\r\n                            onChange={(e) => handleSelectAll(e)}\r\n                          />\r\n                        </th>\r\n                        <th>Trainers</th>\r\n                        {/* <th>Action</th> */}\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                      {Trainers.map((Trainers, i) => (\r\n                        <tr>\r\n                          <td>\r\n                            <input\r\n                              type=\"checkbox\"\r\n                              value={\r\n                                Trainers.trainerName +\r\n                                \"$$$\" +\r\n                                Trainers.trainer_UserId\r\n                              }\r\n                              checked={Trainers.check}\r\n                              onChange={(e) => handleChange(Trainers, i, e)}\r\n                            />\r\n                          </td>\r\n                          <td>\r\n                            {Trainers.assigned_date !== null\r\n                              ? Trainers.trainerName +\r\n                                \" (\" +\r\n                                Trainers.assigned_date +\r\n                                \") \"\r\n                              : Trainers.trainerName}\r\n                          </td>\r\n                          {/* <td>\r\n                          <button\r\n                            className=\"button-30\"\r\n                            type=\"button\"\r\n                            style={{ color: \"rgb(94, 217, 135)\" }}\r\n                            onClick={() =>\r\n                              this.fetchData(\r\n                                Trainers.trainerName,\r\n                                Trainers.trainer_UserId\r\n                              )\r\n                            }\r\n                          >\r\n                            Assign&nbsp;\r\n                            <i className=\"icofont icofont-edit\"></i>\r\n                          </button>\r\n                        </td> */}\r\n                        </tr>\r\n                      ))}\r\n                    </tbody>\r\n                  </table>\r\n                )}\r\n              </div>\r\n            </div>\r\n            <div className=\"col-sm-4\"></div>\r\n          </div>\r\n\r\n          <div className=\"row\">\r\n            <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}></div>\r\n          </div>\r\n        </form>\r\n        <br />\r\n        {/* <button onClick={this.closePopup}><CloseIcon/></button> */}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default AddTrainingAddTrainer;\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport \"../Css/Chat.css\";\r\nimport dayjs from \"dayjs\";\r\nimport { DemoContainer, DemoItem } from \"@mui/x-date-pickers/internals/demo\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DateTimePicker } from \"@mui/x-date-pickers/DateTimePicker\";\r\nimport { MobileDateTimePicker } from \"@mui/x-date-pickers/MobileDateTimePicker\";\r\nimport { DesktopDateTimePicker } from \"@mui/x-date-pickers/DesktopDateTimePicker\";\r\nimport { StaticDateTimePicker } from \"@mui/x-date-pickers/StaticDateTimePicker\";\r\nimport { Cancel, CancelOutlined } from \"@material-ui/icons\";\r\nimport TrainingAddTrainerPop from \"./TrainingAddTrainerpop\";\r\nimport AddTrainingAddTrainee from \"./AddTrainingAddTrainee\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class TrainingClassPopup extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      selectedDateTime: dayjs(),\r\n      selectedDate: \"\",\r\n      selectedTime: \"\",\r\n      firstPopupVisible: false,\r\n      secondPopupVisible: false,\r\n      thirdPopupVisible: false,\r\n      selectedTrainee: [],\r\n      selectedOption: [],\r\n      selectedDepartment: \"\",\r\n      selectedDescription: \"\",\r\n      selectedTrainingItem: \"\",\r\n      selectedTrainingTopicId: \"\",\r\n      LearningDataWithHour: [],\r\n    };\r\n  }\r\n\r\n  componentDidMount() {\r\n    const value = this.props.TrainingState;\r\n\r\n    this.setState({\r\n      selectedDepartment: value.department,\r\n      selectedDescription: value.description,\r\n      selectedTrainingItem: value.trainingitem,\r\n      selectedTrainingTopicId: value.training_Id,\r\n    });\r\n  }\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    const {\r\n      selectedOption,\r\n      selectedOtherOption,\r\n      filteredArray,\r\n      selectedNames,\r\n    } = this.state;\r\n    const {\r\n      selectedTrainee,\r\n      selectedDepartment,\r\n      selectedDescription,\r\n      selectedTrainingItem,\r\n      selectedDate,\r\n      selectedTime,\r\n    } = this.state;\r\n\r\n    const data = new FormData();\r\n\r\n    // console.log(\"dddd\", selectedOption);\r\n    // console.log(\"dddd\", selectedTrainee);\r\n\r\n    selectedOption.forEach((option) => {\r\n      data.append(\"TrainerId\", option.trainer_UserId);\r\n      data.append(\"TrainerName\", option.trainerName);\r\n    });\r\n    data.append(\"Department\", selectedDepartment);\r\n    data.append(\"Trainingitem\", selectedTrainingItem);\r\n    data.append(\"TrainingDescription\", selectedDescription);\r\n    data.append(\"ScheduleTime\", selectedTime);\r\n    data.append(\"StartDate\", selectedDate);\r\n    selectedTrainee.forEach((option) => {\r\n      option[1].forEach((id) => data.append(\"TraineesId\", id));\r\n    });\r\n\r\n    if (\r\n      selectedDepartment != \"\" &&\r\n      selectedTrainingItem != \"\" &&\r\n      selectedDate != \"\"\r\n    ) {\r\n      alert(\"fetch\");\r\n      fetch(\r\n        `${BASE_URLs}/Learning/GetLearningWithHour?Department=${selectedDepartment}&Trainingitem=${selectedTrainingItem}&Startdate=${selectedDate}`,\r\n        {\r\n          method: \"GET\",\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        }\r\n      )\r\n        .then((resp) => resp.json())\r\n        .then((data) => {\r\n          this.setState({ LearningDataWithHour: data });\r\n          // console.log(\"Resuuulllttt\", data);\r\n\r\n          let duration;\r\n          var newArr = data.map((e) => {\r\n            duration = parseFloat(e.duration.replace(\"Hours\", \"\"));\r\n            const [hours, minutes] = e.scheduleTime.split(\":\").map(Number);\r\n\r\n            const totalMinutes = hours * 60 + minutes + duration * 60;\r\n            const newHours = Math.floor(totalMinutes / 60);\r\n            const newMinutes = totalMinutes % 60;\r\n\r\n            const resultTime = `${String(newHours).padStart(2, \"0\")}:${String(\r\n              newMinutes\r\n            ).padStart(2, \"0\")}`;\r\n            return {\r\n              starttime: e.scheduleTime,\r\n              Endtime: resultTime,\r\n            };\r\n          });\r\n\r\n          let validsts = [];\r\n          let valid;\r\n          let date;\r\n\r\n          // console.log(\"selectedDate==\", typeof selectedTime);\r\n          // console.log(\"selectedDate== typeof\", selectedTime);\r\n          // console.log(\"selectedDate== parseInt\", selectedTime);\r\n\r\n          let user_time = selectedTime;\r\n          // console.log(newArr);\r\n          let check = newArr.map((e) => {\r\n            const time1 = e.starttime;\r\n            const time2 = e.Endtime;\r\n\r\n            const [StartHours, Startminutes] = time1.split(\":\").map(Number);\r\n            const [UserHours, Userminutes] = user_time.split(\":\").map(Number);\r\n            const [EndHours, Endminutes] = time2.split(\":\").map(Number);\r\n            // console.log(StartHours, UserHours, EndHours);\r\n\r\n            if (StartHours < UserHours && UserHours < EndHours) {\r\n              valid = false;\r\n            } else if (StartHours === UserHours) {\r\n              if (Userminutes > Startminutes) {\r\n                valid = false;\r\n              } else {\r\n                valid = true;\r\n              }\r\n\r\n              valid = false;\r\n            } else if (UserHours < StartHours) {\r\n              let finishHour = UserHours + parseInt(duration);\r\n              finishHour = finishHour > 24 ? finishHour - 24 : finishHour;\r\n\r\n              if (finishHour > StartHours || finishHour > StartHours) {\r\n                valid = false;\r\n              } else if (finishHour === StartHours) {\r\n                if (Userminutes > Startminutes) {\r\n                  valid = false;\r\n                } else {\r\n                  valid = true;\r\n                }\r\n              } else {\r\n                valid = true;\r\n              }\r\n            } else if (UserHours > StartHours) {\r\n              if (UserHours < EndHours) {\r\n                valid = false;\r\n              } else {\r\n                valid = true;\r\n              }\r\n            } else {\r\n              valid = true;\r\n            }\r\n\r\n            validsts.push(valid);\r\n          });\r\n\r\n          // console.log(validsts);\r\n          // console.log(\"ppppppppppp\", validsts.indexOf(false) === -1);\r\n\r\n          if (validsts.indexOf(false) === -1) {\r\n            const {\r\n              selectedOption,\r\n              selectedOtherOption,\r\n              filteredArray,\r\n              selectedNames,\r\n            } = this.state;\r\n            const {\r\n              selectedTrainee,\r\n              selectedDepartment,\r\n              selectedDescription,\r\n              selectedTrainingItem,\r\n              selectedDate,\r\n              selectedTime,\r\n            } = this.state;\r\n            const data = new FormData();\r\n            // console.log(\"dddd\", selectedOption);\r\n            // console.log(\"dddd\", selectedTrainee);\r\n\r\n            selectedOption.forEach((option) => {\r\n              data.append(\"TrainerId\", option.trainer_UserId);\r\n              data.append(\"TrainerName\", option.trainerName);\r\n            });\r\n            data.append(\"Department\", selectedDepartment);\r\n            data.append(\"Trainingitem\", selectedTrainingItem);\r\n            data.append(\"TrainingDescription\", selectedDescription);\r\n            data.append(\"ScheduleTime\", selectedTime);\r\n            data.append(\"StartDate\", selectedDate);\r\n            selectedTrainee.forEach((option) => {\r\n              option[1].forEach((id) => data.append(\"TraineesId\", id));\r\n            });\r\n\r\n            fetch(`${BASE_URLs}/Learning/AdminAddLearning`, {\r\n              method: \"POST\",\r\n              headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\":\r\n                  \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n              },\r\n              body: data,\r\n            })\r\n              .then((res) => res.json())\r\n              .then((resp) => {\r\n                this.setState({ status: resp.status });\r\n                this.setState({ message: resp.Message });\r\n                if (resp.status == \"Success\") {\r\n                  this.props.togglePopupclose();\r\n                }\r\n              });\r\n          } else {\r\n            toast.error(\"Training Alredy Scheduled On That Time \", {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n    }\r\n  };\r\n\r\n  toggleAddTrainerPopup = () => {\r\n    this.setState((prevState) => ({\r\n      secondPopupVisible: !prevState.secondPopupVisible,\r\n    }));\r\n  };\r\n  toggle_thirdPopupVisible = () => {\r\n    this.setState((prevState) => ({\r\n      thirdPopupVisible: !prevState.thirdPopupVisible,\r\n    }));\r\n  };\r\n\r\n  handleFirstPopupOK = () => {\r\n    const { selectedDateTime } = this.state;\r\n    const selectedDate = selectedDateTime.format(\"DD-MM-YYYY\");\r\n    const selectedTime = selectedDateTime.format(\"HH:mm\");\r\n\r\n    this.setState({\r\n      selectedDate,\r\n      selectedTime,\r\n    });\r\n    // console.log(\"selectedDate\", selectedDate);\r\n    // console.log(\"selectedTime\", selectedTime);\r\n\r\n    this.setState({ secondPopupVisible: true });\r\n  };\r\n\r\n  handleDateTimeChange = (newValue) => {\r\n    this.setState({\r\n      selectedDateTime: newValue,\r\n    });\r\n    // console.log(\"====\", newValue);\r\n  };\r\n\r\n  handleSelectedDateAndTime = () => {\r\n    const { selectedDateTime } = this.state;\r\n    const selectedDate = selectedDateTime.format(\"DD-MM-YYYY\");\r\n    const selectedTime = selectedDateTime.format(\"HH:mm\");\r\n\r\n    this.setState({\r\n      selectedDate,\r\n      selectedTime,\r\n      secondPopupVisible: true,\r\n    });\r\n    // console.log(\"selectedDate\", selectedDate);\r\n    // console.log(\"selectedTime\", selectedTime);\r\n  };\r\n  render() {\r\n    const currentDateTime = dayjs();\r\n    const maxDate = currentDateTime.add(6, \"weeks\");\r\n    const { selectedDate, selectedTime, selectedDateTime } = this.state;\r\n\r\n    return (\r\n      <div className=\"pop\">\r\n        <div\r\n          className=\"popinnernormal\"\r\n          style={{\r\n            width: \"49%\",\r\n            height: \"90vh\",\r\n            overflowY: \"auto\",\r\n          }}\r\n        >\r\n          <div className=\"row\" style={{ padding: \"8px\" }}>\r\n            <div className=\"col-md-6\" style={{ marginLeft: \"230px\" }}>\r\n              <b>{this.state.popupdesignation}</b>\r\n            </div>\r\n            <div className=\"col-sm-3\">\r\n              <button\r\n                style={{\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                  marginLeft: \"620px\",\r\n                  // marginRight: \"-255px\"\r\n                }}\r\n                onClick={this.props.onClose}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n            </div>\r\n\r\n            <LocalizationProvider\r\n              dateAdapter={AdapterDayjs}\r\n              style={{ width: \"1000px\" }}\r\n            >\r\n              <DemoContainer\r\n                components={[\r\n                  \"DateTimePicker\",\r\n                  \"MobileDateTimePicker\",\r\n                  \"DesktopDateTimePicker\",\r\n                  \"StaticDateTimePicker\",\r\n                ]}\r\n              >\r\n                <DemoItem label=\"Training Schedule Time\">\r\n                  <StaticDateTimePicker\r\n                    value={selectedDateTime}\r\n                    onChange={this.handleDateTimeChange}\r\n                    onCancel={this.props.onClose}\r\n                    onAccept={this.handleSelectedDateAndTime}\r\n                    minDateTime={currentDateTime}\r\n                    maxDateTime={maxDate}\r\n                  />\r\n                </DemoItem>\r\n              </DemoContainer>\r\n            </LocalizationProvider>\r\n\r\n            <div className=\"col-sm-8\" style={{ maxWidth: \"100.666667%\" }}>\r\n              <div\r\n                className=\"dt-responsive table-responsive table-res\"\r\n                style={{ overflowX: \"hidden\" }}\r\n              ></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {this.state.secondPopupVisible && (\r\n          <TrainingAddTrainerPop\r\n            selectedTrainingTopicId={this.state.selectedTrainingTopicId}\r\n            state={(state) => this.setState({ selectedOption: state })}\r\n            third={this.toggle_thirdPopupVisible}\r\n            closeThePopup={this.toggleAddTrainerPopup}\r\n          />\r\n        )}\r\n\r\n        {this.state.thirdPopupVisible && (\r\n          <AddTrainingAddTrainee\r\n            FinalSubmit={(e) => {\r\n              this.handleSubmit(e);\r\n            }}\r\n            state={(state) => this.setState({ selectedTrainee: state })}\r\n            closeThePopup={this.toggleAddTrainerPopup}\r\n            third={this.toggle_thirdPopupVisible}\r\n          />\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../Common/Sidebar\";\r\nimport \"../Css/Addskills.css\";\r\nimport Multiselect from \"multiselect-react-dropdown\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport Select from \"react-select\";\r\nimport TrainingClassPopup from \"../Common/TrainingClassPopup\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddLearning extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Departmentdrop: [],\r\n      seperateDept: [],\r\n      selectpanadhu: [],\r\n      trainer: [],\r\n      trainerDrop: [],\r\n      trainerlist: [],\r\n      trainerlist1: [],\r\n      traineelist: [],\r\n      memberDrop: [],\r\n      selectedDepartment: \"\",\r\n      selectedStrtdate: [],\r\n      department: [],\r\n      selectedItem: [],\r\n      selectedOptions: [],\r\n      selectedOtherOption: [],\r\n      selectedTrainee: [],\r\n      Training: [],\r\n      description: [],\r\n      selectedNames: [],\r\n      filteredArray: [],\r\n      selectedOption: [],\r\n      isPopupVisible: false,\r\n      Train: [],\r\n      TopicDropDownFiltered: [],\r\n      desigFilter: \"0\",\r\n      deptFilter: \"0\",\r\n      topicFilter: \"0\",\r\n      Training_Props: [],\r\n      Designationdrop: [],\r\n    };\r\n    this.handleChangesss = this.handleChangesss.bind(this);\r\n    this.handleChangesssone = this.handleChangesssone.bind(this);\r\n  }\r\n\r\n  removeDuplicatesByField(data, fieldName) {\r\n    const uniqueData = [];\r\n    const uniqueValues = new Set();\r\n\r\n    data.forEach((item) => {\r\n      if (!uniqueValues.has(item[fieldName])) {\r\n        uniqueValues.add(item[fieldName]);\r\n        uniqueData.push(item);\r\n      }\r\n    });\r\n\r\n    return uniqueData;\r\n  }\r\n\r\n  GetDesignation() {\r\n    let url = `${BASE_URLs}/Designation/GetMasterDesignation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Designationdrop: data,\r\n          //Desi:data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetDepartment() {\r\n    // // console.log(\"hjdsfj\",this.state.selectedOtherOption);\r\n    //  // console.log(\"nkjfchskd\",this.state.selectedOption);\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeam`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // Filter out the duplicates\r\n        const filteredData = data.filter((value, index, self) => {\r\n          return (\r\n            self.findIndex((item) => item.department === value.department) ===\r\n            index\r\n          );\r\n        });\r\n        this.setState({\r\n          department: filteredData,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetDepartments() {\r\n    let url = `${BASE_URLs}/Department/DepartmentGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Departmentdrop: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetTrainingData() {\r\n    let url = `${BASE_URLs}/Training/GetAdminTraining`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        const uniqueData = this.removeDuplicatesByField(data, \"description\");\r\n\r\n        this.setState({\r\n          Train: uniqueData,\r\n          TopicDropDownFiltered: uniqueData,\r\n        });\r\n        // console.log(\"NewResult\", uniqueData);\r\n      });\r\n  }\r\n\r\n  GetTrainers = async (department) => {\r\n    // // console.log(\"dfnkdfnkjdsnfjkndfjksnd\");\r\n    // let url = `${BASE_URLs}/Trainer/GetManagerBasedTrainer?Department=${this.state.selectedDepartment}&TrainerInfo=${1}&StartDate=${startDate}&EndDate=${dateFormat}`;\r\n    let url = `${BASE_URLs}/Trainer/GetdeptBasedTrainer?Department=${department}&TrainerInfo=${1}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    const reqData = await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    });\r\n    const resData = await reqData.json();\r\n    const obj = {};\r\n    // console.log(\"---------\", resData);\r\n    this.getValueone(resData);\r\n    // for (let i = 0; i < resData.length; i++) {\r\n    //   //    this.state.trainerDrop.push(resData[i].label);\r\n    //   //     // obj['value'] = JSON.stringify(resData[i].user_Id);\r\n    //   //     // obj['label'] = JSON.stringify(resData[i].label);\r\n    //   //     // this.state.trainerDrop.push(obj);\r\n    //   this.state.trainerDrop.push({\r\n    //     Id: resData[i].user_Id,\r\n    //     label: resData[i].label,\r\n    //   });\r\n    // }\r\n\r\n    this.setState({ trainerlist: resData });\r\n    this.setState({ trainerlist1: resData });\r\n    // // console.log(\"resData\", resData);\r\n    //// console.log(\"this.state.trainerlist\", this.state.trainerlist);\r\n    this.GetMembers(this.state.department);\r\n  };\r\n\r\n  GetMembers = async (department) => {\r\n    let url = `${BASE_URLs}/Trainer/GetManagerBasedMember?Department=${\r\n      this.state.selectedDepartment\r\n    }&TrainerInfo=${0}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    const reqData = await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    });\r\n    const resData = await reqData.json();\r\n    for (let i = 0; i < resData.length; i++) {\r\n      this.state.memberDrop.push(resData[i].label);\r\n    }\r\n    this.setState({ traineelist: resData });\r\n    //   // console.log(\"resData\", resData);\r\n    // // console.log(\"this.state.traineelist\", this.state.traineelist);\r\n  };\r\n  handleChange = (event) => {\r\n    const department = event.target.value;\r\n    this.setState({ selectedDepartment: department });\r\n    this.setState({ selectpanadhu: [] });\r\n    this.setState({ selectValue: event.target.value });\r\n    this.GetTraining(department);\r\n    this.GetTrainers(department);\r\n  };\r\n\r\n  //  Sundar Written start\r\n  handleddChange = (event) => {\r\n    const { Train, deptFilter, desigFilter } = this.state;\r\n\r\n    const Topic = event.target.value;\r\n\r\n    // console.log(\"ddddddd\", Topic);\r\n\r\n    this.setState({ topicFilter: Topic });\r\n    if (Topic === \"select\") {\r\n      return this.setState({ TopicDropDownFiltered: Train });\r\n    }\r\n    const valueFilter = Train.filter((item) => {\r\n      return (\r\n        (Topic === \"0\" || item.trainingitem === Topic) &&\r\n        (deptFilter === \"0\" || item.department === deptFilter) &&\r\n        (desigFilter === \"0\" || item.designation === desigFilter)\r\n      );\r\n    });\r\n\r\n    this.setState({ TopicDropDownFiltered: valueFilter });\r\n  };\r\n\r\n  handleddChange1 = (event) => {\r\n    const { Train, desigFilter, topicFilter } = this.state;\r\n\r\n    const Dept = event.target.value;\r\n\r\n    this.setState({ deptFilter: Dept });\r\n    if (Dept === \"select1\") {\r\n      return this.setState({ TopicDropDownFiltered: Train });\r\n    }\r\n    const valueFilter = Train.filter((item) => {\r\n      return (\r\n        (Dept === \"0\" || item.department === Dept) &&\r\n        (topicFilter === \"0\" || item.trainingitem === topicFilter) &&\r\n        (desigFilter === \"0\" || item.designation === desigFilter)\r\n      );\r\n    });\r\n\r\n    this.setState({ TopicDropDownFiltered: valueFilter });\r\n  };\r\n\r\n  handleddChange2 = (event) => {\r\n    const { Train, deptFilter, topicFilter } = this.state;\r\n\r\n    const Desig = event.target.value;\r\n\r\n    this.setState({ desigFilter: Desig });\r\n    if (Desig === \"select2\") {\r\n      return this.setState({ TopicDropDownFiltered: Train });\r\n    }\r\n    const valueFilter = Train.filter((item) => {\r\n      return (\r\n        (Desig === \"0\" || item.designation === Desig) &&\r\n        (deptFilter === \"0\" || item.department === deptFilter) &&\r\n        (topicFilter === \"0\" || item.trainingitem === topicFilter)\r\n      );\r\n    });\r\n\r\n    this.setState({ TopicDropDownFiltered: valueFilter });\r\n  };\r\n\r\n  //  Sundar Written End\r\n\r\n  handleChangeItem = (event) => {\r\n    const TrainingItem = event.target.value;\r\n    this.setState({ selectedItem: TrainingItem });\r\n\r\n    this.setState({ selectValue: event.target.value });\r\n    this.Getdescrp(TrainingItem);\r\n  };\r\n  handleStartDateChange = (event) => {\r\n    const startDate = document.getElementById(\"StartDate\").value;\r\n    //  const StartDate1 = event.target.value;\r\n    this.setState({ selectedStrtdate: startDate });\r\n\r\n    //this.setState({ selectValue: event.target.value });\r\n\r\n    //  // console.log(\"StartDate1\",StartDate1);\r\n    //// console.log(\"StartDate\", startDate);\r\n  };\r\n\r\n  handleDateChange = (event) => {\r\n    this.setState({ selectValue: event.target.value });\r\n  };\r\n  componentDidMount() {\r\n    this.GetDepartment();\r\n    this.GetDepartments();\r\n    this.GetDesignation();\r\n    this.GetTrainingData();\r\n    //  this.GetTrainers();\r\n  }\r\n  GetTraining(department) {\r\n    //  // console.log(\"department\", department);\r\n    let url =\r\n      `${BASE_URLs}/Training/GetAdminTrainingTopic?Department=` + department;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Training: data,\r\n          Train: data,\r\n        });\r\n        // console.log(\"traiinignnitem\", data);\r\n      });\r\n  }\r\n  Getdescrp(TrainingItem) {\r\n    const Department = document.getElementById(\"Department\").value;\r\n    //  // console.log(\"department\", Department);\r\n    //// console.log(\"trainingItem\", TrainingItem);\r\n    let url =\r\n      `${BASE_URLs}/Training/GetAdminTrainingdescrp?Department=` +\r\n      Department +\r\n      \"&TrainingItem=\" +\r\n      TrainingItem;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.getValues(data);\r\n        this.getValuesOptions(data);\r\n        this.setState({\r\n          description: data,\r\n        });\r\n        // // console.log(\"descrrrr\", data  );\r\n      });\r\n  }\r\n\r\n  myDate = () => {\r\n    // if(this.state.Training == null)\r\n    // {\r\n    // // console.log(\"GetItem or not\", this.state.Training);\r\n    // }\r\n    const startDate = document.getElementById(\"StartDate\").value;\r\n    const duration = document.getElementById(\"duration\").value;\r\n    const dept = this.state.department;\r\n\r\n    if (this.state.selectValue === \"1 Week\") {\r\n      const date = new Date(startDate);\r\n      // // console.log(duration);\r\n\r\n      const newDate = this.addDays1(date, duration);\r\n      // // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // // console.log(dateFormat);\r\n\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n      if (startDate != \"\" && dateFormat != \"\") {\r\n        //   // console.log(\"Working\");\r\n        this.GetTrainers();\r\n      }\r\n\r\n      //  // console.log(\"EndDate\", dateFormat);\r\n    } else if (this.state.selectValue === \"2 Week\") {\r\n      const date = new Date(startDate);\r\n      ////// console.log(duration);\r\n\r\n      const newDate = this.addDays2(date, duration);\r\n      // // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // // console.log(dateFormat);\r\n\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n      //  this.GetTrainers(department,startDate,dateFormat);\r\n    } else if (this.state.selectValue === \"3 Week\") {\r\n      const date = new Date(startDate);\r\n      //  // console.log(duration);\r\n\r\n      const newDate = this.addDays3(date, duration);\r\n      // // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      //  // console.log(dateFormat);\r\n\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n      // this.GetTrainers(department,startDate,dateFormat);\r\n    } else if (this.state.selectValue === \"4 Week\") {\r\n      const date = new Date(startDate);\r\n      //  // console.log(duration);\r\n\r\n      const newDate = this.addDays4(date, duration);\r\n      //  // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // // console.log(dateFormat);\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n      //this.GetTrainers(department,startDate,dateFormat);\r\n    }\r\n  };\r\n\r\n  addDays1 = (date) => {\r\n    date.setDate(date.getDate() + 7);\r\n    return date;\r\n  };\r\n\r\n  addDays2 = (date) => {\r\n    date.setDate(date.getDate() + 14);\r\n    return date;\r\n  };\r\n  addDays3 = (date) => {\r\n    date.setDate(date.getDate() + 21);\r\n    return date;\r\n  };\r\n  addDays4 = (date) => {\r\n    date.setDate(date.getDate() + 28);\r\n    return date;\r\n  };\r\n\r\n  check = () => {};\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    return true;\r\n    const {\r\n      selectedOption,\r\n      selectedOtherOption,\r\n      filteredArray,\r\n      selectedNames,\r\n    } = this.state;\r\n    const { selectedTrainee } = this.state;\r\n\r\n    const data = new FormData(event.target);\r\n\r\n    selectedOption.forEach((option) => {\r\n      data.append(\"TrainerId\", option.user_Id);\r\n      data.append(\"TrainerName\", option.label);\r\n    });\r\n    data.append(\"Department\", this.state.selectedDepartment);\r\n\r\n    data.append(\"Trainingitem\", this.state.selectedItem);\r\n\r\n    selectedTrainee.forEach((option) => {\r\n      data.append(\"TraineesId\", option.user_Id);\r\n      data.append(\"Trainees\", option.label);\r\n    });\r\n    if (this.state.selectedDepartment != \"\" && this.state.selectedItem != \"\") {\r\n      alert(\"fetch\");\r\n      fetch(\r\n        `${BASE_URLs}/Learning/SP_AlreadyExistornot?Department=` +\r\n          this.state.selectedDepartment +\r\n          \"&Trainingitem=\" +\r\n          this.state.selectedItem,\r\n        {\r\n          method: \"POST\",\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n          body: \"data\",\r\n        }\r\n      )\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ status: resp.Status });\r\n\r\n          if (resp.status == 400) {\r\n            toast.error(\"Training Topic already Exists\", {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            const { selectedOption, selectedOtherOption, filteredArray } =\r\n              this.state;\r\n            const { selectedTrainee } = this.state;\r\n\r\n            const data = new FormData(event.target);\r\n            // // console.log(\"post\", data);\r\n            selectedOption.forEach((option) => {\r\n              data.append(\"TrainerId\", option.user_Id);\r\n              data.append(\"TrainerName\", option.label);\r\n              //  // console.log(\"trainerrrr------\", this.state.selectedOption);\r\n            });\r\n            data.append(\"Department\", this.state.selectedDepartment);\r\n            //  // console.log(\"post\", this.state.selectedDepartment);\r\n            data.append(\"Trainingitem\", this.state.selectedItem);\r\n            //data.append('SchedulingDuration', this.state.description[0].schedulingDuration);\r\n            selectedTrainee.forEach((option) => {\r\n              data.append(\"TraineesId\", option.user_Id);\r\n              data.append(\"Trainees\", option.label);\r\n            });\r\n            fetch(`${BASE_URLs}/Learning/AdminAddLearning`, {\r\n              method: \"POST\",\r\n              headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\":\r\n                  \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n              },\r\n              body: data,\r\n            })\r\n              .then((res) => res.json())\r\n              .then((resp) => {\r\n                this.setState({ status: resp.Status });\r\n                this.setState({ message: resp.Message });\r\n                // this.SuccessModel();\r\n                //   // console.log(\"inputvalues\", resp.status);\r\n                if (resp.status == \"Success\") {\r\n                  this.props.history.push(\"/LearningSchedule\");\r\n                }\r\n              });\r\n          }\r\n        });\r\n    }\r\n  };\r\n\r\n  // handleSubmit = (event) => {\r\n\r\n  //   // console.log(\"Add Learning Submit\");\r\n  //   event.preventDefault();\r\n  //   const { selectedOption, selectedOtherOption, filteredArray, selectedNames } =\r\n  //     this.state;\r\n  //   const { selectedTrainee } = this.state;\r\n\r\n  //   const data = new FormData(event.target);\r\n\r\n  //   selectedOption.forEach((option) => {\r\n  //     data.append(\"TrainerId\", option.user_Id);\r\n  //     data.append(\"TrainerName\", option.label);\r\n  //   });\r\n  //   data.append(\"Department\", this.state.selectedDepartment);\r\n\r\n  //   data.append(\"Trainingitem\", this.state.selectedItem);\r\n\r\n  //   selectedTrainee.forEach((option) => {\r\n  //     data.append(\"TraineesId\", option.user_Id);\r\n  //     data.append(\"Trainees\", option.label);\r\n  //   });\r\n  //   if (this.state.selectedDepartment != \"\" && this.state.selectedItem != \"\") {\r\n  //     const { selectedOption, selectedOtherOption, filteredArray } = this.state;\r\n  //     const { selectedTrainee } = this.state;\r\n\r\n  //     const data = new FormData(event.target);\r\n  //     // // console.log(\"post\", data);\r\n  //     selectedOption.forEach((option) => {\r\n  //       data.append(\"TrainerId\", option.user_Id);\r\n  //       data.append(\"TrainerName\", option.label);\r\n  //       //  // console.log(\"trainerrrr------\", this.state.selectedOption);\r\n  //     });\r\n  //     data.append(\"Department\", this.state.selectedDepartment);\r\n  //     //  // console.log(\"post\", this.state.selectedDepartment);\r\n  //     data.append(\"Trainingitem\", this.state.selectedItem);\r\n  //     data.append('SchedulingDuration', \"2\");\r\n  //     selectedTrainee.forEach((option) => {\r\n  //       data.append(\"TraineesId\", option.user_Id);\r\n  //       data.append(\"Trainees\", option.label);\r\n  //     });\r\n  //     fetch(`${BASE_URLs}/Learning/AdminAddLearning\", {\r\n  //       method: \"POST\",\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //         Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n  //       },\r\n  //       body: data,\r\n  //     })\r\n  //       .then((res) => res.json())\r\n  //       .then((resp) => {\r\n  //         this.setState({ status: resp.Status });\r\n  //         this.setState({ message: resp.Message });\r\n  //         // this.SuccessModel();\r\n  //         //   // console.log(\"inputvalues\", resp.status);\r\n  //         if (resp.status == \"Success\") {\r\n  //           this.props.history.push(\"/LearningSchedule\");\r\n  //         }\r\n  //       });\r\n  //   }\r\n  // };\r\n\r\n  onRemove = () => {\r\n    var action_list = { ...this.state.selectedOptions };\r\n    // // console.log(\"selected one\", ...this.state.selectedOptions);\r\n\r\n    // Remember selected items.\r\n    // var is_selected = [];\r\n    // for (var i = 0; i < action_list.options.length; ++i)\r\n    // {\r\n    //     is_selected[i] = action_list.options[i].selected;\r\n    // }\r\n\r\n    // // Remove selected items.\r\n    // i = action_list.options.length;\r\n    // while (i--)\r\n    // {\r\n    //     if (is_selected[i])\r\n    //     {\r\n    //         action_list.remove(i);\r\n    //     }\r\n    // }\r\n  };\r\n  getValueone(apiValues) {\r\n    if (apiValues != 0) {\r\n      //   alert(\"called\");\r\n      //  // console.log(\"apiValues\",apiValues)\r\n      let previousValue = [];\r\n      let names = apiValues[0].label.split(\",\");\r\n      // // console.log(\"jkfbskjvbdskjf\",names);\r\n      let ids = apiValues[0].user_Id.split(\",\");\r\n      let index = 0;\r\n\r\n      if (names.length === ids.length) {\r\n        names.forEach((item) => {\r\n          let data = { value: ids[index].toString(), label: item };\r\n          index++;\r\n          previousValue.push(data);\r\n        });\r\n      }\r\n      // this.setState({ selectpanadhu: previousValue });\r\n      //   // console.log(\"GETVALUESONE SETSTATE\",this.state.selectpanadhu)\r\n    }\r\n  }\r\n  getValues(apiValues) {\r\n    if (apiValues != 0) {\r\n      //alert(\"called\");\r\n      //// console.log(\"apiValues\",apiValues)\r\n      let previousValue = [];\r\n      let names = apiValues[0].assignedTrainer.split(\",\");\r\n      // // console.log(\"jkfbskjvbdskjf\",names);\r\n      let ids = apiValues[0].assignedTrainerId.split(\",\");\r\n      let index = 0;\r\n\r\n      if (names.length === ids.length) {\r\n        names.forEach((item) => {\r\n          let data = { value: ids[index].toString(), label: item };\r\n          index++;\r\n          previousValue.push(data);\r\n        });\r\n      }\r\n      this.setState({ selectedOption: previousValue });\r\n      //  // console.log(\"selebndkjbk\",this.state.selectedOption)\r\n    }\r\n  }\r\n\r\n  getValuesOptions(apiValues) {\r\n    if (apiValues != 0) {\r\n      // // console.log(\"apiValues\",apiValues)\r\n      let previousValue = [];\r\n      let names = apiValues[0].trainerName.split(\",\");\r\n      // // console.log(\"jkfbskjvbdskjf\",names);\r\n      let ids = apiValues[0].trainerId.split(\",\");\r\n      let index = 0;\r\n\r\n      if (names.length === ids.length) {\r\n        names.forEach((item) => {\r\n          let data = { value: ids[index].toString(), label: item };\r\n          index++;\r\n          previousValue.push(data);\r\n        });\r\n      }\r\n      this.setState({ selectedOtherOption: previousValue });\r\n      //// console.log(\"selebndkjbk\",this.state.selectedOtherOption)\r\n    }\r\n  }\r\n  handleMultiselectChangetwo = (event) => {\r\n    this.setState({ ...(this.state.selectpanadhu = event) });\r\n    // // console.log(\"selectOptions\", ...this.state.selectpanadhu);\r\n  };\r\n  handleMultiselectChange = (event) => {\r\n    this.setState({ ...(this.state.selectedOptions = event) });\r\n    //  // console.log(\"selectOptions\", ...this.state.selectedOptions);\r\n  };\r\n  handleMultiselectTrainee = (event) => {\r\n    this.setState({ ...(this.state.selectedTrainee = event) });\r\n    // // console.log(\"selectedTrainee\", ...this.state.selectedTrainee);\r\n  };\r\n  //   handleMultiselectChange = (event) => {\r\n  //     alert(\"Handlemulti\")\r\n  //     this.setState({ ...this.state.selectedOption = event });\r\n  //     // console.log(\"selectOptionin handle multisleect\", ...this.state.selectedOption);\r\n  // };\r\n  handleMultiselectChangeone = (event) => {\r\n    //alert(\"Handlemultione\")\r\n    //  this.setState({ ...this.state.selectedOptions = event });\r\n    //// console.log(\"selectOptionin handle multisleect\", ...this.state.selectedOptions);\r\n\r\n    this.setState({ ...(this.state.selectpanadhu = event) });\r\n    // // console.log(\"HANDLEMULTISELECTCHANGEONE SET STATE\", ...this.state.selectpanadhu);\r\n\r\n    let selectedNames = this.state.selectpanadhu.map((e) => e.label);\r\n    // // console.log(\"SELECTED NAMES MAP THE SELECT PANADHU\",this.state.selectedNames);\r\n\r\n    // let final=total.filter(e=>selected.indexOf(e))\r\n\r\n    var filteredArray1 = this.state.trainerlist.filter(\r\n      (value) => !selectedNames.includes(value.label)\r\n    );\r\n    this.setState({ ...(this.state.filteredArrayone = filteredArray1) });\r\n    // // console.log(\"FILTERED ONE\",this.state.filteredArrayone)\r\n    // // console.log(\"this.state.selectedNames=====\",filteredArray1)\r\n  };\r\n  handleMultiselectChange = (event) => {\r\n    // alert(\"Handlemulti\")\r\n    this.setState({ ...(this.state.selectedOption = event) });\r\n    // // console.log(\"selectOptionin handle multisleect\", ...this.state.selectedOption);\r\n  };\r\n\r\n  handleChangesssone(value, actionDetails) {\r\n    //  alert(\"handlechangess\");\r\n    let items = [...this.state.selectpanadhu];\r\n    // // console.log(\"items\",...this.state.selectpanadhu);\r\n\r\n    if (actionDetails.action === \"remove-value\") {\r\n      if (items) {\r\n        var index = -1;\r\n        items.forEach((item, i) => {\r\n          if (\r\n            item.label === actionDetails.removedValue.label &&\r\n            item.value === actionDetails.removedValue.value\r\n          ) {\r\n            index = i;\r\n            return;\r\n          }\r\n        });\r\n        if (index > -1) {\r\n          items.splice(index, 1);\r\n        }\r\n      }\r\n    } else {\r\n      items.push(actionDetails.option);\r\n    }\r\n\r\n    this.setState({ selectpanadhu: items });\r\n    //  // console.log(\"itemshandlechnagesssss\",...this.state.selectpanadhu);\r\n  }\r\n\r\n  handleChangesss(value, actionDetails) {\r\n    alert(\"handlechangess\");\r\n    let items = [...this.state.selectedOption];\r\n    // // console.log(\"items\",...this.state.selectedOption);\r\n\r\n    if (actionDetails.action === \"remove-value\") {\r\n      if (items) {\r\n        var index = -1;\r\n        items.forEach((item, i) => {\r\n          if (\r\n            item.label === actionDetails.removedValue.label &&\r\n            item.value === actionDetails.removedValue.value\r\n          ) {\r\n            index = i;\r\n            return;\r\n          }\r\n        });\r\n        if (index > -1) {\r\n          items.splice(index, 1);\r\n        }\r\n      }\r\n    } else {\r\n      items.push(actionDetails.option);\r\n    }\r\n\r\n    this.setState({ selectedOption: items });\r\n    // // console.log(\"itemshandlechnagesssss\",...this.state.selectedOption);\r\n  }\r\n  GetTrainernames = () => {\r\n    //// console.log(\"selectevd option3333333333333333333333333\",this.state.selectedOptions);\r\n    if (this.state.trainerlhandleChangeist != 0) {\r\n      let selectedNames = this.state.selectedOptions.map((e) => e.label);\r\n      // console.log(\"selectevd option\", this.state.selectedOptions);\r\n\r\n      // let final=total.filter(e=>selected.indexOf(e))\r\n\r\n      var filteredArray1 = this.state.trainerlist.filter(\r\n        (value) => !selectedNames.includes(value.label)\r\n      );\r\n      // // console.log(\"this.state.trainerlist=====\",this.state.trainerlist)\r\n      //  // console.log(\"this.state.selectedNames=====\",this.state.selectedNames)\r\n    }\r\n  };\r\n  handleChangenew = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  togglePopup = (Training) => {\r\n    this.setState({ Training_Props: Training });\r\n\r\n    this.setState((prevState) => ({\r\n      isPopupVisible: !prevState.isPopupVisible,\r\n    }));\r\n  };\r\n  togglePopupclose = (Training) => {\r\n    if (this.state.isPopupVisible === true) {\r\n      this.props.history.push(\"/LearningSchedule\");\r\n    }\r\n\r\n    this.setState({ Training_Props: Training });\r\n\r\n    this.setState((prevState) => ({\r\n      isPopupVisible: !prevState.isPopupVisible,\r\n    }));\r\n  };\r\n  render() {\r\n    const {\r\n      plainArray,\r\n      Departmentdrop,\r\n      trainerDrop,\r\n      memberDrop,\r\n      trainer,\r\n      trainerlist,\r\n      traineelist,\r\n      selectedOptions,\r\n      Training,\r\n      description,\r\n      Train,\r\n      TopicDropDownFiltered,\r\n      Designationdrop,\r\n    } = this.state;\r\n    // let optionsfrnd = trainerDrop.map(function (item) {\r\n    //     return { value: (item.user_Id), label:  (item.label) };\r\n    //   })\r\n    // let selectedValue = [];\r\n    // //  let selectedLabel = [];\r\n    //   this.state.selectedOption && this.state.selectedOption.forEach((item) => {\r\n    //     selectedValue.push(item.value);\r\n    //     selectedLabel.push(item.label);\r\n    //   });\r\n    let formatOptionLabel = ({ value, label, image }) => (\r\n      <div className=\"grp-flex\" style={{ display: \"flex\" }}>\r\n        <img className=\"grp-edit-img2\" src={image} />\r\n        <span>{label}</span>\r\n      </div>\r\n    );\r\n    if (this.state.trainerlist != 0) {\r\n      let selectedNames1 = this.state.selectpanadhu.map((e) => e.label);\r\n      //   // console.log(\"selectedNames1\",selectedNames1);\r\n\r\n      // let final=total.filter(e=>selected.indexOf(e))\r\n\r\n      var filteredArray1 = this.state.trainerlist.filter(\r\n        (value) => !selectedNames1.includes(value.label)\r\n      );\r\n      //   // console.log(\"filteredArray1asdasdasdasdsadas\",filteredArray1);\r\n    }\r\n    if (this.state.selectedOtherOption != 0) {\r\n      let selectedNames = this.state.selectedOption.map((e) => e.label);\r\n      // // console.log(\"selectevd option\",this.state.selectedOption);\r\n      var filteredArray = this.state.selectedOtherOption.filter(\r\n        (value) => !selectedNames.includes(value.label)\r\n      );\r\n      // // console.log(\"filteredArray\",filteredArray)\r\n    }\r\n\r\n    //// console.log(\"selectevd option\",this.state.selectedOption);\r\n    //// console.log(\"other option\",this.state.selectedOtherOption)\r\n    const colourStyles = {\r\n      control: (styles) => ({ ...styles, backgroundColor: \"white\" }),\r\n      option: (styles) => ({\r\n        ...styles,\r\n        textAlign: \"center\",\r\n        display: \"flex\",\r\n        backgroundColor: \"white\",\r\n        \"text-align-last\": \"center\",\r\n        color: \"black\",\r\n      }),\r\n\r\n      // option: (styles, { data, isDisabled, isFocused, isSelected }) => {\r\n      //  // const color = chroma(data.color);\r\n      //   return {\r\n      //     ...styles,\r\n      //     backgroundColor: isDisabled ? 'white' : \"red\",\r\n      //   //  color: 'white',\r\n      //     textAlign:\"left\",\r\n      //     cursor: isDisabled ? 'not-allowed' : 'default',\r\n\r\n      //   };\r\n      // },\r\n    };\r\n\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Add\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            {/* Sundar Written Start */}\r\n                            <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                              <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"container\">\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-4\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            name=\"Trainingitem\"\r\n                                            id=\"Trainingitem\"\r\n                                            value={this.state.topicFilter}\r\n                                            onChange={this.handleddChange}\r\n                                            // onChange={this.handleChangeItem}\r\n                                          >\r\n                                            <option value=\"select\">\r\n                                              Select\r\n                                            </option>\r\n                                            {Train.map((Training) => (\r\n                                              <option\r\n                                                value={Training.trainingitem}\r\n                                              >\r\n                                                {Training.trainingitem}\r\n                                              </option>\r\n                                            ))}\r\n                                          </select>\r\n                                          {/* <input className=\"effect-16\" name=\"Trainingitem\" id=\"Trainingitem\" type=\"text\" maxLength=\"50\" /> */}\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Training Topic\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-4\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            value={this.state.deptFilter}\r\n                                            name=\"Department\"\r\n                                            id=\"Department\"\r\n                                            onChange={this.handleddChange1}\r\n                                          >\r\n                                            <option value=\"select1\">\r\n                                              Select\r\n                                            </option>\r\n                                            {Departmentdrop.map(\r\n                                              (Departmentdrop) => (\r\n                                                <option\r\n                                                  value={\r\n                                                    Departmentdrop.department\r\n                                                  }\r\n                                                >\r\n                                                  {Departmentdrop.department}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Department\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-4\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            name=\"Trainingitem\"\r\n                                            id=\"Trainingitem\"\r\n                                            value={this.state.desigFilter}\r\n                                            onChange={this.handleddChange2}\r\n                                          >\r\n                                            <option value=\"select2\">\r\n                                              Select\r\n                                            </option>\r\n                                            {Designationdrop.map((Training) => (\r\n                                              <option\r\n                                                value={Training.designation}\r\n                                              >\r\n                                                {Training.designation}\r\n                                              </option>\r\n                                            ))}\r\n                                          </select>\r\n                                          {/* <input className=\"effect-16\" name=\"Trainingitem\" id=\"Trainingitem\" type=\"text\" maxLength=\"50\" /> */}\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Designation\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n\r\n                                        <div className=\"dt-responsive table-responsive table-res\">\r\n                                          {this.state.Train.length ===\r\n                                          0 ? null : (\r\n                                            <table\r\n                                              id=\"DepSheet\"\r\n                                              className=\"table nowrap\"\r\n                                              style={{ maxWidth: \"100%\" }}\r\n                                            >\r\n                                              <thead>\r\n                                                <tr>\r\n                                                  <th>Department</th>\r\n                                                  <th>Training Topic</th>\r\n                                                  <th>Description</th>\r\n                                                  <th>Duration</th>\r\n                                                  <th>Documents</th>\r\n                                                  <th>Trainers</th>\r\n                                                  <th>Designation</th>\r\n                                                  <th\r\n                                                    style={{\r\n                                                      textAlign: \"center\",\r\n                                                    }}\r\n                                                  ></th>\r\n                                                </tr>\r\n                                              </thead>\r\n                                              <tbody>\r\n                                                {TopicDropDownFiltered.map(\r\n                                                  (Training) => (\r\n                                                    <tr>\r\n                                                      <td>\r\n                                                        {Training.department}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {Training.trainingitem}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {Training.description}\r\n                                                      </td>\r\n                                                      <td>\r\n                                                        {Training.duration}\r\n                                                      </td>\r\n                                                      <td\r\n                                                        style={{\r\n                                                          textAlign: \"center\",\r\n                                                        }}\r\n                                                      >\r\n                                                        {Training.filecount}\r\n                                                      </td>\r\n                                                      <td\r\n                                                        style={{\r\n                                                          textAlign: \"center\",\r\n                                                        }}\r\n                                                      >\r\n                                                        {Training.trainercount}\r\n                                                      </td>\r\n                                                      <td\r\n                                                        style={{\r\n                                                          textAlign: \"center\",\r\n                                                        }}\r\n                                                      >\r\n                                                        {\r\n                                                          Training.designationcount\r\n                                                        }\r\n                                                      </td>\r\n                                                      <button\r\n                                                        className=\"button-30 sk-edit\"\r\n                                                        style={{\r\n                                                          marginTop: \"5px\",\r\n                                                        }}\r\n                                                        onClick={() =>\r\n                                                          this.togglePopup(\r\n                                                            Training\r\n                                                          )\r\n                                                        }\r\n                                                      >\r\n                                                        <i\r\n                                                          className=\"icofont icofont-plus\"\r\n                                                          aria-hidden=\"true\"\r\n                                                        ></i>\r\n                                                      </button>\r\n                                                      {this.state\r\n                                                        .isPopupVisible && (\r\n                                                        <TrainingClassPopup\r\n                                                          TrainingState={\r\n                                                            this.state\r\n                                                              .Training_Props\r\n                                                          }\r\n                                                          onClose={\r\n                                                            this.togglePopup\r\n                                                          }\r\n                                                          togglePopupclose={\r\n                                                            this\r\n                                                              .togglePopupclose\r\n                                                          }\r\n                                                          trainingID={\r\n                                                            Training.training_Id\r\n                                                          }\r\n                                                        />\r\n                                                      )}\r\n                                                      &nbsp;&nbsp;&nbsp;\r\n                                                    </tr>\r\n                                                  )\r\n                                                )}\r\n                                              </tbody>\r\n                                            </table>\r\n                                          )}\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                {/* <div className=\"row\">\r\n                                  <div\r\n                                    className=\"col-sm-12\"\r\n                                    style={{ textAlign: \"center\" }}\r\n                                  >\r\n                                    <button\r\n                                      type=\"submit\"\r\n                                      className=\"but \"\r\n                                      style={{\r\n                                        height: \"39.5px\",\r\n                                        width: \"86.36px\",\r\n                                        marginTop: \"-0.3%\",\r\n                                      }}\r\n                                    >\r\n                                      Save\r\n                                    </button>\r\n                                    &nbsp;&nbsp;&nbsp;\r\n                                    <button\r\n                                      type=\"reset\"\r\n                                      className=\" btn-Secondary\"\r\n                                      style={{ height: \"39.5px\" }}\r\n                                    >\r\n                                      Cancel\r\n                                    </button>\r\n                                  </div>\r\n                                </div> */}\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                              </div>\r\n                            </div>\r\n                            {/* Sundar Written End*/}\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddTrainerpop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      Training: [],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n    if (this.Validation()) {\r\n      var role = JSON.parse(localStorage.Role);\r\n      const url =\r\n        role.toString() === \"Platform Admin\"\r\n          ? `${BASE_URLs}/Training/AddTraining`\r\n          : `${BASE_URLs}/Course/AddCourseName`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        setTimeout(function () {\r\n          document.getElementById(\"close\").click();\r\n        }, 4000);\r\n\r\n        this.GetCourseName();\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n    //  this.GetCourseName();\r\n  };\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var TrainingName = document.getElementsByName(\"CategoryMaster\");\r\n    var ReferenceDocument = document.getElementsByName(\"Ref_Doc\");\r\n\r\n    if (!TrainingName[0].value) {\r\n      formIsValid = false;\r\n      formErrors[\"TrainingName\"] = \"Training Name is required\";\r\n    }\r\n\r\n    if (!ReferenceDocument[0].value) {\r\n      formIsValid = false;\r\n      formErrors[\"ReferenceDocument\"] = \"Document Required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  GetTraining() {\r\n    let url = `${BASE_URLs}/Training/SAGetTraining`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Training: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetTraining();\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { ReferenceDocument, TrainingName } = this.state.formErrors;\r\n    const { Training } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n          >\r\n            {/* encType=\"multipart/form-data\" */}\r\n\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit}>\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-lg-3  \"></div>\r\n                <div className=\"col-lg-8 \">\r\n                  <select className=\"form\">\r\n                    <option value=\"fruit\">Trainer's Name</option>\r\n                    <option value=\"fruit\">Arul</option>\r\n                    <option value=\"vegetable\">Vimal</option>\r\n                    <option value=\"meat\">Sharik</option>\r\n                    <option value=\"meat\">Azaar</option>\r\n                  </select>\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                    Choose Trainer Name\r\n                  </span>\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                {/* <div className=\"col-lg-3  \"></div> */}\r\n              </div>\r\n\r\n              <div className=\"row\" style={{ padding: \"3px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"Department\"\r\n                    name=\"Department\"\r\n                    type=\"text\"\r\n                  />\r\n\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                    {\" \"}\r\n                    Department\r\n                  </span>\r\n\r\n                  <span className=\"underline\" />\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\" style={{ padding: \"3px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"Role\"\r\n                    name=\"Role\"\r\n                    type=\"text\"\r\n                  />\r\n\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}> Role</span>\r\n\r\n                  <span className=\"underline\" />\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\" style={{ padding: \"3px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"TrainingName\"\r\n                    name=\"TrainingName\"\r\n                    type=\"text\"\r\n                  />\r\n\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                    {\" \"}\r\n                    TrainingName\r\n                  </span>\r\n\r\n                  <span className=\"underline\" />\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport SideBar from \"../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddTrainingpopDesign extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      Training: [],\r\n      Departmentdrop: [],\r\n      Jobdrop: [],\r\n      department: [],\r\n      selectedDepartment: \"\",\r\n      DeptSelected: null,\r\n      selectedDesignation: \"\",\r\n      rolevalue: [],\r\n      Designation: [],\r\n      JobRole: [],\r\n      AllRoles: [],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n    var dept = document.getElementById(\"Department\").value;\r\n    // // console.log(\"Departmentsssssssss\",this.state.selectedDepartment)\r\n    const data = new FormData(e.target);\r\n    data.append(\"Department\", this.state.selectedDepartment);\r\n    for (var pair of data.entries()) {\r\n      // console.log(pair[0] + \", \" + pair[1]);\r\n    }\r\n    data.append(\"JobRole\", this.props.location.state.data.designation);\r\n    // if (this.Validation()) {\r\n    var role = JSON.parse(localStorage.Role);\r\n    const url =\r\n      role.toString() === \"Platform Admin\"\r\n        ? `${BASE_URLs}/Training/AddTraining`\r\n        : `${BASE_URLs}/Training/AdminAddTraining`;\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    const response = await fetch(url, options);\r\n    const result = await response.json();\r\n\r\n    if (result.status === \"Success\") {\r\n      toast.success(result.message, {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n      // setTimeout(function () { document.getElementById(\"close\").click(); }, 4000);\r\n\r\n      // this.GetTraining();\r\n    } else {\r\n      toast.error(result.message, {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n    this.SuccessModel();\r\n\r\n    // }\r\n    //  this.GetCourseName();\r\n  };\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n\r\n    this.props.history.push(\"/TrainingSchedule\");\r\n  };\r\n\r\n  handleChange = (event) => {\r\n    const dept = event.target.value;\r\n\r\n    this.setState({ selectedDepartment: dept });\r\n\r\n    let url = `${BASE_URLs}/Training/GetRoleBasedDept?Department=` + dept;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        Accept: \"application/json\",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          rolevalue: data,\r\n        });\r\n        // console.log(\"RoleValue\", this.state.rolevalue);\r\n      });\r\n  };\r\n\r\n  handleDesignationChange = (event) => {\r\n    this.setState({ selectedDesignation: event.target.value });\r\n  };\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var TrainingName = document.getElementsByName(\"CategoryMaster\");\r\n    var ReferenceDocument = document.getElementsByName(\"Ref_Doc\");\r\n\r\n    if (!TrainingName[0].value) {\r\n      formIsValid = false;\r\n      formErrors[\"TrainingName\"] = \"Training Name is required\";\r\n    }\r\n\r\n    if (!ReferenceDocument[0].value) {\r\n      formIsValid = false;\r\n      formErrors[\"ReferenceDocument\"] = \"Document Required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  GetTraining() {\r\n    // alert(\"called\")\r\n    //  // console.log(\"called or not\",this.props.location.state.data.training_Id)\r\n    let url = `${BASE_URLs}/Training/SAGetTraining`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Training: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetDepartment() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    // fetch('${BASE_URLs}/Team/GetTeam', options)\r\n    fetch(`${BASE_URLs}/Department/DepartmentGet`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // Filter out the duplicates\r\n        const filteredData = data.filter((value, index, self) => {\r\n          return (\r\n            self.findIndex((item) => item.department === value.department) ===\r\n            index\r\n          );\r\n        });\r\n        // console.log(\"-----------------------------\", filteredData);\r\n        this.setState({\r\n          department: filteredData,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetAllRole() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetAllJRole`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // Filter out the duplicates\r\n        // const filteredData = data.filter((value, index, self) => {\r\n        //   return self.findIndex(item => item.jobRole === value.jobRole) === index;\r\n        // });\r\n\r\n        //       for (let i = 0; i < data.length; i++) {\r\n        //         this.state.AllRoles.push(data[i].JobRole);\r\n        //  }\r\n        this.setState({\r\n          AllRoles: data,\r\n        });\r\n\r\n        // console.log(\"hjcbcxscczxibsdbcs\", this.state.AllRoles);\r\n      });\r\n  }\r\n  GetDesignation() {\r\n    let url = `${BASE_URLs}/Designation/GetMasterDesignation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Designation: data,\r\n          Desi: data,\r\n        });\r\n\r\n        // console.log(\"Designation\", this.state.Designation);\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetJobRole() {\r\n    // alert(\"hi\");\r\n    var dept = document.getElementById(\"Department\").value;\r\n    if (dept != \"\") {\r\n      // alert(\"hi\");\r\n      // console.log(\"dept\", dept);\r\n      const options = {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      };\r\n      fetch(`${BASE_URLs}/Team/GetJobRole?Department=` + dept, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          // Filter out the duplicates\r\n          // const filteredData = data.filter((value, index, self) => {\r\n          //   return self.findIndex(item => item.department === value.department) === index;\r\n          // });\r\n          this.setState({\r\n            JobRole: data,\r\n          });\r\n          // console.log(\"this.state.JobRole\", this.state.JobRole);\r\n        });\r\n    }\r\n  }\r\n  componentDidMount() {\r\n    this.GetTraining();\r\n    this.GetDepartment();\r\n    this.GetDesignation();\r\n    this.GetAllRole();\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { ReferenceDocument, TrainingName } = this.state.formErrors;\r\n    const { Training, Departmentdrop, Jobdrop } = this.state;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Add Training\r\n                          </h4>\r\n                        </div>\r\n\r\n                        <form\r\n                          autoComplete=\"off\"\r\n                          onSubmit={this.handleSubmit}\r\n                          style={{ padding: \"8px\" }}\r\n                        >\r\n                          <div className=\"row\" style={{ padding: \"12px\" }}>\r\n                            <div className=\"col-lg-4\"></div>\r\n                            <div className=\"col-lg-4\">\r\n                              <select\r\n                                className=\"effect-16\"\r\n                                type=\"text\"\r\n                                // onClick={this.GetJobRole}\r\n                                // value={this.state.selectedDepartment}\r\n\r\n                                name=\"Department\"\r\n                                id=\"Department\"\r\n                              >\r\n                                <option value=\"\">Select</option>\r\n                                {this.state.department.map((Departmentdrop) => (\r\n                                  <option value={Departmentdrop.department}>\r\n                                    {Departmentdrop.department}\r\n                                  </option>\r\n                                ))}\r\n                              </select>\r\n                              {TrainingName == null ? (\r\n                                <span\r\n                                  style={{ color: \"#a29d9d\", float: \"left\" }}\r\n                                >\r\n                                  Department{\" \"}\r\n                                </span>\r\n                              ) : (\r\n                                <div style={{ color: \"red\", float: \"left\" }}>\r\n                                  {TrainingName}\r\n                                </div>\r\n                              )}\r\n\r\n                              <div className=\"space\">\r\n                                <select\r\n                                  className=\"effect-16\"\r\n                                  disabled\r\n                                  type=\"text\"\r\n                                  value={\r\n                                    this.props.location.state.data.designation\r\n                                  }\r\n                                  name=\"JobRole\"\r\n                                  id=\"JobRole\"\r\n                                  onChange={this.handleChange}\r\n                                >\r\n                                  <option value=\"\">\r\n                                    {this.props.location.state.data.designation}\r\n                                  </option>\r\n                                  {this.state.AllRoles.map((JobDrop) => (\r\n                                    <option value={JobDrop.designation}>\r\n                                      {JobDrop.designation}\r\n                                    </option>\r\n                                  ))}\r\n                                </select>\r\n                              </div>\r\n\r\n                              <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                                Designation\r\n                              </span>\r\n                            </div>\r\n                          </div>\r\n                          <div className=\"row\" style={{ padding: \"12px\" }}>\r\n                            <div className=\"col-lg-4\"></div>\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"form\"\r\n                                maxLength=\"50\"\r\n                                id=\"Trainingitem\"\r\n                                name=\"Trainingitem\"\r\n                                type=\"text\"\r\n                              />\r\n                              {TrainingName == null ? (\r\n                                <span\r\n                                  style={{ color: \"#a29d9d\", float: \"left\" }}\r\n                                >\r\n                                  Training Item\r\n                                </span>\r\n                              ) : (\r\n                                <div style={{ color: \"red\", float: \"left\" }}>\r\n                                  {TrainingName}\r\n                                </div>\r\n                              )}\r\n                            </div>\r\n                          </div>\r\n\r\n                          <div className=\"row\" style={{ padding: \"12px\" }}>\r\n                            <div className=\"col-lg-4\"></div>\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"form\"\r\n                                maxLength=\"50\"\r\n                                id=\"description\"\r\n                                name=\"description\"\r\n                                type=\"text\"\r\n                              />\r\n                              {TrainingName == null ? (\r\n                                <span\r\n                                  style={{ color: \"#a29d9d\", float: \"left\" }}\r\n                                >\r\n                                  Description{\" \"}\r\n                                </span>\r\n                              ) : (\r\n                                <div style={{ color: \"red\", float: \"left\" }}>\r\n                                  {TrainingName}\r\n                                </div>\r\n                              )}\r\n                            </div>\r\n                          </div>\r\n                          <div className=\"row\" style={{ padding: \"12px\" }}>\r\n                            <div className=\"col-sm-4\"></div>\r\n                            <div className=\"col-sm-4\">\r\n                              {/* <select className=\"effect-16\" name=\"SchedulingDuration\" id=\"duration\" type=\"text\" onChange={this.handleDateChange}>\r\n                                                                                        <option value=\"\">Select</option>\r\n                                                                                        <option value=\"1 Week\" id=\"duration\">1 Week</option>\r\n                                                                                        <option value=\"2 Week\" id=\"duration\">2 Week</option>\r\n                                                                                        <option value=\"3 Week\" id=\"duration\">3 Week</option>\r\n                                                                                        <option value=\"4 Week\" id=\"duration\">4 Week</option>\r\n                                                                                    </select>\r\n\r\n                                                                                    <span style={{ color: '#a29d9d' }} >Duration of Training</span> <span style={{ color: \"red\" }}>*</span>\r\n                                                                                     */}\r\n                              <select\r\n                                className=\"effect-16\"\r\n                                name=\"Duration\"\r\n                                id=\"duration\"\r\n                                type=\"text\"\r\n                                onChange={this.handleDateChange}\r\n                              >\r\n                                <option value=\"\">Select</option>\r\n                                <option value=\"1 Hour\" id=\"duration\">\r\n                                  1 Hour\r\n                                </option>\r\n                                <option value=\"2 Hours\" id=\"duration\">\r\n                                  2 Hours\r\n                                </option>\r\n                                <option value=\"3 Hours\" id=\"duration\">\r\n                                  3 Hours\r\n                                </option>\r\n                                <option value=\"4 Hours\" id=\"duration\">\r\n                                  4 Hours\r\n                                </option>\r\n                                <option value=\"5 Hours\" id=\"duration\">\r\n                                  5 Hours\r\n                                </option>\r\n                                <option value=\"6 Hours\" id=\"duration\">\r\n                                  6 Hours\r\n                                </option>\r\n                                <option value=\"7 Hours\" id=\"duration\">\r\n                                  7 Hours\r\n                                </option>\r\n                                <option value=\"8 Hours\" id=\"duration\">\r\n                                  8 Hours\r\n                                </option>\r\n                              </select>\r\n                              <span style={{ color: \"#a29d9d\" }}>\r\n                                Duration of Training\r\n                              </span>{\" \"}\r\n                              <span style={{ color: \"red\" }}>*</span>\r\n                            </div>\r\n                          </div>\r\n\r\n                          <div className=\"row\" style={{ padding: \"12px\" }}>\r\n                            <div className=\"col-lg-4\"></div>\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"form\"\r\n                                maxLength=\"20\"\r\n                                id=\"Ref_Doc\"\r\n                                name=\"Ref_Docs\"\r\n                                multiple\r\n                                onFocus={(e) => (e.target.type = \"file\")}\r\n                                type=\"text\"\r\n                              />\r\n                              {TrainingName == null ? (\r\n                                <span\r\n                                  style={{ color: \"#a29d9d\", float: \"left\" }}\r\n                                >\r\n                                  Ref Doc{\" \"}\r\n                                </span>\r\n                              ) : (\r\n                                <div style={{ color: \"red\", float: \"left\" }}>\r\n                                  {TrainingName}\r\n                                </div>\r\n                              )}\r\n                            </div>\r\n                          </div>\r\n\r\n                          <div className=\"row\" style={{ padding: \"12px\" }}>\r\n                            <div\r\n                              className=\"col-sm-12\"\r\n                              style={{ textAlign: \"center\", height: \"70px\" }}\r\n                            >\r\n                              <button\r\n                                type=\"submit\"\r\n                                className=\"but\"\r\n                                style={{\r\n                                  height: \"39.5px\",\r\n                                  width: \"86.36px\",\r\n                                  marginTop: \"-0.3%\",\r\n                                }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                            </div>\r\n                          </div>\r\n                          <br />\r\n                        </form>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import { React, useState, useEffect } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport PlusOne from \"@material-ui/icons/Add\";\r\n\r\nconst AddTrainingAddTrainer = ({ closeThePopup, array, state }) => {\r\n  const [Trainers, setTrainers] = useState(array);\r\n\r\n  const handleChange = (arr, i, event) => {\r\n    let change = Trainers.map((e, index) => {\r\n      if (i === index) return { ...e, ...{ check: event.target.checked } };\r\n      return { ...e };\r\n    });\r\n    state(change);\r\n    setTrainers(change);\r\n  };\r\n\r\n  return (\r\n    <div className=\"pop\">\r\n      <div className=\"popinnernormal\">\r\n        <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n          {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}} onClick={this.close}  ><CloseIcon/></button> */}\r\n          <button\r\n            style={{\r\n              float: \"right\",\r\n              backgroundColor: \"#a0a3a305\",\r\n              color: \"#797070\",\r\n              border: \"1px solid #a3a5a505\",\r\n            }}\r\n            onClick={closeThePopup}\r\n          >\r\n            <CloseIcon />\r\n          </button>\r\n\r\n          <div className=\"row\" tyle={{ padding: \"8px\" }}>\r\n            <div className=\"col-sm-3\"></div>\r\n            <div className=\"col-sm-8\">\r\n              <div className=\"dt-responsive table-responsive table-res\">\r\n                {Trainers.length === 0 ? (\r\n                  \"There are no ' Trainers '\"\r\n                ) : (\r\n                  <table\r\n                    id=\"DepSheet\"\r\n                    className=\"table nowrap\"\r\n                    style={{ maxWidth: \"90%\" }}\r\n                  >\r\n                    <thead>\r\n                      <tr>\r\n                        <th colSpan=\"2\" style={{ textAlign: \"left\" }}>\r\n                          <button\r\n                            style={{\r\n                              marginRight: \"-30px\",\r\n                              color: \"rgb(94, 217, 135)\",\r\n                            }}\r\n                            onClick={closeThePopup}\r\n                          >\r\n                            Add\r\n                          </button>\r\n                        </th>\r\n                      </tr>\r\n\r\n                      <tr>\r\n                        <th>\r\n                          <input type=\"checkbox\" hidden />\r\n                        </th>\r\n                        <th>Trainers</th>\r\n                        {/* <th>Action</th> */}\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                      {Trainers.map((Trainers, i) => (\r\n                        <tr>\r\n                          <td>\r\n                            <input\r\n                              type=\"checkbox\"\r\n                              value={\r\n                                Trainers.trainerName +\r\n                                \"$$$\" +\r\n                                Trainers.trainer_UserId\r\n                              }\r\n                              checked={Trainers.check}\r\n                              onChange={(e) => handleChange(Trainers, i, e)}\r\n                            />\r\n                          </td>\r\n                          <td>{Trainers.trainerName}</td>\r\n                          {/* <td>\r\n                          <button\r\n                            className=\"button-30\"\r\n                            type=\"button\"\r\n                            style={{ color: \"rgb(94, 217, 135)\" }}\r\n                            onClick={() =>\r\n                              this.fetchData(\r\n                                Trainers.trainerName,\r\n                                Trainers.trainer_UserId\r\n                              )\r\n                            }\r\n                          >\r\n                            Assign&nbsp;\r\n                            <i className=\"icofont icofont-edit\"></i>\r\n                          </button>\r\n                        </td> */}\r\n                        </tr>\r\n                      ))}\r\n                    </tbody>\r\n                  </table>\r\n                )}\r\n              </div>\r\n            </div>\r\n            <div className=\"col-sm-4\"></div>\r\n          </div>\r\n\r\n          <div className=\"row\">\r\n            <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}></div>\r\n          </div>\r\n        </form>\r\n        <br />\r\n        {/* <button onClick={this.closePopup}><CloseIcon/></button> */}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default AddTrainingAddTrainer;\r\n","import { React, useState, useEffect } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport PlusOne from \"@material-ui/icons/Add\";\r\n\r\nconst AddTrainingAddDesignation = ({ closeThePopup, array, state }) => {\r\n  // console.log(\"rrrrrrrrrrrrrr\", array);\r\n  const [Designation, setDesignation] = useState(array);\r\n  const [Selectall, setSelectall] = useState(false);\r\n\r\n  useEffect(() => {}, []);\r\n\r\n  const handleChange = (i, event) => {\r\n    let change = Designation.map((e, index) => {\r\n      // console.log(\"i === index\", i === index);\r\n\r\n      if (i === index) return { ...e, ...{ check: event.target.checked } };\r\n      return { ...e };\r\n    });\r\n    change.length === change.filter((e) => e.check === true).length\r\n      ? setSelectall(true)\r\n      : setSelectall(false);\r\n    state(change);\r\n    // console.log(\"ffffffff\", change);\r\n\r\n    setDesignation(change);\r\n  };\r\n\r\n  const handleSelectAll = (event) => {\r\n    setSelectall(!Selectall);\r\n    let change = Designation.map((e, index) => {\r\n      return { ...e, ...{ check: event.target.checked } };\r\n    });\r\n    state(change);\r\n    setDesignation(change);\r\n  };\r\n\r\n  return (\r\n    <div className=\"pop\">\r\n      <div className=\"popinnernormalss\">\r\n        <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n          {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}} onClick={this.props.close}  ><CloseIcon/></button> */}\r\n          <button\r\n            style={{\r\n              float: \"right\",\r\n              backgroundColor: \"#a0a3a305\",\r\n              color: \"#797070\",\r\n              border: \"1px solid #a3a5a505\",\r\n            }}\r\n            onClick={closeThePopup}\r\n          >\r\n            <CloseIcon />\r\n          </button>\r\n\r\n          <div className=\"row\" tyle={{ padding: \"8px\" }}>\r\n            <div className=\"col-sm-3\"></div>\r\n            <div className=\"col-sm-8\">\r\n              <div className=\"dt-responsive table-responsive table-res\">\r\n                {Designation.length === 0 ? (\r\n                  \"There are no ' Designations '\"\r\n                ) : (\r\n                  <table\r\n                    id=\"DepSheet\"\r\n                    className=\"table nowrap\"\r\n                    style={{ maxWidth: \"90%\" }}\r\n                  >\r\n                    <thead>\r\n                      <tr>\r\n                        <th colSpan=\"2\" style={{ textAlign: \"left\" }}>\r\n                          <button\r\n                            style={{ marginRight: \"-30px\" }}\r\n                            onClick={closeThePopup}\r\n                          >\r\n                            Add\r\n                          </button>\r\n                        </th>\r\n                      </tr>\r\n                      <tr>\r\n                        <th>\r\n                          <input\r\n                            type=\"checkbox\"\r\n                            checked={Selectall}\r\n                            onChange={(e) => handleSelectAll(e)}\r\n                          />\r\n                        </th>\r\n                        <th>Designation</th>\r\n                        {/* <th>Action</th> */}\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                      {Designation.map((Designation, i) => (\r\n                        <tr>\r\n                          <td>\r\n                            <input\r\n                              type=\"checkbox\"\r\n                              value={\r\n                                Designation.id + \"$$$\" + Designation.designation\r\n                              }\r\n                              checked={Designation.check}\r\n                              onChange={(e) => handleChange(i, e)}\r\n                            />\r\n                          </td>\r\n                          <td>{Designation.designation}</td>\r\n                          {/* <td>\r\n                          <button\r\n                            className=\"button-30\"\r\n                            type=\"button\"\r\n                            style={{ color: \"rgb(94, 217, 135)\" }}\r\n                            onClick={() =>\r\n                              this.fetchData(\r\n                                Trainers.trainerName,\r\n                                Trainers.trainer_UserId\r\n                              )\r\n                            }\r\n                          >\r\n                            Assign&nbsp;\r\n                            <i className=\"icofont icofont-edit\"></i>\r\n                          </button>\r\n                        </td> */}\r\n                        </tr>\r\n                      ))}\r\n                    </tbody>\r\n                  </table>\r\n                )}\r\n              </div>\r\n            </div>\r\n            <div className=\"col-sm-4\"></div>\r\n          </div>\r\n\r\n          <div className=\"row\">\r\n            <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}></div>\r\n          </div>\r\n        </form>\r\n        <br />\r\n        {/* <button onClick={this.closePopup}><CloseIcon/></button> */}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default AddTrainingAddDesignation;\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Add from \"@material-ui/icons/Add\";\r\nimport PlusOne from \"@material-ui/icons/Add\";\r\n\r\nimport {\r\n  Checkbox,\r\n  FormControl,\r\n  ListItem,\r\n  ListItemIcon,\r\n  ListItemText,\r\n  MenuItem,\r\n  Select,\r\n} from \"@mui/material\";\r\nimport SideBar from \"../Common/Sidebar\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { error, event } from \"jquery\";\r\nimport Multiselect from \"multiselect-react-dropdown\";\r\nimport { Form } from \"react-bootstrap\";\r\nimport AddTrainingAddTrainer from \"./AddTrainingAddTrainer\";\r\nimport AddTrainingAddDesignation from \"./AddTrainingAddDesignation\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AddTrainingpop extends Component {\r\n  fileInputRef = React.createRef();\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      RelationshipDrop: [],\r\n      formErrors: {},\r\n      Training: [],\r\n      Departmentdrop: [],\r\n      Jobdrop: [],\r\n      department: [],\r\n      selectedDepartment: \"\",\r\n      DeptSelected: null,\r\n      rolevalue: [],\r\n      Designation: [],\r\n      JobRole: [],\r\n      AllRoles: [],\r\n      selectedOption: \"\",\r\n      selectedDuration: \"\",\r\n      trainingItem: \"\",\r\n      description: \"\",\r\n      selectedFile: [],\r\n\r\n      errors: {\r\n        selectedOption: \"\",\r\n        selectedDesignation: \"\",\r\n        selectedDuration: \"\",\r\n        trainingItem: \"\",\r\n        description: \"\",\r\n        selectedFile: [],\r\n        selectedTrainer: \"\",\r\n      },\r\n      filteredDesignation: [],\r\n      TrainerDept: [],\r\n      TrainerUserID: [],\r\n      AllDept: [],\r\n      resDataValue: [],\r\n      selectedOptions: [],\r\n      selectedValue: [],\r\n      TrainDesignation: [],\r\n      selectedTrainerID: [],\r\n      isAllSelected: false,\r\n      isAddTrainerOpen: false,\r\n      isAddDesignationOpen: false,\r\n      Trainers: [],\r\n      selectedTrainer: [],\r\n      selectedDesignation: [],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  // Code By Arun\r\n  handleButtonsClick = () => {\r\n    // Trigger the click event of the file input element\r\n    this.fileInputRef.current.click();\r\n  };\r\n  // Code By Arun\r\n\r\n  handleDropdownChange = (event) => {\r\n    const selectedOption = event.target.value;\r\n    this.setState({ selectedOption });\r\n    const { errors } = this.state;\r\n    errors.selectedOption = \"\";\r\n    this.GetTrainers();\r\n  };\r\n  handleDesignationdropdownChange = (event) => {\r\n    const selectedDesignation = event;\r\n    // console.log(\"Designation\", selectedDesignation);\r\n    this.setState({ selectedDesignation });\r\n    const { errors } = this.state;\r\n    errors.selectedDesignation = \"\";\r\n  };\r\n\r\n  handleDateChange = (event) => {\r\n    const selectedDuration = event.target.value;\r\n    this.setState({ selectedDuration });\r\n    const { errors } = this.state;\r\n    errors.selectedDuration = \"\";\r\n  };\r\n  handleInputChange = (event) => {\r\n    const trainingItem = event.target.value;\r\n    this.setState({ trainingItem });\r\n    const { errors } = this.state;\r\n    errors.trainingItem = \"\";\r\n  };\r\n  handleInputChange1 = (event) => {\r\n    const description = event.target;\r\n    this.setState({ description });\r\n    const { errors } = this.state;\r\n    errors.description = \"\";\r\n  };\r\n\r\n  // Code By Arun\r\n  handleFileChange = (event) => {\r\n    const selectedFile = Array.from(event.target.files);\r\n    this.setState({ selectedFile });\r\n    const { errors } = this.state;\r\n    errors.selectedFile = [];\r\n  };\r\n  // Code By Arun\r\n\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    const {\r\n      selectedOption,\r\n      selectedDesignation,\r\n      selectedDuration,\r\n      trainingItem,\r\n      description,\r\n      selectedFile,\r\n      selectedTrainer,\r\n      selectedTrainerID,\r\n    } = this.state;\r\n    const errors = {};\r\n\r\n    if (!selectedOption) {\r\n      errors.selectedOption = \"Department is required\";\r\n    }\r\n\r\n    if (!selectedDuration) {\r\n      errors.selectedDuration = \"Duration is required\";\r\n    }\r\n    if (!trainingItem.trim()) {\r\n      errors.trainingItem = \"Training Topic is required\";\r\n    }\r\n    if (!description) {\r\n      errors.description = \"Description is required\";\r\n    }\r\n    if (!selectedFile) {\r\n      errors.selectedFile = \"Document is required\";\r\n    }\r\n\r\n    // If there are errors, update the state with error messages\r\n    if (Object.keys(errors).length > 0) {\r\n      this.setState({ errors });\r\n    } else {\r\n      // console.log(\"Form submitted\");\r\n      var dept = document.getElementById(\"Department\").value;\r\n      const data = new FormData(e.target);\r\n      data.append(\"Department\", this.state.selectedDepartment);\r\n\r\n      selectedDesignation.forEach((value) => {\r\n        data.append(\"Designation\", value.designation);\r\n      });\r\n\r\n      // if (selectedTrainer.length > 0) {\r\n      //   selectedTrainer.forEach((value) => {\r\n      //     data.append(\"Trainer\", value);\r\n      //   });\r\n      // }\r\n      // if (selectedTrainerID.length > 0) {\r\n      //   selectedTrainerID.forEach((value) => {\r\n      //     data.append(\"TrainerId\", value);\r\n      //   });\r\n      // }\r\n      if (selectedTrainer.length > 0) {\r\n        selectedTrainer\r\n          .filter((e) => e.check === true)\r\n          .forEach((ee) => {\r\n            data.append(\"Trainer\", ee.trainerName);\r\n            data.append(\"TrainerId\", ee.trainer_UserId);\r\n          });\r\n      }\r\n      // data.append('Designation', this.state.selectedDesignation)\r\n      // data.append('Trainer', this.state.selectedTrainer)\r\n\r\n      // Code By Arun\r\n      if (selectedFile.length > 0) {\r\n        for (let i = 0; i < this.state.selectedFile.length; i++) {\r\n          data.append(\"Ref_Docs\", this.state.selectedFile[i]);\r\n        }\r\n      }\r\n      // Code By Arun\r\n      for (var pair of data.entries()) {\r\n        // console.log(pair[0] + \", \" + pair[1]);\r\n      }\r\n      var role = JSON.parse(localStorage.Role);\r\n      const url =\r\n        role.toString() === \"Platform Admin\"\r\n          ? `${BASE_URLs}/Training/AddTraining`\r\n          : `${BASE_URLs}/Training/AdminAddTraining`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        this.SuccessModel();\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  };\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n\r\n    this.props.history.push(\"/TrainingSchedule\");\r\n  };\r\n\r\n  handleChange = (event) => {\r\n    const dept = event;\r\n\r\n    this.handleDesignationdropdownChange(dept);\r\n\r\n    this.handleDesignationChange(dept);\r\n  };\r\n\r\n  handleDesignationChange = (event) => {\r\n    const { filteredDesignation, selectedValue } = this.state;\r\n\r\n    const isAllSelected =\r\n      filteredDesignation.length > 0 &&\r\n      selectedValue.length === filteredDesignation.length;\r\n\r\n    this.setState({ isAllSelected });\r\n\r\n    this.setState({ ...(this.state.selectedDesignation = event) });\r\n  };\r\n\r\n  handleValue = (e) => {\r\n    const { filteredDesignation, selectedValue } = this.state;\r\n    const value = e.target.value;\r\n\r\n    if (value.includes(\"all\")) {\r\n      this.setState({ isAllSelected: !this.state.isAllSelected });\r\n      const newState =\r\n        selectedValue && selectedValue.length === filteredDesignation.length\r\n          ? []\r\n          : filteredDesignation;\r\n      this.setState({ selectedValue: newState });\r\n      // console.log(\"NewState\", newState);\r\n    } else {\r\n      this.setState({ selectedValue: value });\r\n      const newState =\r\n        selectedValue.length === filteredDesignation.length ? true : false;\r\n      if (newState) {\r\n        this.setState({ isAllSelected: !this.state.isAllSelected });\r\n      } else {\r\n        this.setState({ isAllSelected: false });\r\n      }\r\n      // console.log(\"alkjflafj\", value);\r\n    }\r\n  };\r\n  handleTrainerChange = (event, s) => {\r\n    let selectedID = s\r\n      .map((d) => {\r\n        if (event.includes(d.trainerName)) {\r\n          return d.trainer_UserId;\r\n        }\r\n      })\r\n      .filter(function (x) {\r\n        return x !== undefined;\r\n      });\r\n    this.setState({ ...(this.state.selectedTrainer = event) });\r\n    this.setState({ ...(this.state.selectedTrainerID = selectedID) });\r\n  };\r\n\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var TrainingName = document.getElementsByName(\"CategoryMaster\");\r\n    var ReferenceDocument = document.getElementsByName(\"Ref_Doc\");\r\n\r\n    if (!TrainingName[0].value) {\r\n      formIsValid = false;\r\n      formErrors[\"TrainingName\"] = \"Training Name is required\";\r\n    }\r\n\r\n    if (!ReferenceDocument[0].value) {\r\n      formIsValid = false;\r\n      formErrors[\"ReferenceDocument\"] = \"Document Required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  GetTraining() {\r\n    let url = `${BASE_URLs}/Training/SAGetTraining`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Training: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetDepartment() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    // fetch('${BASE_URLs}/Team/GetTeam', options)\r\n    fetch(`${BASE_URLs}/Department/DepartmentGet`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // Filter out the duplicates\r\n        const filteredData = data.filter((value, index, self) => {\r\n          return (\r\n            self.findIndex((item) => item.department === value.department) ===\r\n            index\r\n          );\r\n        });\r\n        // console.log(\"-----------------------------\", filteredData);\r\n        this.setState({\r\n          department: filteredData,\r\n        });\r\n        // console.log(\"departmentttt\", this.state.department);\r\n      });\r\n  }\r\n\r\n  GetAllRole() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetAllJRole`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          AllRoles: data,\r\n        });\r\n\r\n        // console.log(\"hjcbcxscczxibsdbcs\", this.state.AllRoles);\r\n      });\r\n  }\r\n\r\n  GetTrainers = async () => {\r\n    let trainerName1 = [];\r\n    let trainerUserID = [];\r\n    const newTrainerDept = [];\r\n\r\n    var dept = document.getElementById(\"Department\").value;\r\n    if (dept != \"\") {\r\n      // console.log(\"dept\", dept);\r\n\r\n      const options = {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          Accept: \"application/json\",\r\n        },\r\n      };\r\n      let url =\r\n        `${BASE_URLs}/Training/TrainerBasedDepartment?Department=` + dept;\r\n\r\n      const reqData = await fetch(url, options);\r\n      const resData = await reqData.json();\r\n\r\n      // console.log(\"rrrrWWWWWWWWWWrrr\", resData);\r\n\r\n      this.setState({ resDataValue: resData });\r\n      resData.forEach((e) => {\r\n        if (e.trainerName) {\r\n          trainerName1.push(e.trainerName);\r\n        }\r\n        if (e.trainer_UserId) {\r\n          trainerUserID.push(e.trainer_UserId);\r\n        }\r\n      });\r\n      let final = resData.map((e) => {\r\n        return { ...e, ...{ check: false } };\r\n      });\r\n\r\n      this.setState({ Trainers: final });\r\n      this.setState({ TrainerDept: trainerName1 });\r\n      this.setState({ TrainerUserID: trainerUserID });\r\n    }\r\n  };\r\n\r\n  GetDesignation = async () => {\r\n    let filteredDesignation1 = [];\r\n\r\n    let url = `${BASE_URLs}/Designation/GetMasterDesignation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    const reqData = await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    });\r\n\r\n    const resData = await reqData.json();\r\n    let final = resData.map((e) => {\r\n      return { ...e, ...{ check: false } };\r\n    });\r\n    this.setState({ TrainDesignation: final });\r\n\r\n    // filteredDesignation1.push(\"Select All\")\r\n\r\n    resData.forEach((e) => {\r\n      if (e.designation) {\r\n        filteredDesignation1.push(e.designation);\r\n      }\r\n    });\r\n\r\n    this.setState({ filteredDesignation: filteredDesignation1 });\r\n  };\r\n\r\n  GetJobRole() {\r\n    var dept = document.getElementById(\"Department\").value;\r\n    if (dept != \"\") {\r\n      // console.log(\"dept\", dept);\r\n      const options = {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      };\r\n      fetch(`${BASE_URLs}/Team/GetJobRole?Department=` + dept, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({\r\n            JobRole: data,\r\n          });\r\n          // console.log(\"this.state.JobRole\", this.state.JobRole);\r\n        });\r\n    }\r\n  }\r\n\r\n  handleDeleteClicks = (index) => {\r\n    const selectedFile = [...this.state.selectedFile];\r\n    selectedFile.splice(index, 1);\r\n    this.setState({ selectedFile });\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetTraining();\r\n    this.GetDepartment();\r\n    this.GetDesignation();\r\n    this.GetAllRole();\r\n  }\r\n\r\n  openAddTrainerPopup = (e) => {\r\n    e.preventDefault();\r\n    this.setState({ isAddTrainerOpen: !this.state.isAddTrainerOpen });\r\n  };\r\n  openAddDesignationPopup = (e) => {\r\n    e.preventDefault();\r\n    this.setState({ isAddDesignationOpen: !this.state.isAddDesignationOpen });\r\n  };\r\n  DeleteTrainer = (array, id) => {\r\n    // console.log(\"fffffffff\", array, id);\r\n    let changes = this.state.Trainers.map((e, index) => {\r\n      if (e.trainer_UserId === id) return { ...e, ...{ check: false } };\r\n      return { ...e };\r\n    });\r\n    this.setState({ selectedTrainer: changes.filter((e) => e.check === true) });\r\n    this.setState({ Trainers: changes });\r\n  };\r\n  DeleteDesignation = (array, id) => {\r\n    // console.log(\"fffffffff\", array, id);\r\n    let changes = this.state.TrainDesignation.map((e) => {\r\n      if (e.id === id) return { ...e, ...{ check: false } };\r\n      return { ...e };\r\n    });\r\n    this.setState({\r\n      selectedDesignation: changes.filter((e) => e.check === true),\r\n    });\r\n    this.setState({ TrainDesignation: changes });\r\n  };\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    const { ReferenceDocument, TrainingName } = this.state.formErrors;\r\n    const {\r\n      Training,\r\n      Departmentdrop,\r\n      Jobdrop,\r\n      filteredDesignation,\r\n      TrainerDept,\r\n      TrainerUserID,\r\n      TrainDesignation,\r\n      Trainers,\r\n      selectedTrainer,\r\n      selectedDesignation,\r\n    } = this.state;\r\n    const {\r\n      selectedOption,\r\n      errors,\r\n      resDataValue,\r\n      selectedValue,\r\n      isAllSelected,\r\n      isAddTrainerOpen,\r\n      isAddDesignationOpen,\r\n    } = this.state;\r\n\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Add Training Topic\r\n                          </h4>\r\n                        </div>\r\n\r\n                        <form\r\n                          autoComplete=\"off\"\r\n                          onSubmit={this.handleSubmit}\r\n                          style={{ padding: \"8px\" }}\r\n                        >\r\n                          <div className=\"row\" style={{ padding: \"12px\" }}>\r\n                            <div className=\"col-lg-4\">\r\n                              <select\r\n                                className=\"effect-16\"\r\n                                type=\"text\"\r\n                                onChange={this.handleDropdownChange}\r\n                                name=\"Department\"\r\n                                id=\"Department\"\r\n                              >\r\n                                <option value=\"\">Select</option>\r\n                                {this.state.department.map((Departmentdrop) => (\r\n                                  <option value={Departmentdrop.department}>\r\n                                    {Departmentdrop.department}\r\n                                  </option>\r\n                                ))}\r\n                              </select>\r\n                              {errors.selectedOption !== \"\" ? (\r\n                                <div style={{ color: \"red\", float: \"left\" }}>\r\n                                  {errors.selectedOption}\r\n                                </div>\r\n                              ) : (\r\n                                <span\r\n                                  style={{ color: \"#a29d9d\", float: \"left\" }}\r\n                                >\r\n                                  Department\r\n                                </span>\r\n                              )}\r\n                            </div>\r\n\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"form\"\r\n                                maxLength=\"50\"\r\n                                id=\"Trainingitem\"\r\n                                name=\"Trainingitem\"\r\n                                type=\"text\"\r\n                                onChange={this.handleInputChange}\r\n                              />\r\n                              {errors.trainingItem !== \"\" ? (\r\n                                <div style={{ color: \"red\", float: \"left\" }}>\r\n                                  {errors.trainingItem}\r\n                                </div>\r\n                              ) : (\r\n                                <span\r\n                                  style={{ color: \"#a29d9d\", float: \"left\" }}\r\n                                >\r\n                                  Training Topic\r\n                                </span>\r\n                              )}\r\n                            </div>\r\n\r\n                            <div className=\"col-lg-4\">\r\n                              <input\r\n                                className=\"form\"\r\n                                maxLength=\"50\"\r\n                                id=\"description\"\r\n                                name=\"description\"\r\n                                type=\"text\"\r\n                                onChange={this.handleInputChange1}\r\n                              />\r\n                              {errors.description !== \"\" ? (\r\n                                <div style={{ color: \"red\", float: \"left\" }}>\r\n                                  {errors.description}\r\n                                </div>\r\n                              ) : (\r\n                                <span\r\n                                  style={{ color: \"#a29d9d\", float: \"left\" }}\r\n                                >\r\n                                  Training Description\r\n                                </span>\r\n                              )}\r\n                            </div>\r\n                          </div>\r\n\r\n                          <div className=\"row\" style={{ padding: \"12px\" }}>\r\n                            <div className=\"col-lg-4\">\r\n                              <select\r\n                                className=\"effect-16\"\r\n                                name=\"Duration\"\r\n                                id=\"duration\"\r\n                                type=\"text\"\r\n                                onChange={this.handleDateChange}\r\n                              >\r\n                                <option value=\"\">Select</option>\r\n                                <option value=\"1 Hours\" id=\"duration\">\r\n                                  1 Hour\r\n                                </option>\r\n                                <option value=\"1.5 Hours\" id=\"duration\">\r\n                                  1.5 Hours\r\n                                </option>\r\n                                <option value=\"2 Hours\" id=\"duration\">\r\n                                  2 Hours\r\n                                </option>\r\n                                <option value=\"2.5 Hours\" id=\"duration\">\r\n                                  2.5 Hours\r\n                                </option>\r\n                                <option value=\"3 Hours\" id=\"duration\">\r\n                                  3 Hours\r\n                                </option>\r\n                                <option value=\"3.5 Hours\" id=\"duration\">\r\n                                  3.5 Hour\r\n                                </option>\r\n                                <option value=\"4 Hours\" id=\"duration\">\r\n                                  4 Hours\r\n                                </option>\r\n                                <option value=\"4.5 Hours\" id=\"duration\">\r\n                                  4.5 Hours\r\n                                </option>\r\n                                <option value=\"5 Hours\" id=\"duration\">\r\n                                  5 Hours\r\n                                </option>\r\n                                <option value=\"5.5 Hours\" id=\"duration\">\r\n                                  5.5 Hours\r\n                                </option>\r\n                                <option value=\"6 Hours\" id=\"duration\">\r\n                                  6 Hours\r\n                                </option>\r\n                                <option value=\"6.5 Hours\" id=\"duration\">\r\n                                  6.5 Hours\r\n                                </option>\r\n                                <option value=\"7 Hours\" id=\"duration\">\r\n                                  7 Hours\r\n                                </option>\r\n                                <option value=\"7.5 Hours\" id=\"duration\">\r\n                                  7.5 Hours\r\n                                </option>\r\n                                <option value=\"8 Hours\" id=\"duration\">\r\n                                  8 Hours\r\n                                </option>\r\n                                <option value=\"8.5 Hours\" id=\"duration\">\r\n                                  8.5 Hours\r\n                                </option>\r\n                                <option value=\"9 Hours\" id=\"duration\">\r\n                                  9 Hours\r\n                                </option>\r\n                                <option value=\"9.5 Hours\" id=\"duration\">\r\n                                  9.5 Hours\r\n                                </option>\r\n                              </select>\r\n                              {errors.selectedDuration !== \"\" ? (\r\n                                <div style={{ color: \"red\", float: \"left\" }}>\r\n                                  {errors.selectedDuration}\r\n                                </div>\r\n                              ) : (\r\n                                <span style={{ color: \"#a29d9d\" }}>\r\n                                  Duration of Training\r\n                                </span>\r\n                              )}\r\n                            </div>\r\n                          </div>\r\n\r\n                          {/* Code By Arun */}\r\n\r\n                          <div className=\"container\">\r\n                            <div className=\"row\">\r\n                              {/* Documents */}\r\n                              <div className=\"col-lg-4\">\r\n                                <div\r\n                                  style={{\r\n                                    margin: \"10px\",\r\n                                    padding: \"20px\",\r\n                                    overflow: \"auto\",\r\n                                    height: \"250px\",\r\n                                    backgroundColor: \"white\",\r\n                                    borderTop: \"5px solid whitesmoke\",\r\n                                    borderBottom: \"5px solid whitesmoke\",\r\n                                    borderLeft: \"5px solid whitesmoke\",\r\n                                    borderRight: \"5px solid whitesmoke\",\r\n                                    boxShadow: \"10px 10px 5px lightblue\",\r\n                                  }}\r\n                                >\r\n                                  {/* Rest of the code */}\r\n\r\n                                  {/* <label\r\n                                    for=\"Ref_Docs\"\r\n                                    style={{\r\n                                      height: \"30.5px\",\r\n                                      width: \"10%\",\r\n                                      padding: \"4px 12px\",\r\n                                      marginRight: \"400px\",\r\n                                    }}\r\n                                    className=\" btn-Secondary\"\r\n                                  >\r\n                                    <PlusOne\r\n                                      style={{\r\n                                        fontWeight: \"bold\",\r\n                                        color: \"black\",\r\n                                      }}\r\n                                    />\r\n                                  </label> */}\r\n                                  <button\r\n                                    onClick={this.handleButtonsClick}\r\n                                    style={{ width: \"40px\", height: \"30px\" }}\r\n                                    type=\"button\"\r\n                                  >\r\n                                    <PlusOne />\r\n                                  </button>\r\n                                  <input\r\n                                    className=\"form\"\r\n                                    id=\"Ref_Doc\"\r\n                                    onFocus={(e) => (e.target.type = \"file\")}\r\n                                    hidden\r\n                                    onChange={this.handleFileChange}\r\n                                    multiple\r\n                                    type=\"file\"\r\n                                    ref={this.fileInputRef}\r\n                                  />\r\n                                  {/* <button type=\"submit\" onClick={()=>this.DeleteMutipleFiles} className=\"multitrash\" id=\"deletecount\" style={{float:\"right\",visibility:\"hidden\",fontSize: \"17px\",}}><i className=\"icofont icofont-delete-alt\" style={{ color: \"darkgray\" }}></i></button>  */}\r\n\r\n                                  <span\r\n                                    id=\"deletecount\"\r\n                                    className=\"multitrash\"\r\n                                    style={{\r\n                                      visibility: \"hidden\",\r\n                                      fontSize: \"17px\",\r\n                                    }}\r\n                                  ></span>\r\n                                  <div\r\n                                    id=\"selectalldiv\"\r\n                                    style={{ visibility: \"hidden\" }}\r\n                                  >\r\n                                    &nbsp;&nbsp;\r\n                                    <button\r\n                                      type=\"submit\"\r\n                                      className=\"multitrash\"\r\n                                      id=\"delete\"\r\n                                      onClick={this.DeleteMutipleFiles}\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        visibility: \"hidden\",\r\n                                      }}\r\n                                    >\r\n                                      <i\r\n                                        className=\"icofont icofont-delete-alt\"\r\n                                        style={{ color: \"darkgray\" }}\r\n                                      ></i>\r\n                                    </button>\r\n                                  </div>\r\n\r\n                                  <table\r\n                                    id=\"skillsheet\"\r\n                                    className=\"table   nowrap SkillGrid\"\r\n                                  >\r\n                                    <thead style={{ textAlign: \"left\" }}>\r\n                                      <tr>\r\n                                        <th>Add Documents &nbsp;&nbsp;</th>\r\n\r\n                                        {/* <th style={{ textAlign: \"center\" }}>\r\n                                          Actions\r\n                                        </th> */}\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                      {this.state.selectedFile.map(\r\n                                        (value, index) => (\r\n                                          <tr>\r\n                                            <td>{value.name}</td>\r\n                                            <td>\r\n                                              {\" \"}\r\n                                              <button\r\n                                                onClick={() =>\r\n                                                  this.handleDeleteClicks(index)\r\n                                                }\r\n                                                type=\"submit\"\r\n                                                className=\"multitrash\"\r\n                                                id=\"deletes\"\r\n                                              >\r\n                                                <i\r\n                                                  className=\"icofont icofont-delete-alt\"\r\n                                                  style={{ color: \"red\" }}\r\n                                                ></i>\r\n                                              </button>\r\n                                            </td>\r\n                                          </tr>\r\n                                        )\r\n                                      )}\r\n                                    </tbody>\r\n                                  </table>\r\n                                </div>\r\n                              </div>\r\n\r\n                              {/* Trainers */}\r\n                              <div className=\"col-lg-4\">\r\n                                <div\r\n                                  style={{\r\n                                    margin: \"10px\",\r\n                                    padding: \"20px\",\r\n                                    overflow: \"auto\",\r\n                                    height: \"250px\",\r\n                                    backgroundColor: \"white\",\r\n                                    borderTop: \"5px solid whitesmoke\",\r\n                                    borderBottom: \"5px solid whitesmoke\",\r\n                                    borderLeft: \"5px solid whitesmoke\",\r\n                                    borderRight: \"5px solid whitesmoke\",\r\n                                    boxShadow: \"10px 10px 5px lightblue\",\r\n                                  }}\r\n                                >\r\n                                  {/* Rest of the code */}\r\n                                  <button\r\n                                    style={{ width: \"40px\", height: \"30px\" }}\r\n                                    onClick={(e) => this.openAddTrainerPopup(e)}\r\n                                  >\r\n                                    {\" \"}\r\n                                    <Add />\r\n                                  </button>\r\n                                  <span\r\n                                    id=\"deletecounts\"\r\n                                    className=\"multitrash\"\r\n                                    style={{\r\n                                      visibility: \"hidden\",\r\n                                      fontSize: \"17px\",\r\n                                    }}\r\n                                  ></span>\r\n                                  <div\r\n                                    id=\"selectalldivs\"\r\n                                    style={{ visibility: \"hidden\" }}\r\n                                  >\r\n                                    &nbsp;&nbsp;\r\n                                    <button\r\n                                      className=\"multitrash\"\r\n                                      id=\"deletes\"\r\n                                      onClick={this.DeleteMutipleTrainers}\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        visibility: \"hidden\",\r\n                                      }}\r\n                                    >\r\n                                      <i\r\n                                        className=\"icofont icofont-delete-alt\"\r\n                                        style={{ color: \"darkgray\" }}\r\n                                      ></i>\r\n                                    </button>\r\n                                  </div>\r\n                                  <table\r\n                                    id=\"skillsheet\"\r\n                                    className=\"table   nowrap SkillGrid\"\r\n                                  >\r\n                                    <thead style={{ textAlign: \"left\" }}>\r\n                                      <tr>\r\n                                        <th>Assign Trainers</th>\r\n                                        <th></th>\r\n\r\n                                        {/* <th style={{ textAlign: \"center\" }}>\r\n                                          Actions\r\n                                        </th> */}\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                      {selectedTrainer.map((Trainers) => (\r\n                                        <tr>\r\n                                          <td> {Trainers.trainerName}</td>\r\n                                          <td style={{ textAlign: \"center\" }}>\r\n                                            <button\r\n                                              name=\"delete\"\r\n                                              className=\"button-30 sk-del\"\r\n                                              onClick={(e) => {\r\n                                                e.preventDefault();\r\n                                                this.DeleteTrainer(\r\n                                                  Trainers,\r\n                                                  Trainers.trainer_UserId\r\n                                                );\r\n                                              }}\r\n                                            >\r\n                                              <i\r\n                                                className=\"fa fa-trash-o\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>\r\n                                            </button>\r\n                                          </td>\r\n                                        </tr>\r\n                                      ))}\r\n                                    </tbody>\r\n                                  </table>\r\n                                </div>\r\n                              </div>\r\n\r\n                              {/* Designation */}\r\n\r\n                              <div className=\"col-lg-4\">\r\n                                <div\r\n                                  style={{\r\n                                    margin: \"10px\",\r\n                                    padding: \"20px\",\r\n                                    overflow: \"auto\",\r\n                                    height: \"250px\",\r\n                                    backgroundColor: \"white\",\r\n                                    borderTop: \"5px solid whitesmoke\",\r\n                                    borderBottom: \"5px solid whitesmoke\",\r\n                                    borderLeft: \"5px solid whitesmoke\",\r\n                                    borderRight: \"5px solid whitesmoke\",\r\n                                    boxShadow: \"10px 10px 5px lightblue\",\r\n                                  }}\r\n                                >\r\n                                  {/* Rest of the code */}\r\n                                  <button\r\n                                    style={{ width: \"40px\", height: \"30px\" }}\r\n                                    onClick={(e) =>\r\n                                      this.openAddDesignationPopup(e)\r\n                                    }\r\n                                    type=\"button\"\r\n                                  >\r\n                                    {\" \"}\r\n                                    <Add />\r\n                                  </button>\r\n                                  <span\r\n                                    id=\"deletecountsss\"\r\n                                    className=\"multitrash\"\r\n                                    style={{\r\n                                      visibility: \"hidden\",\r\n                                      fontSize: \"17px\",\r\n                                    }}\r\n                                  ></span>\r\n                                  <div\r\n                                    id=\"selectalldivsss\"\r\n                                    style={{ visibility: \"hidden\" }}\r\n                                  >\r\n                                    &nbsp;&nbsp;\r\n                                    <button\r\n                                      className=\"multitrash\"\r\n                                      id=\"deletesss\"\r\n                                      style={{\r\n                                        float: \"right\",\r\n                                        visibility: \"hidden\",\r\n                                      }}\r\n                                    >\r\n                                      <i\r\n                                        className=\"icofont icofont-delete-alt\"\r\n                                        style={{ color: \"darkgray\" }}\r\n                                      ></i>\r\n                                    </button>\r\n                                  </div>\r\n                                  <table\r\n                                    id=\"skillsheet\"\r\n                                    className=\"table   nowrap SkillGrid\"\r\n                                  >\r\n                                    <thead style={{ textAlign: \"left\" }}>\r\n                                      <tr>\r\n                                        <th>\r\n                                          Assign to Designation &nbsp;&nbsp;\r\n                                        </th>\r\n\r\n                                        {/* <th style={{ textAlign: \"center\" }}>\r\n                                          Actions\r\n                                        </th> */}\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                      {selectedDesignation.map(\r\n                                        (Designation) => (\r\n                                          <tr>\r\n                                            {/* <td>\r\n                                          {\" \"}\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            //className=\"deletcategsss\"\r\n                                            name=\"deletcategsss\"\r\n                                            id=\"desigidcheck\"\r\n                                          />\r\n                                        </td> */}\r\n                                            <td> {Designation.designation}</td>\r\n                                            <td style={{ textAlign: \"center\" }}>\r\n                                              <button\r\n                                                name=\"delete\"\r\n                                                className=\"button-30 sk-del\"\r\n                                                onClick={(e) => {\r\n                                                  e.preventDefault();\r\n                                                  this.DeleteDesignation(\r\n                                                    Designation,\r\n                                                    Designation.id\r\n                                                  );\r\n                                                }}\r\n                                              >\r\n                                                <i\r\n                                                  className=\"fa fa-trash-o\"\r\n                                                  aria-hidden=\"true\"\r\n                                                ></i>\r\n                                              </button>\r\n                                            </td>\r\n                                          </tr>\r\n                                        )\r\n                                      )}\r\n                                    </tbody>\r\n                                  </table>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            &nbsp;&nbsp;&nbsp;&nbsp;\r\n                          </div>\r\n                          {/* Code By Arun */}\r\n\r\n                          <div className=\"row\" style={{ padding: \"12px\" }}>\r\n                            <div\r\n                              className=\"col-sm-12\"\r\n                              style={{ textAlign: \"center\", height: \"70px\" }}\r\n                            >\r\n                              <button\r\n                                type=\"submit\"\r\n                                className=\"but\"\r\n                                style={{\r\n                                  height: \"39.5px\",\r\n                                  width: \"86.36px\",\r\n                                  marginTop: \"-0.3%\",\r\n                                }}\r\n                              >\r\n                                Save\r\n                              </button>\r\n                            </div>\r\n                          </div>\r\n                        </form>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {isAddTrainerOpen ? (\r\n            <AddTrainingAddTrainer\r\n              closeThePopup={(e) => this.openAddTrainerPopup(e)}\r\n              array={this.state.Trainers}\r\n              state={(state) => {\r\n                this.setState({ Trainers: state });\r\n                this.setState({\r\n                  selectedTrainer: state.filter((e) => e.check === true),\r\n                });\r\n              }}\r\n            />\r\n          ) : null}\r\n          {isAddDesignationOpen ? (\r\n            <AddTrainingAddDesignation\r\n              closeThePopup={(e) => this.openAddDesignationPopup(e)}\r\n              array={this.state.TrainDesignation}\r\n              state={(state) => {\r\n                this.setState({ TrainDesignation: state });\r\n                this.setState({\r\n                  selectedDesignation: state.filter((e) => e.check === true),\r\n                });\r\n              }}\r\n            />\r\n          ) : null}\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SuccessPopup1 from \"./SuccessPopup1\";\r\n\r\nexport default class Chatconfirm extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      EditSkillModel: false,\r\n      EditSkillValues: [],\r\n\r\n      Id: \"\",\r\n      firstName: \"\",\r\n      Skillname: \"\",\r\n    };\r\n  }\r\n  EditSkillModel = (e, fn) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        firstName: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModel: !prevState.EditSkillModel,\r\n    }));\r\n  };\r\n  render() {\r\n    var w = window.innerWidth;\r\n\r\n    return (\r\n      <div className=\"pop\">\r\n        {this.state.EditSkillModel ? (\r\n          <SuccessPopup1\r\n            id=\"\"\r\n            values={this.state.EditSkillValues}\r\n            close={() => this.EditSkillModel()}\r\n          />\r\n        ) : null}\r\n        <div\r\n          className={\r\n            w > 768\r\n              ? \"popinnernormal oneFieldPop\"\r\n              : \"popinnernormal threeFieldPopMobile\"\r\n          }\r\n          style={w > 768 ? { padding: \"2%\" } : { padding: \"4%\" }}\r\n        >\r\n          <form autoComplete=\"off\">\r\n            <h5 style={{ color: \"rgb(36 66 42)\", textAlign: \"center\" }}>\r\n              Are you sure you want to Add a User?{\" \"}\r\n            </h5>\r\n            <br />\r\n            <Link\r\n              className=\"btn\"\r\n              href\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.EditSkillModel();\r\n              }}\r\n            >\r\n              Yes\r\n            </Link>{\" \"}\r\n            <Link href onClick={this.props.close} className=\"btn\">\r\n              No\r\n            </Link>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import { React, useState, useEffect } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport PlusOne from \"@material-ui/icons/Add\";\r\nimport AddTrainingAddTrainee from \"./AddTrainingAddTrainee\";\r\n\r\nconst TrainingEditTrainerPop = ({\r\n  closeThePopup,\r\n  array,\r\n  state,\r\n  third,\r\n  LearnId,\r\n  add,\r\n}) => {\r\n  const [Trainers, setTrainers] = useState(array);\r\n  const [Train, setTrain] = useState([]);\r\n  const [Selectall, setSelectall] = useState(false);\r\n  // console.log(\"www\", array);\r\n\r\n  //   useEffect(() => {\r\n  //       GetTrainer()\r\n\r\n  //   }, [])\r\n\r\n  const handleChange = (arr, i, event) => {\r\n    let change = Trainers.map((e, index) => {\r\n      if (i === index) return { ...e, ...{ check: event.target.checked } };\r\n      return { ...e };\r\n    });\r\n    state(change);\r\n    change.length === change.filter((e) => e.check === true).length\r\n      ? setSelectall(true)\r\n      : setSelectall(false);\r\n    // console.log(\"change=====\", change);\r\n\r\n    setTrainers(change);\r\n  };\r\n\r\n  const handleSelectAll = (event) => {\r\n    setSelectall(!Selectall);\r\n    let change = Trainers.map((e, index) => {\r\n      return { ...e, ...{ check: event.target.checked } };\r\n    });\r\n    change.length === change.filter((e) => e.check === true).length\r\n      ? setSelectall(true)\r\n      : setSelectall(false);\r\n    setTrainers(change);\r\n    state(change);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <div className=\"pop\">\r\n        <div className=\"popinnernormal\">\r\n          <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n            {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}} onClick={this.close}  ><CloseIcon/></button> */}\r\n            <button\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={closeThePopup}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n\r\n            <div className=\"row\" tyle={{ padding: \"8px\" }}>\r\n              <div className=\"col-sm-3\"></div>\r\n              <div className=\"col-sm-8\">\r\n                <div className=\"dt-responsive table-responsive table-res\">\r\n                  {Trainers.length === 0 ? (\r\n                    \"There are no ' Trainers '\"\r\n                  ) : (\r\n                    <table\r\n                      id=\"DepSheet\"\r\n                      className=\"table nowrap\"\r\n                      style={{ maxWidth: \"90%\" }}\r\n                    >\r\n                      <thead>\r\n                        <tr>\r\n                          <th colSpan=\"2\" style={{ textAlign: \"left\" }}>\r\n                            <button\r\n                              style={{\r\n                                marginRight: \"-30px\",\r\n                                color: \"rgb(94, 217, 135)\",\r\n                              }}\r\n                              onClick={closeThePopup}\r\n                            >\r\n                              Add\r\n                            </button>\r\n                          </th>\r\n                        </tr>\r\n\r\n                        <tr>\r\n                          <th>\r\n                            <input\r\n                              type=\"checkbox\"\r\n                              checked={Selectall}\r\n                              onChange={(e) => handleSelectAll(e)}\r\n                            />\r\n                          </th>\r\n                          <th>Trainers</th>\r\n                          {/* <th>Action</th> */}\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody>\r\n                        {Trainers.map((Trainers, i) => (\r\n                          <tr>\r\n                            <td>\r\n                              <input\r\n                                type=\"checkbox\"\r\n                                value={\r\n                                  Trainers.trainerName +\r\n                                  \"$$$\" +\r\n                                  Trainers.trainer_UserId\r\n                                }\r\n                                checked={Trainers.check}\r\n                                onChange={(e) => handleChange(Trainers, i, e)}\r\n                              />\r\n                            </td>\r\n                            <td>\r\n                              {Trainers.assigned_date !== null\r\n                                ? Trainers.trainerName +\r\n                                  \" (\" +\r\n                                  Trainers.assigned_date +\r\n                                  \") \"\r\n                                : Trainers.trainerName}\r\n                            </td>\r\n                            {/* <td>\r\n                          <button\r\n                            className=\"button-30\"\r\n                            type=\"button\"\r\n                            style={{ color: \"rgb(94, 217, 135)\" }}\r\n                            onClick={() =>\r\n                              this.fetchData(\r\n                                Trainers.trainerName,\r\n                                Trainers.trainer_UserId\r\n                              )\r\n                            }\r\n                          >\r\n                            Assign&nbsp;\r\n                            <i className=\"icofont icofont-edit\"></i>\r\n                          </button>\r\n                        </td> */}\r\n                          </tr>\r\n                        ))}\r\n                      </tbody>\r\n                    </table>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              <div className=\"col-sm-4\"></div>\r\n            </div>\r\n\r\n            <div className=\"row\">\r\n              <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}></div>\r\n            </div>\r\n          </form>\r\n          <br />\r\n          {/* <button onClick={this.closePopup}><CloseIcon/></button> */}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default TrainingEditTrainerPop;","import { React, useState, useEffect } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport PlusOne from \"@material-ui/icons/Add\";\r\nimport { add } from \"date-fns\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nconst TrainingEditTraineesPop = ({ closeThePopup, array, state, third }) => {\r\n  const [Trainers, setTrainers] = useState(array);\r\n  const [Train, setTrain] = useState([]);\r\n  const [Selectall, setSelectall] = useState(false);\r\n\r\n  // console.log(\"fYYYYYYYYYYYYYYYYYY\", array);\r\n\r\n  const add = (e) => {\r\n    e.preventDefault();\r\n    state(Trainers.filter((e) => e.check));\r\n\r\n    third();\r\n  };\r\n\r\n  const handleChange = (arr, i, event) => {\r\n    let change = Trainers.map((e, index) => {\r\n      if (i === index) return { ...e, ...{ check: event.target.checked } };\r\n      return { ...e };\r\n    });\r\n    state(change);\r\n    change.length === change.filter((e) => e.check === true).length\r\n      ? setSelectall(true)\r\n      : setSelectall(false);\r\n    // console.log(\"change=====\", change);\r\n\r\n    setTrainers(change);\r\n  };\r\n\r\n  const handleSelectAll = (event) => {\r\n    setSelectall(!Selectall);\r\n    let change = Trainers.map((e, index) => {\r\n      return { ...e, ...{ check: event.target.checked } };\r\n    });\r\n    change.length === change.filter((e) => e.check === true).length\r\n      ? setSelectall(true)\r\n      : setSelectall(false);\r\n    setTrainers(change);\r\n  };\r\n  return (\r\n    <div className=\"pop\">\r\n      <div className=\"popinnernormal\">\r\n        <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n          {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}} onClick={this.close}  ><CloseIcon/></button> */}\r\n          <button\r\n            style={{\r\n              float: \"right\",\r\n              backgroundColor: \"#a0a3a305\",\r\n              color: \"#797070\",\r\n              border: \"1px solid #a3a5a505\",\r\n            }}\r\n            onClick={third}\r\n          >\r\n            <CloseIcon />\r\n          </button>\r\n\r\n          <div className=\"row\" tyle={{ padding: \"8px\" }}>\r\n            <div className=\"col-sm-3\"></div>\r\n            <div className=\"col-sm-8\">\r\n              <div className=\"dt-responsive table-responsive table-res\">\r\n                {Trainers.length === 0 ? (\r\n                  \"There are no ' Trainees '\"\r\n                ) : (\r\n                  <table\r\n                    id=\"DepSheet\"\r\n                    className=\"table nowrap\"\r\n                    style={{ maxWidth: \"90%\" }}\r\n                  >\r\n                    <thead>\r\n                      <tr>\r\n                        <th colSpan=\"2\" style={{ textAlign: \"left\" }}>\r\n                          <button\r\n                            type=\"button\"\r\n                            style={{\r\n                              marginRight: \"-30px\",\r\n                              color: \"rgb(94, 217, 135)\",\r\n                            }}\r\n                            onClick={(e) => add(e)}\r\n                          >\r\n                            Add\r\n                          </button>\r\n                        </th>\r\n                      </tr>\r\n\r\n                      <tr>\r\n                        <th>\r\n                          <input\r\n                            type=\"checkbox\"\r\n                            checked={Selectall}\r\n                            onChange={(e) => handleSelectAll(e)}\r\n                          />\r\n                        </th>\r\n                        <th>Trainees</th>\r\n                        {/* <th>Action</th> */}\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                      {Trainers.map((Trainers, i) => (\r\n                        <tr>\r\n                          <td>\r\n                            <input\r\n                              type=\"checkbox\"\r\n                              value={\r\n                                Trainers.department + \"$$$\" + Trainers.User_Id\r\n                              }\r\n                              checked={Trainers.check}\r\n                              onChange={(e) => handleChange(Trainers, i, e)}\r\n                            />\r\n                          </td>\r\n                          <td>\r\n                            {Trainers[0] +\r\n                              \"\" +\r\n                              \"\" +\r\n                              \"(\" +\r\n                              Trainers[1].length +\r\n                              \")\"}\r\n                          </td>\r\n                          {/* <td>\r\n                          <button\r\n                            className=\"button-30\"\r\n                            type=\"button\"\r\n                            style={{ color: \"rgb(94, 217, 135)\" }}\r\n                            onClick={() =>\r\n                              this.fetchData(\r\n                                Trainers.trainerName,\r\n                                Trainers.trainer_UserId\r\n                              )\r\n                            }\r\n                          >\r\n                            Assign&nbsp;\r\n                            <i className=\"icofont icofont-edit\"></i>\r\n                          </button>\r\n                        </td> */}\r\n                        </tr>\r\n                      ))}\r\n                    </tbody>\r\n                  </table>\r\n                )}\r\n              </div>\r\n            </div>\r\n            <div className=\"col-sm-4\"></div>\r\n          </div>\r\n\r\n          <div className=\"row\">\r\n            <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}></div>\r\n          </div>\r\n        </form>\r\n        <br />\r\n        {/* <button onClick={this.closePopup}><CloseIcon/></button> */}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default TrainingEditTraineesPop;","import React, { Component } from \"react\";\r\nimport SideBar from \"../Common/Sidebar\";\r\nimport \"../Css/Addskills.css\";\r\nimport Select from \"react-select\";\r\nimport Multiselect from \"multiselect-react-dropdown\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { ContactSupportOutlined } from \"@material-ui/icons\";\r\nimport PlusOne from \"@material-ui/icons/Add\";\r\nimport Add from \"@material-ui/icons/Add\";\r\nimport TrainingEditTrainerPop from \"./TrainingEditTrainerPop\";\r\nimport BookmarkAddIcon from \"@material-ui/icons/PostAdd\";\r\nimport TrainingEditTraineesPop from \"./TrainingEditTraineesPop\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditSchedule extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Departmentdrop: [],\r\n      seperateDept: [],\r\n      trainer: [],\r\n      trainerDrop: [],\r\n      memberDrop: [],\r\n      department: [],\r\n      selectedDepartment: \"\",\r\n      Learning: [],\r\n      LearnerList: [],\r\n      selectedOption: [],\r\n      selectedLabel: [],\r\n      selectedLabels: [],\r\n      Selectedvalue: [],\r\n      SelectedTrainer: [],\r\n      SelectedTrainee: [],\r\n      TraineePopupVisible: false,\r\n      TrainerPopupVisible: false,\r\n      selectedTrainingTopicId: \"\",\r\n      LearnId: \"\",\r\n      selectedCheckboxValues: [],\r\n      selectedCheckboxValues2: [],\r\n      selectedCheckboxValues3: [],\r\n      Trainers: [],\r\n      Train: [],\r\n      Trainees: [],\r\n      Trainee: [],\r\n      SavedTrainees: [],\r\n      SavedTrainee: [],\r\n      SelectedTraineeEdit: [],\r\n      startDate: this.props.location.state.startDate.slice(0, 10),\r\n      scheduleTime: this.props.location.state.scheduleTime,\r\n    };\r\n    this.addItem = this.addItem.bind(this);\r\n    this.handleChangesss = this.handleChangesss.bind(this);\r\n  }\r\n\r\n  handleDateTimeChange = (e) => {\r\n    const value = e.target.value;\r\n\r\n    const values = value.split(\"T\");\r\n\r\n    this.setState({\r\n      scheduleTime: values[1],\r\n    });\r\n    // console.log(\"jjjjj\", values[1]);\r\n  };\r\n\r\n  EditDeleteTrainer = (array, id) => {\r\n    let changes = this.state.Trainers.map((e, index) => {\r\n      if (e.trainer_UserId === id) return { ...e, ...{ check: false } };\r\n      return { ...e };\r\n    });\r\n    this.setState({ selectedOption: changes.filter((e) => e.check === true) });\r\n    this.setState({ Trainers: changes });\r\n  };\r\n  EditDeleteTrainee = (array, id) => {\r\n    let changes = this.state.SelectedTraineeEdit.map((e, index) => {\r\n      if (e[0] === id) return { ...e, ...{ check: false } };\r\n      return { ...e };\r\n    });\r\n    this.setState({\r\n      SelectedTraineeEdit: changes.filter((e) => e.check === true),\r\n    });\r\n    this.setState({ SelectedTraineeEdit: changes });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"deletcateg\");\r\n    var selectedValues = [];\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        selectedValues.push(checkboxes[i].value);\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState({\r\n      selectedCheckboxValues: selectedValues,\r\n    });\r\n    // console.log(selectedValues);\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll('input[id=\"selectall\"]:checked');\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  checkChange = (event) => {\r\n    this.handlecheckbox();\r\n\r\n    const { name, checked, value } = event.target;\r\n    // value1.indexOf(name) === -1\r\n    //   ? value1.push(name)\r\n    //   : value1.splice(value1.indexOf(name), 1);\r\n\r\n    this.setState((prevState) => {\r\n      const selectedCheckboxValues = checked\r\n        ? [...prevState.selectedCheckboxValues, value]\r\n        : prevState.selectedCheckboxValues.filter((val) => val !== value);\r\n\r\n      // console.log(\"selectsTrainerName\", selectedCheckboxValues);\r\n      return { selectedCheckboxValues };\r\n    });\r\n  };\r\n\r\n  handleTrainersCheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[id=\"trainerscheckid\"]:checked'\r\n    );\r\n    checkboxes.forEach((checkbox) => {\r\n      // console.log(\"CheckBoxValue\", checkbox.value);\r\n    });\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldivs\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldivs\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"deletes\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecounts\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecounts\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"checkAllTrainers\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"deletes\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecounts\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"checkAllTrainers\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"checkAllTrainers\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"checkAllTrainers\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"checkAllTrainers\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  checkAllTrainers() {\r\n    var checkboxes = document.getElementsByClassName(\"deletcategs\");\r\n    var selectedValues = [];\r\n    var selectNames = [];\r\n\r\n    var sa = document.getElementById(\"checkAllTrainers\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        selectedValues.push(checkboxes[i].value.split(\",\"));\r\n        selectNames.push(checkboxes[i].name);\r\n        document\r\n          .getElementById(\"deletes\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecounts\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecounts\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"deletes\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecounts\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      selectedCheckboxValues3: selectedValues,\r\n    });\r\n    this.setState({\r\n      selectedCheckboxValues2: selectNames,\r\n    });\r\n\r\n    // console.log(selectedValues, selectNames);\r\n  }\r\n\r\n  checkChangeTrainees = (event) => {\r\n    this.handleTrainersCheckbox();\r\n\r\n    const { name, checked, value } = event.target;\r\n    // value2.indexOf(value) === -1\r\n    //   ? value2.push(value)\r\n    //   : value2.splice(value2.indexOf(value), 1);\r\n    // value3.indexOf(name) === -1\r\n    //   ? value3.push(name)\r\n    //   : value3.splice(value3.indexOf(name), 1);\r\n    this.setState((prevState) => {\r\n      const selectedCheckboxValues2 = checked\r\n        ? [...prevState.selectedCheckboxValues2, name]\r\n        : prevState.selectedCheckboxValues2.filter((value) => value !== name);\r\n\r\n      // console.log(\"ValuesSelected\", selectedCheckboxValues2);\r\n      return { selectedCheckboxValues2 };\r\n    });\r\n\r\n    this.setState((prevState) => {\r\n      const selectedCheckboxValues3 = checked\r\n        ? [...prevState.selectedCheckboxValues3, value.split(\",\")]\r\n        : prevState.selectedCheckboxValues2.filter((value) => value !== value);\r\n\r\n      // console.log(\"SelectedTrainingId\", selectedCheckboxValues3);\r\n      return { selectedCheckboxValues3 };\r\n    });\r\n  };\r\n\r\n  openAddTraineePopup = (e) => {\r\n    e.preventDefault();\r\n\r\n    let deptarr = this.state.Trainees.map((e) => e.department[0]);\r\n    const { SavedTrainees } = this.state.SavedTrainees;\r\n\r\n    let f = this.state.SavedTrainees.filter((e) => {\r\n      if (!deptarr.includes(e[0])) {\r\n        return e;\r\n      }\r\n    });\r\n    this.setState({ SavedTrainees: f });\r\n    this.setState({ SavedTrainee: f });\r\n\r\n    this.setState({ TraineePopupVisible: !this.state.TraineePopupVisible });\r\n  };\r\n\r\n  openAddTrainerPopup = (e) => {\r\n    e.preventDefault();\r\n    this.setState({ TrainerPopupVisible: !this.state.TrainerPopupVisible });\r\n  };\r\n\r\n  toggleAddTrainerPopup = () => {\r\n    this.setState((prevState) => ({\r\n      TraineePopupVisible: false,\r\n      TrainerPopupVisible: false,\r\n    }));\r\n  };\r\n\r\n  GetDepartment() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeam`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // Filter out the duplicates\r\n        const filteredData = data.filter((value, index, self) => {\r\n          return (\r\n            self.findIndex((item) => item.department === value.department) ===\r\n            index\r\n          );\r\n        });\r\n        this.setState({\r\n          department: filteredData,\r\n        });\r\n        // console.log(\"Department\", this.state.department);\r\n      });\r\n  }\r\n  GetTrainers = async (department) => {\r\n    // alert(\"Hi\")\r\n    const value = department\r\n      ? department\r\n      : this.props.location.state.department;\r\n    // console.log(\"Depadsfsdfsdfrtment\", value);\r\n    //     this.GetMembers(value);\r\n    let url = `${BASE_URLs}/Learning/GetManagerBasedTrainer?Department=${\r\n      this.props.location.state.department\r\n    }&TrainerInfo=${1}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    const reqData = await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    });\r\n    const resData = await reqData.json();\r\n    // for (let i = 0; i < resData.length; i++) {\r\n    //        this.state.trainerDrop.push(resData[i].label);\r\n    // }\r\n    //   // console.log(\"TrainersDetailssssssssssssssssss\", this.state.trainerDrop);\r\n    this.setState({ trainerDrop: resData });\r\n    //  this.setState({ trainerDrop: this.state.trainerDrop });\r\n    // console.log(\"TrainersDetailssssssssssssssssss\", this.state.trainerDrop);\r\n  };\r\n\r\n  GetMembers = async (department) => {\r\n    let url = `${BASE_URLs}/Learning/GetManagerBasedMember?Department=${\r\n      this.props.location.state.department\r\n    }&TrainerInfo=${0}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    const reqData = await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    });\r\n    const resData = await reqData.json();\r\n    // for (let i = 0; i < resData.length; i++) {\r\n    //        this.state.memberDrop.push(resData[i].label);\r\n    // }\r\n    this.setState({ memberDrop: resData });\r\n    // console.log(\"TraineesDetails\", this.state.memberDrop);\r\n  };\r\n  handleChange = (event) => {\r\n    const department = event.target.value;\r\n    this.setState({ selectedDepartment: department });\r\n    this.setState({ trainerDrop: [] });\r\n    //   this.setState({memberDrop : []})\r\n    this.GetTrainers(department);\r\n  };\r\n  handleChangesss(value, actionDetails) {\r\n    /// alert(\"hi\");\r\n    let items = [...this.state.selectedOption];\r\n    // console.log(\"items\", ...this.state.selectedOption);\r\n\r\n    if (actionDetails.action === \"remove-value\") {\r\n      if (items) {\r\n        var index = -1;\r\n        items.forEach((item, i) => {\r\n          if (\r\n            item.label === actionDetails.removedValue.label &&\r\n            item.value === actionDetails.removedValue.value\r\n          ) {\r\n            index = i;\r\n            return;\r\n          }\r\n        });\r\n        if (index > -1) {\r\n          items.splice(index, 1);\r\n        }\r\n      }\r\n    } else {\r\n      items.push(actionDetails.option);\r\n    }\r\n\r\n    this.setState({ selectedOption: items });\r\n    // console.log(\"itemshandlechnagesssss\", ...this.state.selectedOption);\r\n  }\r\n\r\n  handleChangessstrainee(value, actionDetails) {\r\n    let items = [...this.state.selectedOption];\r\n    // console.log(\"items\", ...this.state.selectedOption);\r\n    if (actionDetails.action === \"remove-value\") {\r\n      if (items) {\r\n        var index = -1;\r\n        items.forEach((item, i) => {\r\n          if (\r\n            item.label === actionDetails.removedValue.label &&\r\n            item.value === actionDetails.removedValue.value\r\n          ) {\r\n            index = i;\r\n            return;\r\n          }\r\n        });\r\n        if (index > -1) {\r\n          items.splice(index, 1);\r\n        }\r\n      }\r\n    } else {\r\n      items.push(actionDetails.option);\r\n    }\r\n\r\n    this.setState({ selectedOption: items });\r\n  }\r\n\r\n  Getdetail() {\r\n    var Id = this.props.location.state.Id;\r\n    var startDate = this.props.location.state.startDate;\r\n    var upload_id = \"1029\";\r\n    let url = `${BASE_URLs}/Learning/detail?Id=` + Id;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((result) => result.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Learning: data,\r\n        });\r\n        // console.log(\"555555555555\", data);\r\n        this.getValues(data);\r\n      });\r\n  }\r\n  // LearnerList = async () => {\r\n  //        var Id = this.props.location.state.Id\r\n  //        let url = '${BASE_URLs}/Learning/LearningDetails?Id=' + Id;\r\n  //        let user = JSON.parse(localStorage.getItem('user'));\r\n  //        const accessToken = user;\r\n  //        // console.log(accessToken);\r\n  //        const reqData = await fetch(url, {\r\n  //               method: 'GET',\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //                      \"Content-type\": \"application/json\",\r\n  //                      \"Accept\": \"application/json\",\r\n  //                       Authorization: \"Bearer \" + accessToken,\r\n  //                      \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \"\r\n  //               },\r\n  //        })\r\n  //        const resData = await reqData.json();\r\n  //        for (let i = 0; i <= resData.length; i++) {\r\n  //               this.state.selectedLabel.push(resData[i].trainerName);\r\n  //        }\r\n  //        this.setState({ selectedLabel: this.state.selectedLabel })\r\n  //        // console.log(\"LearnerList\", this.state.selectedLabel);\r\n  //        // return (selectedLabel);\r\n  // }\r\n\r\n  LearnerList = () => {\r\n    var Id = this.props.location.state.Id;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    let url = `${BASE_URLs}/Learning/LearningDetails?Id=` + Id;\r\n    return fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"WholeData\", data);\r\n        //  this.getValues(data);\r\n        for (let i = 0; i < data.length; i++) {\r\n          this.state.selectedLabel.push(data[i].trainerName);\r\n        }\r\n\r\n        for (let i = 0; i < data.length; i++) {\r\n          this.state.selectedLabels.push(data[i].trainees);\r\n        }\r\n        // console.log(\"Dataaaaaa\", data[0]);\r\n        this.setState({ selectedLabel: this.state.selectedLabel });\r\n        // console.log(\"Dataaaaaa\", this.state.selectedLabel);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching data:\", error);\r\n      });\r\n  };\r\n  GetTrainer = () => {\r\n    //  // console.log(\"department\", department);\r\n    let url = `${BASE_URLs}/Training/TrainingEditGetTrainer?LearnId=${this.props.location.state.Id}`;\r\n    // // console.log(\"deeee1\",LearnId);\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        let final = data.map((e) => {\r\n          return { ...e, check: false };\r\n        });\r\n        // console.log(\"hhhhhhhhhhhh\", final);\r\n        this.setState({ Trainers: final });\r\n        this.setState({ Train: final });\r\n        // setTrainers(final.filter(e=>e.deleteStatus!==1))\r\n        // setTrain(final)\r\n        console.log(\r\n          \" ====fffff \",\r\n          final.filter((e) => e.deleteStatus === 1)\r\n        );\r\n      });\r\n  };\r\n  GetTrainee = () => {\r\n    //  // console.log(\"department\", department);\r\n    let url = `${BASE_URLs}/Training/Training_GetTraineesEdit?LearnId=${this.props.location.state.Id}`;\r\n    // // console.log(\"deeee1\",LearnId);\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        let final = data.map((e) => {\r\n          return { ...e, check: false };\r\n        });\r\n\r\n        // console.log(\"fffffffffffffffffffffffffffbgggg\", final);\r\n        let wholedept = [];\r\n        final.filter((e) =>\r\n          !wholedept.includes(e.department)\r\n            ? wholedept.push(e.department)\r\n            : null\r\n        );\r\n\r\n        let rr = wholedept.map((dep) => {\r\n          let dpart = [];\r\n          let UserId = [];\r\n          let Name = [];\r\n\r\n          let loop = final\r\n            .filter((e) => e.department === dep)\r\n            .map((ee) => {\r\n              dpart.push(ee.department);\r\n              UserId.push(ee.user_Id);\r\n              Name.push(ee.firstName);\r\n            });\r\n\r\n          //if(ee.department)\r\n\r\n          return {\r\n            department: dpart,\r\n            userId: UserId,\r\n            Name: Name,\r\n          };\r\n        });\r\n\r\n        // console.log(\"finaleeeeeeeeeeeeeeeeee\", rr);\r\n\r\n        this.setState({ Trainees: rr });\r\n        this.setState({ Trainee: final });\r\n\r\n        // setTrainers(final.filter(e=>e.deleteStatus!==1))\r\n        // setTrain(final)\r\n        // // console.log(\" ====fffff \",final.filter(e=>e.deleteStatus===1));\r\n      });\r\n  };\r\n  componentDidMount() {\r\n    this.GetTrainee();\r\n\r\n    this.Getdetail();\r\n    this.GetDepartment();\r\n    //   this.GetMembers();\r\n    this.GetTrainer();\r\n    this.GetTrainers();\r\n    // this.LearnerList();\r\n    this.GetSavedTrainee();\r\n  }\r\n  getValues(apiValues) {\r\n    // console.log(\"apiValues\", apiValues);\r\n    const value = apiValues;\r\n\r\n    this.setState({\r\n      selectedTrainingTopicId: value.id,\r\n    });\r\n    // if (apiValues[0].trainerName != null) {\r\n    //   let previousValue = [];\r\n    //   let names = apiValues[0].trainerName.split(\",\");\r\n    //   // console.log(\"jkfbskjvbdskjf\", names);\r\n    //   let ids = apiValues[0].trainerId.split(\",\");\r\n    //   let index = 0;\r\n\r\n    //   if (names.length === ids.length) {\r\n    //     names.forEach((item) => {\r\n    //       let data = { value: ids[index].toString(), label: item };\r\n    //       index++;\r\n    //       previousValue.push(data);\r\n    //     });\r\n    //   }\r\n\r\n    //   this.setState({ selectedOption: previousValue });\r\n    //   // console.log(\"selebndkjbk\", previousValue);\r\n    //   // console.log(\"selebndkjbk\", this.state.selectedOption);\r\n    // }\r\n  }\r\n\r\n  handleChange(value, actionDetails) {\r\n    let items = [...this.state.selectedOption];\r\n    if (actionDetails.action === \"remove-value\") {\r\n      if (items) {\r\n        var index = -1;\r\n        items.forEach((item, i) => {\r\n          if (\r\n            item.label === actionDetails.removedValue.label &&\r\n            item.value === actionDetails.removedValue.value\r\n          ) {\r\n            index = i;\r\n            return;\r\n          }\r\n        });\r\n        if (index > -1) {\r\n          items.splice(index, 1);\r\n        }\r\n      }\r\n    } else {\r\n      items.push(actionDetails.option);\r\n    }\r\n\r\n    this.setState({ selectedOption: items });\r\n  }\r\n\r\n  // handleselectChange(value, actionDetails) {\r\n  //        let items = [...this.state.selectedOption];\r\n  //        if (actionDetails.action === \"remove-value\") {\r\n  //               if (items) {\r\n  //                      var index = -1;\r\n  //                      items.forEach((item, i) => {\r\n  //                             if (item.label === actionDetails.removedValue.label && item.value === actionDetails.removedValue.value) {\r\n  //                                    index = i;\r\n  //                                    return;\r\n  //                             }\r\n  //                      });\r\n  //                      if (index > -1) {\r\n  //                             items.splice(index, 1);\r\n  //                      }\r\n  //               }\r\n  //        }\r\n  //        else {\r\n  //               items.push(actionDetails.option);\r\n  //        }\r\n  //        this.setState({ selectedOption: items });\r\n  // }\r\n\r\n  handleSelectChange = (event) => {\r\n    // this.setState({selectedLabel:[]})\r\n    this.setState({ ...(this.state.selectedOptions = event) });\r\n    // console.log(\"selectTrainers\", ...this.state.selectedOptions);\r\n  };\r\n\r\n  handleSelectChangeTrainee = (event) => {\r\n    // this.setState({memberDrop:[]})\r\n    this.setState({ ...(this.state.SelectedTrainee = event) });\r\n    // console.log(\"selectTrainee\", ...this.state.SelectedTrainee);\r\n  };\r\n\r\n  // handleSelectChange = (selectedOptions) => {\r\n  //        const selectedValues = selectedOptions.map(option => option);\r\n  //        this.setState({ selectedValues });\r\n  // };\r\n\r\n  addItem() {\r\n    this.selectedValues.push({ key: \"Shaarik\", id: \"2\" });\r\n  }\r\n\r\n  handleMultiselectChange = (event) => {\r\n    //  alert(\"Handlemulti\")\r\n    this.setState({ ...(this.state.selectedOption = event) });\r\n    console.log(\r\n      \"selectOptionin handle multisleect\",\r\n      ...this.state.selectedOption\r\n    );\r\n  };\r\n  handleSubmit = (event) => {\r\n    const {\r\n      selectedLabel,\r\n      memberDrop,\r\n      SelectedTrainer,\r\n      SelectedTrainee,\r\n      selectedOption,\r\n      SelectedTraineeEdit,\r\n    } = this.state;\r\n    event.preventDefault();\r\n\r\n    const formData = {\r\n      startDate: this.props.location.state.startDate.slice(0, 10),\r\n      scheduleTime: this.state.scheduleTime,\r\n    };\r\n    const data = new FormData(event.target);\r\n\r\n    data.append(\"LearnId\", this.props.location.state.Id);\r\n    data.append(\"ScheduleTime\", this.state.scheduleTime);\r\n\r\n    const values = this.state.selectedOption;\r\n\r\n    values.forEach((e) => {\r\n      data.append(\"TrainerId\", e.trainer_Id);\r\n    });\r\n    const Traineevalues = this.state.SelectedTraineeEdit;\r\n\r\n    Traineevalues.forEach((e) => {\r\n      e[1].forEach((ee) => {\r\n        data.append(\"TraineesId\", ee);\r\n      });\r\n    });\r\n\r\n    for (const [key, value] of data.entries()) {\r\n      // console.log(key, value);\r\n    }\r\n\r\n    //  data.append('TrainerName',\"Vijayaasri\");\r\n\r\n    //return true\r\n    // // console.log(\"inputvalues\", data);\r\n    fetch(`${BASE_URLs}/Learning/EditLearning`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        //  Accept: 'application/json',\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        // \"Content-type\": \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n      // body: data,\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Success\") {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 1200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          setTimeout(function () {\r\n            if (document.getElementById(\"close\")) {\r\n              document.getElementById(\"close\").click();\r\n            }\r\n          }, 4000);\r\n        } else {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n\r\n        setTimeout(() => {\r\n          this.props.history.push(\"/LearningSchedule\");\r\n        }, 1000);\r\n\r\n        // this.LearnerList()\r\n        this.GetTrainer();\r\n        this.GetSavedTrainee();\r\n\r\n        this.setState({ selectedOption: [] });\r\n        this.setState({ status: resp.Status });\r\n        this.setState({ message: resp.Message });\r\n        // console.log(\"inputvalues\", data);\r\n      });\r\n  };\r\n\r\n  DeleteMutipleTrainers = (event) => {\r\n    event.preventDefault();\r\n\r\n    const values = this.state.selectedCheckboxValues;\r\n\r\n    const data = new FormData();\r\n    values.forEach((e) => {\r\n      data.append(\"Id_delete\", e);\r\n    });\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(`${BASE_URLs}/Learning/EditMultideleteTrainer`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        // this.LearnerList()\r\n        this.GetTrainer();\r\n        // console.log(\"ffffffffffffff\", data);\r\n        //  this.GetMasterUG();\r\n        //  this.GetMasterPG();\r\n        //  this.GetMasterPHD();\r\n        //  toast.success(\r\n        //    data.message, {\r\n        //    position: \"top-center\",\r\n        //    autoClose: 3200,\r\n        //    hideProgressBar: false,\r\n        //    closeOnClick: true,\r\n        //    pauseOnHover: true,\r\n        //    draggable: true,\r\n        //    progress: undefined,\r\n        //    })\r\n      });\r\n  };\r\n\r\n  ////////////////\r\n\r\n  DeleteMutipleTrainees = (event) => {\r\n    event.preventDefault();\r\n\r\n    const TraineeId = this.state.selectedCheckboxValues3;\r\n\r\n    const data = new FormData();\r\n    TraineeId.forEach((e) => {\r\n      e.forEach((ee) => data.append(\"Id_delete\", ee));\r\n    });\r\n    for (const [key, value] of data.entries()) {\r\n      // console.log(key, value);\r\n    }\r\n    // return true\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(\r\n      `${BASE_URLs}/Learning/EditMultideleteTrainee?learnId=${this.props.location.state.Id}`,\r\n      options\r\n    )\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.GetSavedTrainee();\r\n        this.GetTrainee();\r\n\r\n        document\r\n          .getElementById(\"deletes\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecounts\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        // this.LearnerList()\r\n        this.GetTrainer();\r\n        // console.log(\"ffffffffffffff\", data);\r\n        //  this.GetMasterUG();\r\n        //  this.GetMasterPG();\r\n        //  this.GetMasterPHD();\r\n        //  toast.success(\r\n        //    data.message, {\r\n        //    position: \"top-center\",\r\n        //    autoClose: 3200,\r\n        //    hideProgressBar: false,\r\n        //    closeOnClick: true,\r\n        //    pauseOnHover: true,\r\n        //    draggable: true,\r\n        //    progress: undefined,\r\n        //    })\r\n      });\r\n  };\r\n  GetSavedTrainee = () => {\r\n    let obj = {};\r\n    //  // console.log(\"department\", department);\r\n    let url = `${BASE_URLs}/Training/GetTraineesForTrainingSchedule`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"Call aguthu \");\r\n\r\n        let uu = data.forEach((e) => {\r\n          obj[e.department] === undefined\r\n            ? (obj[e.department] = [e.user_Id])\r\n            : obj[e.department].push(e.user_Id);\r\n        });\r\n        let final = [];\r\n        Object.entries(obj).forEach(([key, value]) => {\r\n          final.push([...[key], ...[value]]);\r\n        });\r\n\r\n        let f = final.map((e) => {\r\n          return { ...e, ...{ check: false } };\r\n        });\r\n        // console.log(\"//////////////////\", f);\r\n        this.setState({ SavedTrainees: f });\r\n        this.setState({ SavedTrainee: f });\r\n\r\n        // console.log(\"====finalfinalfinalfinal\", f);\r\n      });\r\n  };\r\n\r\n  render() {\r\n    const {\r\n      plainArray,\r\n      trainerDrop,\r\n      memberDrop,\r\n      Learning,\r\n      LearnerList,\r\n      selectedLabel,\r\n      selectedLabels,\r\n      TraineePopupVisible,\r\n    } = this.state;\r\n    let selectedValue = [];\r\n    //  let selectedLabel = [];\r\n    this.state.selectedOption &&\r\n      this.state.selectedOption.forEach((item) => {\r\n        selectedValue.push(item.value);\r\n        selectedLabel.push(item.label);\r\n      });\r\n\r\n    this.state.selectedOptions &&\r\n      this.state.selectedOptions.forEach((item) => {\r\n        selectedValue.push(item.value);\r\n        selectedLabel.push(item.label);\r\n      });\r\n    // let unique = [...new Set(selectedLabel)]\r\n    // // console.log(unique);\r\n    // let unique2 = [...new Set(selectedValue)]\r\n    // // console.log(unique2);\r\n\r\n    let formatOptionLabel = ({ value, label, image }) => (\r\n      <div className=\"grp-flex\" style={{ display: \"flex\" }}>\r\n        <img className=\"grp-edit-img2\" src={image} />\r\n        <span>{label}</span>\r\n      </div>\r\n    );\r\n\r\n    let formatOptionLabel1 = ({ value, label, image }) => (\r\n      <div className=\"grp-flex\" style={{ display: \"flex\" }}>\r\n        <img className=\"grp-edit-img2\" src={image} />\r\n        <span>{label}</span>\r\n      </div>\r\n    );\r\n    let options = trainerDrop.map(function (item) {\r\n      return { value: item.id, label: item.name };\r\n    });\r\n    let selectedNames = this.state.selectedOption.map((e) => e.label);\r\n\r\n    const filteredArray = this.state.trainerDrop.filter(\r\n      (value) => !selectedNames.includes(value.label)\r\n    );\r\n\r\n    const colourStyles = {\r\n      control: (styles) => ({ ...styles, backgroundColor: \"white\" }),\r\n      option: (styles) => ({\r\n        ...styles,\r\n        textAlign: \"center\",\r\n        display: \"flex\",\r\n        backgroundColor: \"white\",\r\n        \"text-align-last\": \"center\",\r\n        color: \"black\",\r\n      }),\r\n      // option: (styles, { data, isDisabled, isFocused, isSelected }) => {\r\n      //  // const color = chroma(data.color);\r\n      //   return {\r\n      //     ...styles,\r\n      //     backgroundColor: isDisabled ? 'white' : \"red\",\r\n      //   //  color: 'white',\r\n      //     textAlign:\"left\",\r\n      //     cursor: isDisabled ? 'not-allowed' : 'default',\r\n\r\n      //   };\r\n      // },\r\n    };\r\n\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          {Learning.map((Learning) => (\r\n                            <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                              {Learning.trainingitem}\r\n                            </h4>\r\n                          ))}\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                              <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"container\">\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        {Learning.map((Learning) => (\r\n                                          <div>\r\n                                            <input\r\n                                              type=\"hidden\"\r\n                                              name=\"LearnId\"\r\n                                              Id=\"LearnId\"\r\n                                              value={Learning.id}\r\n                                            />\r\n                                          </div>\r\n                                        ))}\r\n                                        <div className=\"col-sm-6\">\r\n                                          {/* {Learning.map((Learning) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              type=\"text\"\r\n                                              value={Learning.department}\r\n                                              name=\"Department\"\r\n                                              id=\"Department\"\r\n                                              onChange={this.handleChange}\r\n                                            >\r\n                                              <option value=\"\">Select</option>\r\n                                              {this.state.department.map(\r\n                                                (Departmentdrop) => (\r\n                                                  <option\r\n                                                    value={\r\n                                                      Departmentdrop.department\r\n                                                    }\r\n                                                  >\r\n                                                    {Departmentdrop.department}\r\n                                                  </option>\r\n                                                )\r\n                                              )}\r\n                                            </select>\r\n                                          ))} */}\r\n                                          {Learning.map((Learning) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              name=\"Department\"\r\n                                              id=\"Department\"\r\n                                              value={Learning.department}\r\n                                              type=\"text\"\r\n                                              maxLength=\"50\"\r\n                                            />\r\n                                          ))}\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Department\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Learning.map((Learning) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              name=\"Trainingitem\"\r\n                                              id=\"Trainingitem\"\r\n                                              value={Learning.trainingitem}\r\n                                              type=\"text\"\r\n                                              maxLength=\"50\"\r\n                                            />\r\n                                          ))}\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Training Topic\r\n                                          </span>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Learning.map((Learning) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              name=\"TrainingDescription\"\r\n                                              id=\"Trainingdescription\"\r\n                                              value={\r\n                                                Learning.trainingDescription\r\n                                              }\r\n                                              type=\"text\"\r\n                                              //maxLength=\"50\"\r\n                                            />\r\n                                          ))}\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Training Description\r\n                                          </span>\r\n                                        </div>\r\n\r\n                                        {/* <div className=\"col-sm-6\">\r\n                                                <input\r\n                                                  className=\"effect-16\"\r\n                                                  defaultValue={(this.props.location.state.startDate)}\r\n                                                  name=\"StartDate\"\r\n                                                  id=\"StartDate\"\r\n                                                  onFocus={(e) =>\r\n                                                    (e.target.type = \"date\")\r\n                                                  }\r\n                                                  maxLength=\"50\"\r\n                                                />\r\n                                                <span\r\n                                                  style={{ color: \"#a29d9d\" }}\r\n                                                >\r\n                                                  Start Date\r\n                                                </span>\r\n                                              </div> */}\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            // defaultValue={`${this.props.location.state.startDate.slice(0, 10)} ${this.state.scheduleTime}`}\r\n                                            defaultValue={`${this.state.startDate} ${this.state.scheduleTime}`}\r\n                                            name=\"StartDate\"\r\n                                            id=\"StartDate\"\r\n                                            onChange={this.handleDateTimeChange}\r\n                                            onFocus={(e) =>\r\n                                              (e.target.type = \"datetime-local\")\r\n                                            }\r\n                                            maxLength=\"50\"\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Start Date\r\n                                          </span>\r\n                                        </div>\r\n\r\n                                        {/* <div className=\"col-sm-6\">\r\n                                          {Learning.map((Learning) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              name=\"SchedulingDuration\"\r\n                                              defaultValue={\r\n                                                Learning.schedulingDuration\r\n                                              }\r\n                                              id=\"SchedulingDuration\"\r\n                                              type=\"text\"\r\n                                              onChange={this.handleChange}\r\n                                            >\r\n                                              <option value=\"\">Select</option>\r\n                                              <option value=\"\">Select</option>\r\n                                              <option\r\n                                                value=\"1 Hour\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                1 Hour\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"2 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                2 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"3 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                3 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"4 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                4 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"5 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                5 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"6 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                6 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"7 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                7 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"8 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                8 Hours\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}\r\n                                          {/* {Learning.map(Learning => <input className=\"effect-16\" name=\"duration\" defaultValue={Learning.schedulingDuration} id=\"duration\" type=\"text\" maxLength=\"50\" />)} */}\r\n                                        {/* <span style={{ color: \"#a29d9d\" }}> */}\r\n                                        {/* Duration of Training */}\r\n                                        {/* </span> */}\r\n                                        {/* </div> */}\r\n                                        {/* <div className=\"col-sm-6\"> */}\r\n                                        {/* <input className=\"effect-16\" defaultValue={this.props.location.state.endDate} name=\"EndDate\" id=\"EndDate\" onFocus={(e) => e.target.type = 'date'} maxLength=\"50\" />\r\n                                                                                                                                                   <span style={{ color: '#a29d9d' }} >End Date</span> */}\r\n                                        {/* <Select\r\n                                            isClearable={false}\r\n                                            placeholder={\"Select Mates\"}\r\n                                            styles={this.customStyles}\r\n                                            menuPortalTarget={document.querySelector(\r\n                                              \"body\"\r\n                                            )}\r\n                                            onSelect={\r\n                                              this.handleMultiselectChange\r\n                                            }\r\n                                            value={this.state.selectedOption}\r\n                                            onChange={this.handleChangesss}\r\n                                            selectedValue={true}\r\n                                            hideSelectedOptions={false}\r\n                                            options={filteredArray}\r\n                                            isMulti */}\r\n                                        {/* theme={theme => ({ */}\r\n                                        {/* // ...theme,\r\n                                            // textAlign:\"left\",\r\n                                            // colors: { */}\r\n                                        {/* // ...theme.colors,\r\n                                            // backgroundColor:\"red\",\r\n                                            // textAlign:\"left\",\r\n                                            // },\r\n                                            // })}\r\n                                            // styles={colourStyles}\r\n                                            // style={{backgroundColor: \"pink\"}}\r\n                                          //   styles={colourStyles}\r\n                                          //   formatOptionLabel={ */}\r\n                                        {/* //     formatOptionLabel\r\n                                          //   }\r\n                                          // /> */}\r\n                                        {/* <span style={{ color: \"#a29d9d\" }}>\r\n                                            Trainer Name\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}></span>\r\n                                        </div> */}\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          {/*                             \r\n                                                                                                                                                   <Multiselect className=\"effect-16\" showArrow\r\n                                                                                                                                                         // options={this.state.selectedOption}\r\n                                                                                                                                                          selectedValues={this.state.selectedOption}\r\n                                                                                                                                                          value=\"label\"\r\n                                                                                                                                                          // onRemove={(selectedList) => this.setState({ selectedValues: selectedList })}\r\n                                                                                                                                                          getSelectedItems={trainerDrop}\r\n                                                                                                                                                          onSelect={this.handleChange}\r\n                                                                                                                                                          isObject={false}\r\n                                                                                                                                                          name=\"TrainerName\"\r\n                                                                                                                                                          labelledBy=\"Select\"\r\n                                                                                                                                                        //  value={this.state.selectedOption}\r\n                                                                                                                                                          displayValue=\"label\"\r\n                                                                                                                                                   /> */}\r\n                                          {/* {Learning.map(Learning =>\r\n                                                                                                                                               {this.state.trainerDrop}\r\n                                                                                                                                               )} */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          {/* <Multiselect className=\"effect-16\" showArrow\r\n                                                                                                                                                          options={memberDrop}\r\n                                                                                                                                                          selectedValues={memberValues}\r\n                                                                                                                                                          getSelectedItems={memberDrop}\r\n                                                                                                                                                          onSelect={this.handleSelectChangeTrainee}\r\n                                                                                                                                                          isObject={false}\r\n                                                                                                                                                          name=\"Trainees\"\r\n                                                                                                                                                   /> */}\r\n\r\n                                          {/* <Select isClearable={false} placeholder={\"Select Mates\"}\r\n                                                                                                                                            styles={this.customStyles}\r\n                                                                                                                                            menuPortalTarget={document.querySelector('body')}\r\n                                                                                                                                            value={this.state.selectedOptions}\r\n                                                                                                                                            onChange={this.handleChangessstrainee}\r\n                                                                                                                                            selectedValue={true}\r\n                                                                                                                                            hideSelectedOptions={false}\r\n                                                                                                                                             options={this.state.memberDrop}\r\n                                                                                                                                            isMulti\r\n                                                                                                                                            // theme={theme => ({\r\n                                                                                                                                            // ...theme,\r\n                                                                                                                                            // colors: {\r\n                                                                                                                                            // ...theme.colors,\r\n                                                                                                                                            // // primary25: \"blue\",\r\n                                                                                                                                            // backgroundColor:\"#0096fb\",\r\n                                                                                                                                            // color: \"#fff\",\r\n                                                                                                                                            \r\n                                                                                                                                            // borderRadius:\"11px\",\r\n                                                                                                                                            // fontSize:\"13px\",\r\n                                                                                                                                            // textAlign:\"left\",\r\n                                                                                                                                            \r\n                                                                                                                                            // borderRadius: 0\r\n                                                                                                                                            // },\r\n                                                                                                                                            // })}\r\n                                                                                                                                            \r\n                                                                                                                                           // style={{backgroundColor: \"pink\"}}\r\n                                                                                                                                            formatOptionLabel={formatOptionLabel} /> */}\r\n                                          {/* <span style={{ color: '#a29d9d' }} >Team Member</span> <span style={{ color: \"red\" }}>*</span> */}\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"row\">\r\n                                  {/* Trainers */}\r\n                                  <div className=\"col-lg-6\">\r\n                                    <div\r\n                                      style={{\r\n                                        margin: \"10px\",\r\n                                        padding: \"20px\",\r\n                                        overflow: \"auto\",\r\n                                        height: \"250px\",\r\n                                        backgroundColor: \"white\",\r\n                                        borderTop: \"5px solid whitesmoke\",\r\n                                        borderBottom: \"5px solid whitesmoke\",\r\n                                        borderLeft: \"5px solid whitesmoke\",\r\n                                        borderRight: \"5px solid whitesmoke\",\r\n                                        boxShadow: \"10px 10px 5px lightblue\",\r\n                                      }}\r\n                                    >\r\n                                      {/* Rest of the code */}\r\n                                      <button\r\n                                        style={{\r\n                                          width: \"40px\",\r\n                                          height: \"30px\",\r\n                                        }}\r\n                                        type=\"button\"\r\n                                        onClick={(e) =>\r\n                                          this.openAddTrainerPopup(e)\r\n                                        }\r\n                                      >\r\n                                        {\" \"}\r\n                                        <Add />\r\n                                      </button>\r\n                                      <span\r\n                                        id=\"deletecount\"\r\n                                        className=\"multitrash\"\r\n                                        style={{\r\n                                          visibility: \"hidden\",\r\n                                          fontSize: \"17px\",\r\n                                        }}\r\n                                      ></span>\r\n                                      <div\r\n                                        id=\"selectalldiv\"\r\n                                        style={{ visibility: \"hidden\" }}\r\n                                      >\r\n                                        &nbsp;&nbsp;\r\n                                        <button\r\n                                          type=\"button\"\r\n                                          className=\"multitrash\"\r\n                                          id=\"delete\"\r\n                                          onClick={(e) =>\r\n                                            this.DeleteMutipleTrainers(e)\r\n                                          }\r\n                                          style={{\r\n                                            float: \"right\",\r\n                                            visibility: \"hidden\",\r\n                                          }}\r\n                                        >\r\n                                          <i\r\n                                            className=\"icofont icofont-delete-alt\"\r\n                                            style={{ color: \"darkgray\" }}\r\n                                          ></i>\r\n                                        </button>\r\n                                      </div>\r\n                                      <table\r\n                                        id=\"skillsheet\"\r\n                                        className=\"table   nowrap SkillGrid\"\r\n                                      >\r\n                                        <thead style={{ textAlign: \"left\" }}>\r\n                                          <tr>\r\n                                            <th>\r\n                                              {\" \"}\r\n                                              <input\r\n                                                type=\"checkbox\"\r\n                                                id=\"selectall\"\r\n                                                onClick={() => {\r\n                                                  this.checkAll(this);\r\n                                                }}\r\n                                              />{\" \"}\r\n                                            </th>\r\n                                            <th>\r\n                                              Assign Trainers &nbsp;&nbsp;\r\n                                            </th>\r\n\r\n                                            {/* <th style={{ textAlign: \"center\" }}>\r\n                                          Actions\r\n                                        </th> */}\r\n                                          </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                          {this.state.Trainers.filter(\r\n                                            (e) => e.deleteStatus === 1\r\n                                          ).map((value, index) => (\r\n                                            <tr key={index}>\r\n                                              <td>\r\n                                                {\" \"}\r\n                                                <input\r\n                                                  type=\"checkbox\"\r\n                                                  className=\"deletcateg\"\r\n                                                  id=\"selectall\"\r\n                                                  name=\"deletcateg\"\r\n                                                  onChange={this.checkChange}\r\n                                                  value={value.trainer_Id}\r\n                                                />\r\n                                              </td>\r\n                                              <td> {value.trainerName} </td>\r\n                                              {/* <td style={{ textAlign: \"center\" }}>\r\n                                            <button\r\n                                              name=\"delete\"\r\n                                              className=\"button-30 sk-del\"\r\n                                              //  onClick={()=>this.EditSkillModel(skill.id,skill.skillName)}\r\n                                              // onClick={(e) => {\r\n                                              //   e.preventDefault();\r\n                                              //   this.DeleteButton(\r\n                                              //     FileDocs.upload_id,\r\n                                              //   );\r\n                                              // }}\r\n                                            >\r\n                                              <i\r\n                                                className=\"fa fa-trash-o\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>\r\n                                            </button>\r\n                                          </td> */}\r\n                                            </tr>\r\n                                          ))}\r\n\r\n                                          {this.state.selectedOption\r\n                                            .filter((e) => e.check === true)\r\n                                            .map((value, index) => (\r\n                                              <tr key={index}>\r\n                                                <td\r\n                                                  style={{ fontSize: \"24px\" }}\r\n                                                >\r\n                                                  {\" \"}\r\n                                                  <i\r\n                                                    className=\"icofont icofont-business-man-alt-3\"\r\n                                                    style={{ color: \"grey\" }}\r\n                                                  ></i>{\" \"}\r\n                                                </td>\r\n                                                <td>{value.trainerName}</td>\r\n                                                <td>\r\n                                                  <button\r\n                                                    onClick={(e) => {\r\n                                                      e.preventDefault();\r\n                                                      this.EditDeleteTrainer(\r\n                                                        value,\r\n                                                        value.trainer_UserId\r\n                                                      );\r\n                                                    }}\r\n                                                    type=\"submit\"\r\n                                                    className=\"multitrash\"\r\n                                                    id=\"deletes\"\r\n                                                  >\r\n                                                    <i\r\n                                                      className=\"icofont icofont-delete-alt\"\r\n                                                      style={{ color: \"red\" }}\r\n                                                    ></i>\r\n                                                  </button>\r\n                                                </td>\r\n                                              </tr>\r\n                                            ))}\r\n                                        </tbody>\r\n                                        {/* <tbody>\r\n\r\n                                    </tbody> */}\r\n                                      </table>\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  {/* Trainees */}\r\n                                  <div className=\"col-lg-6\">\r\n                                    <div\r\n                                      style={{\r\n                                        margin: \"10px\",\r\n                                        padding: \"20px\",\r\n                                        overflow: \"auto\",\r\n                                        height: \"250px\",\r\n                                        backgroundColor: \"white\",\r\n                                        borderTop: \"5px solid whitesmoke\",\r\n                                        borderBottom: \"5px solid whitesmoke\",\r\n                                        borderLeft: \"5px solid whitesmoke\",\r\n                                        borderRight: \"5px solid whitesmoke\",\r\n                                        boxShadow: \"10px 10px 5px lightblue\",\r\n                                      }}\r\n                                    >\r\n                                      {/* Rest of the code */}\r\n                                      <button\r\n                                        style={{\r\n                                          width: \"40px\",\r\n                                          height: \"30px\",\r\n                                        }}\r\n                                        type=\"button\"\r\n                                        onClick={(e) =>\r\n                                          this.openAddTraineePopup(e)\r\n                                        }\r\n                                      >\r\n                                        {\" \"}\r\n                                        <Add />\r\n                                      </button>\r\n                                      <span\r\n                                        id=\"deletecounts\"\r\n                                        className=\"multitrash\"\r\n                                        style={{\r\n                                          visibility: \"hidden\",\r\n                                          fontSize: \"17px\",\r\n                                        }}\r\n                                      ></span>\r\n                                      <div\r\n                                        id=\"selectalldivs\"\r\n                                        style={{ visibility: \"hidden\" }}\r\n                                      >\r\n                                        &nbsp;&nbsp;\r\n                                        <button\r\n                                          className=\"multitrash\"\r\n                                          type=\"button\"\r\n                                          id=\"deletes\"\r\n                                          onClick={this.DeleteMutipleTrainees}\r\n                                          style={{\r\n                                            float: \"right\",\r\n                                            visibility: \"hidden\",\r\n                                          }}\r\n                                        >\r\n                                          <i\r\n                                            className=\"icofont icofont-delete-alt\"\r\n                                            style={{ color: \"darkgray\" }}\r\n                                          ></i>\r\n                                        </button>\r\n                                      </div>\r\n                                      <table\r\n                                        id=\"skillsheet\"\r\n                                        className=\"table   nowrap SkillGrid\"\r\n                                      >\r\n                                        <thead style={{ textAlign: \"left\" }}>\r\n                                          <tr>\r\n                                            <th>\r\n                                              {\" \"}\r\n                                              <input\r\n                                                type=\"checkbox\"\r\n                                                id=\"checkAllTrainers\"\r\n                                                onClick={() => {\r\n                                                  this.checkAllTrainers(this);\r\n                                                }}\r\n                                              />{\" \"}\r\n                                            </th>\r\n                                            <th>Trainees &nbsp;&nbsp;</th>\r\n\r\n                                            {/* <th style={{ textAlign: \"center\" }}>\r\n                                          Actions\r\n                                        </th> */}\r\n                                          </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                          {this.state.Trainees.map(\r\n                                            (\r\n                                              e //.filter(e=>e.deleteStatus===1)\r\n                                            ) => (\r\n                                              <tr>\r\n                                                <td>\r\n                                                  {\" \"}\r\n                                                  <input\r\n                                                    type=\"checkbox\"\r\n                                                    className=\"deletcategs\"\r\n                                                    name=\"TraineesName\"\r\n                                                    defaultValue={e.userId}\r\n                                                    id=\"trainerscheckid\"\r\n                                                    onChange={\r\n                                                      this.checkChangeTrainees\r\n                                                    }\r\n                                                  />\r\n                                                </td>\r\n                                                <td>\r\n                                                  {\" \"}\r\n                                                  {e.department[0]}\r\n                                                  {\"(\"}\r\n                                                  {e.department.length}\r\n                                                  {\")\"}\r\n                                                </td>\r\n                                                {/* <td style={{ textAlign: \"center\" }}>\r\n                                            <button\r\n                                              name=\"delete\"\r\n                                              className=\"button-30 sk-del\"\r\n                                              //  onClick={()=>this.EditSkillModel(skill.id,skill.skillName)}\r\n                                              // onClick={(e) => {\r\n                                              //   e.preventDefault();\r\n                                              //   this.DeleteButton(\r\n                                              //     FileDocs.upload_id,\r\n                                              //   );\r\n                                              // }}\r\n                                            >\r\n                                              <i\r\n                                                className=\"fa fa-trash-o\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>\r\n                                            </button>\r\n                                          </td> */}\r\n                                              </tr>\r\n                                            )\r\n                                          )}\r\n\r\n                                          {this.state.SelectedTraineeEdit.filter(\r\n                                            (e) => e.check === true\r\n                                          ).map((value, index) => (\r\n                                            <tr key={index}>\r\n                                              <td style={{ fontSize: \"24px\" }}>\r\n                                                {\" \"}\r\n                                                <i\r\n                                                  className=\"icofont icofont-business-man-alt-3\"\r\n                                                  style={{ color: \"grey\" }}\r\n                                                ></i>{\" \"}\r\n                                              </td>\r\n                                              <td>\r\n                                                {value[0]}\r\n                                                {\"(\"}\r\n                                                {value[1].length}\r\n                                                {\")\"}\r\n                                              </td>\r\n                                              <td>\r\n                                                <button\r\n                                                  onClick={(e) => {\r\n                                                    e.preventDefault();\r\n                                                    this.EditDeleteTrainee(\r\n                                                      value,\r\n                                                      value[0]\r\n                                                    );\r\n                                                  }}\r\n                                                  type=\"submit\"\r\n                                                  className=\"multitrash\"\r\n                                                  id=\"deletes\"\r\n                                                >\r\n                                                  <i\r\n                                                    className=\"icofont icofont-delete-alt\"\r\n                                                    style={{ color: \"red\" }}\r\n                                                  ></i>\r\n                                                </button>\r\n                                              </td>\r\n                                            </tr>\r\n                                          ))}\r\n                                        </tbody>\r\n                                      </table>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <br></br>\r\n                                <div className=\"row\">\r\n                                  <div\r\n                                    className=\"col-sm-12\"\r\n                                    style={{ textAlign: \"center\" }}\r\n                                  >\r\n                                    <button\r\n                                      type=\"submit\"\r\n                                      className=\"but \"\r\n                                      style={{\r\n                                        height: \"39.5px\",\r\n                                        width: \"86.36px\",\r\n                                        marginTop: \"-0.3%\",\r\n                                      }}\r\n                                    >\r\n                                      Save\r\n                                    </button>\r\n                                    &nbsp; &nbsp; &nbsp;\r\n                                    <button\r\n                                      type=\"reset\"\r\n                                      className=\" btn-Secondary\"\r\n                                      style={{ height: \"39.5px\" }}\r\n                                    >\r\n                                      Cancel\r\n                                    </button>\r\n                                  </div>\r\n                                </div>\r\n                                <br /> <br />\r\n                                <br /> <br />\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {this.state.TrainerPopupVisible && (\r\n          <TrainingEditTrainerPop\r\n            LearnId={this.props.location.state.Id}\r\n            array={this.state.Trainers.filter((e) => e.deleteStatus == 0)}\r\n            state={(state) => this.setState({ selectedOption: state })}\r\n            closeThePopup={this.toggleAddTrainerPopup}\r\n          />\r\n        )}\r\n\r\n        {this.state.TraineePopupVisible && (\r\n          <TrainingEditTraineesPop\r\n            array={this.state.SavedTrainees}\r\n            // FinalSubmit = {(e)=>{this.handleSubmit(e)}}\r\n\r\n            state={(state) =>\r\n              // // console.log(\"[[[[[[[[[[[[[\",state)\r\n\r\n              this.setState({ SelectedTraineeEdit: state })\r\n            }\r\n            third={this.toggleAddTrainerPopup}\r\n          />\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport Select from \"react-select\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditTrainerpop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Training: [],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n  }\r\n\r\n  Validation() {\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n    var TrainingName = document.getElementById(\"TrainingName\").value;\r\n\r\n    if (!TrainingName) {\r\n      formIsValid = false;\r\n      formErrors[\"TrainingName\"] = \"Training Name  is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    if (this.Validation()) {\r\n      const data = new FormData(event.target);\r\n\r\n      fetch(`${BASE_URLs}/Training/EditTraining`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept': 'application/json',\r\n          // 'Content-Type': 'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 1200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n            setTimeout(function () {\r\n              if (document.getElementById(\"close\")) {\r\n                document.getElementById(\"close\").click();\r\n              }\r\n            }, 4000);\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n      // document.getElementById(\"close\").click();\r\n    }\r\n  }\r\n  GetTraining() {\r\n    let url = `${BASE_URLs}/Training/GetMasterTraining`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Training: data,\r\n        });\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    // this.RelationshipDropList();\r\n    this.GetTraining();\r\n  }\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { Training } = this.state;\r\n    const { TrainingName } = this.state.formErrors;\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />{\" \"}\r\n        <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal oneFieldPopMobile\"\r\n            }\r\n            style={{ padding: \"1%\" }}\r\n          >\r\n            <form autoComplete=\"off\" onSubmit={this.handleSubmit}>\r\n              <button\r\n                id=\"close\"\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={this.props.close}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-lg-3  \"></div>\r\n                <div className=\"col-lg-8 \">\r\n                  <select className=\"form\">\r\n                    <option value=\"fruit\">Trainer's Name</option>\r\n                    <option value=\"fruit\">Arul</option>\r\n                    <option value=\"vegetable\">Vimal</option>\r\n                    <option value=\"meat\">Sharik</option>\r\n                    <option value=\"meat\">Azaar</option>\r\n                  </select>\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                    Choose Trainer Name\r\n                  </span>\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                {/* <div className=\"col-lg-3  \"></div> */}\r\n              </div>\r\n\r\n              <div className=\"row\" style={{ padding: \"3px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"Department\"\r\n                    name=\"Department\"\r\n                    type=\"text\"\r\n                  />\r\n\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                    {\" \"}\r\n                    Department\r\n                  </span>\r\n\r\n                  <span className=\"underline\" />\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\" style={{ padding: \"3px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"Role\"\r\n                    name=\"Role\"\r\n                    type=\"text\"\r\n                  />\r\n\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}> Role</span>\r\n\r\n                  <span className=\"underline\" />\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\" style={{ padding: \"3px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"TrainingName\"\r\n                    name=\"TrainingName\"\r\n                    type=\"text\"\r\n                  />\r\n\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                    {\" \"}\r\n                    TrainingName\r\n                  </span>\r\n\r\n                  <span className=\"underline\" />\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"86.36px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport Select from \"react-select\";\r\nimport SideBar from \"../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport PlusOne from \"@material-ui/icons/Add\";\r\nimport Add from \"@material-ui/icons/Add\";\r\nimport axios from \"axios\";\r\nimport BookmarkAddIcon from \"@material-ui/icons/PostAdd\";\r\nimport SchoolIcon from \"@material-ui/icons/School\";\r\nimport AddTrainingAddTrainer from \"./AddTrainingAddTrainer\";\r\nimport AddTrainingAddDesignation from \"./AddTrainingAddDesignation\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class EditTrainingpop extends Component {\r\n  fileInputRef = React.createRef();\r\n\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      formErrors: {},\r\n      Training: [],\r\n      FileDocs: [],\r\n      Departmentdrop: [],\r\n      enabled: false,\r\n      imageName: \"\",\r\n      AssignedTraineePopModel: false,\r\n      isOpen: false,\r\n      Open: false,\r\n      opens: false,\r\n      Trainers: [],\r\n      TrainersName: [],\r\n      TrainingsName: [],\r\n      selectedFiles: [],\r\n      selectedFiless: [],\r\n      selectedTrainer: [],\r\n      selectedTrainerID: [],\r\n      selectAll: false,\r\n      showTick: false,\r\n      files: [],\r\n      message: \"\",\r\n      error: \"\",\r\n      showInput: false,\r\n      isChecked: false,\r\n      selectedCheckboxValues: [],\r\n      selectedCheckboxValues1: [],\r\n      selectedCheckboxValues2: [],\r\n      selectedCheckboxValues3: [],\r\n      DesignationCheckBoxValue: [],\r\n      Designation: [],\r\n      AddedDesignation: [],\r\n      AddedDesignationNames: [],\r\n      DesignationPopCheckBoxValue: [],\r\n      TrainerPopCheckBoxValue: [],\r\n      isAddTrainerOpen: false,\r\n      selectedDesignation: [],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleTrainersCheckbox = this.handleTrainersCheckbox.bind(this);\r\n  }\r\n  handleButtonsClick = () => {\r\n    // Trigger the click event of the file input element\r\n    this.fileInputRef.current.click();\r\n  };\r\n\r\n  handleTrainerssCheckbox(event) {\r\n    const { defaultValue } = event.target;\r\n    this.setState({\r\n      isChecked: event.target.checked,\r\n      defaultValue: defaultValue,\r\n    });\r\n  }\r\n\r\n  openAddTrainerPopup = (e) => {\r\n    e.preventDefault();\r\n    this.setState({ isAddTrainerOpen: !this.state.isAddTrainerOpen });\r\n  };\r\n\r\n  // fetchData = async (firstname, TrainerId) => {\r\n  //   // console.log(\"qwertyuiop\", this.props.location.state);\r\n\r\n  //   // console.log(\"TrainerId and FirstName\", firstname, TrainerId);\r\n\r\n  //   const data = new FormData();\r\n  //   for (const [key, value] of data.entries()) {\r\n  //     // console.log(\"------------------------------\", key, value);\r\n  //   }\r\n  //   const url = `${BASE_URLs}/Training/EditAssignedTrainers?FirstName=${firstname}&TrainerId=${TrainerId}&TrainingId=${this.props.location.state.training_Id}`;\r\n  //   // console.log(url);\r\n  //   // const url = `${BASE_URLs}/Training/EditAssignedTrainers?FirstName=${firstname}&TrainingId=${this.props.location.state.training_Id}`;\r\n  //   const options = {\r\n  //     method: \"POST\",\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //       \"Content-Type\": \"application/json\",\r\n  //       Accept: \"application/json\",\r\n  //       Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n  //     },\r\n  //     body: data,\r\n  //   };\r\n  //   const response = await fetch(url, options);\r\n  //   const result = await response.json();\r\n\r\n  //   if (result.status === \"Success\") {\r\n  //     toast.success(result.message, {\r\n  //       position: \"top-center\",\r\n  //       autoClose: 3200,\r\n  //       hideProgressBar: false,\r\n  //       closeOnClick: true,\r\n  //       pauseOnHover: true,\r\n  //       draggable: true,\r\n  //       progress: undefined,\r\n  //     });\r\n  //   } else {\r\n  //     toast.error(result.message, {\r\n  //       position: \"top-center\",\r\n  //       autoClose: 3200,\r\n  //       hideProgressBar: false,\r\n  //       closeOnClick: true,\r\n  //       pauseOnHover: true,\r\n  //       draggable: true,\r\n  //       progress: undefined,\r\n  //     });\r\n  //   }\r\n  //   setTimeout(() => {\r\n  //     this.GetTrainersNameFromAssignedTable();\r\n  //   }, 1000);\r\n  //   this.setState({ Open: false });\r\n\r\n  //   setTimeout(() => {\r\n  //     this.GetTrainersName();\r\n  //   }, 1000);\r\n  // };\r\n\r\n  fetchData = async () => {\r\n    const data = new FormData();\r\n\r\n    let dd = this.state.TrainerPopCheckBoxValue.forEach((e) => {\r\n      let split = e.split(\"$$$\");\r\n\r\n      data.append(\"TrainerId\", split[1]);\r\n      data.append(\"FirstName\", split[0]);\r\n      data.append(\"TrainingId\", this.props.location.state.training_Id);\r\n    });\r\n\r\n    for (const [key, value] of data.entries()) {\r\n      // console.log(\"FormData\", key, value);\r\n    }\r\n    var is_selected = [];\r\n\r\n    const url = `${BASE_URLs}/Training/EditAssignedTrainers`;\r\n\r\n    // console.log(url);\r\n\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    const response = await fetch(url, options);\r\n    const result = await response.json();\r\n\r\n    if (result.status === \"Success\") {\r\n      toast.success(result.message, {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    } else {\r\n      toast.error(result.message, {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n    // setTimeout(() => {\r\n    //   this.GetTrainersNameFromAssignedTable();\r\n    // }, 1000);\r\n    setTimeout(() => {\r\n      this.GetTrainersNameFromAssignedTable();\r\n    }, 1000);\r\n    this.setState({ Open: false });\r\n\r\n    setTimeout(() => {\r\n      this.GetTrainersName();\r\n    }, 1000);\r\n  };\r\n\r\n  PrinCheckBoxValue = (event) => {\r\n    const isChecked = event.target.checked;\r\n    this.setState({ isChecked }, () => {\r\n      // console.log(\"Checkbox value:\", this.state.isChecked);\r\n    });\r\n  };\r\n\r\n  handleButtonClick = () => {\r\n    this.setState((prevState) => ({\r\n      showInput: !prevState.showInput,\r\n    }));\r\n  };\r\n\r\n  handleSelectChange = (event) => {\r\n    this.setState({ files: event.target.files });\r\n    this.AddSelectedFiles();\r\n  };\r\n\r\n  AddSelectedFiles = async () => {\r\n    try {\r\n      const formData = new FormData();\r\n      for (let i = 0; i < this.state.files.length; i++) {\r\n        formData.append(\"FileName\", this.state.files[i]);\r\n      }\r\n\r\n      const response = await fetch(\r\n        `${BASE_URLs}/Training/Addmoredocuments?TrainingId=${this.props.location.state.training_Id}`,\r\n        {\r\n          method: \"POST\",\r\n          body: formData,\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            // Add any required headers, such as authentication token\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        }\r\n      );\r\n\r\n      if (response.ok) {\r\n        const data = await response.json();\r\n        this.setState({ message: data.Message, error: \"\" });\r\n      } else {\r\n        const errorData = await response.json();\r\n        this.setState({ error: errorData.Message, message: \"\" });\r\n      }\r\n    } catch (error) {\r\n      console.error(\"Error:\", error);\r\n    }\r\n  };\r\n\r\n  handleCheckboxChange = (event, file) => {\r\n    const { checked } = event.target;\r\n    const { selectedFiles, selectAll } = this.state;\r\n\r\n    if (file === \"all\") {\r\n      // If \"Check All\" checkbox is clicked\r\n      this.setState({ selectAll: checked });\r\n      if (checked) {\r\n        // Select all files\r\n        this.setState({ selectedFiles: this.props.files });\r\n      } else {\r\n        // Deselect all files\r\n        this.setState({ selectedFiles: [] });\r\n      }\r\n    } else {\r\n      if (checked) {\r\n        // Add the file to the selectedFiles array\r\n        const updatedSelectedFiles = [...selectedFiles, file];\r\n        this.setState({ selectedFiles: updatedSelectedFiles });\r\n      } else {\r\n        // Remove the file from the selectedFiles array\r\n        const updatedSelectedFiles = selectedFiles.filter(\r\n          (selectedFile) => selectedFile !== file\r\n        );\r\n        this.setState({ selectedFiles: updatedSelectedFiles });\r\n      }\r\n    }\r\n    // console.log(\"checked\", this.props.upload_id);\r\n  };\r\n\r\n  handleDeleteClick = () => {\r\n    const { selectedFiles } = this.state;\r\n    // Perform the delete operation for the selected files\r\n\r\n    // Clear the selectedFiles array\r\n    this.setState({ selectedFiles: [] });\r\n  };\r\n\r\n  openPopup = () => {\r\n    this.setState({ isOpen: true });\r\n  };\r\n\r\n  closePopup = () => {\r\n    this.setState({ isOpen: false });\r\n  };\r\n\r\n  openThePopup = () => {\r\n    this.setState({ Open: true });\r\n  };\r\n\r\n  closeThePopup = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ Open: false });\r\n  };\r\n\r\n  openThePopups = (e) => {\r\n    e.preventDefault();\r\n    this.setState({ opens: true });\r\n  };\r\n\r\n  closeThePopups = (e) => {\r\n    e.preventDefault();\r\n    this.setState({ opens: false });\r\n    this.setState({ DesignationPopCheckBoxValue: [] });\r\n  };\r\n  // Validation() {\r\n\r\n  //   let formErrors = {};\r\n  //   let formIsValid = true;\r\n  //   var TrainingName = document.getElementById(\"TrainingName\").value\r\n\r\n  //   if (!TrainingName) {\r\n  //     formIsValid = false;\r\n  //     formErrors[\"TrainingName\"] = \"Training Name  is required\";\r\n  //   }\r\n\r\n  //   this.setState({ formErrors: formErrors });\r\n  //   return formIsValid;\r\n\r\n  //}\r\n\r\n  imageHandleChange(e) {\r\n    if (e.target.files) {\r\n      this.setState({\r\n        imageName: [...e.target.files],\r\n        showTick: true,\r\n      });\r\n    }\r\n    // console.log(\"image\", this.state.imageName);\r\n  }\r\n\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    // Code By Arun\r\n    const { selectedTrainer, selectedDesignation } = this.state;\r\n    // Code By Arun\r\n\r\n    // if (this.Validation()) {\r\n    const data = new FormData(event.target);\r\n    // console.log(data);\r\n    data.append(\"default_file_name\", this.state.imageName);\r\n\r\n    for (let i = 0; i < this.state.imageName.length; i++) {\r\n      data.append(\"default_file_name\", this.state.imageName[i]);\r\n      // console.log(\"filearray\", this.state.imageName[i]);\r\n    }\r\n\r\n    // Code By Arun\r\n    if (selectedTrainer.length > 0) {\r\n      selectedTrainer\r\n        .filter((e) => e.check === true)\r\n        .forEach((ee) => {\r\n          data.append(\"Training_Id\", this.props.location.state.training_Id);\r\n          data.append(\"Trainer\", ee.trainerName);\r\n          data.append(\"TrainerId\", ee.trainer_UserId);\r\n        });\r\n    }\r\n    // Code By Arun\r\n\r\n    // Code By Balaji\r\n    if (selectedDesignation.length > 0) {\r\n      selectedDesignation.forEach((value) => {\r\n        data.append(\"Designation\", value.designation);\r\n      });\r\n    }\r\n\r\n    // Code By Balaji\r\n\r\n    fetch(`${BASE_URLs}/Training/SAEditTraining`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Success\") {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 1200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          setTimeout(function () {\r\n            if (document.getElementById(\"close\")) {\r\n              document.getElementById(\"close\").click();\r\n            }\r\n          }, 4000);\r\n        } else {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      });\r\n    this.SuccessModel();\r\n    // }\r\n  }\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n\r\n    this.props.history.push(\"/TrainingSchedule\");\r\n  };\r\n\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/DepartmentGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Departmentdrop: data,\r\n        });\r\n      });\r\n  }\r\n  GetFileDocs() {\r\n    var Id = this.props.location.state.training_Id;\r\n    let url = `${BASE_URLs}/Training/GetFileDocs?Training_Id=` + Id;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          FileDocs: data,\r\n        });\r\n        // console.log(\"HHHHHHHH\", data);\r\n      });\r\n  }\r\n\r\n  GetTrainersName = (department) => {\r\n    var Id = this.props.location.state.training_Id;\r\n\r\n    let url =\r\n      `${BASE_URLs}/Training/GetTrainersNameFromTrainerInfoTable?Department=` +\r\n      department +\r\n      \"&TrainingId=\" +\r\n      Id +\r\n      \"\";\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"data\", data);\r\n        this.setState({\r\n          Trainers: data,\r\n        });\r\n        // console.log(\"TrainersssNameee\", data);\r\n      });\r\n  };\r\n\r\n  Getdetail() {\r\n    var Id = this.props.location.state.training_Id;\r\n\r\n    let url = `${BASE_URLs}/Training/detail?Training_Id=` + Id;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((result) => result.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Training: data,\r\n        });\r\n\r\n        this.GetTrainersName(data[0].department);\r\n\r\n        // console.log(\"-------------fdfdffdf-------\", data[0].department);\r\n      });\r\n  }\r\n  emailundisableTxt() {\r\n    document.getElementById(\"department\").disabled = false;\r\n    document.getElementById(\"Trainingitem\").disabled = false;\r\n    document.getElementById(\"description\").disabled = false;\r\n    // document.getElementById(\"Ref_Docs\").disabled = false;\r\n    document.getElementById(\"Updatebtn\").style.display = \"inline-block\";\r\n    document.getElementById(\"EditBtn\").style.display = \"none\";\r\n  }\r\n\r\n  handlingenable = (e) => {\r\n    e.preventDefault();\r\n    this.setState({ enabled: true });\r\n  };\r\n  handlingdisable = (e) => {\r\n    e.preventDefault();\r\n    this.setState({ enabled: false });\r\n    document.getElementById(\"description\").readOnly = true;\r\n    document.getElementById(\"Trainingitem\").readOnly = true;\r\n    document.getElementById(\"department\").disabled = true;\r\n  };\r\n\r\n  componentDidMount() {\r\n    if (this.props.location.state === undefined) {\r\n      this.props.history.push(\"/TrainingSchedule\");\r\n    } else {\r\n      this.GetAddedDesignation();\r\n      this.GetDepartment();\r\n      this.GetFileDocs();\r\n      this.Getdetail();\r\n      this.GetTrainersName();\r\n      this.GetTrainersNameFromAssignedTable();\r\n\r\n      this.GetDesignation();\r\n    }\r\n  }\r\n\r\n  GetTrainersNameFromAssignedTable() {\r\n    var Id = this.props.location.state.training_Id;\r\n    // console.log(\"Training_ID\", Id);\r\n    let url =\r\n      `${BASE_URLs}/Training/GetTrainersNameFromAssignedTrainerTable?id=` + Id;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          TrainersName: data,\r\n        });\r\n        // console.log(\"Naaameeeeee\", data);\r\n      });\r\n  }\r\n\r\n  AssignedTraineePopModel = () => {\r\n    this.setState((prevState) => ({\r\n      AssignedTraineePopModel: !prevState.AssignedTraineePopModel,\r\n    }));\r\n  };\r\n\r\n  DeleteMutipleFiles = () => {\r\n    var Id = this.state.selectedCheckboxValues;\r\n\r\n    let url = `${BASE_URLs}/Training/DeleteMutipleFiles`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    const data = {\r\n      trainingIds: [Id],\r\n    };\r\n\r\n    const formData = new FormData();\r\n\r\n    Id.forEach((e) => {\r\n      formData.append(\"TrainingId\", e);\r\n    });\r\n    for (const [key, value] of formData.entries()) {\r\n      // console.log(\"------------------------------\", key, value);\r\n    }\r\n\r\n    // console.log(\"HHHHHHHHHHHHHHH\", Id);\r\n    fetch(url, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n      body: formData,\r\n    })\r\n      .then((result) => result.json())\r\n      .then((responseData) => {\r\n        // Handle the response here\r\n        if (responseData.status === \"Success\") {\r\n          toast.success(responseData.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n\r\n          setTimeout(() => {\r\n            //   this.props.history.push(\"/TrainingSchedule\");\r\n            this.GetFileDocs();\r\n            document\r\n              .getElementById(\"delete\")\r\n              .setAttribute(\"style\", \"visibility: hidden;\");\r\n            document\r\n              .getElementById(\"deletecount\")\r\n              .setAttribute(\"style\", \"visibility: hidden;\");\r\n          }, 500);\r\n        } else {\r\n          toast.error(responseData.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n\r\n        // console.log(\"Message\", responseData);\r\n        // Update the state or perform any necessary actions after successful deletion\r\n      });\r\n  };\r\n\r\n  DeleteMutipleTrainers = () => {\r\n    var Ids = this.state.selectedCheckboxValues3;\r\n    var UserId = this.state.selectedCheckboxValues2;\r\n\r\n    let url = `${BASE_URLs}/Training/DeleteMultipleTrainers`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    const data = {\r\n      trainingIds: [Ids],\r\n    };\r\n\r\n    const data1 = {\r\n      UserId: [UserId],\r\n    };\r\n\r\n    const formData = new FormData();\r\n\r\n    Ids.forEach((e) => {\r\n      formData.append(\"TrainingId\", e);\r\n    });\r\n\r\n    UserId.forEach((f) => {\r\n      formData.append(\"UserId\", f);\r\n    });\r\n\r\n    for (const [key, value] of formData.entries()) {\r\n      // console.log(\"============\", key, value);\r\n    }\r\n\r\n    // console.log(\"tgtgtgtgtgt\", Ids, UserId);\r\n    fetch(url, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n      body: formData,\r\n    })\r\n      .then((result) => result.json())\r\n      .then((responseData) => {\r\n        // Handle the response here\r\n        if (responseData.status === \"Success\") {\r\n          toast.success(responseData.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n\r\n          setTimeout(() => {\r\n            this.GetTrainersNameFromAssignedTable();\r\n            document\r\n              .getElementById(\"deletes\")\r\n              .setAttribute(\"style\", \"visibility: hidden;\");\r\n            document\r\n              .getElementById(\"deletecounts\")\r\n              .setAttribute(\"style\", \"visibility: hidden;\");\r\n          }, 500);\r\n        } else {\r\n          toast.error(responseData.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n\r\n        // console.log(\"Message\", responseData);\r\n        // Update the state or perform any necessary actions after successful deletion\r\n      });\r\n  };\r\n\r\n  DeleteMutipleDesignation = () => {\r\n    var Id = this.state.DesignationCheckBoxValue;\r\n\r\n    let url = `${BASE_URLs}/Training/DeleteMutipleDesignations`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    const data = {\r\n      trainingIds: [Id],\r\n    };\r\n\r\n    const formData = new FormData();\r\n\r\n    Id.forEach((e) => {\r\n      formData.append(\"TrainingId\", e);\r\n    });\r\n    for (const [key, value] of formData.entries()) {\r\n      // console.log(\"------------------------------\", key, value);\r\n    }\r\n\r\n    // console.log(\"HHHHHHHHHHHHHHH\", Id);\r\n    fetch(url, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n      body: formData,\r\n    })\r\n      .then((result) => result.json())\r\n      .then((responseData) => {\r\n        // Handle the response here\r\n        if (responseData.status === \"Success\") {\r\n          toast.success(responseData.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          setTimeout(() => {\r\n            this.GetAddedDesignation();\r\n            document\r\n              .getElementById(\"deletesss\")\r\n              .setAttribute(\"style\", \"visibility: hidden;\");\r\n            document\r\n              .getElementById(\"deletecountsss\")\r\n              .setAttribute(\"style\", \"visibility: hidden;\");\r\n          }, 500);\r\n        } else {\r\n          toast.error(responseData.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n\r\n        // console.log(\"Message\", responseData);\r\n        // Update the state or perform any necessary actions after successful deletion\r\n      });\r\n  };\r\n\r\n  handleFileChange = (event) => {\r\n    // const files = event.target.files;\r\n    // if (files.length > 0) {\r\n    //   // console.log(\"Files\", files);\r\n    //   // Call your API function here, passing the 'files' variable\r\n    //   this.AddMoreDocuments(files);\r\n    // }\r\n\r\n    const selectedFiless = Array.from(event.target.files);\r\n    this.setState({ selectedFiless });\r\n    // console.log(\"=-=-=-=-=\", selectedFiless);\r\n  };\r\n\r\n  handleDeleteClicks = (index) => {\r\n    // Remove the first value from displayedValues\r\n    const [firstValue, ...remainingValues] = this.state.selectedFiless;\r\n\r\n    // Update the state with the remaining values\r\n    this.setState({ selectedFiless: remainingValues });\r\n  };\r\n  AddMoreDocuments = (files) => {\r\n    const formData = new FormData();\r\n    for (let i = 0; i < files.length; i++) {\r\n      formData.append(\"FileName\", files[i]);\r\n      // console.log(\"FileName\", files[i].name);\r\n      // console.log(\"Token\", JSON.parse(localStorage.user));\r\n    }\r\n    axios\r\n      .post(\r\n        `${BASE_URLs}/Training/Addmoredocuments?TrainingId=${this.props.location.state.training_Id}`,\r\n        formData,\r\n        {\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            // \"Content-Type\": \"application/json-patch+json\",\r\n            \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n          },\r\n        }\r\n      )\r\n      .then((response) => {\r\n        // Handle successful API response\r\n        if (response.status === \"Success\") {\r\n          toast.success(response.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          toast.error(response.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n        setTimeout(() => {\r\n          this.GetFileDocs();\r\n        }, 1000);\r\n        // console.log(response.data);\r\n      });\r\n    // .catch((error) => {\r\n    //   // Handle API call error\r\n    //   console.error(error);\r\n    // });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"deletcateg\");\r\n    var selectedValues = [];\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        selectedValues.push(checkboxes[i].value);\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState({\r\n      selectedCheckboxValues: selectedValues,\r\n    });\r\n    // console.log(selectedValues);\r\n  }\r\n\r\n  checkAllDesignation(e) {\r\n    var checkboxes = document.getElementsByName(\"deletcategsss\");\r\n    var selectedValues = [];\r\n\r\n    var sa = document.getElementById(\"checkAllDesignations\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        selectedValues.push(checkboxes[i].value);\r\n        document\r\n          .getElementById(\"deletesss\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecountsss\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecountsss\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"deletesss\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecountsss\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState({\r\n      selectedCheckboxValues: selectedValues,\r\n    });\r\n    // console.log(selectedValues);\r\n  }\r\n\r\n  checkAllTrainers() {\r\n    var checkboxes = document.getElementsByClassName(\"deletcategs\");\r\n    var selectedValues = [];\r\n    var selectNames = [];\r\n\r\n    var sa = document.getElementById(\"checkAllTrainers\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        selectedValues.push(checkboxes[i].value);\r\n        selectNames.push(checkboxes[i].name);\r\n        document\r\n          .getElementById(\"deletes\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecounts\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecounts\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"deletes\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecounts\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      selectedCheckboxValues3: selectedValues,\r\n    });\r\n    this.setState({\r\n      selectedCheckboxValues2: selectNames,\r\n    });\r\n\r\n    // console.log(selectedValues, selectNames);\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll('input[id=\"selectall\"]:checked');\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handleDesignationCheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[id=\"desigidcheck\"]:checked'\r\n    );\r\n    checkboxes.forEach((checkbox) => {\r\n      // console.log(\"CheckBoxValue\", checkbox.value);\r\n    });\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldivsss\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldivsss\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"deletesss\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecountsss\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecountsss\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"checkAllDesignations\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"deletesss\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecountsss\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"checkAllDesignations\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"checkAllDesignations\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"checkAllDesignations\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"checkAllDesignations\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handleTrainersCheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[id=\"trainerscheckid\"]:checked'\r\n    );\r\n    checkboxes.forEach((checkbox) => {\r\n      // console.log(\"CheckBoxValue\", checkbox.value);\r\n    });\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldivs\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldivs\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"deletes\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecounts\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecounts\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"checkAllTrainers\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"deletes\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecounts\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"checkAllTrainers\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"checkAllTrainers\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"checkAllTrainers\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"checkAllTrainers\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  checkChange = (event) => {\r\n    this.handlecheckbox();\r\n\r\n    const { name, checked, value } = event.target;\r\n    // value1.indexOf(name) === -1\r\n    //   ? value1.push(name)\r\n    //   : value1.splice(value1.indexOf(name), 1);\r\n\r\n    this.setState((prevState) => {\r\n      const selectedCheckboxValues = checked\r\n        ? [...prevState.selectedCheckboxValues, value]\r\n        : prevState.selectedCheckboxValues.filter((val) => val !== value);\r\n\r\n      // console.log(\"SelectedDocumentValue\", selectedCheckboxValues);\r\n      return { selectedCheckboxValues };\r\n    });\r\n  };\r\n\r\n  checkChangeDesignation = (event) => {\r\n    this.handleDesignationCheckbox();\r\n\r\n    const { name, checked, value } = event.target;\r\n    // value1.indexOf(name) === -1\r\n    //   ? value1.push(name)\r\n    //   : value1.splice(value1.indexOf(name), 1);\r\n\r\n    this.setState((prevState) => {\r\n      const DesignationCheckBoxValue = checked\r\n        ? [...prevState.DesignationCheckBoxValue, value]\r\n        : prevState.DesignationCheckBoxValue.filter((val) => val !== value);\r\n\r\n      // console.log(\"SelectedDesignation\", DesignationCheckBoxValue);\r\n      return { DesignationCheckBoxValue };\r\n    });\r\n  };\r\n\r\n  checkChangePopDesignation = (event) => {\r\n    //this.handleDesignationCheckbox();\r\n\r\n    const { name, checked, value } = event.target;\r\n    // value1.indexOf(name) === -1\r\n    //   ? value1.push(name)\r\n    //   : value1.splice(value1.indexOf(name), 1);\r\n\r\n    this.setState((prevState) => {\r\n      const DesignationPopCheckBoxValue = checked\r\n        ? [...prevState.DesignationPopCheckBoxValue, value]\r\n        : prevState.DesignationPopCheckBoxValue.filter((val) => val !== value);\r\n\r\n      // console.log(\"SelectedDesignation\", DesignationPopCheckBoxValue);\r\n      return { DesignationPopCheckBoxValue };\r\n    });\r\n  };\r\n\r\n  checkChangePopTrainers = (event) => {\r\n    //this.handleDesignationCheckbox();\r\n\r\n    const { name, checked, value } = event.target;\r\n    // value1.indexOf(name) === -1\r\n    //   ? value1.push(name)\r\n    //   : value1.splice(value1.indexOf(name), 1);\r\n\r\n    this.setState((prevState) => {\r\n      const TrainerPopCheckBoxValue = checked\r\n        ? [...prevState.TrainerPopCheckBoxValue, value]\r\n        : prevState.TrainerPopCheckBoxValue.filter((val) => val !== value);\r\n\r\n      // console.log(\"SelectedDesignation\", TrainerPopCheckBoxValue);\r\n      return { TrainerPopCheckBoxValue };\r\n    });\r\n  };\r\n\r\n  checkChangeTrainers = (event) => {\r\n    this.handleTrainersCheckbox();\r\n\r\n    const { name, checked, value } = event.target;\r\n    // value2.indexOf(value) === -1\r\n    //   ? value2.push(value)\r\n    //   : value2.splice(value2.indexOf(value), 1);\r\n    // value3.indexOf(name) === -1\r\n    //   ? value3.push(name)\r\n    //   : value3.splice(value3.indexOf(name), 1);\r\n    this.setState((prevState) => {\r\n      const selectedCheckboxValues2 = checked\r\n        ? [...prevState.selectedCheckboxValues2, name]\r\n        : prevState.selectedCheckboxValues2.filter((value) => value !== name);\r\n\r\n      // console.log(\"ValuesSelected\", selectedCheckboxValues2);\r\n      return { selectedCheckboxValues2 };\r\n    });\r\n\r\n    this.setState((prevState) => {\r\n      const selectedCheckboxValues3 = checked\r\n        ? [...prevState.selectedCheckboxValues3, value]\r\n        : prevState.selectedCheckboxValues2.filter((value) => value !== value);\r\n\r\n      // console.log(\"SelectedTrainingId\", selectedCheckboxValues3);\r\n      return { selectedCheckboxValues3 };\r\n    });\r\n  };\r\n\r\n  componentWillUnmount() {\r\n    this.setState({\r\n      // Reset the state to its initial values here\r\n      selectedCheckboxValues: [],\r\n    });\r\n    this.setState({\r\n      // Reset the state to its initial values here\r\n      selectedCheckboxValues2: [],\r\n    });\r\n\r\n    this.setState({\r\n      // Reset the state to its initial values here\r\n      selectedCheckboxValues3: [],\r\n    });\r\n  }\r\n\r\n  GetDesignation() {\r\n    let url = `${BASE_URLs}/Designation/GetMasterDesignation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        let final = data.filter(\r\n          (obj) => !this.state.AddedDesignationNames.includes(obj.designation)\r\n        );\r\n\r\n        // console.log(final.length);\r\n\r\n        final = final.map((e) => {\r\n          return { ...e, ...{ check: false } };\r\n        });\r\n\r\n        this.setState({ Designation: final });\r\n\r\n        this.setState({\r\n          // Designation: data,\r\n          Desi: data,\r\n        });\r\n        //\r\n      });\r\n  }\r\n  handleTrainerChange = (event, s) => {\r\n    let selectedID = s\r\n      .map((d) => {\r\n        if (event.includes(d.trainerName)) {\r\n          return d.trainer_UserId;\r\n        }\r\n      })\r\n      .filter(function (x) {\r\n        return x !== undefined;\r\n      });\r\n    this.setState({ ...(this.state.selectedTrainer = event) });\r\n    this.setState({ ...(this.state.selectedTrainerID = selectedID) });\r\n  };\r\n  DeleteTrainer = (array, id) => {\r\n    // console.log(\"fffffffff\", array, id);\r\n    let changes = this.state.Trainers.map((e, index) => {\r\n      if (e.trainer_UserId === id) return { ...e, ...{ check: false } };\r\n      return { ...e };\r\n    });\r\n    this.setState({ selectedTrainer: changes.filter((e) => e.check === true) });\r\n    this.setState({ Trainers: changes });\r\n  };\r\n  GetAddedDesignation() {\r\n    let url = `${BASE_URLs}/Training/GetAddedDesignation?id=${this.props.location.state.training_Id}`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          AddedDesignation: data,\r\n        });\r\n        this.setState({\r\n          AddedDesignationNames: data.map((e) => e.designation),\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  // handleButtonClicks = async () => {\r\n\r\n  //   const { selectedCheckboxValues } = this.state;\r\n\r\n  //   for (const value of selectedCheckboxValues) {\r\n\r\n  //     var index0 = value.split('$$$')[0]\r\n  //     var index1 = value.split('$$$')[1]\r\n\r\n  //     try {\r\n  //       const response = await fetch(`${BASE_URLs}/Training/AddMultipleDesignation?Designation=${index1}&DesignationId=${index0}&TrainingId=${this.props.location.state.training_Id}`, {\r\n  //         method: 'POST',\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //           'Content-Type': 'application/json',\r\n  //         },\r\n  //         body: JSON.stringify({ value }),\r\n  //       });\r\n\r\n  //       if (response.ok) {\r\n  //         // console.log(`Posted value: ${value}`);\r\n  //       } else {\r\n  //         console.error(`Failed to post value: ${value}`);\r\n  //       }\r\n  //     } catch (error) {\r\n  //       console.error(`Error posting value: ${value}`, error);\r\n  //     }\r\n  //   }\r\n  // };\r\n\r\n  // handleSelectedRows = () => {\r\n  //   // Do something with this.state.selectedRows\r\n\r\n  //   // console.log(this.state.selectedRows);\r\n  // };\r\n  fetchDesigData = async (desigantion, desigantionId, trainingId) => {\r\n    // console.log(\"TrainerId and Topic\", desigantion);\r\n\r\n    // console.log(\"TrainerId and Topic\", desigantionId);\r\n\r\n    // console.log(\"TrainerId and Topic\", trainingId);\r\n\r\n    const data = new FormData();\r\n\r\n    let dd = this.state.DesignationPopCheckBoxValue.forEach((e) => {\r\n      let split = e.split(\"$$$\");\r\n\r\n      data.append(\"Designation\", split[1]);\r\n      data.append(\"DesignationId\", split[0]);\r\n      data.append(\"TrainingId\", this.props.location.state.training_Id);\r\n    });\r\n\r\n    for (const [key, value] of data.entries()) {\r\n      // console.log(\"FormData\", key, value);\r\n    }\r\n    var is_selected = [];\r\n\r\n    const url = `${BASE_URLs}/Training/AddMultipleDesignation`;\r\n\r\n    // console.log(url);\r\n\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    const response = await fetch(url, options);\r\n    const result = await response.json();\r\n\r\n    if (result.status === \"Success\") {\r\n      toast.success(result.message, {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    } else {\r\n      toast.error(result.message, {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n    this.GetAddedDesignation();\r\n\r\n    this.setState({ opens: false });\r\n  };\r\n\r\n  DeleteDesignation = (array, id) => {\r\n    // console.log(\"fff\", id, this.state.Designation);\r\n    let changes = this.state.Designation.map((e) => {\r\n      if (e.id === id) {\r\n        return { ...e, ...{ check: false } };\r\n      }\r\n      return { ...e };\r\n    });\r\n\r\n    this.setState({\r\n      selectedDesignation: changes.filter((e) => e.check === true),\r\n    });\r\n\r\n    let arr = changes.filter((e) => e.check === true).map((e) => e.designation);\r\n    let final = changes.map((obj) => {\r\n      if (!arr.includes(obj.designation)) {\r\n        return { ...obj, ...{ check: false } };\r\n      }\r\n      return { ...obj };\r\n    });\r\n    this.setState({ Designation: final });\r\n  };\r\n\r\n  render() {\r\n    const { selectedFiles, selectAll } = this.state;\r\n    const { files } = this.props;\r\n    const { showInput } = this.state;\r\n    const { isChecked, defaultValue } = this.state;\r\n\r\n    var w = window.innerWidth;\r\n    const {\r\n      Training,\r\n      Departmentdrop,\r\n      enabled,\r\n      FileDocs,\r\n      TrainingsName,\r\n      Trainers,\r\n      TrainersName,\r\n      Designation,\r\n      AddedDesignation,\r\n      selectedFiless,\r\n      isAddTrainerOpen,\r\n      selectedTrainer,\r\n    } = this.state;\r\n    const { TrainingName } = this.state.formErrors;\r\n\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          {Training.map((Training) => (\r\n                            <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                              {Training.trainingitem}\r\n                            </h4>\r\n                          ))}\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                              <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"container\">\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        {Training.map((Training) => (\r\n                                          <div>\r\n                                            <input\r\n                                              type=\"hidden\"\r\n                                              name=\"Training_Id\"\r\n                                              defaultValue={\r\n                                                Training.training_Id\r\n                                              }\r\n                                            />\r\n                                          </div>\r\n                                        ))}\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Training.map((Training) => (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              id=\"department\"\r\n                                              defaultValue={Training.department}\r\n                                              name=\"Department\"\r\n                                              type=\"text\"\r\n                                            >\r\n                                              <option value=\"\">Select</option>\r\n                                              {Departmentdrop.map(\r\n                                                (Departmentdrop) => (\r\n                                                  <option\r\n                                                    value={\r\n                                                      Departmentdrop.department\r\n                                                    }\r\n                                                  >\r\n                                                    {Departmentdrop.department}{\" \"}\r\n                                                  </option>\r\n                                                )\r\n                                              )}\r\n                                            </select>\r\n                                          ))}\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Department\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}></span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Training.map((Training) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              name=\"Trainingitem\"\r\n                                              id=\"Trainingitem\"\r\n                                              defaultValue={\r\n                                                Training.trainingitem\r\n                                              }\r\n                                              type=\"text\"\r\n                                              maxLength=\"50\"\r\n                                            />\r\n                                          ))}\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Training Topic\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}></span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Training.map((Training) => (\r\n                                            <input\r\n                                              className=\"effect-16\"\r\n                                              name=\"description\"\r\n                                              defaultValue={\r\n                                                Training.description\r\n                                              }\r\n                                              id=\"description\"\r\n                                              type=\"text\"\r\n                                              //maxLength=\"50\"\r\n                                            />\r\n                                          ))}\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Training Description\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}></span>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          {Training.map((Training) => (\r\n                                            // <input\r\n                                            //   className=\"effect-16\"\r\n                                            //   name=\"Duration\"\r\n                                            //   defaultValue={Training.duration}\r\n                                            //   id=\"Duration\"\r\n                                            //   type=\"text\"\r\n                                            //   maxLength=\"50\"\r\n                                            // />\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              name=\"Duration\"\r\n                                              id=\"duration\"\r\n                                              type=\"text\"\r\n                                            >\r\n                                              <option\r\n                                                hidden\r\n                                                value={Training.duration}\r\n                                              >\r\n                                                {\" \"}\r\n                                                {Training.duration}\r\n                                              </option>\r\n\r\n                                              <option\r\n                                                value=\"1 Hour\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                1 Hour\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"1.5 Hour\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                1.5 Hour\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"2 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                2 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"2.5 Hour\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                2.5 Hour\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"3 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                3 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"3.5 Hour\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                3.5 Hour\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"4 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                4 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"4.5 Hour\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                4.5 Hour\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"5 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                5 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"5.5 Hour\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                5.5 Hour\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"6 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                6 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"6.5 Hour\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                6.5 Hour\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"7 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                7 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"7.5 Hour\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                7.5 Hour\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"8 Hours\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                8 Hours\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"8.5 Hour\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                8.5 Hour\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"9 Hour\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                9 Hour\r\n                                              </option>\r\n                                              <option\r\n                                                value=\"9.5 Hour\"\r\n                                                id=\"duration\"\r\n                                              >\r\n                                                9.5 Hour\r\n                                              </option>\r\n                                            </select>\r\n                                          ))}\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Duration Of Training\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}></span>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\"></div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n\r\n                            <div className=\"container\">\r\n                              <div className=\"row\">\r\n                                {/* Documents */}\r\n                                <div className=\"col-lg-4\">\r\n                                  <div\r\n                                    style={{\r\n                                      margin: \"10px\",\r\n                                      padding: \"20px\",\r\n                                      overflow: \"auto\",\r\n                                      height: \"250px\",\r\n                                      backgroundColor: \"white\",\r\n                                      borderTop: \"5px solid whitesmoke\",\r\n                                      borderBottom: \"5px solid whitesmoke\",\r\n                                      borderLeft: \"5px solid whitesmoke\",\r\n                                      borderRight: \"5px solid whitesmoke\",\r\n                                      boxShadow: \"10px 10px 5px lightblue\",\r\n                                    }}\r\n                                  >\r\n                                    <button\r\n                                      type=\"button\"\r\n                                      onClick={this.handleButtonsClick}\r\n                                      style={{ width: \"40px\", height: \"30px\" }}\r\n                                    >\r\n                                      <PlusOne />\r\n                                    </button>\r\n                                    <input\r\n                                      id=\"Ref_Docs\"\r\n                                      hidden\r\n                                      onChange={this.handleFileChange}\r\n                                      name=\"Ref_Docs\"\r\n                                      multiple\r\n                                      type=\"file\"\r\n                                      ref={this.fileInputRef}\r\n                                    />\r\n\r\n                                    <span\r\n                                      id=\"deletecount\"\r\n                                      className=\"multitrash\"\r\n                                      style={{\r\n                                        visibility: \"hidden\",\r\n                                        fontSize: \"17px\",\r\n                                      }}\r\n                                    ></span>\r\n                                    <div\r\n                                      id=\"selectalldiv\"\r\n                                      style={{ visibility: \"hidden\" }}\r\n                                    >\r\n                                      &nbsp;&nbsp;\r\n                                      <button\r\n                                        type=\"button\"\r\n                                        className=\"multitrash\"\r\n                                        id=\"delete\"\r\n                                        onClick={this.DeleteMutipleFiles}\r\n                                        style={{\r\n                                          float: \"right\",\r\n                                          visibility: \"hidden\",\r\n                                        }}\r\n                                      >\r\n                                        <i\r\n                                          className=\"icofont icofont-delete-alt\"\r\n                                          style={{ color: \"darkgray\" }}\r\n                                        ></i>\r\n                                      </button>\r\n                                    </div>\r\n\r\n                                    <table\r\n                                      id=\"skillsheet\"\r\n                                      className=\"table nowrap SkillGrid\"\r\n                                    >\r\n                                      <thead style={{ textAlign: \"left\" }}>\r\n                                        <tr>\r\n                                          <th>\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              id=\"selectall\"\r\n                                              onClick={() => {\r\n                                                this.checkAll(this);\r\n                                              }}\r\n                                            />\r\n                                          </th>\r\n                                          <th>Add Documents</th>\r\n                                        </tr>\r\n                                      </thead>\r\n                                      <tbody>\r\n                                        {this.state.FileDocs.map(\r\n                                          (value, index) => (\r\n                                            <tr>\r\n                                              <td>\r\n                                                <input\r\n                                                  type=\"checkbox\"\r\n                                                  className=\"deletcateg\"\r\n                                                  id=\"selectall\"\r\n                                                  name=\"deletcateg\"\r\n                                                  onChange={this.checkChange}\r\n                                                  defaultValue={value.file_id}\r\n                                                />\r\n                                              </td>\r\n                                              <td>{value.file_name}</td>\r\n                                            </tr>\r\n                                          )\r\n                                        )}\r\n\r\n                                        {this.state.selectedFiless.map(\r\n                                          (value, index) => (\r\n                                            <tr key={index}>\r\n                                              <td>\r\n                                                <BookmarkAddIcon\r\n                                                  style={{ color: \"grey\" }}\r\n                                                />\r\n                                              </td>\r\n                                              <td>{value.name}</td>\r\n                                              <td>\r\n                                                <button\r\n                                                  onClick={() =>\r\n                                                    this.handleDeleteClicks(\r\n                                                      index\r\n                                                    )\r\n                                                  }\r\n                                                  type=\"submit\"\r\n                                                  className=\"multitrash\"\r\n                                                  id=\"deletes\"\r\n                                                >\r\n                                                  <i\r\n                                                    className=\"icofont icofont-delete-alt\"\r\n                                                    style={{ color: \"red\" }}\r\n                                                  ></i>\r\n                                                </button>\r\n                                              </td>\r\n                                            </tr>\r\n                                          )\r\n                                        )}\r\n                                      </tbody>\r\n                                    </table>\r\n                                  </div>\r\n                                </div>\r\n\r\n                                {/* Trainers */}\r\n                                <div className=\"col-lg-4\">\r\n                                  <div\r\n                                    style={{\r\n                                      margin: \"10px\",\r\n                                      padding: \"20px\",\r\n                                      overflow: \"auto\",\r\n                                      height: \"250px\",\r\n                                      backgroundColor: \"white\",\r\n                                      borderTop: \"5px solid whitesmoke\",\r\n                                      borderBottom: \"5px solid whitesmoke\",\r\n                                      borderLeft: \"5px solid whitesmoke\",\r\n                                      borderRight: \"5px solid whitesmoke\",\r\n                                      boxShadow: \"10px 10px 5px lightblue\",\r\n                                    }}\r\n                                  >\r\n                                    {/* Rest of the code */}\r\n                                    <button\r\n                                      style={{ width: \"40px\", height: \"30px\" }}\r\n                                      onClick={(e) =>\r\n                                        this.openAddTrainerPopup(e)\r\n                                      }\r\n                                    >\r\n                                      {\" \"}\r\n                                      <Add />\r\n                                    </button>\r\n                                    <span\r\n                                      id=\"deletecounts\"\r\n                                      className=\"multitrash\"\r\n                                      style={{\r\n                                        visibility: \"hidden\",\r\n                                        fontSize: \"17px\",\r\n                                      }}\r\n                                    ></span>\r\n                                    <div\r\n                                      id=\"selectalldivs\"\r\n                                      style={{ visibility: \"hidden\" }}\r\n                                    >\r\n                                      &nbsp;&nbsp;\r\n                                      <button\r\n                                        className=\"multitrash\"\r\n                                        type=\"button\"\r\n                                        id=\"deletes\"\r\n                                        onClick={this.DeleteMutipleTrainers}\r\n                                        style={{\r\n                                          float: \"right\",\r\n                                          visibility: \"hidden\",\r\n                                        }}\r\n                                      >\r\n                                        <i\r\n                                          className=\"icofont icofont-delete-alt\"\r\n                                          style={{ color: \"darkgray\" }}\r\n                                        ></i>\r\n                                      </button>\r\n                                    </div>\r\n                                    <table\r\n                                      id=\"skillsheet\"\r\n                                      className=\"table   nowrap SkillGrid\"\r\n                                    >\r\n                                      <thead style={{ textAlign: \"left\" }}>\r\n                                        <tr>\r\n                                          <th>\r\n                                            {\" \"}\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              id=\"checkAllTrainers\"\r\n                                              onClick={() => {\r\n                                                this.checkAllTrainers(this);\r\n                                              }}\r\n                                            />{\" \"}\r\n                                          </th>\r\n                                          <th>Assign Trainers &nbsp;&nbsp;</th>\r\n\r\n                                          {/* <th style={{ textAlign: \"center\" }}>\r\n                                          Actions\r\n                                        </th> */}\r\n                                        </tr>\r\n                                      </thead>\r\n                                      <tbody>\r\n                                        {this.state.TrainersName.map(\r\n                                          (value) => (\r\n                                            <tr>\r\n                                              <td>\r\n                                                {\" \"}\r\n                                                <input\r\n                                                  type=\"checkbox\"\r\n                                                  className=\"deletcategs\"\r\n                                                  name={value.userId}\r\n                                                  defaultValue={\r\n                                                    value.trainingTopicId\r\n                                                  }\r\n                                                  id=\"trainerscheckid\"\r\n                                                  onChange={\r\n                                                    this.checkChangeTrainers\r\n                                                  }\r\n                                                />\r\n                                              </td>\r\n                                              <td>{value.trainerName}</td>\r\n                                              {/* <td style={{ textAlign: \"center\" }}>\r\n                                            <button\r\n                                              name=\"delete\"\r\n                                              className=\"button-30 sk-del\"\r\n                                              //  onClick={()=>this.EditSkillModel(skill.id,skill.skillName)}\r\n                                              // onClick={(e) => {\r\n                                              //   e.preventDefault();\r\n                                              //   this.DeleteButton(\r\n                                              //     FileDocs.upload_id,\r\n                                              //   );\r\n                                              // }}\r\n                                            >\r\n                                              <i\r\n                                                className=\"fa fa-trash-o\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>\r\n                                            </button>\r\n                                          </td> */}\r\n                                            </tr>\r\n                                          )\r\n                                        )}\r\n\r\n                                        {this.state.selectedTrainer.map(\r\n                                          (value, index) => (\r\n                                            <tr key={index}>\r\n                                              <td style={{ fontSize: \"24px\" }}>\r\n                                                {\" \"}\r\n                                                <i\r\n                                                  className=\"icofont icofont-business-man-alt-3\"\r\n                                                  style={{ color: \"grey\" }}\r\n                                                ></i>{\" \"}\r\n                                              </td>\r\n                                              <td>{value.trainerName}</td>\r\n                                              <td>\r\n                                                <button\r\n                                                  onClick={(e) => {\r\n                                                    e.preventDefault();\r\n                                                    this.DeleteTrainer(\r\n                                                      value,\r\n                                                      value.trainer_UserId\r\n                                                    );\r\n                                                  }}\r\n                                                  type=\"submit\"\r\n                                                  className=\"multitrash\"\r\n                                                  id=\"deletes\"\r\n                                                >\r\n                                                  <i\r\n                                                    className=\"icofont icofont-delete-alt\"\r\n                                                    style={{ color: \"red\" }}\r\n                                                  ></i>\r\n                                                </button>\r\n                                              </td>\r\n                                            </tr>\r\n                                          )\r\n                                        )}\r\n                                      </tbody>\r\n                                    </table>\r\n                                  </div>\r\n                                </div>\r\n\r\n                                {/* Designation */}\r\n\r\n                                <div className=\"col-lg-4\">\r\n                                  <div\r\n                                    style={{\r\n                                      margin: \"10px\",\r\n                                      padding: \"20px\",\r\n                                      overflow: \"auto\",\r\n                                      height: \"250px\",\r\n                                      backgroundColor: \"white\",\r\n                                      borderTop: \"5px solid whitesmoke\",\r\n                                      borderBottom: \"5px solid whitesmoke\",\r\n                                      borderLeft: \"5px solid whitesmoke\",\r\n                                      borderRight: \"5px solid whitesmoke\",\r\n                                      boxShadow: \"10px 10px 5px lightblue\",\r\n                                    }}\r\n                                  >\r\n                                    {/* Rest of the code */}\r\n                                    <button\r\n                                      style={{ width: \"40px\", height: \"30px\" }}\r\n                                      onClick={this.openThePopups}\r\n                                    >\r\n                                      {\" \"}\r\n                                      <Add />\r\n                                    </button>\r\n                                    <span\r\n                                      id=\"deletecountsss\"\r\n                                      className=\"multitrash\"\r\n                                      style={{\r\n                                        visibility: \"hidden\",\r\n                                        fontSize: \"17px\",\r\n                                      }}\r\n                                    ></span>\r\n                                    <div\r\n                                      id=\"selectalldivsss\"\r\n                                      style={{ visibility: \"hidden\" }}\r\n                                    >\r\n                                      &nbsp;&nbsp;\r\n                                      <button\r\n                                        className=\"multitrash\"\r\n                                        id=\"deletesss\"\r\n                                        type=\"button\"\r\n                                        onClick={this.DeleteMutipleDesignation}\r\n                                        style={{\r\n                                          float: \"right\",\r\n                                          visibility: \"hidden\",\r\n                                        }}\r\n                                      >\r\n                                        <i\r\n                                          className=\"icofont icofont-delete-alt\"\r\n                                          style={{ color: \"darkgray\" }}\r\n                                        ></i>\r\n                                      </button>\r\n                                    </div>\r\n                                    <table\r\n                                      id=\"skillsheet\"\r\n                                      className=\"table   nowrap SkillGrid\"\r\n                                    >\r\n                                      <thead style={{ textAlign: \"left\" }}>\r\n                                        <tr>\r\n                                          <th>\r\n                                            {\" \"}\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              id=\"checkAllDesignations\"\r\n                                              onClick={() => {\r\n                                                this.checkAllDesignation(this);\r\n                                              }}\r\n                                            />{\" \"}\r\n                                          </th>\r\n                                          <th>\r\n                                            Assign to Designation &nbsp;&nbsp;\r\n                                          </th>\r\n\r\n                                          {/* <th style={{ textAlign: \"center\" }}>\r\n                                          Actions\r\n                                        </th> */}\r\n                                        </tr>\r\n                                      </thead>\r\n                                      <tbody>\r\n                                        {this.state.AddedDesignation.map(\r\n                                          (value) => (\r\n                                            <tr>\r\n                                              <td>\r\n                                                {\" \"}\r\n                                                <input\r\n                                                  type=\"checkbox\"\r\n                                                  //className=\"deletcategsss\"\r\n                                                  name=\"deletcategsss\"\r\n                                                  id=\"desigidcheck\"\r\n                                                  defaultValue={value.desigId}\r\n                                                  onChange={\r\n                                                    this.checkChangeDesignation\r\n                                                  }\r\n                                                />\r\n                                              </td>\r\n                                              <td>{value.designation}</td>\r\n                                              {/* <td style={{ textAlign: \"center\" }}>\r\n                                            <button\r\n                                              name=\"delete\"\r\n                                              className=\"button-30 sk-del\"\r\n                                              //  onClick={()=>this.EditSkillModel(skill.id,skill.skillName)}\r\n                                              // onClick={(e) => {\r\n                                              //   e.preventDefault();\r\n                                              //   this.DeleteButton(\r\n                                              //     FileDocs.upload_id,\r\n                                              //   );\r\n                                              // }}\r\n                                            >\r\n                                              <i\r\n                                                className=\"fa fa-trash-o\"\r\n                                                aria-hidden=\"true\"\r\n                                              ></i>\r\n                                            </button>\r\n                                          </td> */}\r\n                                            </tr>\r\n                                          )\r\n                                        )}\r\n                                        {this.state.selectedDesignation.map(\r\n                                          (value) => (\r\n                                            <tr>\r\n                                              <td>\r\n                                                <SchoolIcon\r\n                                                  style={{ color: \"grey\" }}\r\n                                                />\r\n                                              </td>\r\n                                              <td>{value.designation}</td>\r\n                                              <td\r\n                                                style={{ textAlign: \"center\" }}\r\n                                              >\r\n                                                <button\r\n                                                  type=\"button\"\r\n                                                  name=\"delete\"\r\n                                                  className=\"multitrash\"\r\n                                                  onClick={(e) => {\r\n                                                    e.preventDefault();\r\n                                                    this.DeleteDesignation(\r\n                                                      value,\r\n                                                      value.id\r\n                                                    );\r\n                                                  }}\r\n                                                >\r\n                                                  <i\r\n                                                    className=\"icofont icofont-delete-alt\"\r\n                                                    style={{ color: \"red\" }}\r\n                                                  ></i>\r\n                                                </button>\r\n                                              </td>\r\n                                            </tr>\r\n                                          )\r\n                                        )}\r\n                                      </tbody>\r\n                                    </table>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              <div className=\"row\">\r\n                                <div\r\n                                  className=\"col-sm-12\"\r\n                                  style={{ textAlign: \"center\" }}\r\n                                >\r\n                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    className=\"but\"\r\n                                    style={{ height: \"39.5px\" }}\r\n                                  >\r\n                                    Save\r\n                                  </button>\r\n                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  <button\r\n                                    type=\"button\"\r\n                                    className=\" but\"\r\n                                    style={{ height: \"39.5px\" }}\r\n                                  >\r\n                                    Cancel\r\n                                  </button>\r\n                                  &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                </div>\r\n                                &nbsp;&nbsp;&nbsp;&nbsp;\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                          <br />\r\n                        </div>\r\n\r\n                        {/* <div\r\n                            className=\"flex-container\"\r\n                            style={{\r\n                              display: \"flex\",\r\n                              background:\r\n                                \"linear-gradient(135deg, #a45bec, #7367f0)\",\r\n                            }}\r\n                          >\r\n                            \r\n                            <div\r\n                              style={{\r\n                                margin: \"10px\",\r\n                                width: \"50%\",\r\n                                padding: \"20px\",\r\n                                overflow: \"auto\",\r\n                                backgroundColor: \"white\",\r\n                                borderTop: \"5px solid whitesmoke\",\r\n                                borderBottom: \"5px solid whitesmoke\",\r\n                                borderLeft: \"5px solid whitesmoke\",\r\n                                borderRight: \"5px solid whitesmoke\",\r\n                                boxShadow: \"10px 10px 5px lightblue\",\r\n                              }}\r\n                            >\r\n     \r\n                              <label\r\n                                for=\"Ref_Docs\"\r\n                                style={{\r\n                                  height: \"30.5px\",\r\n                                  width: \"10%\",\r\n                                  padding: \"4px 12px\",\r\n                                  marginRight: \"400px\",\r\n                                }}\r\n                                className=\" btn-Secondary\"\r\n                              >\r\n                                <PlusOne style={{fontWeight:\"bold\",color:\"black\"}}/>\r\n                              </label>\r\n\r\n                              <input\r\n                                id=\"Ref_Docs\"\r\n                                hidden\r\n                                // onChange={this.handleSelectChange}\r\n                                name=\"Ref_Docs\"\r\n                                multiple\r\n                                type=\"file\"\r\n                              />\r\n                              <span\r\n                                id=\"deletecount\"\r\n                                className=\"multitrash\"\r\n                                style={{\r\n                                  visibility: \"hidden\",\r\n                                  fontSize: \"17px\",\r\n                                }}\r\n                              ></span>\r\n<div id=\"selectalldiv\" style={{visibility:\"hidden\"}}>\r\n          &nbsp;&nbsp;\r\n        <button type=\"submit\" className=\"multitrash\" id=\"delete\" style={{float:\"right\",visibility:\"hidden\"}}><i className=\"icofont icofont-delete-alt\" style={{ color: \"darkgray\" }}></i></button> \r\n\r\n        </div>\r\n\r\n                              <table\r\n                                id=\"skillsheet\"\r\n                                className=\"table   nowrap SkillGrid\"\r\n                              >\r\n                                <thead style={{ textAlign: \"left\" }}>\r\n                                  <tr>\r\n                                    <th>\r\n                                      {\" \"}\r\n                                      <input\r\n                                        type=\"checkbox\"\r\n                                        id=\"selectall\"\r\n                                        onClick={() => {\r\n                                          this.checkAll(this);\r\n                                        }}\r\n                                      />{\" \"}\r\n                                    </th>\r\n                                    <th>Documents &nbsp;&nbsp;</th>\r\n\r\n                                    <th style={{ textAlign: \"center\" }}>\r\n                                      Actions\r\n                                    </th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {FileDocs.map((FileDocs) => (\r\n                                    <tr>\r\n                                      <td>\r\n                                        {\" \"}\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          name=\"deletcateg\"\r\n                                          defaultValue={FileDocs.upload_id}\r\n                                          onChange={this.handlecheckbox}\r\n                                        />\r\n                                      </td>\r\n                                      <td>{FileDocs.file_name}</td>\r\n                                      <td style={{ textAlign: \"center\" }}>\r\n                                        <button\r\n                                          name=\"delete\"\r\n                                          className=\"button-30 sk-del\"\r\n                                          //  onClick={()=>this.EditSkillModel(skill.id,skill.skillName)}\r\n                                          // onClick={(e) => {\r\n                                          //   e.preventDefault();\r\n                                          //   this.DeleteButton(\r\n                                          //     FileDocs.upload_id,\r\n                                          //   );\r\n                                          // }}\r\n                                        >\r\n                                          <i\r\n                                            className=\"fa fa-trash-o\"\r\n                                            aria-hidden=\"true\"\r\n                                          ></i>\r\n                                        </button>\r\n                                      </td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            </div>\r\n                            <div\r\n                              style={{\r\n                                // backgroundColor: \"#f1f1f1\",\r\n                                margin: \"10px\",\r\n                                width: \"50%\",\r\n                                padding: \"20px\",\r\n                                overflow: \"auto\",\r\n                                backgroundColor: \"white\",\r\n                                borderTop: \"5px solid whitesmoke\",\r\n                                borderBottom: \"5px solid whitesmoke\",\r\n                                borderLeft: \"5px solid whitesmoke\",\r\n                                borderRight: \"5px solid whitesmoke\",\r\n                                boxShadow: \"10px 10px 5px lightblue\",\r\n                              }}\r\n                            >\r\n                              <span\r\n                                id=\"deletecounts\"\r\n                                className=\"multitrash\"\r\n                                style={{\r\n                                  visibility: \"hidden\",\r\n                                  fontSize: \"17px\",\r\n                                }}\r\n                              ></span>\r\n <div id=\"selectalldivs\" style={{visibility:\"hidden\"}}>\r\n          &nbsp;&nbsp;\r\n          <button type=\"submit\" className=\"multitrash\" id=\"deletes\" style={{float:\"right\",visibility:\"hidden\"}}><i className=\"icofont icofont-delete-alt\" style={{ color: \"darkgray\" }}></i></button> \r\n\r\n        </div>\r\n                              <table\r\n                                id=\"skillsheet\"\r\n                                className=\"table   nowrap SkillGrid\"\r\n                              >\r\n                                <thead style={{ textAlign: \"left\" }}>\r\n                                  <tr>\r\n                                    <th>\r\n                                      {\" \"}\r\n                                      <input\r\n                                        type=\"checkbox\"\r\n                                        id=\"checkAllTrainers\"\r\n                                        onClick={() => {\r\n                                          this.checkAllTrainers(this);\r\n                                        }}\r\n                                      />{\" \"}\r\n                                    </th>\r\n                                    <th>Trainers &nbsp;&nbsp;</th>\r\n\r\n                                    <th style={{ textAlign: \"center\" }}>\r\n                                      Actions\r\n                                    </th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {Trainers.map((Trainers) => (\r\n                                    <tr>\r\n                                      <td>\r\n                                        {\" \"}\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          name=\"deletcategs\"\r\n                                          // defaultValue={FileDocs.upload_id}\r\n                                          onChange={this.handleTrainersCheckbox}\r\n                                        />\r\n                                      </td>\r\n                                      <td>{Trainers.trainerName}</td>\r\n                                      <td style={{ textAlign: \"center\" }}>\r\n                                        <button\r\n                                          name=\"delete\"\r\n                                          className=\"button-30 sk-del\"\r\n                                          //  onClick={()=>this.EditSkillModel(skill.id,skill.skillName)}\r\n                                          // onClick={(e) => {\r\n                                          //   e.preventDefault();\r\n                                          //   this.DeleteButton(\r\n                                          //     FileDocs.upload_id,\r\n                                          //   );\r\n                                          // }}\r\n                                        >\r\n                                          <i\r\n                                            className=\"fa fa-trash-o\"\r\n                                            aria-hidden=\"true\"\r\n                                          ></i>\r\n                                        </button>\r\n                                      </td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            </div>\r\n                          </div> */}\r\n\r\n                        {/* {FileDocs.map(FileDocs => \r\n                                <div className=\"container\" \r\n                                style={{\r\n                                  background: \"#4CAF50\",\r\n                                  color: \"white\",\r\n                                  padding: \"15px\",\r\n                                  width: \"50%\",\r\n                                  height: \"100px\",\r\n                                  overFlow: \"auto\",\r\n                                  border: \"1px solid #ccc\",\r\n                                }}\r\n                                >\r\n\r\n    {FileDocs.file_name} \r\n    </div>)} */}\r\n\r\n                        {/* <div style={{float: \"left\", width: \"50%\"}}>Left Div</div>\r\n    <div style={{float: \"right\", width: \"50%\"}}>Right Div</div> */}\r\n\r\n                        <div className=\"card-block\">\r\n                          <div className=\"dt-responsive table-responsive table-res\">\r\n                            {/* {this.state.Training.length === 0 ? null :\r\n\r\n                              <table id=\"DepSheet\" className=\"table nowrap\" style={{ maxWidth: \"90%\" }}>\r\n                                <thead>\r\n                                  <tr>\r\n                                    <th>Reference Document</th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {FileDocs.map(FileDocs => <tr>\r\n                                    <td>{FileDocs.file_name}</td>\r\n                                  </tr>)}\r\n                                </tbody>\r\n                              </table>\r\n                            } */}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {this.state.isOpen && (\r\n          <div className=\"pop\">\r\n            <div className=\"popinnernormal\">\r\n              <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n                {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}} onClick={this.props.close}  ><CloseIcon/></button> */}\r\n                <button\r\n                  style={{\r\n                    float: \"right\",\r\n                    backgroundColor: \"#a0a3a305\",\r\n                    color: \"#797070\",\r\n                    border: \"1px solid #a3a5a505\",\r\n                  }}\r\n                  onClick={this.closePopup}\r\n                >\r\n                  <CloseIcon />\r\n                </button>\r\n\r\n                <div className=\"row\" tyle={{ padding: \"8px\" }}>\r\n                  <div className=\"col-sm-3\"></div>\r\n                  <div className=\"col-sm-8\">\r\n                    <div className=\"dt-responsive table-responsive table-res\">\r\n                      {this.state.Training.length === 0 ? null : (\r\n                        <table\r\n                          id=\"DepSheet\"\r\n                          className=\"table nowrap\"\r\n                          style={{ maxWidth: \"90%\" }}\r\n                        >\r\n                          <thead>\r\n                            <tr>\r\n                              <th>Reference Document</th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody>\r\n                            {FileDocs.map((FileDocs) => (\r\n                              <tr>\r\n                                <td>{FileDocs.file_name}</td>\r\n                              </tr>\r\n                            ))}\r\n                          </tbody>\r\n                        </table>\r\n                      )}\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-sm-4\"></div>\r\n                </div>\r\n\r\n                <div className=\"row\">\r\n                  <div\r\n                    className=\"col-sm-12\"\r\n                    style={{ textAlign: \"center\" }}\r\n                  ></div>\r\n                </div>\r\n              </form>\r\n              <br />\r\n              {/* <button onClick={this.closePopup}><CloseIcon/></button> */}\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        {this.state.isOpen && (\r\n          <div className=\"pop\">\r\n            <div className=\"popinnernormal\">\r\n              <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n                {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}} onClick={this.props.close}  ><CloseIcon/></button> */}\r\n                <button\r\n                  style={{\r\n                    float: \"right\",\r\n                    backgroundColor: \"#a0a3a305\",\r\n                    color: \"#797070\",\r\n                    border: \"1px solid #a3a5a505\",\r\n                  }}\r\n                  onClick={this.closePopup}\r\n                >\r\n                  <CloseIcon />\r\n                </button>\r\n\r\n                <div className=\"row\" tyle={{ padding: \"8px\" }}>\r\n                  <div className=\"col-sm-3\"></div>\r\n                  <div className=\"col-sm-8\">\r\n                    <div className=\"dt-responsive table-responsive table-res\">\r\n                      {this.state.Training.length === 0 ? null : (\r\n                        <table\r\n                          id=\"DepSheet\"\r\n                          className=\"table nowrap\"\r\n                          style={{ maxWidth: \"90%\" }}\r\n                        >\r\n                          <thead>\r\n                            <tr>\r\n                              <th>Reference Document</th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody>\r\n                            {FileDocs.map((FileDocs) => (\r\n                              <tr>\r\n                                <td>{FileDocs.file_name}</td>\r\n                              </tr>\r\n                            ))}\r\n                          </tbody>\r\n                        </table>\r\n                      )}\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-sm-4\"></div>\r\n                </div>\r\n\r\n                <div className=\"row\">\r\n                  <div\r\n                    className=\"col-sm-12\"\r\n                    style={{ textAlign: \"center\" }}\r\n                  ></div>\r\n                </div>\r\n              </form>\r\n              <br />\r\n              {/* <button onClick={this.closePopup}><CloseIcon/></button> */}\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        {isAddTrainerOpen ? (\r\n          <AddTrainingAddTrainer\r\n            closeThePopup={(e) => this.openAddTrainerPopup(e)}\r\n            array={this.state.Trainers}\r\n            state={(state) => {\r\n              this.setState({ Trainers: state });\r\n              this.setState({\r\n                selectedTrainer: state.filter((e) => e.check === true),\r\n              });\r\n            }}\r\n          />\r\n        ) : null}\r\n\r\n        {this.state.opens ? (\r\n          <AddTrainingAddDesignation\r\n            closeThePopup={(e) => this.closeThePopups(e)}\r\n            array={this.state.Designation}\r\n            state={(state) => {\r\n              this.setState({ Designation: state });\r\n              console.log(\r\n                \"selected\",\r\n                state.filter((e) => e.check === true)\r\n              );\r\n\r\n              this.setState({\r\n                selectedDesignation: state.filter((e) => e.check === true),\r\n              });\r\n            }}\r\n          />\r\n        ) : null}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport \"../Css/Chat.css\";\r\nimport EntityListUser from \"../Screen/User/EntityListUser\";\r\nimport TimeAgo from \"react-timeago\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class SuccessPopup1 extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.myRef = React.createRef(null);\r\n    this.state = {\r\n      AddSkillModels: false,\r\n\r\n      Allmessage: [],\r\n      isButton1Visible: true,\r\n      Popmsg: [],\r\n      message: [],\r\n      ReceivepopMsg: [],\r\n      Allmessage: [],\r\n      createDateTime: new Date(),\r\n      picture_Path: null,\r\n      document_Path: null,\r\n      selectedDocumentName: \"\",\r\n      active: false,\r\n      chosenEmoji: null,\r\n      showEmoji: false,\r\n      setShowEmoji: \"\",\r\n      msg: \"\",\r\n      // message: \"\",\r\n    };\r\n    this.AddSkillModels = this.AddSkillModels.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleEmojiClick = this.handleEmojiClick.bind(this);\r\n    this.myEmoji = this.myEmoji.bind(this);\r\n  }\r\n  handleDocumentChange = (event) => {\r\n    const selectedDocument = event.target.files[0];\r\n    this.setState({\r\n      document_Path: selectedDocument,\r\n      selectedDocumentName: selectedDocument.name,\r\n    });\r\n  };\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n  handleTextChange = (event) => {\r\n    this.setState({ message: event.target.value });\r\n  };\r\n  handleFileChange = (event) => {\r\n    this.setState({ picture_Path: event.target.files[0] });\r\n  };\r\n  handleSubmit = (event) => {\r\n    const { message, picture_Path, document_Path } = this.state;\r\n    if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n      alert(\"Please enter a message, select an image, or choose a document.\");\r\n    } else {\r\n      event.preventDefault();\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/contact/UsertoUser`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((data) => {\r\n          event.target.reset();\r\n          this.GetmsgPop(this.props.values.email);\r\n          this.GetReceivemsgPop(this.props.values.firstName);\r\n          this.GetAllMessage(this.props.values.id);\r\n          this.setState({\r\n            message: \"\",\r\n            picture_Path: null,\r\n            document_Path: null,\r\n          });\r\n        });\r\n    }\r\n  };\r\n\r\n  //   GetMessages() {\r\n  //     const options = {\r\n  //       method: \"GET\",\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //         \"Content-Type\": \"application/json\",\r\n  //         Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n  //       },\r\n  //     };\r\n  //     fetch(`${BASE_URLs}/Contact/GetSendmsg\", options)\r\n  //       .then((response) => response.json())\r\n  //       .then((data) => {\r\n  //         if (Array.isArray(data)) {\r\n  //           this.setState({\r\n  //             Messages: data,\r\n  //           });\r\n  //           // console.log(\"message\", data);\r\n  //         } else {\r\n  //           console.error(\"Received data is not an array:\", data);\r\n  //         }\r\n  //       });\r\n  //   }\r\n\r\n  GetAllMessage(Id) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/contact/GetUsertoUser?Id=` + Id, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Allmessage: data,\r\n        });\r\n        // console.log(\"AllMessage\", data);\r\n      });\r\n  }\r\n\r\n  //   GetmsgPop(UserName) {\r\n  //     const options = {\r\n  //       method: \"GET\",\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //         \"Content-Type\": \"application/json\",\r\n  //         Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n  //       },\r\n  //     };\r\n\r\n  //     fetch(\r\n  //       `${BASE_URLs}/Contact/GetmsgPop?UserName=\" + UserName,\r\n  //       options\r\n  //     )\r\n  //       .then((response) => {\r\n  //         if (!response.ok) {\r\n  //           throw new Error(\"Error: \" + response.status);\r\n  //         }\r\n  //         return response.json();\r\n  //       })\r\n  //       .then((data) => {\r\n  //         this.setState({\r\n  //           Popmsg: data,\r\n  //         });\r\n  //         // console.log(\"Receive\", data);\r\n  //       })\r\n  //       .catch((error) => {\r\n  //         console.error(\"Error fetching user messages:\", error);\r\n  //       });\r\n  //   }\r\n\r\n  //   GetReceivemsgPop(FirstName) {\r\n  //     const options = {\r\n  //       method: \"GET\",\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //         \"Content-Type\": \"application/json\",\r\n  //         Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n  //       },\r\n  //     };\r\n\r\n  //     fetch(\r\n  //       `${BASE_URLs}/Contact/GetReceivemsgPop?FirstName=\" +\r\n  //         FirstName,\r\n  //       options\r\n  //     )\r\n  //       .then((response) => {\r\n  //         if (!response.ok) {\r\n  //           throw new Error(\"Error: \" + response.status);\r\n  //         }\r\n  //         return response.json();\r\n  //       })\r\n  //       .then((data) => {\r\n  //         this.setState({\r\n  //           ReceivepopMsg: data,\r\n  //         });\r\n  //         // console.log(\"ReceivepopMsg\", data);\r\n  //       })\r\n  //       .catch((error) => {\r\n  //         console.error(\"Error fetching user messages:\", error);\r\n  //       });\r\n  //   }\r\n\r\n  //   GetMessages() {\r\n  //     const options = {\r\n  //       method: \"GET\",\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //         \"Content-Type\": \"application/json\",\r\n  //         Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n  //       },\r\n  //     };\r\n  //     fetch(`${BASE_URLs}/Contact/GetSendmsg\", options)\r\n  //       .then((response) => response.json())\r\n  //       .then((data) => {\r\n  //         if (Array.isArray(data)) {\r\n  //           this.setState({\r\n  //             Messages: data,\r\n  //           });\r\n  //           // console.log(\"message\", data);\r\n  //         } else {\r\n  //           console.error(\"Received data is not an array:\", data);\r\n  //         }\r\n  //       });\r\n  //   }\r\n\r\n  //   GetAllMessage(Id) {\r\n  //     const options = {\r\n  //       method: \"GET\",\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //         \"Content-Type\": \"application/json\",\r\n  //         Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n  //       },\r\n  //     };\r\n  //     fetch(`${BASE_URLs}/Contact/GetAllmsg?Id=\" + Id, options)\r\n  //       .then((response) => response.json())\r\n  //       .then((data) => {\r\n  //         this.setState({\r\n  //           Allmessage: data,\r\n  //         });\r\n  //         // console.log(\"AllMessage\", data);\r\n  //       });\r\n  //   }\r\n\r\n  GetmsgPop(UserName) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/Contact/GetmsgPop?UserName=` + UserName, options)\r\n      .then((response) => {\r\n        if (!response.ok) {\r\n          throw new Error(\"Error: \" + response.status);\r\n        }\r\n        return response.json();\r\n      })\r\n      .then((data) => {\r\n        this.setState({\r\n          Popmsg: data,\r\n        });\r\n        // console.log(\"Receive\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  GetReceivemsgPop(FirstName) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n\r\n    fetch(\r\n      `${BASE_URLs}/Contact/GetReceivemsgPop?FirstName=` + FirstName,\r\n      options\r\n    )\r\n      .then((response) => {\r\n        if (!response.ok) {\r\n          throw new Error(\"Error: \" + response.status);\r\n        }\r\n        return response.json();\r\n      })\r\n      .then((data) => {\r\n        this.setState({\r\n          ReceivepopMsg: data,\r\n        });\r\n        // console.log(\"ReceivepopMsg\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    // this.GetMessages();\r\n    this.GetAllMessage(this.props.values.id);\r\n    this.GetmsgPop(this.props.values.email);\r\n    this.GetReceivemsgPop(this.props.values.firstName);\r\n    this.timerID = setInterval(() => {\r\n      this.setState({ createDateTime: new Date() });\r\n    }, 1000);\r\n    this.setState({ active: true });\r\n    this.scrollIntoView();\r\n  }\r\n  componentWillUnmount() {\r\n    // Clear the interval when the component is unmounted\r\n    clearInterval(this.timerID);\r\n    this.setState({ active: false });\r\n  }\r\n  componentDidUpdate() {\r\n    this.scrollIntoView();\r\n  }\r\n  scrollIntoView() {\r\n    this.myRef.current?.scrollIntoView();\r\n  }\r\n  handleArrowClick() {\r\n    this.AddSkillModels();\r\n    this.props.close();\r\n  }\r\n  handleKeyPress(event) {\r\n    if (event.key === \"Enter\") {\r\n      this.AddSkillModels();\r\n      this.props.close();\r\n    }\r\n  }\r\n  myEmoji = () => {\r\n    const changeState = this.state.showEmoji;\r\n    if (changeState) {\r\n      this.setState({\r\n        showEmoji: false,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        showEmoji: true,\r\n      });\r\n    }\r\n  };\r\n  handleChange = (e) => {\r\n    this.setState({\r\n      message: e.target.value,\r\n    });\r\n  };\r\n  handleEmojiClick = (emojiObject) => {\r\n    this.setState((prevState) => ({\r\n      message: prevState.message + emojiObject.emoji,\r\n      showEmoji: false,\r\n    }));\r\n  };\r\n  AddSkillModels() {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    this.setState((prevState) => ({\r\n      AddSkillModel: !prevState.AddSkillModel,\r\n    }));\r\n  }\r\n  handleButton1Click = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n    });\r\n  };\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const {\r\n      Message,\r\n      Allmessage,\r\n      isButton1Visible,\r\n      isButton2Visible,\r\n      isBackArrowVisible,\r\n      Popmsg,\r\n      message,\r\n      picture_Path,\r\n      document_Path,\r\n      ReceivepopMsg,\r\n      showEmoji,\r\n\r\n      msg,\r\n    } = this.state;\r\n    const messages = [...Popmsg, ...ReceivepopMsg, ...Allmessage];\r\n    messages.sort(\r\n      (a, b) => new Date(a.createDateTime) - new Date(b.createDateTime)\r\n    );\r\n    return (\r\n      <>\r\n        {this.state.AddSkillModel ? (\r\n          <EntityListUser id=\"\" close={() => this.AddSkillModels()} />\r\n        ) : null}\r\n        {isButton1Visible && (\r\n          <div\r\n            className=\"pop\"\r\n            style={{ backgroundColor: \"transparent\", marginLeft: \"28%\" }}\r\n          >\r\n            <form\r\n              id=\"contactForm\"\r\n              autoComplete=\"off\"\r\n              encType=\"multipart/form-data\"\r\n              onSubmit={this.handleSubmit}\r\n            >\r\n              <ul className=\"text-right boxs\">\r\n                <li\r\n                  className=\"chat-single-box card-shadow active\"\r\n                  data-id=\"1\"\r\n                  style={{ marginTop: \"-128px\" }}\r\n                >\r\n                  <div\r\n                    className=\"had-container\"\r\n                    style={{ width: \"880px\", marginLeft: \"-246px\" }}\r\n                  >\r\n                    <div\r\n                      className=\"chat-header p-10 bg-gray\"\r\n                      style={{ backgroundColor: \"rgb(156 145 244)\" }}\r\n                    >\r\n                      <div className=\"user-info d-inline-block f-left\">\r\n                        <div className=\"Namepass\" style={{ marginTop: \"1px\" }}>\r\n                          {/* <i\r\n                            onClick={() => {\r\n                              this.AddSkillModels();\r\n\r\n                              this.handleButton1Click();\r\n                            }}\r\n                            className=\"icofont icofont-arrow-left chatButtonTextColor\"\r\n                            style={{ fontSize: \"45px\" }}\r\n                          /> */}\r\n                          <input\r\n                            type=\"hidden\"\r\n                            name=\"UserName\"\r\n                            defaultValue={this.props.values.email}\r\n                          />\r\n                          <span\r\n                            className=\"userNames\"\r\n                            defaultValue={this.props.values.firstName}\r\n                          >\r\n                            <a href=\"javascript:void(0);\" title=\"Me\">\r\n                              <img\r\n                                src=\"assets/images/avatar-1.png\"\r\n                                className=\"img-circle img-chat-profile\"\r\n                                alt=\"Me\"\r\n                              />\r\n                              &nbsp;&nbsp;{this.props.values.firstName}\r\n                            </a>\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"box-tools d-inline-block\">\r\n                        <button\r\n                          id=\"close\"\r\n                          style={{\r\n                            float: \"right\",\r\n                            backgroundColor: \"#a0a3a305\",\r\n                            color: \"#797070\",\r\n                            border: \"1px solid #a3a5a505\",\r\n                          }}\r\n                          onClick={this.props.close}\r\n                        >\r\n                          <CloseIcon />\r\n                        </button>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      className=\"chat-body p-10\"\r\n                      style={{\r\n                        overflowY: \"scroll\",\r\n                        overflowX: \"hidden\",\r\n                        height: \"470px\",\r\n                      }}\r\n                    >\r\n                      <div className=\"message-scrooler\">\r\n                        <div className=\"messages\">\r\n                          <div\r\n                            className=\"containers\"\r\n                            style={{ width: \"116vh\" }}\r\n                          >\r\n                            {messages.map((message, index) => {\r\n                              const isSender = message.particularId.includes(\r\n                                JSON.parse(localStorage.userId)\r\n                              );\r\n\r\n                              return (\r\n                                <div\r\n                                  className={`message-${\r\n                                    isSender ? \"blue\" : \"orange\"\r\n                                  }`}\r\n                                  key={index}\r\n                                  style={{\r\n                                    height: \"auto\",\r\n                                    overflowWrap: \"break-word\",\r\n                                  }}\r\n                                >\r\n                                  {message.picture_Path === \"-\" &&\r\n                                  message.document_Path === \"-\" ? (\r\n                                    <p\r\n                                      className=\"message-content\"\r\n                                      name=\"Popmsg\"\r\n                                      // style={{ wordWrap: \"break-word\" }}\r\n                                    >\r\n                                      {message.message}\r\n                                    </p>\r\n                                  ) : (\r\n                                    <>\r\n                                      {message.picture_Path !== \"-\" &&\r\n                                      message.document_Path !== \"-\" ? (\r\n                                        <div>\r\n                                          <div>\r\n                                            <p\r\n                                              className=\"message-content\"\r\n                                              name=\"Popmsg\"\r\n                                              // style={{ wordWrap: \"break-word\" }}\r\n                                            >\r\n                                              {message.message}\r\n                                            </p>\r\n\r\n                                            <br />\r\n\r\n                                            <div>\r\n                                              <img\r\n                                                alt=\"chatimg\"\r\n                                                width=\"80\"\r\n                                                height=\"80\"\r\n                                                src={message.picture_Path}\r\n                                                style={{ width: \"inherit\" }}\r\n                                              />\r\n                                            </div>\r\n                                            <div>\r\n                                              <embed\r\n                                                src={message.document_Path}\r\n                                                id=\"Gstiframe\"\r\n                                                title=\"\"\r\n                                                scrolling=\"no\"\r\n                                                target=\"_blank\"\r\n                                                style={{\r\n                                                  width: \"100px\",\r\n                                                  height: \"100px\",\r\n                                                  pointerEvents: \"none\",\r\n                                                }}\r\n                                              ></embed>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      ) : (\r\n                                        <>\r\n                                          {message.picture_Path === \"-\" &&\r\n                                          message.document_Path !== \"-\" ? (\r\n                                            <div>\r\n                                              <p\r\n                                                className=\"message-content\"\r\n                                                name=\"Popmsg\"\r\n                                                // style={{\r\n                                                //   wordWrap: \"break-word\",\r\n                                                // }}\r\n                                              >\r\n                                                {message.message}\r\n                                              </p>\r\n                                              <br />\r\n                                              <embed\r\n                                                src={message.document_Path}\r\n                                                id=\"Gstiframe\"\r\n                                                title=\"\"\r\n                                                scrolling=\"no\"\r\n                                                target=\"_blank\"\r\n                                                style={{\r\n                                                  width: \"100px\",\r\n                                                  height: \"100px\",\r\n                                                  pointerEvents: \"none\",\r\n                                                }}\r\n                                              ></embed>\r\n                                            </div>\r\n                                          ) : (\r\n                                            <div>\r\n                                              <p\r\n                                                className=\"message-content\"\r\n                                                name=\"Popmsg\"\r\n                                                // style={{\r\n                                                //   wordWrap: \"break-word\",\r\n                                                // }}\r\n                                              >\r\n                                                {message.message}\r\n                                              </p>\r\n                                              <br />\r\n\r\n                                              <div>\r\n                                                <img\r\n                                                  alt=\"chatimg\"\r\n                                                  width=\"80\"\r\n                                                  height=\"80\"\r\n                                                  src={message.picture_Path}\r\n                                                  style={{ width: \"inherit\" }}\r\n                                                />\r\n                                              </div>\r\n                                            </div>\r\n                                          )}\r\n                                        </>\r\n                                      )}\r\n                                    </>\r\n                                  )}\r\n                                  <br />\r\n                                  <div className=\"message-timestamp-right\">\r\n                                    <TimeAgo\r\n                                      date={message.createDateTime}\r\n                                      live={true}\r\n                                      format={(value, unit, suffix) => {\r\n                                        if (unit === \"second\") {\r\n                                          // Custom formatting for seconds\r\n                                          return `${value} seconds ago`;\r\n                                        }\r\n\r\n                                        // Default formatting for other units\r\n                                        return `${value} ${unit}${suffix}`;\r\n                                      }}\r\n                                      locale=\"en-US\"\r\n                                      style={{ color: \"gray\" }}\r\n                                    />\r\n                                  </div>\r\n                                </div>\r\n                              );\r\n                            })}\r\n                            <div ref={this.myRef} />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div id=\"Chat-Input-outer\">\r\n                      <div\r\n                        className=\"chat-footer b-t-muted\"\r\n                        style={{ backgroundColor: \"white\" }}\r\n                      >\r\n                        <div\r\n                          className=\"input-group write-msg\"\r\n                          id=\"Chat-input\"\r\n                          style={{\r\n                            border: \"1px solid #bfbfbe\",\r\n                            padding: \"2px 2px\",\r\n                          }}\r\n                        >\r\n                          {/* <input\r\n                          type=\"text\"\r\n                          className=\"form-control input-value\"\r\n                          placeholder=\"Type a Message\"\r\n                          name=\"Message\"\r\n                        ></input> */}\r\n                          <input\r\n                            type=\"text\"\r\n                            className=\"form-control input-value\"\r\n                            placeholder=\"Type a Message\"\r\n                            name=\"Message\"\r\n                            value={this.state.message}\r\n                            onChange={this.handleTextChange}\r\n                            onKeyPress={this.handleKeyPress}\r\n                            style={{ border: \"none\" }}\r\n                          ></input>\r\n                          {/* {this.state.picture_Path && (\r\n                            <div>\r\n                              {this.state.picture_Path.type.startsWith(\r\n                                \"image/\"\r\n                              ) && (\r\n                                <img\r\n                                  style={{ width: \"5vh\", height: \"5vh\" }}\r\n                                  src={URL.createObjectURL(\r\n                                    this.state.picture_Path\r\n                                  )}\r\n                                  alt=\"Uploaded Image\"\r\n                                />\r\n                              )} */}\r\n                          {/* {this.state.file.type.startsWith('video/') && (\r\n              <video controls>\r\n                <source src={URL.createObjectURL(this.state.file)} type={this.state.file.type} />\r\n                Your browser does not support the video tag.\r\n              </video>\r\n            )} */}\r\n                          {/* {this.state.picture_Path.type.startsWith(\r\n                                \"application/pdf\"\r\n                              ) && (\r\n                                <embed\r\n                                  src={URL.createObjectURL(\r\n                                    this.state.picture_Path\r\n                                  )}\r\n                                  width=\"50\"\r\n                                  height=\"35\"\r\n                                  type=\"application/pdf\"\r\n                                />\r\n                              )} */}\r\n                          {/* {this.state.picture_Path.type.startsWith(\r\n                                \"application/msword\"\r\n                              ) && (\r\n                                <iframe\r\n                                  src={`https://docs.google.com/gview?url=${URL.createObjectURL(\r\n                                    this.state.picture_Path\r\n                                  )}&embedded=true`}\r\n                                  width=\"50\"\r\n                                  height=\"35\"\r\n                                ></iframe>\r\n                              )} */}\r\n                          {/* </div>\r\n                          )} */}\r\n                          {picture_Path && (\r\n                            <div>\r\n                              <img\r\n                                src={URL.createObjectURL(picture_Path)}\r\n                                alt=\"Preview\"\r\n                                style={{ width: \"5vh\", height: \"5vh\" }}\r\n                              />\r\n                            </div>\r\n                          )}\r\n                          {document_Path && (\r\n                            <div>\r\n                              {/* <h4>Preview Document:</h4> */}\r\n                              {document_Path.type ===\r\n                              \"application/pdf/msword\" ? (\r\n                                <embed\r\n                                  src={URL.createObjectURL(document_Path)}\r\n                                  width=\"50\"\r\n                                  height=\"60\"\r\n                                  type=\"application/pdf/msword\"\r\n                                />\r\n                              ) : (\r\n                                <p>{document_Path.name}</p>\r\n                                // <p></p>\r\n                              )}\r\n                            </div>\r\n                          )}\r\n                          <input\r\n                            type=\"hidden\"\r\n                            name=\"UserName\"\r\n                            defaultValue={this.props.values.email}\r\n                          />\r\n                          <span\r\n                            className=\"fa fa-smile-o\"\r\n                            aria-hidden=\"true\"\r\n                            style={{ marginTop: \"10px\", fontSize: \"18px\" }}\r\n                            onClick={this.myEmoji}\r\n                          ></span>\r\n                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                          {/* <input\r\n                          type=\"file\"\r\n                          id=\"file\"\r\n                          name=\"Picture_Path\"\r\n                          onFocus={(e) => (e.target.type = \"file\")}\r\n                          style={{ display: \"none\" }}\r\n                        /> */}\r\n                          {showEmoji && (\r\n                            <div\r\n                              style={{\r\n                                position: \"absolute\",\r\n                                top: \"-450px\",\r\n                                marginLeft: \"300px\",\r\n                              }}\r\n                            >\r\n                              <Picker onEmojiClick={this.handleEmojiClick} />\r\n                            </div>\r\n                          )}\r\n                          {/* <input\r\n                          type=\"file\"\r\n                          id=\"file\"\r\n                          name=\"Picture_Path\"\r\n                          onFocus={(e) => (e.target.type = \"file\")}\r\n                          style={{ display: \"none\" }}\r\n                        /> */}\r\n                          <input\r\n                            type=\"file\"\r\n                            id=\"file\"\r\n                            name=\"Picture_Path\"\r\n                            accept=\"image/*\"\r\n                            // onChange={this.handleInputChange}\r\n                            // onChange={this.handleImageUpload}\r\n                            onChange={this.handleFileChange}\r\n                            onFocus={(e) => (e.target.type = \"file\")}\r\n                            style={{ display: \"none\" }}\r\n                          />\r\n                          <label htmlFor=\"file\" style={{ marginTop: \"8px\" }}>\r\n                            <span className=\"fa fa-picture-o\"> </span>\r\n                          </label>\r\n                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                          <input\r\n                            type=\"file\"\r\n                            id=\"files\"\r\n                            name=\"Document_Path\"\r\n                            onChange={this.handleDocumentChange}\r\n                            accept=\"application/pdf,application/msword\"\r\n                            onFocus={(e) => (e.target.type = \"file\")}\r\n                            style={{ display: \"none\" }}\r\n                          />\r\n                          <label htmlFor=\"files\" style={{ marginTop: \"8px\" }}>\r\n                            <span className=\"fa fa-file\"> </span>\r\n                          </label>\r\n                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                          <span className=\"input-group-btn\">\r\n                            <button\r\n                              id=\"paper-btn\"\r\n                              className=\"btn btn-secondary\"\r\n                              type=\"submit\"\r\n                              style={{\r\n                                border: \"none\",\r\n                                background: \"#ffffff\",\r\n                                color: \"#5035ce\",\r\n                              }}\r\n                            >\r\n                              <i className=\"icofont icofont-paper-plane\"></i>\r\n                            </button>\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </li>\r\n              </ul>\r\n            </form>\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport SuccessPopup1 from \"../../Common/SuccessPopup1\";\r\nimport UserChatPopUp from \"../../Common/UserChatPopUp\";\r\nimport UsertoUserPopUp from \"../../Common/UsertoUserPopup\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class EntityListUser extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      UserList: [],\r\n      AdminList: [],\r\n      AllUserList: [],\r\n      AllAdminList: [],\r\n      Team: [],\r\n      Teams: [],\r\n      showing: true,\r\n      profile: [],\r\n      EditSkillModel: false,\r\n      EditSkillModelA: false,\r\n      EditSkillValues: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      User: [],\r\n      Alluser: [],\r\n      AddSkillModel: false,\r\n    };\r\n    this.initialState = this.state; // this.handleContentClick = this.handleContentClick.bind(this);\r\n  }\r\n\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/status1`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ User: data, Alluser: data });\r\n        // console.log(\"user data\", data);\r\n      });\r\n  }\r\n  AddSkillModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n\r\n    this.setState((prevState) => ({\r\n      AddSkillModel: !prevState.AddSkillModel,\r\n    }));\r\n  };\r\n  EditSkillModel = (e, fn, em) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"AddSkills\")) {\r\n      var checkboxes = document.getElementsByName(\"AddSkills\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        firstName: fn,\r\n\r\n        email: em,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModel: !prevState.EditSkillModel,\r\n    }));\r\n    //   this.GetAddSkill();\r\n  };\r\n\r\n  EditSkillModelA = (e, fn, em) => {\r\n    this.setState({\r\n      EditSkillValues: {\r\n        id: e,\r\n        firstName: fn,\r\n\r\n        email: em,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditSkillModelA: !prevState.EditSkillModelA,\r\n    }));\r\n    //   this.GetAddSkill();\r\n  };\r\n\r\n  GetUserList() {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(`${BASE_URLs}/UserBank/GetAdminUser`, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          UserList: data,\r\n          AllUserList: data,\r\n        });\r\n\r\n        // console.log(\"New\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetAdminList() {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(`${BASE_URLs}/UserBank/GetAdminOnly`, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          AdminList: data,\r\n          AllAdminList: data,\r\n        });\r\n\r\n        // console.log(\"Admin\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n  LastChatModel = () => {\r\n    this.setState((prevState) => ({\r\n      LastChatModel: !prevState.LastChatModel,\r\n    }));\r\n  };\r\n  myFunction = (e) => {\r\n    const UserList = this.state.AllUserList.filter(\r\n      (item) =>\r\n        item.firstName.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ UserList });\r\n\r\n    const AdminList = this.state.AllAdminList.filter(\r\n      (item) =>\r\n        item.name.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.email.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ AdminList });\r\n  };\r\n\r\n  OATSearch = (e) => {\r\n    const User = this.state.Alluser.filter((item) =>\r\n      item.personname.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ User });\r\n  };\r\n  AutoCaps(e) {\r\n    let value =\r\n      e.target.value.charAt(0).toUpperCase() + e.target.value.slice(1);\r\n    e.target.value = value;\r\n  }\r\n\r\n  TeamUser() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeam`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Team: data,\r\n          Teams: data,\r\n        });\r\n        // console.log(\"hess\", data);\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetUserList();\r\n    this.GetAdminList();\r\n    this.UserOrg();\r\n    this.TeamUser();\r\n  }\r\n  handleButtonClick1 = () => {\r\n    this.setState((prevState) => ({\r\n      isButton2Visible: !prevState.isButton2Visible,\r\n      isButton1Visible: true,\r\n    }));\r\n    document.getElementById(\"EntityListUser\").style.display = \"none\";\r\n    if (this.state.LastChatModel) {\r\n      // alert(\"hai\")\r\n      document.getElementById(\"Chat-MainA\").style.marginTop = \"6vh\";\r\n    }\r\n  };\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { UserList, User, Team, AdminList } = this.state;\r\n\r\n    return (\r\n      <>\r\n        <div>\r\n          {this.state.EditSkillModel ? (\r\n            <div className=\"row\">\r\n              <div className=\"col-lg-6\">\r\n                <UsertoUserPopUp\r\n                  values={this.state.EditSkillValues}\r\n                  close={() => this.EditSkillModel()}\r\n                />\r\n              </div>\r\n            </div>\r\n          ) : null}\r\n          {this.state.EditSkillModelA ? (\r\n            <UserChatPopUp\r\n              id=\"\"\r\n              values={this.state.EditSkillValues}\r\n              close={() => this.EditSkillModelA()}\r\n            />\r\n          ) : null}\r\n\r\n          <div className=\"pcoded-content\">\r\n            <div className=\"pcoded-inner-content\" id=\"EntityListUser\">\r\n              <div className=\"main-body chat-bg\">\r\n                <div className=\"\">\r\n                  <div id=\"\" className=\"\">\r\n                    <div className=\"page-body\">\r\n                      <div className=\"row\">\r\n                        <div className=\"chat-box\">\r\n                          <div id=\"sidebar\" className=\"users p-chat-user\">\r\n                            <div className=\"had-container\">\r\n                              <div\r\n                                className=\"card card_main p-fixed users-main \"\r\n                                style={{ overflow: \"scroll\" }}\r\n                              >\r\n                                <div className=\"user-box\">\r\n                                  <div id=\"tsum-tabs\">\r\n                                    <main id=\"maintab\">\r\n                                      <input\r\n                                        id=\"tab1\"\r\n                                        type=\"radio\"\r\n                                        name=\"tabs\"\r\n                                        defaultChecked\r\n                                      />\r\n                                      <label\r\n                                        id=\"supertab\"\r\n                                        className=\"j-tabs-label\"\r\n                                        htmlFor=\"tab1\"\r\n                                        title=\"In Entity\"\r\n                                        color=\"white\"\r\n                                      >\r\n                                        In Entity\r\n                                      </label>\r\n\r\n                                      <input\r\n                                        id=\"tab2\"\r\n                                        type=\"radio\"\r\n                                        name=\"tabs\"\r\n                                      />\r\n                                      <label\r\n                                        id=\"activetab\"\r\n                                        className=\"j-tabs-label\"\r\n                                        htmlFor=\"tab2\"\r\n                                        title=\"In OAT\"\r\n                                        color=\"white\"\r\n                                      >\r\n                                        In OAT\r\n                                      </label>\r\n\r\n                                      <div\r\n                                        id=\"tabs-section-1\"\r\n                                        className=\"j-tabs-section\"\r\n                                      >\r\n                                        <div className=\"right-icon-control\">\r\n                                          <input\r\n                                            type=\"text\"\r\n                                            className=\"form-control  search-text\"\r\n                                            placeholder=\"Search Friend\"\r\n                                            onChange={this.myFunction}\r\n                                          />\r\n                                          <div className=\"form-icon\">\r\n                                            <i className=\"icofont icofont-search\"></i>\r\n                                          </div>\r\n                                        </div>\r\n                                        <br />\r\n                                        <>\r\n                                          {UserList.map((UserList, e) => (\r\n                                            <>\r\n                                              <div\r\n                                                className=\"media userlist-box\"\r\n                                                data-id=\"1\"\r\n                                                data-status=\"online\"\r\n                                                data-toggle=\"tooltip\"\r\n                                                data-placement=\"left\"\r\n                                                key={\r\n                                                  (UserList.id,\r\n                                                  UserList.usermsgId)\r\n                                                }\r\n                                                onClick={(e) => {\r\n                                                  e.preventDefault();\r\n                                                  this.EditSkillModel(\r\n                                                    UserList.id,\r\n                                                    UserList.firstName,\r\n\r\n                                                    UserList.email\r\n                                                  );\r\n                                                  this.handleButtonClick1();\r\n                                                  this.LastChatModel();\r\n                                                }}\r\n                                              >\r\n                                                <a className=\"media-left\">\r\n                                                  <img\r\n                                                    className=\"media-object img-circle\"\r\n                                                    src=\"assets/images/avatar-1.png\"\r\n                                                    alt=\"Generic placeholder image\"\r\n                                                  />\r\n                                                </a>\r\n                                                <div\r\n                                                  className=\"media-body\"\r\n                                                  style={{\r\n                                                    textAlign: \"initial\",\r\n                                                  }}\r\n                                                >\r\n                                                  <div className=\"f-13 chat-header\">\r\n                                                    {\" \"}\r\n                                                    {/* <span style={{ color: \"Gray\" }}>{Announcement.teamId}</span>&nbsp; */}\r\n                                                    <span\r\n                                                      style={{\r\n                                                        color: \"black\",\r\n                                                        whiteSpace: \"nowrap\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {UserList.firstName}\r\n                                                    </span>\r\n                                                    {/* <br />\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"Gray\",\r\n                                                            whiteSpace:\r\n                                                              \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          \r\n                                                        </span> */}\r\n                                                    <br />\r\n                                                    <span\r\n                                                      style={{\r\n                                                        color: \"Gray\",\r\n                                                        whiteSpace: \"nowrap\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {UserList.email}\r\n                                                    </span>\r\n                                                  </div>\r\n                                                </div>\r\n                                              </div>\r\n                                            </>\r\n                                          ))}\r\n                                          {AdminList.map((AdminList, e) => (\r\n                                            <>\r\n                                              <div\r\n                                                className=\"media userlist-box\"\r\n                                                data-id=\"1\"\r\n                                                data-status=\"online\"\r\n                                                data-toggle=\"tooltip\"\r\n                                                data-placement=\"left\"\r\n                                                key={AdminList.id}\r\n                                                onClick={(e) => {\r\n                                                  e.preventDefault();\r\n                                                  this.EditSkillModelA(\r\n                                                    AdminList.id,\r\n                                                    AdminList.name,\r\n                                                    AdminList.email\r\n                                                  );\r\n                                                  this.handleButtonClick1();\r\n                                                  this.LastChatModel();\r\n                                                }}\r\n                                              >\r\n                                                <a className=\"media-left\">\r\n                                                  <img\r\n                                                    className=\"media-object img-circle\"\r\n                                                    src=\"assets/images/avatar-1.png\"\r\n                                                    alt=\"Generic placeholder image\"\r\n                                                  />\r\n                                                </a>\r\n                                                <div\r\n                                                  className=\"media-body\"\r\n                                                  style={{\r\n                                                    textAlign: \"initial\",\r\n                                                  }}\r\n                                                >\r\n                                                  <div className=\"f-13 chat-header\">\r\n                                                    {\" \"}\r\n                                                    {/* <span style={{ color: \"Gray\" }}>{Announcement.teamId}</span>&nbsp; */}\r\n                                                    <span\r\n                                                      style={{\r\n                                                        color: \"black\",\r\n                                                        whiteSpace: \"nowrap\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {AdminList.name}\r\n                                                    </span>\r\n                                                    {/* <br />\r\n                                                        <span\r\n                                                          style={{\r\n                                                            color: \"Gray\",\r\n                                                            whiteSpace:\r\n                                                              \"nowrap\",\r\n                                                          }}\r\n                                                        >\r\n                                                          \r\n                                                        </span> */}\r\n                                                    <br />\r\n                                                    <span\r\n                                                      style={{\r\n                                                        color: \"Gray\",\r\n                                                        whiteSpace: \"nowrap\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {AdminList.email}\r\n                                                    </span>\r\n                                                  </div>\r\n                                                </div>\r\n                                              </div>\r\n                                            </>\r\n                                          ))}{\" \"}\r\n                                          <br />\r\n                                        </>\r\n                                      </div>\r\n\r\n                                      <div\r\n                                        id=\"tabs-section-2\"\r\n                                        className=\"j-tabs-section\"\r\n                                      >\r\n                                        <div className=\"right-icon-control\">\r\n                                          <input\r\n                                            type=\"text\"\r\n                                            className=\"form-control  search-text\"\r\n                                            placeholder=\"Search Friend\"\r\n                                            onChange={this.OATSearch}\r\n                                          />\r\n                                          <div className=\"form-icon\">\r\n                                            <i className=\"icofont icofont-search\"></i>\r\n                                          </div>\r\n                                        </div>\r\n                                        <br />\r\n                                        {User.map((user) => (\r\n                                          <div\r\n                                            className=\"media userlist-box\"\r\n                                            data-id=\"2\"\r\n                                            data-status=\"online\"\r\n                                            data-username=\"Josephin Doe\"\r\n                                            data-toggle=\"tooltip\"\r\n                                            data-placement=\"left\"\r\n                                            title=\"Josephin Doe\"\r\n                                            // onClick={(e) => {\r\n                                            //   e.preventDefault();\r\n                                            //   this.EditSkillModel(\r\n                                            //     UserList.id,\r\n                                            //     UserList.firstName,\r\n                                            //     UserList.allmessage,\r\n                                            //     UserList.usermsgId,\r\n                                            //     UserList.receivemsg,\r\n                                            //     UserList.email,\r\n                                            //     UserList.displayName\r\n                                            //   );\r\n                                            //   this.handleButtonClick1();\r\n                                            //   this.LastChatModel();\r\n                                            // }}\r\n                                            onClick={() => {\r\n                                              this.AddSkillModel();\r\n                                              this.handleButtonClick1();\r\n                                              this.LastChatModel();\r\n                                            }}\r\n                                          >\r\n                                            <a className=\"media-left\">\r\n                                              <img\r\n                                                className=\"media-object img-circle\"\r\n                                                src=\"assets/images/avatar-1.png\"\r\n                                                alt=\"Generic placeholder image\"\r\n                                              />\r\n                                            </a>\r\n                                            <div\r\n                                              className=\"media-body\"\r\n                                              style={{ textAlign: \"initial\" }}\r\n                                            >\r\n                                              <div\r\n                                                className=\"f-13 chat-header\"\r\n                                                style={{ color: \"black\" }}\r\n                                              >\r\n                                                {user.personname}&nbsp;&nbsp;\r\n                                                {user.company_Name}\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        ))}\r\n                                      </div>\r\n                                    </main>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div id=\"styleSelector\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"./Sidebar\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport TimeAgo from \"react-timeago\";\r\nimport Userchating from \"../Screen/User/Userchating\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport EntityListUser from \"../Screen/User/EntityListUser\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport class UserChatPopUp extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.myRef = React.createRef(null);\r\n    this.state = {\r\n      AddSkillModels: false,\r\n      isButton1Visible: true,\r\n      Allmessage: [],\r\n      Usermessage: [],\r\n      Userside: [],\r\n      Receive: [],\r\n      Send: [],\r\n      Team: [],\r\n      Teams: [],\r\n      Popmsg: [],\r\n      ReceivepopMsg: [],\r\n      UserName: [],\r\n      ParticularId: [],\r\n      display: [],\r\n      displayName: [],\r\n      filterDisplayName: \"\",\r\n      createDateTime: new Date(),\r\n      chosenEmoji: null,\r\n      showEmoji: false,\r\n      setShowEmoji: \"\",\r\n      active: false,\r\n      msg: \"\",\r\n      message: \"\",\r\n      picture_Path: null,\r\n      document_Path: null,\r\n      selectedDocumentName: \"\",\r\n    };\r\n    this.handleEmojiClick = this.handleEmojiClick.bind(this);\r\n    this.myEmoji = this.myEmoji.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.AddSkillModels = this.AddSkillModels.bind(this);\r\n  }\r\n  handleFileChange = (event) => {\r\n    this.setState({ picture_Path: event.target.files[0] });\r\n  };\r\n  handleTextChange = (event) => {\r\n    this.setState({ message: event.target.value });\r\n  };\r\n  scrollIntoView() {\r\n    this.myRef.current?.scrollIntoView();\r\n  }\r\n  handleDocumentChange = (event) => {\r\n    const selectedDocument = event.target.files[0];\r\n    this.setState({\r\n      document_Path: selectedDocument,\r\n      selectedDocumentName: selectedDocument.name,\r\n    });\r\n  };\r\n  handleArrowClick() {\r\n    this.AddSkillModels();\r\n    this.props.close();\r\n  }\r\n  // Team() {\r\n  //   const options = {\r\n  //     method: \"GET\",\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //       \"Content-Type\": \"application/json\",\r\n  //       Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n  //     },\r\n  //   };\r\n  //   fetch(`${BASE_URLs}/Team/GetName\", options)\r\n  //     .then((response) => response.json())\r\n  //     .then((data) => {\r\n  //       this.setState({\r\n  //         Team: data,\r\n  //         Teams: data,\r\n  //       });\r\n  //       // console.log(\"UserSide\", data);\r\n  //     });\r\n  // }\r\n\r\n  // GetReceivemsgPop(FirstName) {\r\n  //   const options = {\r\n  //     method: \"GET\",\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //       \"Content-Type\": \"application/json\",\r\n  //       Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n  //     },\r\n  //   };\r\n\r\n  //   fetch(\r\n  //     `${BASE_URLs}/Contact/GetReceivemsgPop?FirstName=\" +\r\n  //       FirstName,\r\n  //     options\r\n  //   )\r\n  //     .then((response) => {\r\n  //       if (!response.ok) {\r\n  //         throw new Error(\"Error: \" + response.status);\r\n  //       }\r\n  //       return response.json();\r\n  //     })\r\n  //     .then((data) => {\r\n  //       this.setState({\r\n  //         ReceivepopMsg: data,\r\n  //       });\r\n  //       // console.log(\"ReceivepopMsg\", data);\r\n  //     })\r\n  //     .catch((error) => {\r\n  //       console.error(\"Error fetching user messages:\", error);\r\n  //     });\r\n  // }\r\n  myEmoji = () => {\r\n    const changeState = this.state.showEmoji;\r\n    if (changeState) {\r\n      this.setState({\r\n        showEmoji: false,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        showEmoji: true,\r\n      });\r\n    }\r\n  };\r\n  handleEmojiClick = (emojiObject) => {\r\n    this.setState((prevState) => ({\r\n      message: prevState.message + emojiObject.emoji,\r\n      showEmoji: false,\r\n    }));\r\n  };\r\n  GetUserChatPop(User_Name) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/contact/GetUserName?UserId` + User_Name, options)\r\n      .then((response) => {\r\n        if (!response.ok) {\r\n          throw new Error(\"Error: \" + response.status);\r\n        }\r\n        return response.json();\r\n      })\r\n      .then((data) => {\r\n        this.setState({\r\n          ReceivepopMsg: data,\r\n        });\r\n        // console.log(\"ReceivepopMsg\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  handleSubmit = (event) => {\r\n    const { message, picture_Path, document_Path } = this.state;\r\n    if (!message.toString().trim() && !picture_Path && !document_Path) {\r\n      alert(\"Please enter a message, select an image, or choose a document.\");\r\n    } else {\r\n      event.preventDefault();\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Contact/Receiversend`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((data) => {\r\n          event.target.reset();\r\n          this.GetUserside();\r\n          this.GetMessageAll();\r\n          this.GetSendAll();\r\n          this.setState({\r\n            message: \"\",\r\n            picture_Path: null,\r\n            document_Path: null,\r\n          });\r\n        });\r\n\r\n      // document.getElementById(\"contactForm\").reset();\r\n\r\n      // {\r\n      //   // this.GetmsgPop();\r\n      //   this.GetUserside();\r\n      //   this.GetMessageAll();\r\n      // }\r\n    }\r\n  };\r\n\r\n  GetUsermsg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/Contact/GetUsermsg`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Usermessage: data,\r\n        });\r\n        // console.log(\"UserMessage\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  GetMessageAll(ParticularId) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n\r\n    fetch(\r\n      `${BASE_URLs}/Contact/GetmsgUser?ParticularId=` + ParticularId,\r\n      options\r\n    )\r\n      .then((response) => {\r\n        if (!response.ok) {\r\n          throw new Error(\"Error: \" + response.status);\r\n        }\r\n        return response.json();\r\n      })\r\n      .then((data) => {\r\n        this.setState({\r\n          Receive: data,\r\n        });\r\n        // console.log(\"Receives\", data);\r\n        // console.log(\"DisplayName\", data[0].displayName);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  fetchData = async (ParticularId) => {\r\n    const { display } = this.state;\r\n    let url = `${BASE_URLs}/Contact/GetmsgUser?ParticularId=` + ParticularId;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    const reqData = await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer\" + accessToken,\r\n        \"Content-Type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Origin\": \"Access-Control-Request-Headers\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    });\r\n\r\n    const resData = await reqData.json();\r\n    for (let i = 0; i < resData.length; i++) {\r\n      display.push(resData[i].displayName);\r\n      // console.log(resData[i].displayName);\r\n    }\r\n\r\n    const filteredArray = display.filter((value, index, array) => {\r\n      return array.indexOf(value) == index;\r\n    });\r\n    this.setState({ filterDisplayName: filteredArray[0] });\r\n  };\r\n\r\n  GetSendAll(SenderId) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.getItem(\"user\"))}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/Contact/GetsendmsgUser?SenderId=` + SenderId, options)\r\n      .then((response) => {\r\n        if (!response.ok) {\r\n          throw new Error(\"Error: \" + response.status);\r\n        }\r\n        return response.json();\r\n      })\r\n      .then((data) => {\r\n        this.setState({\r\n          Send: data,\r\n        });\r\n        // console.log(\"Receiver\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  GetUserside(Email) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/Contact/Getuserside?Email=` + Email, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Userside: data,\r\n        });\r\n        // console.log(\"Usersidemessage\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  GetDisplayName(Display) {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/contact/GetUserName?DisplayName=` + Display, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Name: data,\r\n        });\r\n        // console.log(\"Name\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error fetching user messages:\", error);\r\n      });\r\n  }\r\n\r\n  AddSkillModels() {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    this.setState((prevState) => ({\r\n      AddSkillModel: !prevState.AddSkillModel,\r\n    }));\r\n  }\r\n\r\n  handleButton1Click = () => {\r\n    this.setState({\r\n      isButton1Visible: false,\r\n    });\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetUserside();\r\n    this.GetUsermsg();\r\n    // this.GetReceivemsgPop();\r\n    this.GetUserChatPop();\r\n    this.GetMessageAll();\r\n    this.fetchData();\r\n    // this.GetUser();\r\n    this.GetSendAll();\r\n    this.GetDisplayName();\r\n    this.timerID = setInterval(() => {\r\n      this.setState({ createDateTime: new Date() });\r\n    }, 1000);\r\n    // this.Team();\r\n    this.setState({ active: true });\r\n    this.scrollIntoView();\r\n  }\r\n  componentDidUpdate() {\r\n    this.scrollIntoView();\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    // Clear the interval when the component is unmounted\r\n    clearInterval(this.timerID);\r\n  }\r\n\r\n  // handleChange = () => {\r\n  //   this.setState({ display: [] });\r\n  // };\r\n\r\n  render() {\r\n    const {\r\n      Message,\r\n      Allmessage,\r\n      Usermessage,\r\n      Userside,\r\n      Receive,\r\n      Send,\r\n      isButton1Visible,\r\n      filterDisplayName,\r\n      displayName,\r\n      firstName,\r\n      Team,\r\n      Teams,\r\n      picture_Path,\r\n      document_Path,\r\n      selectedDocumentName,\r\n      showEmoji,\r\n    } = this.state;\r\n    const messages = [...Receive, ...Send];\r\n\r\n    messages.sort(\r\n      (a, b) => new Date(a.createDateTime) - new Date(b.createDateTime)\r\n    );\r\n    // var user = JSON.parse(localStorage.username);\r\n\r\n    return (\r\n      <>\r\n        {this.state.AddSkillModel ? (\r\n          <EntityListUser id=\"\" close={() => this.AddSkillModels()} />\r\n        ) : null}\r\n        <div>\r\n          <SideBar active={window.location.pathname} />\r\n          {isButton1Visible && (\r\n            <div\r\n              className=\"pop\"\r\n              style={{ backgroundColor: \"transparent\", marginLeft: \"28%\" }}\r\n            >\r\n              <form\r\n                id=\"contactForm\"\r\n                autoComplete=\"off\"\r\n                encType=\"multipart/form-data\"\r\n                onSubmit={this.handleSubmit}\r\n                // onChange={this.handleChange}\r\n              >\r\n                <ul className=\"text-right boxs\">\r\n                  <li\r\n                    className=\"chat-single-box card-shadow bg-white active\"\r\n                    data-id=\"1\"\r\n                    style={{ marginTop: \"-146px\" }}\r\n                  >\r\n                    <div className=\"had-container\">\r\n                      <div\r\n                        className=\"chat-header p-10 bg-gray\"\r\n                        style={{ backgroundColor: \"#7666f0b8\" }}\r\n                      >\r\n                        <div className=\"user-info d-inline-block f-left\">\r\n                          <div\r\n                            className=\"Namepass\"\r\n                            style={{ marginTop: \"-10px\" }}\r\n                          >\r\n                            <input type=\"hidden\" name=\"Id\" />\r\n                            <span className=\"userNames\">\r\n                              <a href=\"javascript:void(0);\" title=\"Me\">\r\n                                <img\r\n                                  src=\"assets/images/avatar-1.png\"\r\n                                  className=\"img-circle img-chat-profile\"\r\n                                  alt=\"Me\"\r\n                                  onChange={this.fetchData}\r\n                                />\r\n                                &nbsp;&nbsp;{filterDisplayName}\r\n                              </a>\r\n                            </span>\r\n                          </div>\r\n                        </div>\r\n                        <div className=\"box-tools d-inline-block\">\r\n                          <button\r\n                            id=\"close\"\r\n                            style={{\r\n                              float: \"right\",\r\n                              backgroundColor: \"#a0a3a305\",\r\n                              color: \"#797070\",\r\n                              border: \"1px solid #a3a5a505\",\r\n                            }}\r\n                            onClick={this.props.close}\r\n                          >\r\n                            <CloseIcon />\r\n                          </button>\r\n                        </div>\r\n                      </div>\r\n                      <div\r\n                        className=\"chat-body p-10\"\r\n                        style={{ overflow: \"scroll\", height: \"493px\" }}\r\n                      >\r\n                        <div className=\"message-scrooler\">\r\n                          <div className=\"messages\">\r\n                            <div\r\n                              className=\"containers\"\r\n                              style={{ width: \"87vh\" }}\r\n                            >\r\n                              {messages.map((message, index) => {\r\n                                const isSender = Send.includes(message);\r\n\r\n                                return (\r\n                                  <div\r\n                                    className={`message-${\r\n                                      isSender ? \"orange\" : \"blue\"\r\n                                    }`}\r\n                                    key={index}\r\n                                    style={{ height: \"auto\" }}\r\n                                  >\r\n                                    {/* <p className=\"message-content\" name=\"Popmsg\">\r\n                                  {message.message}\r\n                                </p> */}\r\n                                    {message.picture_Path === \"-\" &&\r\n                                    message.document_Path === \"-\" ? (\r\n                                      <p\r\n                                        className=\"message-content\"\r\n                                        name=\"Popmsg\"\r\n                                        style={{ wordWrap: \"break-word\" }}\r\n                                      >\r\n                                        {message.message}\r\n                                      </p>\r\n                                    ) : (\r\n                                      <>\r\n                                        {message.picture_Path !== \"-\" &&\r\n                                        message.document_Path !== \"-\" ? (\r\n                                          <div>\r\n                                            <div>\r\n                                              <p\r\n                                                className=\"message-content\"\r\n                                                name=\"Popmsg\"\r\n                                              >\r\n                                                {message.message}\r\n                                              </p>\r\n\r\n                                              <br />\r\n\r\n                                              <div>\r\n                                                <img\r\n                                                  alt=\"chatimg\"\r\n                                                  width=\"80\"\r\n                                                  height=\"80\"\r\n                                                  src={message.picture_Path}\r\n                                                  style={{ width: \"inherit\" }}\r\n                                                />\r\n                                              </div>\r\n                                              <div>\r\n                                                <embed\r\n                                                  src={message.document_Path}\r\n                                                  id=\"Gstiframe\"\r\n                                                  title=\"\"\r\n                                                  scrolling=\"no\"\r\n                                                  target=\"_blank\"\r\n                                                  style={{\r\n                                                    width: \"100px\",\r\n                                                    height: \"100px\",\r\n                                                    pointerEvents: \"none\",\r\n                                                  }}\r\n                                                ></embed>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        ) : (\r\n                                          <>\r\n                                            {message.picture_Path === \"-\" &&\r\n                                            message.document_Path !== \"-\" ? (\r\n                                              <div>\r\n                                                <p\r\n                                                  className=\"message-content\"\r\n                                                  name=\"Popmsg\"\r\n                                                  style={{\r\n                                                    wordWrap: \"break-word\",\r\n                                                  }}\r\n                                                >\r\n                                                  {message.message}\r\n                                                </p>\r\n                                                <br />\r\n                                                <embed\r\n                                                  src={message.document_Path}\r\n                                                  id=\"Gstiframe\"\r\n                                                  title=\"\"\r\n                                                  scrolling=\"no\"\r\n                                                  target=\"_blank\"\r\n                                                  style={{\r\n                                                    width: \"100px\",\r\n                                                    height: \"100px\",\r\n                                                    pointerEvents: \"none\",\r\n                                                  }}\r\n                                                ></embed>\r\n                                              </div>\r\n                                            ) : (\r\n                                              <div>\r\n                                                <p\r\n                                                  className=\"message-content\"\r\n                                                  name=\"Popmsg\"\r\n                                                  style={{\r\n                                                    wordWrap: \"break-word\",\r\n                                                  }}\r\n                                                >\r\n                                                  {message.message}\r\n                                                </p>\r\n                                                <br />\r\n\r\n                                                <div>\r\n                                                  <img\r\n                                                    alt=\"chatimg\"\r\n                                                    width=\"80\"\r\n                                                    height=\"80\"\r\n                                                    src={message.picture_Path}\r\n                                                    style={{ width: \"inherit\" }}\r\n                                                  />\r\n                                                </div>\r\n                                              </div>\r\n                                            )}\r\n                                          </>\r\n                                        )}\r\n                                      </>\r\n                                    )}\r\n                                    <br />\r\n                                    <div className=\"message-timestamp-right\">\r\n                                      <TimeAgo\r\n                                        date={message.createDateTime}\r\n                                        live={true}\r\n                                        format={(value, unit, suffix) => {\r\n                                          if (unit === \"second\") {\r\n                                            // Custom formatting for seconds\r\n                                            return `${value} seconds ago`;\r\n                                          }\r\n\r\n                                          // Default formatting for other units\r\n                                          return `${value} ${unit}${suffix}`;\r\n                                        }}\r\n                                        locale=\"en-US\"\r\n                                        style={{ color: \"gray\" }}\r\n                                      />\r\n                                    </div>\r\n                                  </div>\r\n                                );\r\n                              })}\r\n                              <div ref={this.myRef} />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div\r\n                        className=\"chat-footer b-t-muted\"\r\n                        style={{ backgroundColor: \"white\" }}\r\n                      >\r\n                        <div className=\"input-group write-msg\">\r\n                          <input\r\n                            type=\"text\"\r\n                            className=\"form-control input-value\"\r\n                            placeholder=\"Type a Message\"\r\n                            name=\"Message\"\r\n                            value={this.state.message}\r\n                            // onChange={this.handleTextChange}\r\n                            onChange={this.handleTextChange}\r\n                          />\r\n                          <input\r\n                            type=\"hidden\"\r\n                            name=\"UserName\"\r\n                            defaultValue={this.props.values.email}\r\n                          />\r\n                          {picture_Path && (\r\n                            <div>\r\n                              <img\r\n                                src={URL.createObjectURL(picture_Path)}\r\n                                alt=\"Preview\"\r\n                                style={{ width: \"5vh\", height: \"5vh\" }}\r\n                              />\r\n                            </div>\r\n                          )}\r\n                          {document_Path && (\r\n                            <div>\r\n                              {/* <h4>Preview Document:</h4> */}\r\n                              {document_Path.type ===\r\n                              \"application/pdf/msword\" ? (\r\n                                <embed\r\n                                  src={URL.createObjectURL(document_Path)}\r\n                                  width=\"50\"\r\n                                  height=\"60\"\r\n                                  type=\"application/pdf/msword\"\r\n                                />\r\n                              ) : (\r\n                                <p>{document_Path.name}</p>\r\n                                // <p></p>\r\n                              )}\r\n                            </div>\r\n                          )}\r\n                          <input type=\"hidden\" name=\"ReceiversId\" />\r\n                          <span\r\n                            className=\"fa fa-smile-o\"\r\n                            aria-hidden=\"true\"\r\n                            onClick={this.myEmoji}\r\n                            style={{ marginTop: \"10px\", fontSize: \"18px\" }}\r\n                          ></span>\r\n                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                          {showEmoji && (\r\n                            <div\r\n                              style={{\r\n                                position: \"absolute\",\r\n                                top: \"-450px\",\r\n                                marginLeft: \"300px\",\r\n                              }}\r\n                            >\r\n                              <Picker onEmojiClick={this.handleEmojiClick} />\r\n                            </div>\r\n                          )}\r\n                          <input\r\n                            type=\"file\"\r\n                            id=\"file\"\r\n                            name=\"Picture_Path\"\r\n                            onFocus={(e) => (e.target.type = \"file\")}\r\n                            style={{ display: \"none\" }}\r\n                            onChange={this.handleFileChange}\r\n                          />\r\n                          <label htmlFor=\"file\" style={{ marginTop: \"8px\" }}>\r\n                            <span className=\"fa fa-picture-o\"> </span>\r\n                          </label>\r\n                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                          <input\r\n                            type=\"file\"\r\n                            id=\"files\"\r\n                            name=\"Document_Path\"\r\n                            onChange={this.handleDocumentChange}\r\n                            onFocus={(e) => (e.target.type = \"file\")}\r\n                            style={{ display: \"none\" }}\r\n                          />\r\n                          <label htmlFor=\"files\" style={{ marginTop: \"8px\" }}>\r\n                            <span className=\"fa fa-file\"> </span>\r\n                          </label>\r\n                          &nbsp;&nbsp;&nbsp;&nbsp;\r\n                          <span className=\"input-group-btn\">\r\n                            <button\r\n                              id=\"paper-btn\"\r\n                              className=\"btn btn-secondary\"\r\n                              type=\"submit\"\r\n                            >\r\n                              <i className=\"icofont icofont-paper-plane\"></i>\r\n                            </button>\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </form>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\nexport default UserChatPopUp;\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\n// import AdminSkillPop from '../../Common/AdminSkillPop';\r\nexport default class AdminNotification extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Notify: [],\r\n      Active: [],\r\n      InActive: [],\r\n      Pending: [],\r\n      All: [],\r\n      allNotify: [],\r\n      Notification: [],\r\n      User: [],\r\n      renewel: [],\r\n      CategoryModel: false,\r\n      Unreadcount: \"0\",\r\n      Request: [],\r\n      NoRequest: [],\r\n      Organization: \"\",\r\n      Message: [],\r\n      messages: [],\r\n    };\r\n    this.Noticount = this.Noticount.bind(this);\r\n    this.clickNoticount = this.clickNoticount.bind(this);\r\n  }\r\n\r\n  Noticount = (Id) => {\r\n    fetch(`${BASE_URLs}/Notification/Messagecount`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: true,\r\n        Notification_Id: Id,\r\n      }),\r\n    });\r\n\r\n    this.GetAdNotification();\r\n    if (Id !== null) {\r\n      var page = {\r\n        pathname: \"/Chatbox\",\r\n        state: {\r\n          Id: Id,\r\n        },\r\n      };\r\n\r\n      this.props.history.push(page);\r\n    }\r\n  };\r\n\r\n  clickNoticount = (Id) => {\r\n    fetch(`${BASE_URLs}/Notification/Messagecount`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: 1,\r\n        Notification_Id: Id,\r\n      }),\r\n    });\r\n\r\n    this.GetAdNotification();\r\n    if (Id !== null) {\r\n      var page = {\r\n        pathname: \"/Chatbox\",\r\n        state: {\r\n          Id: Id,\r\n        },\r\n      };\r\n\r\n      this.props.history.push(page);\r\n    }\r\n  };\r\n\r\n  UserOrg() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    fetch(`${BASE_URLs}/AddOrganization/GetOrg`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          User: data,\r\n        });\r\n        // console.log(\"newdata\", data);\r\n      });\r\n  }\r\n\r\n  renewel() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/AddOrganization/Renewel`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ renewel: data });\r\n      });\r\n  }\r\n\r\n  detailData(company_Id) {\r\n    // localStorage.setItem(\"status\",\"Active\")\r\n    var page = {\r\n      pathname: \"/OrganizationDetail\",\r\n      state: {\r\n        Id: company_Id,\r\n        Status: \"Pending\",\r\n      },\r\n    };\r\n\r\n    this.props.history.push(page);\r\n  }\r\n  detailData1(company_Id) {\r\n    localStorage.setItem(\"Id\", company_Id);\r\n    localStorage.setItem(\"status\", \"Inactive\");\r\n  }\r\n\r\n  GetAdNotification() {\r\n    const { Notification } = this.state;\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Notification/GetMessage`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        //  this.setState({ Notification: data[0].message });\r\n\r\n        //  // console.log(data);\r\n        //  // console.log(\"Message\",data);\r\n\r\n        this.setState({\r\n          // Message: data.filter(Tasks => Tasks.Seen === true)\r\n          Message: data,\r\n        });\r\n\r\n        // console.log(data);\r\n        // // console.log(\"NotificationID\",data[0].id);\r\n        // console.log(\"Messages\", this.state.Message);\r\n        //  this.setState({ NotifyCount: data.filter(Tasks => (Tasks.seen === true)).length\r\n        //  });\r\n      });\r\n  }\r\n\r\n  markMessageAsRead = async (id) => {\r\n    await fetch(`${BASE_URLs}/Notification/Msgcount`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Seen: true,\r\n        Id: id,\r\n        Email: \"\",\r\n        Message: \"\",\r\n        SenderId: \"\",\r\n      }),\r\n    });\r\n\r\n    const updatedMessages = this.state.Message.map((message) =>\r\n      message.Id === id ? { ...message, Seen: true } : message\r\n    );\r\n    this.setState({ Message: updatedMessages });\r\n  };\r\n\r\n  // markAsRead = async (id) => {\r\n  //   const {messages} = this.state;\r\n  //   try {\r\n  //     const response = await fetch(`${BASE_URLs}/Notification/Messagecount/${id}`);\r\n  //     if (response.status === 200) {\r\n  //       const updatedMessages = messages.map(message => {\r\n  //         if (message.id === id) {\r\n  //           return { ...message, read: true };\r\n  //         }\r\n  //         return message;\r\n  //       });\r\n  //       this.setState({messages:updatedMessages});\r\n  //     }\r\n  //   } catch (error) {\r\n  //     console.error(error);\r\n  //   }\r\n  // };\r\n\r\n  RedirectSkill() {\r\n    this.props.history.push(\"/MasterSkill\");\r\n  }\r\n  RedirectEdu() {\r\n    this.props.history.push(\"/Education\");\r\n  }\r\n  CategoryModel = () => {\r\n    this.setState((prevState) => ({\r\n      CategoryModel: !prevState.CategoryModel,\r\n    }));\r\n  };\r\n  getCookie(cName) {\r\n    const name = cName + \"=\";\r\n    const cDecoded = decodeURIComponent(document.cookie); //to be careful\r\n    const cArr = cDecoded.split(\"; \");\r\n    let res;\r\n    cArr.forEach((val) => {\r\n      if (val.indexOf(name) === 0) res = val.substring(name.length);\r\n    });\r\n    return res;\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetAdNotification();\r\n    // this.GetallNotify();+\r\n    var crole = this.getCookie(\"\" + JSON.parse(localStorage.uname) + \"role\");\r\n\r\n    var corg = this.getCookie(\r\n      \"\" + JSON.parse(localStorage.uname) + \"organization\"\r\n    );\r\n\r\n    this.setState({\r\n      User: [{ role: crole, organization: parseInt(corg) }],\r\n      Organization: corg,\r\n    });\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  render() {\r\n    const { Notify } = this.state;\r\n    const { Notification, Request, NoRequest, NotifyCount, Message, messages } =\r\n      this.state;\r\n\r\n    return (\r\n      <>\r\n        <SideBar active={window.location.pathname} />\r\n        {/* {this.state.CategoryModel ? <AdminSkillPop id=\"Success\" close={() => this.CategoryModel()} /> : null} */}\r\n        {/* start */}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <h4 className=\"title\">Notifications </h4>\r\n                        </div>\r\n\r\n                        <div\r\n                          className=\"j-tabs-container md-tabs\"\r\n                          style={{ height: \"40vh\", overflow: \"scroll\" }}\r\n                        >\r\n                          <input\r\n                            id=\"tab1\"\r\n                            type=\"radio\"\r\n                            name=\"tabs\"\r\n                            defaultChecked\r\n                          />\r\n                          <label\r\n                            id=\"supertab\"\r\n                            className=\"j-tabs-label\"\r\n                            htmlFor=\"tab1\"\r\n                            title=\"Info\"\r\n                          >\r\n                            {this.state.Message.length === 0 ? (\r\n                              <span>&nbsp;&nbsp;No Message&nbsp;&nbsp;</span>\r\n                            ) : (\r\n                              <span>&nbsp;&nbsp;Message&nbsp;&nbsp;</span>\r\n                            )}\r\n                          </label>\r\n                          <div style={{ overflow: \"scroll\" }}>\r\n                            {this.state.Message.map((message) => (\r\n                              <p\r\n                                key={message.id}\r\n                                onClick={() =>\r\n                                  this.markMessageAsRead(message.id)\r\n                                }\r\n                                style={{ padding: \"5px\", margin: \"5px\" }}\r\n                              >\r\n                                <Link to=\"/Chatbox\">\r\n                                  <span>\r\n                                    You have 1 New Message \"{message.message}\"\r\n                                    from \"{message.firstName}\"\r\n                                  </span>\r\n                                </Link>\r\n                              </p>\r\n                            ))}\r\n                          </div>\r\n\r\n                          {/* <div>\r\n      {messages.map(message => (\r\n        <div key={message.id}>\r\n          <span>{message.message}</span>\r\n          {!message.Seen && (\r\n            <button onClick={() => this.markAsRead(message.id)}>Mark as Read</button>\r\n          )}\r\n        </div>\r\n      ))}\r\n    </div> */}\r\n                          {/* {Notification.map((notify)=>{\r\n    <p>{notify.message}</p>\r\n})} */}\r\n                          {/* <input value={Notification}>{Notification}</input> */}\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* End */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport \"../../Css/Addskills.css\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { Style } from \"@material-ui/icons\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class AddLearning extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Training: [],\r\n      Trainername: [],\r\n      Department: [],\r\n      plainArray: [\"Arul\", \"Vimal\", \"Shaarik\", \"Azar\"],\r\n      objectArray: [\r\n        { key: \"Arul\", id: \"1\" },\r\n        { key: \"Vimal\", id: \"1\" },\r\n        { key: \"Shaarik\", id: \"2\" },\r\n        { key: \"Azar\", id: \"2\" },\r\n      ],\r\n      selectedValues: [\r\n        { key: \"Arul\", id: \"1\" },\r\n        { key: \"Vimal\", id: \"1\" },\r\n      ],\r\n      selectValue: \"\",\r\n      startDate: null,\r\n      endDate: null,\r\n      filteredData: [],\r\n      selectTrainerName: [],\r\n      trainerName: [],\r\n      filteredData: [],\r\n      searchName: [],\r\n    };\r\n    this.myDate = this.myDate.bind(this);\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    this.setState({ selectValue: e.target.value });\r\n  };\r\n\r\n  myDate = () => {\r\n    const startDate = document.getElementById(\"start\").value;\r\n    const duration = document.getElementById(\"duration\").value;\r\n    const Dates = document.getElementById(\"end\").value;\r\n\r\n    if (this.state.selectValue === \"1 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays1(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n\r\n      document.getElementById(\"end\").value = dateFormat;\r\n    } else if (this.state.selectValue === \"2 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays2(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n\r\n      document.getElementById(\"end\").value = dateFormat;\r\n    } else if (this.state.selectValue === \"3 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays3(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n\r\n      document.getElementById(\"end\").value = dateFormat;\r\n    } else if (this.state.selectValue === \"4 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays4(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n      document.getElementById(\"end\").value = dateFormat;\r\n    } else {\r\n      const date = new Date(Dates);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays5(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n      document.getElementById(\"end\").value = dateFormat;\r\n    }\r\n  };\r\n\r\n  addDays1 = (date) => {\r\n    date.setDate(date.getDate() + 7);\r\n    return date;\r\n  };\r\n\r\n  addDays2 = (date) => {\r\n    date.setDate(date.getDate() + 14);\r\n    return date;\r\n  };\r\n  addDays3 = (date) => {\r\n    date.setDate(date.getDate() + 21);\r\n    return date;\r\n  };\r\n  addDays4 = (date) => {\r\n    date.setDate(date.getDate() + 28);\r\n    return date;\r\n  };\r\n  addDays5 = (date) => {\r\n    date.setDate(date.getDate() + this.state.selectValue);\r\n    return date;\r\n  };\r\n\r\n  fetchData = async () => {\r\n    const { selectTrainerName, startDate, endDate } = this.state;\r\n    var PropsDept = this.props.location.state.department;\r\n    let url = `${BASE_URLs}/Learning/Trainers?startDate=${this.state.startDate}&endDate=${this.state.endDate}&department=${PropsDept}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    const reqData = await fetch(url, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer\" + accessToken,\r\n        \"Content-Type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Origin\": \"Access-Control-Request-Headers\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    });\r\n    const resData = await reqData.json();\r\n    for (let i = 0; i < resData.length; i++) {\r\n      selectTrainerName.push(resData[i].trainerName);\r\n      // console.log(resData[i]);\r\n      // console.log(resData[i].trainerName);\r\n    }\r\n    this.setState({\r\n      trainerName: resData,\r\n    });\r\n    // // // this.setState({\r\n    // // //     selectTrainerName: filteredData,\r\n    // // // })\r\n    // // // const filteredData = selectTrainerName.filter((value, index, self) => {\r\n    // // //     return self.find(item => item === value) === index;\r\n    // // // });\r\n\r\n    // // const searchName = this.props.location.state.department;\r\n    // // const filteredData = reqData.filter(item =>\r\n    // //     item.department.toLowerCase().includes(searchName.toLowerCase())\r\n    // // );\r\n    // this.setState({ filteredData, searchName });\r\n\r\n    return selectTrainerName;\r\n  };\r\n\r\n  handleSubmit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n    // if (this.Validation()) {\r\n    var role = JSON.parse(localStorage.Role);\r\n    const url = `${BASE_URLs}/Training/AddAssign`;\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        ContentType: \"multipart/form-data\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    const response = await fetch(url, options);\r\n    const result = await response.json();\r\n\r\n    if (result.status === \"Success\") {\r\n      toast.success(result.message, {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    } else {\r\n      toast.error(result.message, {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n    // }\r\n    //  this.GetCourseName();\r\n  };\r\n\r\n  GetTrainername() {\r\n    let url = `${BASE_URLs}/Training/GetTrainerName`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Trainername: data,\r\n        });\r\n        // console.log(data, \"Trainers\");\r\n      });\r\n  }\r\n\r\n  Getdetail() {\r\n    var Id = this.props.location.state.training_Id;\r\n    // var upload_id = '1029'\r\n    let url = `${BASE_URLs}/Training/GetAssignTraining?training_Id=` + Id;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((result) => result.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Training: data,\r\n        });\r\n        // console.log(data);\r\n      });\r\n  }\r\n\r\n  handledepartment = () => {\r\n    const Training_Id = document.getElementById(\"Trainer_Id\").value;\r\n    // console.log(\"asdfg\", Training_Id);\r\n    const data = {\r\n      training_Id: Training_Id,\r\n    };\r\n    // console.log(\"asdfg\", data);\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(`${BASE_URLs}/Training/SelectTrainerDetail`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify(data),\r\n    })\r\n      .then((data) => {\r\n        this.setState({\r\n          Department: data,\r\n        });\r\n      })\r\n\r\n      // .then(response => {\r\n      //     // console.log(response.data, \"dfghjkl;\");\r\n      //      department(response.data);\r\n      // })\r\n      .catch((error) => {\r\n        // console.log(error);\r\n      });\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.Getdetail();\r\n    this.GetTrainername();\r\n    this.fetchData();\r\n  }\r\n\r\n  render() {\r\n    const { Training, Trainername, selectTrainerName, trainerName } =\r\n      this.state;\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Assign\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                              <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    {Training.map((Training) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <input\r\n                                          type=\"text\"\r\n                                          hidden\r\n                                          name=\"Training_Id\"\r\n                                          defaultValue={Training.training_Id}\r\n                                        />\r\n                                      </>\r\n                                    ))}\r\n                                    {Training.map((Training) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <input\r\n                                          type=\"text\"\r\n                                          hidden\r\n                                          name=\"Department\"\r\n                                          defaultValue={Training.department}\r\n                                        />\r\n                                      </>\r\n                                    ))}\r\n                                    {Training.map((Training) => (\r\n                                      <>\r\n                                        {\" \"}\r\n                                        <input\r\n                                          type=\"text\"\r\n                                          hidden\r\n                                          name=\"Trainingitem\"\r\n                                          defaultValue={Training.trainingitem}\r\n                                        />\r\n                                      </>\r\n                                    ))}\r\n\r\n                                    <div className=\"container\">\r\n                                      {/* <input type=\"text\" defaultValue={this.props.location.state.training_Id} /> */}\r\n\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            name=\"StartDate\"\r\n                                            id=\"start\"\r\n                                            type=\"date\"\r\n                                            maxLength=\"50\"\r\n                                            selected={this.state.startDate}\r\n                                            onChange={(e) =>\r\n                                              this.setState({\r\n                                                startDate: e.target.value,\r\n                                              })\r\n                                            }\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Start Date\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            name=\"duration\"\r\n                                            type=\"text\"\r\n                                            onChange={this.handleChange}\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            <option\r\n                                              value=\"1 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              1 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"2 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              2 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"3 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              3 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"4 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              4 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"others\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              Others\r\n                                            </option>\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Duration of Training\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            name=\"EndDate\"\r\n                                            id=\"end\"\r\n                                            type=\"date\"\r\n                                            onFocus={this.myDate}\r\n                                            maxLength=\"50\"\r\n                                            selected={this.state.endDate}\r\n                                            onFocusCapture={(e) =>\r\n                                              this.setState({\r\n                                                endDate: e.target.value,\r\n                                              })\r\n                                            }\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            End Date\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          {this.state.selectTrainerName.length >\r\n                                          0 ? (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              name=\"TrainerName\"\r\n                                              id=\"Trainer_Id\"\r\n                                              type=\"text\"\r\n                                              onInputCapture={\r\n                                                this.handledepartment\r\n                                              }\r\n                                            >\r\n                                              <option value=\"\">Select</option>\r\n                                              {/* <option value={this.state.selectTrainerName}>{selectTrainerName}</option> */}\r\n                                              {this.state.trainerName.map(\r\n                                                (Trainername) => (\r\n                                                  <option\r\n                                                    key={\r\n                                                      Trainername.training_Id\r\n                                                    }\r\n                                                    value={\r\n                                                      Trainername.trainerName\r\n                                                    }\r\n                                                  >\r\n                                                    {Trainername.trainerName}\r\n                                                  </option>\r\n                                                )\r\n                                              )}\r\n                                            </select>\r\n                                          ) : (\r\n                                            <select\r\n                                              className=\"effect-16\"\r\n                                              name=\"TrainerName\"\r\n                                              id=\"Trainer_Id\"\r\n                                              type=\"text\"\r\n                                              onFocus={this.fetchData}\r\n                                            >\r\n                                              <option value=\"\">Select</option>\r\n                                            </select>\r\n                                          )}\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Trainers\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}></span>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <br />\r\n                                <div className=\"row\">\r\n                                  <div\r\n                                    className=\"col-sm-12\"\r\n                                    style={{ textAlign: \"center\" }}\r\n                                  >\r\n                                    <button\r\n                                      type=\"submit\"\r\n                                      className=\"but \"\r\n                                      style={{\r\n                                        height: \"39.5px\",\r\n                                        width: \"86.36px\",\r\n                                        marginTop: \"-0.3%\",\r\n                                      }}\r\n                                    >\r\n                                      Save\r\n                                    </button>\r\n                                    &nbsp; &nbsp; &nbsp;\r\n                                    <button\r\n                                      type=\"reset\"\r\n                                      className=\" btn-Secondary\"\r\n                                      style={{ height: \"39.5px\" }}\r\n                                    >\r\n                                      Cancel\r\n                                    </button>\r\n                                  </div>\r\n                                </div>\r\n                                <br /> <br />\r\n                                <br /> <br />\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                        {/* <div className=\"dt-responsive table-responsive table-res\">\r\n\r\n                                                    <table id=\"DepartSheet\" className=\"table nowrap\" style={{ maxWidth: \"70%\" }}>\r\n                                                        <thead>\r\n                                                            <tr>\r\n                                                                <th>Trainer Name</th>\r\n                                                                <th>Department</th>\r\n                                                                <th>Session</th>\r\n                                                                <th>Start Date</th>\r\n                                                                <th>End Date</th>\r\n\r\n                                                            </tr>\r\n                                                        </thead>\r\n                                                        <tbody>\r\n\r\n                                                            {Trainername.map(Department => <tr>\r\n                                                                <td>{Department.trainerName}</td>\r\n                                                                <td>{Department.department}</td>\r\n                                                                <td>{Department.trainingItem}</td>\r\n                                                                <td >{Department.startDate}</td>\r\n                                                                <td>{Department.endDate}</td>\r\n                                                            </tr>)}\r\n                                                        </tbody>\r\n                                                    </table>\r\n\r\n                                                </div> */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import { React, useState } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\n\r\nconst FilterPop = ({ data, FilteredData, TogglePop }) => {\r\n  const [Alpha, SetAlpha] = useState([\r\n    \"A\",\r\n    \"B\",\r\n    \"C\",\r\n    \"D\",\r\n    \"E\",\r\n    \"F\",\r\n    \"G\",\r\n    \"H\",\r\n    \"I\",\r\n    \"J\",\r\n    \"K\",\r\n    \"L\",\r\n    \"M\",\r\n    \"N\",\r\n    \"O\",\r\n    \"P\",\r\n    \"Q\",\r\n    \"R\",\r\n    \"S\",\r\n    \"T\",\r\n    \"U\",\r\n    \"V\",\r\n    \"W\",\r\n    \"X\",\r\n    \"Y\",\r\n    \"Z\",\r\n  ]);\r\n  const [TapFilterValue, setTapFilterValue] = useState(\"\");\r\n\r\n  const SearchFilter = (e) => {\r\n    const filteredData = data.filter((obj) =>\r\n      Object.keys(obj).some((key) =>\r\n        String(obj[key]).toLowerCase().includes(e.target.value.toLowerCase())\r\n      )\r\n    );\r\n    FilteredData(filteredData);\r\n  };\r\n\r\n  const TapFiltering = (v, i) => {\r\n    // this.setState({ Learn : this.state.Learning });\r\n    setTapFilterValue(v);\r\n    const filteredData = data\r\n      .filter((obj) => !Object.values(obj).every((value) => value === null))\r\n      .filter((f) =>\r\n        Object.keys(f).some((key) =>\r\n          String(f[key]).charAt(0).toLowerCase().includes(v.toLowerCase())\r\n        )\r\n      );\r\n    //  // console.log(v.toLowerCase(),\"Learning\",Learning);\r\n    FilteredData(filteredData);\r\n  };\r\n\r\n  return (\r\n    <div className=\"popSearch\">\r\n      <div className=\"popSearchinnernormal\">\r\n        <div className=\"popSearchinnertitle\" id=\"popSearchinnernormal\">\r\n          <button\r\n            id=\"close\"\r\n            style={{\r\n              float: \"right\",\r\n              backgroundColor: \"#a0a3a305\",\r\n              color: \"#797070\",\r\n              border: \"1px solid #a3a5a505\",\r\n              marginTop: \"-20px\",\r\n              marginRight: \"-20px\",\r\n            }}\r\n            onClick={() => TogglePop()}\r\n          >\r\n            <CloseIcon />\r\n          </button>\r\n        </div>\r\n\r\n        <div className=\"form-group has-search\" style={{ marginLeft: \"-36%\" }}>\r\n          <span\r\n            className=\"fa fa-search form-control-feedback\"\r\n            id=\"search-icon\"\r\n          ></span>\r\n          <input\r\n            className=\"Searchbox\"\r\n            placeholder=\"Search\"\r\n            style={{ float: \"right\" }}\r\n            onKeyUp={SearchFilter}\r\n          />\r\n          {/* <input type=\"text\" className=\"Searchbox\" placeholder=\"Search\" onKeyUp={SearchFilter}/> */}\r\n        </div>\r\n\r\n        {/* <div className=\"input-group\">\r\n    <input type=\"text\" className=\"form-control\" placeholder=\"Search\"  onKeyUp={SearchFilter}/>\r\n    <div className=\"input-group-append\">\r\n      <button className=\"btn btn-secondary\" type=\"button\">\r\n        <i className=\"fa fa-search\"></i>\r\n      </button>\r\n    </div>\r\n  </div> */}\r\n        {/* <input\r\n          className=\"Searchbox\"placeholder=\"Search\"style={{ float:\"right\" }}onKeyUp={SearchFilter}/> */}\r\n\r\n        <br />\r\n\r\n        {Alpha.map((e, i) => (\r\n          <span\r\n            style={\r\n              TapFilterValue === e\r\n                ? {\r\n                    color: \"#8662ee\",\r\n                    fontSize: \"17px\",\r\n                    borderBottom: \"3px solid #8662ee\",\r\n                    fontWeight: \"20px\",\r\n                    textAlign: \"center\",\r\n                  }\r\n                : { color: \"black\", fontSize: \"17px\", textAlign: \"center\" }\r\n            }\r\n            onClick={() => TapFiltering(e, i)}\r\n          >\r\n            &nbsp; {e} &nbsp;\r\n          </span>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default FilterPop;\r\n","export default __webpack_public_path__ + \"static/media/LearningExl.6842614e.xlsx\";","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { OutTable } from \"react-excel-renderer\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport FilterPop from \"../../Common/FilterPop\";\r\nimport LearningExl from \"../../Assets/Files/LearningExl.xlsx\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class LearningSchedule extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      Addskills: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      Notification: [],\r\n      Learning: [],\r\n      Learn: [],\r\n      rows: [],\r\n      cols: [],\r\n      currentSheet: {},\r\n      category: [],\r\n      comlogo: [],\r\n      Skillname: [],\r\n      Sort: [],\r\n      Skillfilt: [],\r\n      AddSkillModel: false,\r\n      AddLearning: false,\r\n      EditSkillModel: false,\r\n      post: [],\r\n      number: \"1\",\r\n      postPerPage: \"10\",\r\n      EditSkillValues: [],\r\n      TapFilter: [],\r\n      TapFilterValue: \"\",\r\n      TapFilterIndex: \"\",\r\n      Filterpopstatus: false,\r\n      Department: [],\r\n      Depart: [],\r\n    };\r\n\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  GetDepartment() {\r\n    // let url = `${BASE_URLs}/Department/DepartmentGet\";\r\n    let url = `${BASE_URLs}/Department/DepartmentGet`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Department: data,\r\n          Depart: data,\r\n        });\r\n        // console.log(\"Training\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  handleUpload = (event) => {\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n    if (isAllowed) {\r\n      const file = event.target.files[0];\r\n      readFile(file).then((readedData) =>\r\n        this.setState({ initialData: readedData })\r\n      );\r\n      /* file upload logic goes here... */\r\n      return true;\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false;\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Learning/LearningExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          } else if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetLearning();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n    this.GetLearning();\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetLearning();\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"LearningSheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    const Learning = this.state.Learn.filter(\r\n      (item) =>\r\n        item.department.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.trainingitem\r\n          .toLowerCase()\r\n          .includes(e.target.value.toLowerCase()) ||\r\n        item.startDate.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.schedulingDuration\r\n          .toLowerCase()\r\n          .includes(e.target.value.toLowerCase())\r\n    );\r\n\r\n    this.setState({ Learning });\r\n  };\r\n\r\n  DetailEdit(\r\n    Id,\r\n    department,\r\n    startDate,\r\n    endDate,\r\n    trainingitem,\r\n    schedulingDuration,\r\n    trainerName,\r\n    trainees\r\n  ) {\r\n    var page = {\r\n      pathname: \"/EditSchedule\",\r\n      state: {\r\n        Id: Id,\r\n        department: department,\r\n        startDate: startDate,\r\n        endDate: endDate,\r\n        trainingitem: trainingitem,\r\n        schedulingDuration: schedulingDuration,\r\n        trainerName: trainerName,\r\n        trainees: trainees,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  GetLearning() {\r\n    let url = `${BASE_URLs}/Learning/GetLearning?Department=0`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Learning: data.sort((a, b) => {\r\n            return a.trainingitem < b.trainingitem ? -1 : 1;\r\n          }),\r\n          Learn: data.sort((a, b) => {\r\n            return a.trainingitem < b.trainingitem ? -1 : 1;\r\n          }),\r\n        });\r\n        let array = data\r\n          .filter((e) => e.trainingitem !== null)\r\n          .map((e) => e.trainingitem.slice(0, 1));\r\n        let uniq = [\r\n          ...new Set(\r\n            array.map((x) => (typeof x === \"string\" ? x.toUpperCase() : x))\r\n          ),\r\n        ];\r\n        this.setState({ TapFilter: uniq.sort() });\r\n        // // console.log(\"Learning-----------------\",uniq.sort() )\r\n      });\r\n  }\r\n\r\n  InviteTraining = (Id) => {\r\n    this.setState({ loading: true });\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Training/InviteTraining?Id=${Id}`, options)\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.setState({ loading: false });\r\n        } else {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.setState({ loading: false });\r\n        }\r\n      });\r\n\r\n    this.GetLearning();\r\n  };\r\n\r\n  TapFiltering = (v, i) => {\r\n    // this.setState({ Learn : this.state.Learning });\r\n    this.setState({ TapFilterValue: v });\r\n    const Learning = this.state.Learn.filter(\r\n      (e) => e.trainingitem !== null\r\n    ).filter(\r\n      (obj) => obj.trainingitem.charAt(0).toLowerCase() === v.toLowerCase()\r\n    );\r\n    //  // console.log(v.toLowerCase(),\"Learning\",Learning);\r\n    this.setState({ Learning });\r\n  };\r\n\r\n  render() {\r\n    const { Learning, TapFilter, TapFilterValue, Filterpopstatus } = this.state;\r\n    var Entityname = JSON.parse(localStorage.entityName);\r\n    var filename = `O_${Entityname}_Learning`;\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        {Filterpopstatus ? (\r\n          <FilterPop\r\n            data={this.state.Learn}\r\n            FilteredData={(newValue) => {\r\n              this.setState({ Learning: newValue });\r\n            }}\r\n            TogglePop={(e) => {\r\n              this.setState({ Filterpopstatus: !Filterpopstatus });\r\n            }}\r\n          />\r\n        ) : null}\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Training Class</h4>\r\n                        </div>\r\n\r\n                        <form onSubmit={this.handleSubmit}>\r\n                          <div className=\"card-block\">\r\n                            <div className=\"row\">\r\n                              <div className=\"col btnalign\">\r\n                                <Link\r\n                                  to=\"/AddLearning\"\r\n                                  type=\"button\"\r\n                                  style={{\r\n                                    width: \"150px\",\r\n                                    background: \"white\",\r\n                                  }}\r\n                                  id=\"addRow\"\r\n                                  className=\"dropdown_item-2\"\r\n                                  className=\"btn \"\r\n                                >\r\n                                  Add{\" \"}\r\n                                </Link>\r\n                              </div>\r\n                              <div className=\"col btnalign\">\r\n                                <label\r\n                                  htmlFor=\"files\"\r\n                                  className=\"btn\"\r\n                                  id=\"addBtn\"\r\n                                  name=\"LearningFile\"\r\n                                >\r\n                                  Import From Excel\r\n                                </label>\r\n                                <input\r\n                                  id=\"files\"\r\n                                  type=\"file\"\r\n                                  accept=\".xlsx\"\r\n                                  style={{ display: \"none\" }}\r\n                                  onChange={this.handleUpload}\r\n                                  name=\"LearningFile\"\r\n                                />\r\n                              </div>\r\n                              <div className=\"col btnalign\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  type=\"button\"\r\n                                  onClick={() => this.exportXlsx(filename)}\r\n                                >\r\n                                  Export to excel\r\n                                </button>\r\n                              </div>\r\n                              <div className=\"col btnalign\">\r\n                                <a\r\n                                  className=\"btn\"\r\n                                  href={LearningExl}\r\n                                  type=\"button\"\r\n                                  style={{ color: \"#5035ce\" }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-download\"\r\n                                  ></i>{\" \"}\r\n                                  Download\r\n                                </a>\r\n                              </div>\r\n                              {/* <div className=\"col btnalign\">\r\n                                <a\r\n                                  href={LearningExl}\r\n                                  className=\"download\"\r\n                                  style={{\r\n                                    padding: \"2px 15px\",\r\n                                    boxShadow:\r\n                                      \" -2px  -2px 16px -2px #5f7ae14a\",\r\n                                    color: \"#5035ce\",\r\n                                  }}\r\n                                >\r\n                                  <i\r\n                                    title=\"Download Template\"\r\n                                    className=\"icofont icofont-cloud-download\"\r\n                                  ></i>\r\n                                </a>\r\n                              </div> */}\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  overflow: \"scroll\",\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {TapFilter.map((e, i) => (\r\n                                  <div\r\n                                    style={\r\n                                      TapFilterValue === e\r\n                                        ? {\r\n                                            color: \"black\",\r\n                                            fontSize: \"13px\",\r\n                                            borderRight: \"2px solid black\",\r\n                                          }\r\n                                        : { color: \"gray\", fontSize: \"13px\" }\r\n                                    }\r\n                                    onClick={() => this.TapFiltering(e, i)}\r\n                                  >\r\n                                    {e}\r\n                                  </div>\r\n                                ))}\r\n                              </div>\r\n\r\n                              <div className=\"col-lg-3\">\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  onClick={() => {\r\n                                    this.setState({ Filterpopstatus: true });\r\n                                  }}\r\n                                  placeholder=\"Search\"\r\n                                  style={{ float: \"right\" }}\r\n                                />\r\n                              </div>\r\n\r\n                              {this.state.initialData !== undefined ? (\r\n                                <ReactExcel\r\n                                  initialData={this.state.initialData}\r\n                                  onSheetUpdate={(currentSheet) =>\r\n                                    this.setState({\r\n                                      CurrentSheet: currentSheet,\r\n                                    })\r\n                                  }\r\n                                  activeSheetClassName=\"active-sheet\"\r\n                                  reactExcelClassName=\"react-excel\"\r\n                                  name=\"LearningFile\"\r\n                                />\r\n                              ) : null}\r\n\r\n                              {this.state.initialData !== undefined ? (\r\n                                <div className=\"savebtndiv\">\r\n                                  <button\r\n                                    className=\"btn\"\r\n                                    id=\"\"\r\n                                    type=\"submit\"\r\n                                    style={{ width: \"150px\" }}\r\n                                  >\r\n                                    Save\r\n                                  </button>\r\n                                </div>\r\n                              ) : null}\r\n                              <OutTable\r\n                                data={this.state.rows}\r\n                                columns={this.state.cols}\r\n                                tableClassName=\"ExcelTable2007\"\r\n                                tableHeaderRowclassName=\"heading\"\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                        </form>\r\n                        <div className=\"card-block2\">\r\n                          <div className=\"dt-responsive table-responsive tab-res\">\r\n                            <table id=\"add-row-table3\" className=\"table nowrap\">\r\n                              <thead>\r\n                                <tr>\r\n                                  {/* <th><input type=\"checkbox\" id=\"selectall\" /> </th> */}\r\n                                  <th>Department</th>\r\n                                  <th>Training Topics</th>\r\n                                  <th>Start Date</th>\r\n                                  <th>Duration</th>\r\n                                  {/* <th>End Date</th> */}\r\n                                  <th>Trainers</th>\r\n                                  {/* <th>Attendies</th> */}\r\n                                  <th>Invite</th>\r\n                                  <th> </th>\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {Learning.map((Learning) => (\r\n                                  <tr>\r\n                                    {/* <td><input type=\"checkbox\" id=\"selectall\" /></td> */}\r\n                                    <td>{Learning.department}</td>\r\n                                    <td>{Learning.trainingitem}</td>\r\n                                    <td>\r\n                                      {Learning.startDate\r\n                                        ? Learning.startDate.slice(0, 10)\r\n                                        : null}\r\n                                    </td>\r\n                                    <td>{Learning.schedulingDuration}</td>\r\n                                    {/* <td>\r\n                                    {Learning.endDate\r\n                                      ? Learning.endDate.slice(0, 10)\r\n                                      : null}\r\n                                  </td> */}\r\n                                    <td style={{ textAlign: \"center\" }}>\r\n                                      {Learning.trainercount}\r\n                                    </td>\r\n                                    {/* <td style={{ textAlign: \"center\" }}>\r\n                                    {Learning.traineecount}\r\n                                  </td> */}\r\n                                    <td>\r\n                                      {\" \"}\r\n                                      {Learning.invitesStatus === 0 ||\r\n                                      Learning.invitesStatus === null ? (\r\n                                        <td style={{ color: \"gray\" }}>\r\n                                          <img\r\n                                            alt=\"INVITE\"\r\n                                            src=\"../Assets/images/invite.png\"\r\n                                            onClick={() =>\r\n                                              this.InviteTraining(Learning.id)\r\n                                            }\r\n                                            style={{ height: \"30px\" }}\r\n                                          />\r\n                                        </td>\r\n                                      ) : (\r\n                                        <b>Invited</b>\r\n                                      )}\r\n                                    </td>\r\n\r\n                                    <td>\r\n                                      <Link to=\"/EditSchedule\">\r\n                                        <button\r\n                                          className=\"button-30 sk-edit\"\r\n                                          onClick={(e) => {\r\n                                            e.preventDefault();\r\n                                            this.DetailEdit(\r\n                                              Learning.id,\r\n                                              Learning.department,\r\n                                              Learning.startDate,\r\n                                              Learning.endDate,\r\n                                              Learning.trainingitem,\r\n                                              Learning.schedulingDuration,\r\n                                              Learning.trainerName,\r\n                                              Learning.trainees\r\n                                            );\r\n                                          }}\r\n                                          type=\"button\"\r\n                                          style={{ color: \"\" }}\r\n                                        >\r\n                                          <i className=\"icofont icofont-info\"></i>\r\n                                        </button>\r\n                                        &nbsp;&nbsp;\r\n                                      </Link>\r\n                                    </td>\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n                          </div>\r\n                        </div>\r\n                        <table\r\n                          id=\"LearningSheet\"\r\n                          hidden\r\n                          className=\"table nowrap\"\r\n                        >\r\n                          <thead>\r\n                            <tr>\r\n                              <th>Department</th>\r\n                              <th>Training Topics</th>\r\n                              <th>Start Date</th>\r\n                              <th>Duration</th>\r\n                              {/* <th>End Date</th> */}\r\n                              <th>Trainer Name</th>\r\n                              {/* <th>Team Member</th> */}\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody>\r\n                            {Learning.map((Learning) => (\r\n                              <tr>\r\n                                {/* <td><input type=\"checkbox\" id=\"selectall\" /></td> */}\r\n                                <td>{Learning.department}</td>\r\n                                <td>{Learning.trainingitem}</td>\r\n                                <td>{Learning.startDate}</td>\r\n                                <td>{Learning.schedulingDuration}</td>\r\n                                {/* <td>{Learning.endDate}</td> */}\r\n                                <td>{Learning.trainerName}</td>\r\n                                {/* <td>{Learning.trainees}</td> */}\r\n                              </tr>\r\n                            ))}\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport AddTrainerpop from \"../../Common/AddTrainerpop\";\r\nimport EditTrainerpop from \"../../Common/EditTrainerpop\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { OutTable } from \"react-excel-renderer\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class TrainingSchedule extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      DepartmentName: \"\",\r\n      DepartModel: false,\r\n      comlogo: [],\r\n      Department: [],\r\n      Depart: [],\r\n      formErrors: {},\r\n      EditModel: false,\r\n      EditDesigntionValues: [],\r\n      Notification: [],\r\n      rows: [],\r\n      cols: [],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"DepartSheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetDepartment() {\r\n    // let url = `${BASE_URLs}/Department/DepartmentGet\";\r\n    let url = `${BASE_URLs}/Training/SAGetTraining`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Department: data,\r\n          Depart: data,\r\n        });\r\n        // console.log(\"Training\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  DepartModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState((prevState) => ({\r\n      DepartModel: !prevState.DepartModel,\r\n    }));\r\n    this.GetDepartment();\r\n  };\r\n  EditModel = (e, fn) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditDesigntionValues: {\r\n        id: e,\r\n        DepartmentName: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n    this.GetDepartment();\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetDepartment();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n  handleFormValidation() {\r\n    const {\r\n      FirstName,\r\n      LastName,\r\n      Email,\r\n      Mobile,\r\n      Department,\r\n      Designation,\r\n      RoleName,\r\n    } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    }\r\n    if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    }\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email id.\";\r\n    }\r\n    if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile is required\";\r\n    }\r\n    // else if (!Mobile >= 10) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"MobileErr\"] = \"Invalid Mobile number.\";\r\n    // }\r\n    else {\r\n      var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n      if (!mobPattern.test(Mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"MobileErr\"] = \"Invalid phone number.\";\r\n      }\r\n    }\r\n    if (!Department) {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"department is required\";\r\n    }\r\n    if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"designation is required\";\r\n    }\r\n    if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Department/DepartmentExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          } else if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetDepartment();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n    this.GetDepartment();\r\n  };\r\n\r\n  handleUpload = (event) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n    if (isAllowed) {\r\n      const file = event.target.files[0];\r\n      readFile(file).then((readedData) =>\r\n        this.setState({ initialData: readedData })\r\n      );\r\n      /* file upload logic goes here... */\r\n      return true;\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false;\r\n    }\r\n  };\r\n\r\n  Noticount = async (Id) => {\r\n    await fetch(`${BASE_URLs}/Notification/Noticount`, {\r\n      method: \"PUT\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Notification_Id: Id,\r\n      }),\r\n    }).then((result) => {\r\n      result.json().then((resp) => {\r\n        localStorage.setItem(\"success\", JSON.stringify(resp.status));\r\n\r\n        var a = localStorage.getItem(\"success\");\r\n        var b = JSON.parse(a);\r\n        if (b === \"Success\") {\r\n          window.location.href = \"/Organization\";\r\n          localStorage.removeItem(\"success\");\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  Handledepartment() {\r\n    var department = document.getElementById(\"department\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"departmenttext\").value = \"\";\r\n      document.getElementById(\"departmenttext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"departmenttext\").value = \"None\";\r\n      document.getElementById(\"departmenttext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n      } else {\r\n        msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    const Department = this.state.Depart.filter((item) =>\r\n      item.department.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Department });\r\n  };\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    // if(document.getElementsByName('Id_delete')){\r\n    // var checkboxes = document.getElementsByName('Id_delete');\r\n    // for (var i = 0; i < checkboxes.length; i++) {\r\n    //   checkboxes[i].checked = false;\r\n    //   document.getElementById(\"delete\").setAttribute('style', 'visibility: hidden;');\r\n    //   document.getElementById(\"deletecount\").setAttribute('style', 'visibility: hidden;');\r\n    // }}\r\n    const data = new FormData(event.target);\r\n\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Training/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetDepartment();\r\n          alert(resp.message);\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n    }\r\n  };\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    // if(document.getElementsByName('Id_delete')){\r\n    // var checkboxes = document.getElementsByName('Id_delete');\r\n    // for (var i = 0; i < checkboxes.length; i++) {\r\n    //   checkboxes[i].checked = false;\r\n    //   document.getElementById(\"delete\").setAttribute('style', 'visibility: hidden;');\r\n    //   document.getElementById(\"deletecount\").setAttribute('style', 'visibility: hidden;');\r\n    // }}\r\n    data.append(\"Id_delete\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Department/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetDepartment();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n    }\r\n  };\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_Department`;\r\n\r\n    const { Department } = this.state;\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <Link\r\n                                to\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </Link>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            {\" \"}\r\n                            Trainers List{\" \"}\r\n                          </h4>\r\n                        </div>\r\n                        {this.state.EditModel ? (\r\n                          <EditTrainerpop\r\n                            values={this.state.EditDesigntionValues}\r\n                            close={() => this.EditModel()}\r\n                          />\r\n                        ) : null}\r\n                        {this.state.DepartModel ? (\r\n                          <AddTrainerpop close={() => this.DepartModel()} />\r\n                        ) : null}\r\n\r\n                        <div className=\"card-block\">\r\n                          <form onSubmit={this.handleSubmit}>\r\n                            <div className=\"row\">\r\n                              <div className=\"col btnalign\">\r\n                                <Link\r\n                                  type=\"button\"\r\n                                  onClick={this.DepartModel}\r\n                                  style={{\r\n                                    width: \"150px\",\r\n                                    background: \"white\",\r\n                                  }}\r\n                                  className=\"btn \"\r\n                                >\r\n                                  Add{\" \"}\r\n                                </Link>\r\n                              </div>\r\n                              {/* <div className=\"col btnalign\">\r\n                         \r\n                            <label htmlFor=\"files\" className=\"btn\" id=\"addBtn\" name=\"Departments\" >Import From Excel</label>\r\n                            <input\r\n                              id=\"files\"\r\n                              type='file'\r\n                              accept='.xlsx'\r\n                              style={{ display: 'none' }}\r\n                              onChange={this.handleUpload}\r\n                              name=\"Departments\"\r\n                            />\r\n                             </div> */}\r\n                              {/* <div className=\"col btnalign\">\r\n                                                        <button  className=\"btn\" type=\"button\" onClick={()=>this.exportXlsx(filename)}>\r\n                              Export to excel\r\n                                </button> */}\r\n\r\n                              {/* <ReactHTMLTableToExcel\r\n                            className=\"btn \"\r\n                            table=\"DepartSheet\"\r\n                            filename={filename}\r\n                            sheet=\"Sheet\"\r\n                            buttonText=\"Export to Excel \" id=\"exportxlUG\" />     */}\r\n\r\n                              {/* </div> */}\r\n                              {/* <div className=\"col btnalign\">\r\n                                <a href={DepartmentExl} className=\"download\" style={{padding:\"2px 15px\",boxShadow:\" -2px  -2px 16px -2px #5f7ae14a\"}}   ><i title=\"Download Template\" className=\"icofont icofont-cloud-download\"></i> </a>\r\n                              </div> */}\r\n                              <div className=\"col-lg-4\">\r\n                                {this.state.Depart.length === 0 ? null : (\r\n                                  <input\r\n                                    onKeyUp={this.onKeyUp}\r\n                                    className=\"Searchbox\"\r\n                                    placeholder=\"Search\"\r\n                                    style={{ float: \"right\" }}\r\n                                  />\r\n                                )}\r\n                              </div>\r\n                            </div>\r\n\r\n                            {this.state.initialData !== undefined ? (\r\n                              <ReactExcel\r\n                                initialData={this.state.initialData}\r\n                                onSheetUpdate={(currentSheet) =>\r\n                                  this.setState({ CurrentSheet: currentSheet })\r\n                                }\r\n                                activeSheetClassName=\"active-sheet\"\r\n                                reactExcelClassName=\"react-excel\"\r\n                                name=\"Departments\"\r\n                              />\r\n                            ) : null}\r\n                            {this.state.initialData !== undefined ? (\r\n                              <div className=\"savebtndiv\">\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"\"\r\n                                  type=\"submit\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  RajaRajan\r\n                                </button>\r\n                              </div>\r\n                            ) : null}\r\n\r\n                            <OutTable\r\n                              data={this.state.rows}\r\n                              columns={this.state.cols}\r\n                              tableClassName=\"ExcelTable2007\"\r\n                              tableHeaderRowclassName=\"heading\"\r\n                            />\r\n                          </form>\r\n                        </div>\r\n                        <br />\r\n                        <br />\r\n\r\n                        <div className=\"card-block2\">\r\n                          <form onSubmit={this.Multidelete}>\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: \"hidden\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <div>\r\n                              {\" \"}\r\n                              <span\r\n                                id=\"deletecount\"\r\n                                className=\"multitrash\"\r\n                                style={{\r\n                                  visibility: \"hidden\",\r\n                                  fontSize: \"17px\",\r\n                                }}\r\n                              ></span>\r\n                            </div>\r\n                            <div\r\n                              id=\"selectalldiv\"\r\n                              style={{ visibility: \"hidden\" }}\r\n                            ></div>\r\n\r\n                            <div\r\n                              className=\"dt-responsive table-responsive table-res\"\r\n                              // style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}\r\n                            >\r\n                              {this.state.Department.length === 0 ? null : (\r\n                                <table\r\n                                  id=\"DepSheet\"\r\n                                  className=\"table nowrap\"\r\n                                  style={{ maxWidth: \"70%\" }}\r\n                                >\r\n                                  <thead>\r\n                                    <tr>\r\n                                      <th>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          id=\"selectall\"\r\n                                          onClick={() => {\r\n                                            this.checkAll(this);\r\n                                          }}\r\n                                        />{\" \"}\r\n                                      </th>\r\n                                      <th>Trainer's Name</th>\r\n                                      <th>Department</th>\r\n                                      <th>Role</th>\r\n                                      <th>Assigned date as a Trainer</th>\r\n                                      <th>Current Training Session List</th>\r\n                                      <th style={{ textAlign: \"center\" }}>\r\n                                        Action\r\n                                      </th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {Department.map((Department) => (\r\n                                      <tr>\r\n                                        <td>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            name=\"Id_delete\"\r\n                                            onChange={this.handlecheckbox}\r\n                                            defaultValue={\r\n                                              Department.training_Id\r\n                                            }\r\n                                          />\r\n                                        </td>\r\n                                        <td>Sushma</td>\r\n                                        <td>IT</td>\r\n                                        <td>Trainer</td>\r\n                                        <td>27-4-2024</td>\r\n                                        <td>\r\n                                          React Native Functional Component{\" \"}\r\n                                        </td>\r\n\r\n                                        <td style={{ textAlign: \"center\" }}>\r\n                                          <button\r\n                                            className=\"button-30 sk-edit\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditModel(\r\n                                                Department.id,\r\n                                                Department.department\r\n                                              );\r\n                                            }}\r\n                                            // src=\"https://img.icons8.com/android/22/000000/pencil.png\"\r\n                                          >\r\n                                            Edit&nbsp;\r\n                                            <i\r\n                                              className=\"fa fa-pencil\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>{\" \"}\r\n                                          &nbsp;&nbsp;&nbsp;\r\n                                          <button\r\n                                            className=\"button-30 sk-del\"\r\n                                            onClick={() =>\r\n                                              this.DeleteButton(Department.id)\r\n                                            }\r\n                                          >\r\n                                            Delete&nbsp;\r\n                                            <i\r\n                                              className=\"fa fa-trash-o\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              )}\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                        <br />\r\n                        <br />\r\n                        <table\r\n                          id=\"DepartSheet\"\r\n                          hidden\r\n                          className=\"table nowrap\"\r\n                          style={{ maxWidth: \"70%\" }}\r\n                        >\r\n                          <thead>\r\n                            <tr>\r\n                              <th> Departments</th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody>\r\n                            {Department.map((Department) => (\r\n                              <tr>\r\n                                <td>{Department.department}</td>\r\n                              </tr>\r\n                            ))}\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nexport default class TrainingCard extends Component {\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-lg-12\" style={{ display: \"flex\" }}>\r\n                      <div className=\"col-lg-2\">\r\n                        <Link\r\n                          to=\"/LearningSchedule\"\r\n                          type=\"button\"\r\n                          style={{ height: \"40px\", width: \"150px\" }}\r\n                          id=\"addRow\"\r\n                          className=\"btn \"\r\n                        >\r\n                          Learning Schedule\r\n                        </Link>\r\n                      </div>\r\n                      <div className=\"col-lg-2\">\r\n                        &nbsp;&nbsp;\r\n                        <Link\r\n                          to=\"/TrainingSchedule\"\r\n                          type=\"button\"\r\n                          style={{ height: \"40px\", width: \"150px\" }}\r\n                          id=\"addRow\"\r\n                          className=\"btn \"\r\n                        >\r\n                          Training Class\r\n                        </Link>\r\n                      </div>\r\n                      <div className=\"col-lg-4\"></div>\r\n                      <div className=\"col-lg-4\"></div>\r\n                    </div>{\" \"}\r\n                  </div>\r\n                  <br />\r\n                  <br />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/Training.d8bac82c.xlsx\";","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport AddTrainingpop from \"../../Common/AddTrainingpop\";\r\nimport EditTrainingpop from \"../../Common/EditTrainingpop\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport TrainingXL from \"../../Assets/Files/Training.xlsx\";\r\nimport \"../../Css/Tab.css\";\r\nimport { red } from \"@material-ui/core/colors\";\r\nimport FilterPop from \"../../Common/FilterPop\";\r\nimport { Train } from \"@material-ui/icons\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { event } from \"jquery\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\n\r\nvar XLSX = require(\"xlsx\");\r\nexport default class TrainingSchedule extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      comlogo: [],\r\n      Training: [],\r\n      Trainingsss: [],\r\n      Train: [],\r\n      formErrors: {},\r\n      DepartModel: false,\r\n      EditModel: false,\r\n      EditDesigntionValues: [],\r\n      Notification: [],\r\n      rows: [],\r\n      cols: [],\r\n      toggleState: 1,\r\n      allrolevalue: [],\r\n      selectedroleValue: \"\",\r\n      TrainingList: [],\r\n      FilteredDesignation: [],\r\n      UpdatedFilteredDesignation: [],\r\n      Filterpopstatus: false,\r\n      Filterpopstatus1: false,\r\n      Department: [],\r\n      AllDepartments: [],\r\n      isOpen: false,\r\n      popupdesignation: \"\",\r\n      PopupFilteredDesignation: \"\",\r\n      PopupFilteredValue: \"\",\r\n      PopupDropDownFiltered: \"\",\r\n      selectedIds: [],\r\n      desigFilter: \"0\",\r\n      deptFilter: \"0\",\r\n      topicFilter: \"0\",\r\n      descripFilter: \"0\",\r\n      newIDCheckAll: [],\r\n      selectedCheckboxes: {},\r\n      selectAllChecked: false,\r\n    };\r\n  }\r\n\r\n  removeDuplicates(data) {\r\n    const uniqueSet = new Set();\r\n    data.forEach((item) => {\r\n      uniqueSet.add(JSON.stringify(item));\r\n    });\r\n    const uniqueArray = Array.from(uniqueSet).map((item) => JSON.parse(item));\r\n    return uniqueArray;\r\n  }\r\n\r\n  removeDuplicatesByField(data, fieldName) {\r\n    const uniqueData = [];\r\n    const uniqueValues = new Set();\r\n\r\n    data.forEach((item) => {\r\n      if (!uniqueValues.has(item[fieldName])) {\r\n        uniqueValues.add(item[fieldName]);\r\n        uniqueData.push(item);\r\n      }\r\n    });\r\n\r\n    return uniqueData;\r\n  }\r\n\r\n  GetTraining() {\r\n    let url = `${BASE_URLs}/Training/GetAdminTraining`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        const uniqueData = this.removeDuplicatesByField(data, \"description\");\r\n        this.setState({\r\n          Training: uniqueData,\r\n          Trainingsss: data.filter(\r\n            (e) => e.designation !== null && e.status !== 0\r\n          ),\r\n          Train: data,\r\n          PopupFilteredDesignation: data.filter((e) => e.designation !== null),\r\n        });\r\n        console.log(\r\n          \"Akak---------------\",\r\n          data.filter((e) => e.designation !== null)\r\n        );\r\n        // console.log(\"shan\", uniqueData);\r\n        {\r\n          const { Trainingsss } = this.state;\r\n\r\n          let data = Trainingsss.reduce((r, e) => {\r\n            let designationName = e.designation;\r\n\r\n            if (!r[designationName])\r\n              r[designationName] = { designationName, record: [e] };\r\n            else r[designationName].record.push(e);\r\n\r\n            return r;\r\n          }, {});\r\n\r\n          let result = Object.values(data);\r\n          this.setState({ FilteredDesignation: result });\r\n          this.setState({ UpdatedFilteredDesignation: result });\r\n\r\n          // console.log(\"DesigkResultsyyyyyyyyyyyyyyyyyy\", result);\r\n          this.sortAlphabetically(this.state.FilteredDesignation);\r\n          // console.log(\"FilteredDesignation\", this.state.FilteredDesignation);\r\n        }\r\n      });\r\n  }\r\n  sortAlphabetically = (event) => {\r\n    const { FilteredDesignation } = this.state;\r\n    let filter = [...event].sort((a, b) => {\r\n      return a.designationName < b.designationName ? -1 : 1;\r\n    });\r\n\r\n    this.setState({ FilteredDesignation: filter });\r\n    // console.log(\"Alpha\", FilteredDesignation);\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetTraining();\r\n    this.GetAllRoles();\r\n  }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    const data = new FormData(event.target);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Training/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetTraining();\r\n          alert(resp.message);\r\n        });\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n    }\r\n  };\r\n\r\n  DeleteButton = (id, desigId) => {\r\n    // console.log(\"------------\", id, desigId);\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", id);\r\n    data.append(\"desgId_delete\", desigId);\r\n\r\n    for (var pair of data.entries()) {\r\n      // console.log(pair[0] + \", \" + pair[1]);\r\n    }\r\n\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Training/Designationdelete`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.GetTraining();\r\n          toast.success(data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n    }\r\n  };\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n      } else {\r\n        msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  handleUpload = (event) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n    if (isAllowed) {\r\n      const file = event.target.files[0];\r\n      readFile(file).then((readedData) =>\r\n        this.setState({ initialData: readedData })\r\n      );\r\n      /* file upload logic goes here... */\r\n      return true;\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false;\r\n    }\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Training/TrainingExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.setState({ initialData: undefined });\r\n          var file = document.getElementById(\"files\");\r\n          var emptyFile = document.createElement(\"input\");\r\n          emptyFile.type = \"file\";\r\n          file.files = emptyFile.files;\r\n          this.GetTraining();\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          }\r\n          if (resp === 0) {\r\n            alert(\"Records added Successfully\");\r\n          } else {\r\n            alert(\"Some records not inserted \");\r\n          }\r\n          // this.GetAddSkill();\r\n        });\r\n    } catch (error) {}\r\n  };\r\n\r\n  GetAllRoles() {\r\n    let url = `${BASE_URLs}/Training/GetAllRoles`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        Accept: \"application/json\",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          allrolevalue: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"TrainingSheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  DepartModel = () => {\r\n    this.setState((prevState) => ({\r\n      DepartModel: !prevState.DepartModel,\r\n    }));\r\n    this.GetTraining();\r\n  };\r\n  EditModel = (training_Id, categoryMaster, ref_Doc) => {\r\n    this.setState({\r\n      EditDesigntionValues: {\r\n        training_Id: training_Id,\r\n        categoryMaster: categoryMaster,\r\n        ref_Doc: ref_Doc,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n\r\n    var page = {\r\n      pathname: \"/EditTrainingpop\",\r\n      state: {\r\n        training_Id: training_Id,\r\n        categoryMaster: categoryMaster,\r\n        ref_Doc: ref_Doc,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n\r\n    // this.GetTraining();\r\n  };\r\n  AssignModel = (training_Id, trainingitem, department) => {\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n\r\n    var page = {\r\n      pathname: \"/AssignTraining\",\r\n      state: {\r\n        training_Id: training_Id,\r\n        trainingitem: trainingitem,\r\n        department: department,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n\r\n    // this.GetTraining();\r\n  };\r\n\r\n  handleCheckAll = () => {\r\n    this.setState(\r\n      (prevState) => {\r\n        const { selectAllChecked, PopupFilteredValue, selectedIds } = prevState;\r\n\r\n        const updatedSelectedCheckboxes = {};\r\n\r\n        if (!selectAllChecked) {\r\n          PopupFilteredValue.forEach((Training) => {\r\n            updatedSelectedCheckboxes[Training.desigId] = true;\r\n          });\r\n        }\r\n\r\n        this.setState({\r\n          selectAllChecked: !selectAllChecked,\r\n          selectedCheckboxes: updatedSelectedCheckboxes,\r\n        });\r\n\r\n        const allSelected = PopupFilteredValue.every((Training) =>\r\n          this.state.selectedIds.includes(Training.desigId)\r\n        );\r\n\r\n        const updatedSelectedIds = allSelected\r\n          ? this.state.selectedIds.filter(\r\n              (id) =>\r\n                !PopupFilteredValue.map(\r\n                  (Training) => Training.desigId\r\n                ).includes(id)\r\n            )\r\n          : [\r\n              ...this.state.selectedIds,\r\n              ...PopupFilteredValue.map((Training) => Training.desigId),\r\n            ];\r\n\r\n        let finalSelectedIds = updatedSelectedIds.map((e) => e.toString());\r\n        let uniqueSet = new Set(finalSelectedIds);\r\n        let resultArray = Array.from(uniqueSet);\r\n\r\n        if (!selectAllChecked) {\r\n          return {\r\n            selectedIds: resultArray,\r\n          };\r\n        } else {\r\n          return {\r\n            selectedIds: [],\r\n          };\r\n        }\r\n      },\r\n      () => {\r\n        // console.log(\"CheckALL\", this.state.selectedIds);\r\n      }\r\n    );\r\n  };\r\n\r\n  handleCheckboxChange = (event) => {\r\n    const desigId = event.target.value;\r\n\r\n    const { value, checked } = event.target;\r\n\r\n    this.setState((prevState) => ({\r\n      selectedCheckboxes: {\r\n        ...prevState.selectedCheckboxes,\r\n        [value]: checked,\r\n      },\r\n    }));\r\n\r\n    this.setState(\r\n      (prevState) => {\r\n        const { selectedIds } = prevState;\r\n\r\n        if (selectedIds.includes(desigId)) {\r\n          // Deselect the individual checkbox\r\n          return {\r\n            selectedIds: selectedIds.filter((id) => id !== desigId),\r\n          };\r\n        } else {\r\n          // Select the individual checkbox\r\n          return {\r\n            selectedIds: [...selectedIds, desigId],\r\n          };\r\n        }\r\n      },\r\n      () => {\r\n        // console.log(\"Checkbox changed:\", this.state.selectedIds);\r\n      }\r\n    );\r\n  };\r\n\r\n  Detail = (TrainingId, designationName) => {\r\n    const desigName = designationName;\r\n    const traID = TrainingId;\r\n    const newID = [];\r\n\r\n    if (traID.length >= 0) {\r\n      traID.forEach((item) => {\r\n        newID.push(item.training_Id);\r\n      });\r\n    }\r\n\r\n    const { Training } = this.state;\r\n\r\n    this.setState({ PopupFilteredValue: [] });\r\n\r\n    const popupFilter = Training.filter((item) => {\r\n      return (\r\n        !newID.includes(item.training_Id) && item.designation !== desigName\r\n      );\r\n    });\r\n\r\n    this.setState({ PopupFilteredValue: popupFilter }, () => {\r\n      // console.log(\"PopUpFilterrrrrr\", this.state.PopupFilteredValue);\r\n    });\r\n\r\n    this.setState({ PopupDropDownFiltered: popupFilter });\r\n\r\n    this.setState({ popupdesignation: designationName });\r\n    this.setState({ isOpen: true });\r\n  };\r\n\r\n  handleClick = (e) => {\r\n    e.preventDefault();\r\n\r\n    let url = `${BASE_URLs}/Training/DesignationAddTraining?Designation=${this.state.popupdesignation}&Desig_ID=${this.state.selectedIds}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"data\", data);\r\n      });\r\n    this.setState({ PopupDropDownFiltered: this.state.PopupFilteredValue });\r\n    this.setState({ isOpen: false });\r\n    window.location.reload();\r\n  };\r\n\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n\r\n    this.props.history.push(\"/TrainingSchedule\");\r\n  };\r\n\r\n  closePopup = () => {\r\n    this.setState({ isOpen: false });\r\n  };\r\n  onKeyUp = (e) => {\r\n    const Training = this.state.Train.filter(\r\n      (item) =>\r\n        item.department.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n        item.trainingitem\r\n          .toLowerCase()\r\n          .includes(e.target.value.toLowerCase()) ||\r\n        item.description.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Training });\r\n  };\r\n\r\n  Edit1(training_Id) {\r\n    var page = {\r\n      pathname: \"/EditTrainingpop\",\r\n      state: {\r\n        training_Id: training_Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  toggleTab = (index) => {\r\n    this.setState({ toggleState: index });\r\n    // console.log(\"ToggleIndex\", index);\r\n  };\r\n\r\n  handleChange = (event) => {\r\n    const { Training, deptFilter, topicFilter, descripFilter } = this.state;\r\n\r\n    const Desig = event.target.value;\r\n\r\n    this.setState({ desigFilter: Desig });\r\n\r\n    const popupFilter = Training.filter((item) => {\r\n      return (\r\n        (Desig === \"0\" || item.designation === Desig) &&\r\n        (deptFilter === \"0\" || item.department === deptFilter) &&\r\n        (topicFilter === \"0\" || item.trainingitem === topicFilter) &&\r\n        (descripFilter === \"0\" || item.description === descripFilter)\r\n      );\r\n    });\r\n\r\n    this.setState({ PopupDropDownFiltered: popupFilter });\r\n  };\r\n\r\n  handleChange1 = (event) => {\r\n    const { Training, desigFilter, topicFilter, descripFilter } = this.state;\r\n\r\n    const Dept = event.target.value;\r\n\r\n    this.setState({ deptFilter: Dept });\r\n\r\n    const popupFilter = Training.filter((item) => {\r\n      return (\r\n        (desigFilter === \"0\" || item.designation === desigFilter) &&\r\n        (Dept === \"0\" || item.department.includes(Dept)) &&\r\n        (topicFilter === \"0\" || item.trainingitem === topicFilter) &&\r\n        (descripFilter === \"0\" || item.description === descripFilter)\r\n      );\r\n    });\r\n\r\n    this.setState({ PopupDropDownFiltered: popupFilter });\r\n  };\r\n\r\n  handleChange2 = (event) => {\r\n    const { Training, desigFilter, deptFilter, descripFilter } = this.state;\r\n\r\n    const Topic = event.target.value;\r\n\r\n    this.setState({ topicFilter: Topic });\r\n\r\n    const popupFilter = Training.filter((item) => {\r\n      return (\r\n        (desigFilter === \"0\" || item.designation === desigFilter) &&\r\n        (deptFilter === \"0\" || item.department === deptFilter) &&\r\n        (Topic === \"0\" || item.trainingitem === Topic) &&\r\n        (descripFilter === \"0\" || item.description === descripFilter)\r\n      );\r\n    });\r\n\r\n    this.setState({ PopupDropDownFiltered: popupFilter });\r\n  };\r\n\r\n  handleChange3 = (event) => {\r\n    const { Training, desigFilter, deptFilter, topicFilter } = this.state;\r\n\r\n    const Description = event.target.value;\r\n\r\n    this.setState({ descripFilter: Description });\r\n\r\n    const popupFilter = Training.filter((item) => {\r\n      return (\r\n        (desigFilter === \"0\" || item.designation === desigFilter) &&\r\n        (deptFilter === \"0\" || item.department === deptFilter) &&\r\n        (topicFilter === \"0\" || item.trainingitem === topicFilter) &&\r\n        (Description === \"0\" || item.description.includes(Description))\r\n      );\r\n    });\r\n\r\n    this.setState({ PopupDropDownFiltered: popupFilter });\r\n  };\r\n\r\n  render() {\r\n    const {\r\n      Training,\r\n      Train,\r\n      Trainings,\r\n      TrainingList,\r\n      FilteredDesignation,\r\n      isOpen,\r\n      selectedIds,\r\n      selectAllChecked,\r\n      selectedCheckboxes,\r\n    } = this.state;\r\n    var Entityname = JSON.parse(localStorage.entityName);\r\n    var filename = `O_${Entityname}_TrainingItem`;\r\n    const { toggleState } = this.state;\r\n    const { Department, Filterpopstatus, Filterpopstatus1 } = this.state;\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n\r\n        {Filterpopstatus ? (\r\n          <FilterPop\r\n            data={this.state.UpdatedFilteredDesignation}\r\n            FilteredData={(newValue) => {\r\n              this.setState({ FilteredDesignation: newValue });\r\n            }}\r\n            TogglePop={(e) => {\r\n              this.setState({ Filterpopstatus: !Filterpopstatus });\r\n            }}\r\n          />\r\n        ) : null}\r\n\r\n        {Filterpopstatus1 ? (\r\n          <FilterPop\r\n            data={Train}\r\n            FilteredData={(newValue) => {\r\n              this.setState({ Training: newValue });\r\n            }}\r\n            TogglePop={(e) => {\r\n              this.setState({ Filterpopstatus1: !Filterpopstatus1 });\r\n            }}\r\n          />\r\n        ) : null}\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 className=\"title\">Training Topics</h4>\r\n                        </div>\r\n\r\n                        {/* <div className=\"containerTabs\">\r\n                          <div className=\"bloc-tabs\">\r\n                            <button\r\n                              className={\r\n                                toggleState === 1 ? \"tabs active-tabs\" : \"tabs\"\r\n                              }\r\n                              onClick={() => this.toggleTab(1)}\r\n                            >\r\n                              Training Topic\r\n                            </button>\r\n                            <button\r\n                              className={\r\n                                toggleState === 2 ? \"tabs active-tabs\" : \"tabs\"\r\n                              }\r\n                              onClick={() => this.toggleTab(2)}\r\n                            >\r\n                              Designation Based Topic\r\n                            </button>\r\n                          </div> */}\r\n\r\n                        <br />\r\n                        <div className=\"j-tabs-container md-tabs\">\r\n                          <div style={{ marginLeft: \"35px\" }}>\r\n                            <input\r\n                              id=\"tab1\"\r\n                              type=\"radio\"\r\n                              name=\"tabs\"\r\n                              defaultChecked\r\n                            />\r\n                            <label\r\n                              id=\"supertab\"\r\n                              onClick={() => this.toggleTab(1)}\r\n                              style={{ border: \"1px solid lightgray\" }}\r\n                              className=\"j-tabs-label\"\r\n                              htmlFor=\"tab1\"\r\n                              title=\"Training Topic\"\r\n                            >\r\n                              <span>\r\n                                &nbsp;&nbsp;Training Topic&nbsp;&nbsp;\r\n                              </span>\r\n                            </label>\r\n                            <input id=\"tab9\" type=\"radio\" name=\"tabs\" />\r\n                            <label\r\n                              id=\"pendingtab\"\r\n                              onClick={() => this.toggleTab(2)}\r\n                              style={{ border: \"1px solid lightgray\" }}\r\n                              className=\"j-tabs-label\"\r\n                              htmlFor=\"tab9\"\r\n                              title=\"Designation Based Topic\"\r\n                            >\r\n                              <span>\r\n                                &nbsp;Designation Based Topic&nbsp;&nbsp;\r\n                              </span>\r\n                            </label>\r\n                          </div>\r\n                          <br />\r\n\r\n                          <div className=\"contentss-tabs\">\r\n                            <div\r\n                              className={\r\n                                toggleState === 1\r\n                                  ? \"contentss  active-contentss\"\r\n                                  : \"contentss\"\r\n                              }\r\n                            >\r\n                              {this.state.DepartModel ? (\r\n                                <AddTrainingpop\r\n                                  close={() => this.DepartModel()}\r\n                                />\r\n                              ) : null}\r\n                              <form onSubmit={this.handleSubmit}>\r\n                                <div className=\"card-block\">\r\n                                  <div className=\"row\">\r\n                                    <div className=\"col-lg-2\">\r\n                                      <Link\r\n                                        to=\"./AddTrainingpop\"\r\n                                        type=\"button\"\r\n                                        style={{\r\n                                          width: \"150px\",\r\n                                          background: \"white\",\r\n                                        }}\r\n                                        className=\"btn\"\r\n                                      >\r\n                                        Add{\" \"}\r\n                                      </Link>\r\n                                    </div>\r\n                                    <div className=\"col-lg-2\">\r\n                                      <label\r\n                                        htmlFor=\"files\"\r\n                                        className=\"btn\"\r\n                                        id=\"addBtn\"\r\n                                        name=\"TrainingFile\"\r\n                                      >\r\n                                        Import From Excel\r\n                                      </label>\r\n                                      <input\r\n                                        id=\"files\"\r\n                                        type=\"file\"\r\n                                        accept=\".xlsx\"\r\n                                        style={{ display: \"none\" }}\r\n                                        onChange={this.handleUpload}\r\n                                        name=\"TrainingFile\"\r\n                                      />\r\n                                    </div>\r\n                                    <div className=\"col-lg-2\">\r\n                                      <button\r\n                                        className=\"btn\"\r\n                                        type=\"button\"\r\n                                        onClick={() =>\r\n                                          this.exportXlsx(filename)\r\n                                        }\r\n                                      >\r\n                                        Export to excel\r\n                                      </button>\r\n                                    </div>\r\n\r\n                                    <OutTable\r\n                                      data={this.state.rows}\r\n                                      columns={this.state.cols}\r\n                                      tableClassName=\"ExcelTable2007\"\r\n                                      tableHeaderRowclassName=\"heading\"\r\n                                    />\r\n\r\n                                    <div className=\"col-lg-2\">\r\n                                      {/* href={TrainingXL} */}\r\n\r\n                                      <a\r\n                                        className=\"btn\"\r\n                                        href={TrainingXL}\r\n                                        type=\"button\"\r\n                                        style={{ color: \"#5035ce\" }}\r\n                                      >\r\n                                        <i\r\n                                          title=\"Download Template\"\r\n                                          className=\"icofont icofont-download\"\r\n                                        ></i>{\" \"}\r\n                                        Download\r\n                                      </a>\r\n                                    </div>\r\n                                    <div className=\"col-lg-4 \">\r\n                                      <input\r\n                                        className=\"Searchbox\"\r\n                                        placeholder=\"Search\"\r\n                                        onClick={() => {\r\n                                          this.setState({\r\n                                            Filterpopstatus1: true,\r\n                                          });\r\n                                        }}\r\n                                        style={{ float: \"right\" }}\r\n                                      />\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                {this.state.initialData !== undefined ? (\r\n                                  <ReactExcel\r\n                                    initialData={this.state.initialData}\r\n                                    onSheetUpdate={(currentSheet) =>\r\n                                      this.setState({\r\n                                        CurrentSheet: currentSheet,\r\n                                      })\r\n                                    }\r\n                                    activeSheetClassName=\"active-sheet\"\r\n                                    reactExcelClassName=\"react-excel\"\r\n                                    name=\"TrainingFile\"\r\n                                  />\r\n                                ) : null}\r\n                                {this.state.initialData !== undefined ? (\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"savebtndiv\">\r\n                                      <button\r\n                                        className=\"btn\"\r\n                                        id=\"\"\r\n                                        type=\"submit\"\r\n                                        style={{ width: \"150px\" }}\r\n                                      >\r\n                                        Save\r\n                                      </button>\r\n                                    </div>\r\n                                  </div>\r\n                                ) : null}\r\n                              </form>\r\n\r\n                              <div className=\"card-block2\">\r\n                                <form onSubmit={this.Multidelete}>\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    className=\"multitrash\"\r\n                                    id=\"delete\"\r\n                                    style={{\r\n                                      float: \"right\",\r\n                                      visibility: \"hidden\",\r\n                                    }}\r\n                                  >\r\n                                    <i\r\n                                      className=\"icofont icofont-delete-alt\"\r\n                                      style={{ color: \"darkgray\" }}\r\n                                    ></i>\r\n                                  </button>\r\n                                  <div>\r\n                                    {\" \"}\r\n                                    <span\r\n                                      id=\"deletecount\"\r\n                                      className=\"multitrash\"\r\n                                      style={{\r\n                                        visibility: \"hidden\",\r\n                                        fontSize: \"17px\",\r\n                                      }}\r\n                                    ></span>\r\n                                  </div>\r\n                                  <div\r\n                                    id=\"selectalldiv\"\r\n                                    style={{ visibility: \"hidden\" }}\r\n                                  ></div>\r\n                                  <br />\r\n                                  <br />\r\n                                  <div className=\"dt-responsive table-responsive table-res\">\r\n                                    {this.state.Training.length === 0 ? null : (\r\n                                      <table\r\n                                        id=\"DepSheet\"\r\n                                        className=\"table nowrap\"\r\n                                        style={{ maxWidth: \"100%\" }}\r\n                                      >\r\n                                        <thead>\r\n                                          <tr>\r\n                                            <th>Department</th>\r\n                                            <th>Training Topic</th>\r\n                                            <th>Description</th>\r\n                                            <th>Duration</th>\r\n                                            <th>Documents</th>\r\n                                            <th>Trainers</th>\r\n                                            <th>Designation</th>\r\n                                            <th\r\n                                              style={{ textAlign: \"center\" }}\r\n                                            ></th>\r\n                                          </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                          {Training.map((Training) => (\r\n                                            <tr>\r\n                                              <td>{Training.department}</td>\r\n                                              <td>{Training.trainingitem}</td>\r\n                                              <td>{Training.description}</td>\r\n                                              <td>{Training.duration}</td>\r\n                                              <td\r\n                                                style={{ textAlign: \"center\" }}\r\n                                              >\r\n                                                {Training.filecount}\r\n                                              </td>\r\n                                              <td\r\n                                                style={{ textAlign: \"center\" }}\r\n                                              >\r\n                                                {Training.trainercount}\r\n                                              </td>\r\n                                              <td\r\n                                                style={{ textAlign: \"center\" }}\r\n                                              >\r\n                                                {Training.designationcount}\r\n                                              </td>\r\n                                              <td\r\n                                                style={{ textAlign: \"center\" }}\r\n                                              >\r\n                                                <button\r\n                                                  className=\"button-30 sk-edit\"\r\n                                                  onClick={(e) => {\r\n                                                    e.preventDefault();\r\n                                                    this.Edit1(\r\n                                                      Training.training_Id\r\n                                                    );\r\n                                                  }}\r\n                                                >\r\n                                                  <i\r\n                                                    className=\"fa fa-info\"\r\n                                                    aria-hidden=\"true\"\r\n                                                  ></i>\r\n                                                </button>{\" \"}\r\n                                                &nbsp;&nbsp;&nbsp;\r\n                                              </td>\r\n                                            </tr>\r\n                                          ))}\r\n                                        </tbody>\r\n                                      </table>\r\n                                    )}\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n\r\n                              <table\r\n                                id=\"TrainingSheet\"\r\n                                className=\"table nowrap\"\r\n                                style={{ maxWidth: \"100%\", display: \"none\" }}\r\n                              >\r\n                                <thead>\r\n                                  <tr>\r\n                                    <th>Department</th>\r\n                                    <th>Training Item</th>\r\n                                    <th>Description</th>\r\n                                    <th>Documents</th>\r\n                                    <th>Trainers</th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  {Training.map((Training) => (\r\n                                    <tr>\r\n                                      <td>{Training.department}</td>\r\n                                      <td>{Training.trainingitem}</td>\r\n                                      <td>{Training.description}</td>\r\n                                      <td>5</td>\r\n                                      <td>3</td>\r\n                                    </tr>\r\n                                  ))}\r\n                                </tbody>\r\n                              </table>\r\n                            </div>\r\n                            <div\r\n                              className={\r\n                                toggleState === 2\r\n                                  ? \"contentss  active-contentss\"\r\n                                  : \"contentss\"\r\n                              }\r\n                            >\r\n                              <div className=\"card-block\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col btnalign\">\r\n                                    <Link\r\n                                      to=\"./AddTrainingpop\"\r\n                                      type=\"button\"\r\n                                      style={{\r\n                                        width: \"150px\",\r\n                                        background: \"white\",\r\n                                      }}\r\n                                      className=\"btn \"\r\n                                    >\r\n                                      Add{\" \"}\r\n                                    </Link>\r\n                                  </div>\r\n                                  <div className=\"col btnalign\">\r\n                                    <button\r\n                                      className=\"btn\"\r\n                                      type=\"button\"\r\n                                      onClick={() => this.exportXlsx(filename)}\r\n                                    >\r\n                                      Export to excel\r\n                                    </button>\r\n                                  </div>\r\n\r\n                                  <OutTable\r\n                                    data={this.state.rows}\r\n                                    columns={this.state.cols}\r\n                                    tableClassName=\"ExcelTable2007\"\r\n                                    tableHeaderRowclassName=\"heading\"\r\n                                  />\r\n\r\n                                  <div className=\"col btnalign\">\r\n                                    <a\r\n                                      className=\"btn\"\r\n                                      href={TrainingXL}\r\n                                      type=\"button\"\r\n                                      style={{ color: \"#5035ce\" }}\r\n                                    >\r\n                                      <i\r\n                                        title=\"Download Template\"\r\n                                        className=\"icofont icofont-download\"\r\n                                      ></i>{\" \"}\r\n                                      Download\r\n                                    </a>\r\n                                  </div>\r\n                                  <div className=\"col btnalign\"></div>\r\n                                  <div className=\"col-lg-4\">\r\n                                    <input\r\n                                      className=\"Searchbox\"\r\n                                      placeholder=\"Search\"\r\n                                      onClick={() => {\r\n                                        this.setState({\r\n                                          Filterpopstatus: true,\r\n                                        });\r\n                                      }}\r\n                                      style={{ float: \"right\" }}\r\n                                    />\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                              <div className=\"card-block2\">\r\n                                <button\r\n                                  type=\"submit\"\r\n                                  className=\"multitrash\"\r\n                                  id=\"delete\"\r\n                                  style={{\r\n                                    float: \"right\",\r\n                                    visibility: \"hidden\",\r\n                                  }}\r\n                                >\r\n                                  <i\r\n                                    className=\"icofont icofont-delete-alt\"\r\n                                    style={{ color: \"darkgray\" }}\r\n                                  ></i>\r\n                                </button>\r\n                                <div>\r\n                                  {\" \"}\r\n                                  <span\r\n                                    id=\"deletecount\"\r\n                                    className=\"multitrash\"\r\n                                    style={{\r\n                                      visibility: \"hidden\",\r\n                                      fontSize: \"17px\",\r\n                                    }}\r\n                                  ></span>\r\n                                </div>\r\n                                <div\r\n                                  id=\"selectalldiv\"\r\n                                  style={{ visibility: \"hidden\" }}\r\n                                ></div>\r\n                                <br />\r\n                                <br />\r\n                                <div className=\"dt-responsive table-responsive table-res\">\r\n                                  <>\r\n                                    <table\r\n                                      id=\"DepSheet\"\r\n                                      className=\"table nowrap\"\r\n                                      style={{ maxWidth: \"100%\" }}\r\n                                    >\r\n                                      {this.state.FilteredDesignation.map(\r\n                                        (Trainings) => (\r\n                                          <>\r\n                                            <tr>\r\n                                              <th>\r\n                                                <input\r\n                                                  disabled\r\n                                                  className=\"designationMenu\"\r\n                                                  value={\r\n                                                    Trainings.designationName\r\n                                                  }\r\n                                                ></input>\r\n                                              </th>\r\n                                              <td>\r\n                                                <button\r\n                                                  className=\"button-20 sk-edit\"\r\n                                                  onClick={() =>\r\n                                                    this.Detail(\r\n                                                      Trainings.record,\r\n                                                      Trainings.designationName\r\n                                                    )\r\n                                                  }\r\n                                                >\r\n                                                  <i\r\n                                                    className=\"icofont icofont-plus\"\r\n                                                    aria-hidden=\"true\"\r\n                                                  ></i>\r\n                                                </button>\r\n                                              </td>\r\n                                            </tr>\r\n                                            <>\r\n                                              <tr>\r\n                                                <th\r\n                                                  style={{ textAlign: \"left\" }}\r\n                                                >\r\n                                                  Department\r\n                                                </th>\r\n                                                <th\r\n                                                  style={{ textAlign: \"left\" }}\r\n                                                >\r\n                                                  Training Topic\r\n                                                </th>\r\n                                                <th\r\n                                                  style={{ textAlign: \"left\" }}\r\n                                                >\r\n                                                  Description\r\n                                                </th>\r\n                                                <th\r\n                                                  style={{ textAlign: \"left\" }}\r\n                                                >\r\n                                                  Documents\r\n                                                </th>\r\n                                                <th\r\n                                                  style={{ textAlign: \"left\" }}\r\n                                                >\r\n                                                  Trainers\r\n                                                </th>\r\n                                              </tr>\r\n                                              {Trainings.record.map(\r\n                                                (Training) => (\r\n                                                  <tr>\r\n                                                    <td>\r\n                                                      {Training.department}\r\n                                                    </td>\r\n                                                    <td>\r\n                                                      {Training.trainingitem}\r\n                                                    </td>\r\n                                                    <td>\r\n                                                      {Training.description}\r\n                                                    </td>\r\n                                                    <td\r\n                                                      style={{\r\n                                                        textAlign: \"center\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {Training.filecount}\r\n                                                    </td>\r\n                                                    <td\r\n                                                      style={{\r\n                                                        textAlign: \"center\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {Training.trainercount}\r\n                                                    </td>\r\n\r\n                                                    <td\r\n                                                      style={{\r\n                                                        textAlign: \"center\",\r\n                                                      }}\r\n                                                    >\r\n                                                      <button\r\n                                                        className=\"button-30\"\r\n                                                        type=\"button\"\r\n                                                        style={{\r\n                                                          color:\r\n                                                            \"rgb(255, 0, 0)\",\r\n                                                        }}\r\n                                                        onClick={() =>\r\n                                                          this.DeleteButton(\r\n                                                            Training.training_Id,\r\n                                                            Training.desigId\r\n                                                          )\r\n                                                        }\r\n                                                      >\r\n                                                        <i className=\"icofont icofont-minus\"></i>\r\n                                                      </button>\r\n                                                      &nbsp;\r\n                                                      <button\r\n                                                        className=\"button-30 sk-edit\"\r\n                                                        onClick={(e) => {\r\n                                                          e.preventDefault();\r\n                                                          this.Edit1(\r\n                                                            Training.training_Id\r\n                                                          );\r\n                                                        }}\r\n                                                      >\r\n                                                        <i\r\n                                                          className=\"fa fa-info\"\r\n                                                          aria-hidden=\"true\"\r\n                                                        ></i>\r\n                                                      </button>\r\n                                                      &nbsp;&nbsp;&nbsp;\r\n                                                    </td>\r\n                                                  </tr>\r\n                                                )\r\n                                              )}\r\n                                            </>\r\n                                          </>\r\n                                        )\r\n                                      )}\r\n                                    </table>\r\n                                  </>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {isOpen && (\r\n          <div className=\"pop\">\r\n            <div\r\n              className=\"popinnernormal\"\r\n              style={{\r\n                width: \"71%\",\r\n                height: \"80vh\",\r\n                overflowY: \"auto\",\r\n              }}\r\n            >\r\n              {\" \"}\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-md-6\" style={{ marginLeft: \"230px\" }}>\r\n                  <b>{this.state.popupdesignation}</b>\r\n                </div>\r\n                <div className=\"col-sm-3\">\r\n                  <button\r\n                    style={{\r\n                      backgroundColor: \"#a0a3a305\",\r\n                      color: \"#797070\",\r\n                      border: \"1px solid #a3a5a505\",\r\n                      marginRight: \"-255px\",\r\n                    }}\r\n                    onClick={this.closePopup}\r\n                  >\r\n                    <CloseIcon />\r\n                  </button>\r\n                </div>\r\n                <div className=\"col-sm-8\" style={{ maxWidth: \"100.666667%\" }}>\r\n                  <div\r\n                    className=\"dt-responsive table-responsive table-res\"\r\n                    style={{ overflowX: \"hidden\" }}\r\n                  ></div>\r\n                </div>\r\n              </div>\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                    <div className=\"col-sm-3\">\r\n                      <select\r\n                        className=\"effect-16\"\r\n                        type=\"text\"\r\n                        name=\"Department\"\r\n                        value={this.state.dept}\r\n                        id=\"Department\"\r\n                        onChange={this.handleChange}\r\n                      >\r\n                        <option value=\"\">Designation</option>\r\n                        {this.state.PopupFilteredValue.map((popValue) => (\r\n                          <option value={popValue.designation}>\r\n                            {popValue.designation}\r\n                          </option>\r\n                        ))}\r\n                      </select>\r\n                    </div>\r\n\r\n                    <div className=\"col-sm-3\">\r\n                      <select\r\n                        className=\"effect-16\"\r\n                        type=\"text\"\r\n                        value={this.state.selectedJobRole}\r\n                        name=\"JobRole\"\r\n                        id=\"JobRole\"\r\n                        onChange={this.handleChange1}\r\n                      >\r\n                        <option value=\"\">Department</option>\r\n                        {this.state.PopupFilteredValue.map((popValue) => (\r\n                          <option value={popValue.department}>\r\n                            {popValue.department}\r\n                          </option>\r\n                        ))}\r\n                      </select>\r\n                    </div>\r\n\r\n                    <div className=\"col-sm-3\">\r\n                      <select\r\n                        className=\"effect-16\"\r\n                        type=\"text\"\r\n                        value={this.state.selectedJobRole}\r\n                        name=\"JobRole\"\r\n                        id=\"JobRole\"\r\n                        onChange={this.handleChange2}\r\n                      >\r\n                        <option value=\"\">Training Topic</option>\r\n                        {this.state.PopupFilteredValue.map((popValue) => (\r\n                          <option value={popValue.trainingitem}>\r\n                            {popValue.trainingitem}\r\n                          </option>\r\n                        ))}\r\n                      </select>\r\n                    </div>\r\n\r\n                    <div className=\"col-sm-3\">\r\n                      <select\r\n                        className=\"effect-16\"\r\n                        type=\"text\"\r\n                        value={this.state.selectedJobRole}\r\n                        name=\"JobRole\"\r\n                        id=\"JobRole\"\r\n                        onChange={this.handleChange3}\r\n                      >\r\n                        <option value=\"\">Description</option>\r\n                        {this.state.PopupFilteredValue.map((popValue) => (\r\n                          <option value={popValue.description}>\r\n                            {popValue.description}\r\n                          </option>\r\n                        ))}\r\n                      </select>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div className=\"dt-responsive table-responsive table-res\">\r\n                    {this.state.PopupDropDownFiltered === \"\" ? (\r\n                      <>\r\n                        {this.state.PopupFilteredValue.length === 0 ? (\r\n                          \"No records\"\r\n                        ) : (\r\n                          <table\r\n                            id=\"DepSheet\"\r\n                            className=\"table nowrap\"\r\n                            style={{ maxWidth: \"100%\" }}\r\n                          >\r\n                            <thead>\r\n                              <tr>\r\n                                <th>\r\n                                  <input\r\n                                    type=\"checkbox\"\r\n                                    onChange={this.handleCheckAll}\r\n                                    checked={selectAllChecked}\r\n                                  />\r\n                                </th>\r\n                                <th>Designation</th>\r\n                                <th>Department</th>\r\n                                <th>Training Topic</th>\r\n                                <th>Description</th>\r\n                              </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                              {/* {this.state.PopupDropDownFiltered.map((Training) => ( */}\r\n                              {this.state.PopupFilteredValue.map((Training) => (\r\n                                <tr>\r\n                                  <td>\r\n                                    <input\r\n                                      type=\"checkbox\"\r\n                                      value={Training.desigId}\r\n                                      onChange={this.handleCheckboxChange}\r\n                                      checked={\r\n                                        selectedCheckboxes[Training.desigId] ||\r\n                                        false\r\n                                      }\r\n                                    />\r\n                                    {/* {Training.desigId} */}\r\n                                  </td>\r\n                                  <td>{Training.designation}</td>\r\n                                  <td>{Training.department}</td>\r\n                                  <td>{Training.trainingitem}</td>\r\n                                  <td>{Training.description}</td>\r\n                                </tr>\r\n                              ))}\r\n                            </tbody>\r\n                          </table>\r\n                        )}\r\n                      </>\r\n                    ) : (\r\n                      <>\r\n                        {this.state.PopupFilteredValue.length === 0 ? (\r\n                          \"No records\"\r\n                        ) : (\r\n                          <table\r\n                            id=\"DepSheet\"\r\n                            className=\"table nowrap\"\r\n                            style={{ maxWidth: \"100%\" }}\r\n                          >\r\n                            <thead>\r\n                              <tr>\r\n                                <th>\r\n                                  <input\r\n                                    type=\"checkbox\"\r\n                                    onChange={this.handleCheckAll}\r\n                                    checked={selectAllChecked}\r\n                                  />\r\n                                </th>\r\n                                <th>Designation</th>\r\n                                <th>Department</th>\r\n                                <th>Training Topic</th>\r\n                                <th>Description</th>\r\n                              </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                              {/* {this.state.PopupDropDownFiltered.map((Training) => ( */}\r\n                              {this.state.PopupDropDownFiltered.map(\r\n                                (Training) => (\r\n                                  <tr>\r\n                                    <td>\r\n                                      <input\r\n                                        type=\"checkbox\"\r\n                                        value={Training.desigId}\r\n                                        onChange={this.handleCheckboxChange}\r\n                                        checked={\r\n                                          selectedCheckboxes[\r\n                                            Training.desigId\r\n                                          ] || false\r\n                                        }\r\n                                      />\r\n                                      {/* {Training.desigId} */}\r\n                                    </td>\r\n                                    <td>{Training.designation}</td>\r\n                                    <td>{Training.department}</td>\r\n                                    <td>{Training.trainingitem}</td>\r\n                                    <td>{Training.description}</td>\r\n                                  </tr>\r\n                                )\r\n                              )}\r\n                            </tbody>\r\n                          </table>\r\n                        )}\r\n                      </>\r\n                    )}\r\n                  </div>\r\n                  <div style={{ marginLeft: \"-90px\", marginTop: \"15px\" }}>\r\n                    <button\r\n                      className=\"btn\"\r\n                      type=\"button\"\r\n                      onClick={this.handleClick}\r\n                    >\r\n                      Save\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <br />\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import { useState } from \"react\";\r\n// import shortid from 'shortid';\r\nexport default function Train() {\r\n  const [selectedfile, SetSelectedFile] = useState([]);\r\n  const [Files, SetFiles] = useState([]);\r\n\r\n  const filesizes = (bytes, decimals = 2) => {\r\n    if (bytes === 0) return \"0 Bytes\";\r\n    const k = 1024;\r\n    const dm = decimals < 0 ? 0 : decimals;\r\n    const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\r\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\r\n    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + \" \" + sizes[i];\r\n  };\r\n\r\n  const InputChange = (e) => {\r\n    // --For Multiple File Input\r\n    let images = [];\r\n    for (let i = 0; i < e.target.files.length; i++) {\r\n      images.push(e.target.files[i]);\r\n      let reader = new FileReader();\r\n      let file = e.target.files[i];\r\n      reader.onloadend = () => {\r\n        SetSelectedFile((preValue) => {\r\n          return [\r\n            ...preValue,\r\n            {\r\n              // id: shortid.generate(),\r\n              filename: e.target.files[i].name,\r\n              filetype: e.target.files[i].type,\r\n              fileimage: reader.result,\r\n              datetime:\r\n                e.target.files[i].lastModifiedDate.toLocaleString(\"en-IN\"),\r\n              filesize: filesizes(e.target.files[i].size),\r\n            },\r\n          ];\r\n        });\r\n      };\r\n      if (e.target.files[i]) {\r\n        reader.readAsDataURL(file);\r\n      }\r\n    }\r\n  };\r\n\r\n  const DeleteSelectFile = (id) => {\r\n    if (window.confirm(\"Are you sure you want to delete this Image?\")) {\r\n      const result = selectedfile.filter((data) => data.id !== id);\r\n      SetSelectedFile(result);\r\n    } else {\r\n      // alert('No');\r\n    }\r\n  };\r\n\r\n  const FileUploadSubmit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    // form reset on submit\r\n    e.target.reset();\r\n    if (selectedfile.length > 0) {\r\n      for (let index = 0; index < selectedfile.length; index++) {\r\n        SetFiles((preValue) => {\r\n          return [...preValue, selectedfile[index]];\r\n        });\r\n      }\r\n      SetSelectedFile([]);\r\n    } else {\r\n      alert(\"Please select file\");\r\n    }\r\n  };\r\n\r\n  const DeleteFile = async (id) => {\r\n    if (window.confirm(\"Are you sure you want to delete this Image?\")) {\r\n      const result = Files.filter((data) => data.id !== id);\r\n      SetFiles(result);\r\n    } else {\r\n      // alert('No');\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <div className=\"fileupload-view\">\r\n        <div className=\"row justify-content-center m-0\">\r\n          <div className=\"col-md-6\">\r\n            <div className=\"card mt-5\">\r\n              <div className=\"card-body\">\r\n                <div className=\"kb-data-box\">\r\n                  <div className=\"kb-modal-data-title\">\r\n                    <div className=\"kb-data-title\">\r\n                      <h6>Multiple File Upload With Preview</h6>\r\n                    </div>\r\n                  </div>\r\n                  <form onSubmit={FileUploadSubmit}>\r\n                    <div className=\"kb-file-upload\">\r\n                      <div className=\"file-upload-box\">\r\n                        <input\r\n                          type=\"file\"\r\n                          id=\"fileupload\"\r\n                          className=\"file-upload-input\"\r\n                          onChange={InputChange}\r\n                          multiple\r\n                        />\r\n                        <span>\r\n                          Drag and drop or{\" \"}\r\n                          <span className=\"file-link\">Choose your files</span>\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"kb-attach-box mb-3\">\r\n                      {selectedfile.map((data, index) => {\r\n                        const {\r\n                          id,\r\n                          filename,\r\n                          filetype,\r\n                          fileimage,\r\n                          datetime,\r\n                          filesize,\r\n                        } = data;\r\n                        return (\r\n                          <div className=\"file-atc-box\" key={id}>\r\n                            {filename.match(/.(jpg|jpeg|png|gif|svg)$/i) ? (\r\n                              <div className=\"file-image\">\r\n                                {\" \"}\r\n                                <img src={fileimage} alt=\"\" />\r\n                              </div>\r\n                            ) : (\r\n                              <div className=\"file-image\">\r\n                                <i className=\"far fa-file-alt\"></i>\r\n                              </div>\r\n                            )}\r\n                            <div className=\"file-detail\">\r\n                              <h6>{filename}</h6>\r\n                              <p></p>\r\n                              <p>\r\n                                <span>Size : {filesize}</span>\r\n                                <span className=\"ml-2\">\r\n                                  Modified Time : {datetime}\r\n                                </span>\r\n                              </p>\r\n                              <div className=\"file-actions\">\r\n                                <button\r\n                                  type=\"button\"\r\n                                  className=\"file-action-btn\"\r\n                                  onClick={() => DeleteSelectFile(id)}\r\n                                >\r\n                                  Delete\r\n                                </button>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        );\r\n                      })}\r\n                    </div>\r\n                    <div className=\"kb-buttons-box\">\r\n                      <button\r\n                        type=\"submit\"\r\n                        className=\"btn btn-primary form-submit\"\r\n                      >\r\n                        Upload\r\n                      </button>\r\n                    </div>\r\n                  </form>\r\n                  {Files.length > 0 ? (\r\n                    <div className=\"kb-attach-box\">\r\n                      <hr />\r\n                      {Files.map((data, index) => {\r\n                        const {\r\n                          id,\r\n                          filename,\r\n                          filetype,\r\n                          fileimage,\r\n                          datetime,\r\n                          filesize,\r\n                        } = data;\r\n                        return (\r\n                          <div className=\"file-atc-box\" key={index}>\r\n                            {filename.match(/.(jpg|jpeg|png|gif|svg)$/i) ? (\r\n                              <div className=\"file-image\">\r\n                                {\" \"}\r\n                                <img src={fileimage} alt=\"\" />\r\n                              </div>\r\n                            ) : (\r\n                              <div className=\"file-image\">\r\n                                <i className=\"far fa-file-alt\"></i>\r\n                              </div>\r\n                            )}\r\n                            <div className=\"file-detail\">\r\n                              <h6>{filename}</h6>\r\n                              <p>\r\n                                <span>Size : {filesize}</span>\r\n                                <span className=\"ml-3\">\r\n                                  Modified Time : {datetime}\r\n                                </span>\r\n                              </p>\r\n                              <div className=\"file-actions\">\r\n                                <button\r\n                                  className=\"file-action-btn\"\r\n                                  onClick={() => DeleteFile(id)}\r\n                                >\r\n                                  Delete\r\n                                </button>\r\n                                <a\r\n                                  href={fileimage}\r\n                                  className=\"file-action-btn\"\r\n                                  download={filename}\r\n                                >\r\n                                  Download\r\n                                </a>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        );\r\n                      })}\r\n                    </div>\r\n                  ) : (\r\n                    \"\"\r\n                  )}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import { React, useState } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\n\r\nconst Filterpopstatustopic = ({ data, FilteredData, TogglePop }) => {\r\n  const [Alpha, SetAlpha] = useState([\r\n    \"A\",\r\n    \"B\",\r\n    \"C\",\r\n    \"D\",\r\n    \"E\",\r\n    \"F\",\r\n    \"G\",\r\n    \"H\",\r\n    \"I\",\r\n    \"J\",\r\n    \"K\",\r\n    \"L\",\r\n    \"M\",\r\n    \"N\",\r\n    \"O\",\r\n    \"P\",\r\n    \"Q\",\r\n    \"R\",\r\n    \"S\",\r\n    \"T\",\r\n    \"U\",\r\n    \"V\",\r\n    \"W\",\r\n    \"X\",\r\n    \"Y\",\r\n    \"Z\",\r\n  ]);\r\n  const [TapFilterValue, setTapFilterValue] = useState(\"\");\r\n\r\n  const SearchFilter = (e) => {\r\n    // console.log(\"bjdfjkdfb\", data);\r\n    const filteredData = data.filter((obj) =>\r\n      Object.keys(obj).some((key) =>\r\n        String(obj[key]).toLowerCase().includes(e.target.value.toLowerCase())\r\n      )\r\n    );\r\n    FilteredData(filteredData);\r\n  };\r\n\r\n  const TapFiltering = (v, i) => {\r\n    // this.setState({ Learn : this.state.Learning });\r\n\r\n    setTapFilterValue(v);\r\n\r\n    const filteredData = data\r\n      // .filter((obj) => !Object.values(obj).every((value) => value === null))\r\n      .filter((item) =>\r\n        item.trainingitem.charAt(0).toLowerCase().includes(v.toLowerCase())\r\n      );\r\n    // console.log(\"vvvvvvvvvvvvvv\", filteredData);\r\n    FilteredData(filteredData);\r\n  };\r\n\r\n  return (\r\n    <div className=\"popSearch\" style={{ width: \"92%\", height: \"105%\" }}>\r\n      <div\r\n        className=\"popSearchinnernormal\"\r\n        style={{ width: \"29%\", height: \"19%\", marginTop: \"0%\" }}\r\n      >\r\n        <div className=\"popSearchinnertitle\" id=\"popSearchinnernormal\">\r\n          <button\r\n            id=\"close\"\r\n            style={{\r\n              float: \"right\",\r\n              backgroundColor: \"#a0a3a305\",\r\n              color: \"#797070\",\r\n              border: \"1px solid #a3a5a505\",\r\n              marginTop: \"-20px\",\r\n              marginRight: \"-20px\",\r\n            }}\r\n            onClick={() => TogglePop()}\r\n          >\r\n            <CloseIcon />\r\n          </button>\r\n        </div>\r\n\r\n        <div className=\"form-group has-search\">\r\n          <span\r\n            className=\"fa fa-search form-control-feedback\"\r\n            id=\"search-icon\"\r\n          ></span>\r\n          <input\r\n            className=\"Searchbox\"\r\n            placeholder=\"Search\"\r\n            style={{ float: \"right\" }}\r\n            onKeyUp={SearchFilter}\r\n          />\r\n          {/* <input type=\"text\" className=\"Searchbox\" placeholder=\"Search\" onKeyUp={SearchFilter}/> */}\r\n        </div>\r\n\r\n        {/* <div className=\"input-group\">\r\n    <input type=\"text\" className=\"form-control\" placeholder=\"Search\"  onKeyUp={SearchFilter}/>\r\n    <div className=\"input-group-append\">\r\n      <button className=\"btn btn-secondary\" type=\"button\">\r\n        <i className=\"fa fa-search\"></i>\r\n      </button>\r\n    </div>\r\n  </div> */}\r\n        {/* <input\r\n          className=\"Searchbox\"placeholder=\"Search\"style={{ float:\"right\" }}onKeyUp={SearchFilter}/> */}\r\n\r\n        {Alpha.map((e, i) => (\r\n          <span\r\n            style={\r\n              TapFilterValue === e\r\n                ? {\r\n                    color: \"#8662ee\",\r\n                    fontSize: \"17px\",\r\n                    borderBottom: \"3px solid #8662ee\",\r\n                    fontWeight: \"20px\",\r\n                    textAlign: \"center\",\r\n                  }\r\n                : { color: \"black\", fontSize: \"17px\", textAlign: \"center\" }\r\n            }\r\n            onClick={() => TapFiltering(e, i)}\r\n          >\r\n            &nbsp; {e} &nbsp;\r\n          </span>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default Filterpopstatustopic;\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport CommonSuccess from \"../../Common/CommonSuccess\";\r\nimport { Link } from \"react-router-dom\";\r\nimport AddDepartmentpop from \"../../Common/AddDepartmentpop\";\r\nimport AddDesignationModel from \"../../Common/AddDesignationModel\";\r\nimport AddManagerPop from \"../../Common/AddManagerPop\";\r\nimport AddLocationModel from \"../../Common/AddLocationModel\";\r\nimport \"../../Css/Addskills.css\";\r\nimport Multiselect from \"multiselect-react-dropdown\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Filterpopstatustopic from \"../../Common/Filterpopstatustopic\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nconst options = [\r\n  { value: \"islamabad\", label: \"Islamabad\" },\r\n  { value: \"lahore\", label: \"Lahore\" },\r\n  { value: \"karachi\", label: \"Karachi\" },\r\n];\r\nexport default class AddTrainer extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      FirstName: \"\",\r\n      LastName: \"\",\r\n      Email: \"\",\r\n      Mobile: \"\",\r\n      Department: \"\",\r\n      Designation: \"\",\r\n      RoleName: \"\",\r\n      formErrors: {},\r\n      Notification: [],\r\n      Departmentdrop: [],\r\n      message: \"\",\r\n      status: \"\",\r\n      DepartModel: false,\r\n      DesignationModel: false,\r\n      ManagerModel: false,\r\n      LocationModel: false,\r\n      selectedOptions: [],\r\n      selectedCheckboxValues: [],\r\n      optionList: [\r\n        { value: \"Winner\", label: \"Winner\" },\r\n        { value: \"AboutUs\", label: \"AboutUs\" },\r\n        { value: \"Terms&Conditions\", label: \"Terms&Conditions\" },\r\n        { value: \"PrivacyPolicy\", label: \"PrivacyPolicy\" },\r\n        { value: \"Unfollow\", label: \"Unfollow\" },\r\n        { value: \"Report\", label: \"Report\" },\r\n        { value: \"Transaction\", label: \"Transaction\" },\r\n      ],\r\n      Teams: [],\r\n      ListOptions: [],\r\n      Traineroption: [],\r\n      selectedValues: [],\r\n      department: [],\r\n      selectedDepartment: \"\",\r\n      trainerName: [],\r\n      trainerData: [],\r\n      FinaltrainerData: [],\r\n      selectedTrainerName: \"\",\r\n      trainerRole: \"\",\r\n      selectedRole: \"\",\r\n      trainerID: \"\",\r\n      currentDate: null,\r\n      AllRoles: [],\r\n      isOpen: false,\r\n      Trainers: [],\r\n      Filterpopstatusadd: false,\r\n      Search: [],\r\n      design: \"\",\r\n      dept: \"\",\r\n      FinaltrainerData1: [],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChangedept = this.handleChangedept.bind(this);\r\n    this.SelectDepartment = this.SelectDepartment.bind(this);\r\n  }\r\n  GetDate() {\r\n    const today = new Date();\r\n    const formattedDate = today.toISOString().slice(0, 10);\r\n    this.setState({ currentDate: formattedDate });\r\n  }\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/DepartmentGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Departmentdrop: data,\r\n        });\r\n      });\r\n  }\r\n  handleSelect = (selectedList, selectedItem) => {\r\n    this.setState({ selectedValues: selectedList });\r\n  };\r\n\r\n  Team() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeam`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // Filter out the duplicates\r\n        const filteredData = data.filter((value, index, self) => {\r\n          return (\r\n            self.findIndex((item) => item.department === value.department) ===\r\n            index\r\n          );\r\n        });\r\n        this.setState({\r\n          department: filteredData,\r\n          //selectedDepartment: filteredData[0].department,\r\n        });\r\n        this.fetchItems(data[0].department);\r\n        // console.log(\"TeamsData\", data);\r\n        // console.log(\"TeamsDisplayName\", data[0].displayName);\r\n        // console.log(\"Department\", data[0].department);\r\n      });\r\n  }\r\n\r\n  fetchItems(departmentValue) {\r\n    const optionVal = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(\r\n      `${BASE_URLs}/Team/GetTeambyDepartment?Department=${departmentValue}`,\r\n      optionVal\r\n    )\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        if (data.length > 0) {\r\n          this.setState({\r\n            trainerName: data,\r\n            // selectedTrainerName: data.firstName, // Select the first item by default\r\n            trainerID: data[0].id,\r\n            // trainerData: data,\r\n          });\r\n          // this.setState({\r\n          //   FinaltrainerData: [],\r\n          // });\r\n        } else {\r\n          this.setState({\r\n            trainerName: [],\r\n          });\r\n        }\r\n        // console.log(\"==\", data);\r\n      })\r\n      .catch((error) => console.error(error));\r\n  }\r\n  fetchRole(TrainerName, TrainerID) {\r\n    // console.log(\"cccrrrtt\", TrainerID, TrainerName);\r\n    const optionVal = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(\r\n      `${BASE_URLs}/Team/GetRolebyTrainerName?Firstname=${TrainerName}`,\r\n      optionVal\r\n    )\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"-----------------------------------\", data);\r\n        this.setState({\r\n          // trainerName: data,\r\n          // selectedRole: data,\r\n          trainerRole: data[0].role,\r\n        });\r\n\r\n        // console.log(\"hhhhhhhhhhhhhhhhhh\", data[0]);\r\n        // console.log(\"TrainerRole\", data[0].role);\r\n        // console.log(\"SelectedRole\", this.state.selectedrole.role);\r\n      })\r\n      .catch((error) => console.error(error));\r\n  }\r\n\r\n  handleChangedept = (event) => {\r\n    const department = event.target.value;\r\n    this.setState({ SelectedDepartment: event.target.value });\r\n\r\n    // this.fetchItems(department);\r\n    // console.log(\"deptselectsdf\", department);\r\n\r\n    if (event.target.value == \"\") {\r\n      this.setState({ FinaltrainerData: this.state.FinaltrainerData1 });\r\n    } else {\r\n      let final = this.state.trainerName.filter((e) => {\r\n        if (e.department === department) {\r\n          return e;\r\n        }\r\n      });\r\n      // this.setState({ trainerData: final });\r\n      this.setState({ FinaltrainerData: final });\r\n      // console.log(\"d department \", final);\r\n    }\r\n  };\r\n  handleChangedesignation = (event) => {\r\n    const designation = event.target.value;\r\n    //  this.setState({ SelectedDepartment: event.target.value });\r\n\r\n    // this.fetchItems(department);   FinaltrainerData1\r\n    if (event.target.value == \"\") {\r\n      this.setState({ FinaltrainerData: this.state.FinaltrainerData1 });\r\n    } else {\r\n      let final = this.state.FinaltrainerData1.filter((e) => {\r\n        if (\r\n          // e.department === this.state.SelectedDepartment &&\r\n          e.designation === designation\r\n        ) {\r\n          return e;\r\n        }\r\n      });\r\n      // this.setState({ trainerData: final });\r\n      this.setState({ FinaltrainerData: final });\r\n      // console.log(\"designation \", final);\r\n    }\r\n  };\r\n  handleChange = (event) => {\r\n    // console.log(\"dept\", event.target.value);\r\n    this.setState({ dept: event.target.value });\r\n    // console.log(\"Clicked\", event.target.dept);\r\n    // console.log(\"value\", this.state.Id);\r\n\r\n    var dd = this.state.Trainers.forEach((e) => {\r\n      var split = e.userId;\r\n      // [5,''vjvd487348543, 'Arunachalam']\r\n      //[]\r\n      this.setState({ trainerid1: split });\r\n\r\n      // // console.log(\"hi\",split[1])\r\n      // // console.log(\"hi\",split[2])\r\n      // data.append(\"FirstName\",split[1]);\r\n      // data.append(\"TrainerId\",split[2]);\r\n      // data.append(\"TrainingId\",split[0]);\r\n    });\r\n    // console.log(\"deptt==\", this.state.dept);\r\n    // if (event.target.dept == 0) {\r\n    //   // console.log(\"clicked\");\r\n    //   window.location.reload();\r\n    // }\r\n    // alert(\"Before\");\r\n    // this.DefaultMenu();\r\n\r\n    // this.setState({\r\n    //   catval: event.target.value\r\n    // })\r\n    let url = `${BASE_URLs}/Training/GetDeptbased?Department=${event.target.value}&UserId=${this.state.Id}`;\r\n    // \"https://api.paropakari.com/api/GetProfile/Get_HomeCategoryFilter?id=0\" +\r\n    // // this.state.Sort.value +\r\n    // //\"&Sort=\" +\r\n    // //  this.state.Years.value +\r\n    // \"&CategoryID=\" +\r\n    // event.target.value;\r\n\r\n    // let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    // const accessToken = user;\r\n    // // console.log(accessToken);\r\n\r\n    //// console.log(\"hi\");\r\n    //alert(\"After\");\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n\r\n      //body:JSON.stringify(data)\r\n    })\r\n      // alert(\"After0\")\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        //   this.DefaultMenu();\r\n        //alert(data);\r\n\r\n        this.setState({\r\n          Search: data,\r\n        });\r\n        // alert(\"After1\");\r\n        //  this.DefaultMenu();\r\n        // console.log(\"Filter\", data);\r\n        for (var i = 0; i < data.length; i++) {\r\n          this.setState({ topic: data[i].trainingitem });\r\n          // console.log(\"ropic\", this.state.topic);\r\n        }\r\n        // // console.log(dets.profile_dateOfAnniversary);\r\n      });\r\n  };\r\n\r\n  handleChangeDesign = (event) => {\r\n    // console.log(\"design\", event.target.value);\r\n    //  this.setState({ design: event.target.value });\r\n\r\n    var dd = this.state.Trainers.forEach((e) => {\r\n      var split = e.userId;\r\n      // [5,''vjvd487348543, 'Arunachalam']\r\n      //[]\r\n      this.setState({ trainerid1: split });\r\n\r\n      // // console.log(\"hi\",split[1])\r\n      // // console.log(\"hi\",split[2])\r\n      // data.append(\"FirstName\",split[1]);\r\n      // data.append(\"TrainerId\",split[2]);\r\n      // data.append(\"TrainingId\",split[0]);\r\n    });\r\n    // console.log(\"hi---------\", this.state.Search.length);\r\n    // if (event.target.dept == 0) {\r\n    //   // console.log(\"clicked\");\r\n    //   window.location.reload();\r\n    // }\r\n    // alert(\"Before\");\r\n    // this.DefaultMenu();\r\n\r\n    // this.setState({\r\n    //   catval: event.target.value\r\n    // })\r\n    let url = `${BASE_URLs}/Training/Getdesignbased?Department=${this.state.dept}&Design=${event.target.value}&UserId=${this.state.Id}`;\r\n    // \"https://api.paropakari.com/api/GetProfile/Get_HomeCategoryFilter?id=0\" +\r\n    // // this.state.Sort.value +\r\n    // //\"&Sort=\" +\r\n    // //  this.state.Years.value +\r\n    // \"&CategoryID=\" +\r\n    // event.target.value;\r\n\r\n    // let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    // const accessToken = user;\r\n    // console.log(url);\r\n\r\n    //// console.log(\"hi\");\r\n    //alert(\"After\");\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n\r\n      //body:JSON.stringify(data)\r\n    })\r\n      // alert(\"After0\")\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        //   this.DefaultMenu();\r\n        //alert(data);\r\n\r\n        this.setState({\r\n          Search: data,\r\n        });\r\n        // alert(\"After1\");\r\n        //  this.DefaultMenu();\r\n        // console.log(\"Filter\", data);\r\n        for (var i = 0; i < data.length; i++) {\r\n          this.setState({ topic: data[i].trainingitem });\r\n          // console.log(\"ropic\", this.state.topic);\r\n        }\r\n        // // console.log(dets.profile_dateOfAnniversary);\r\n      });\r\n  };\r\n\r\n  handleTrainerNameChange = (event) => {\r\n    const name = event.target.value;\r\n    //  this.setState({ SelectedDepartment: event.target.value });\r\n\r\n    // this.fetchItems(department);\r\n    // console.log(\"name \", name);\r\n    // console.log(\"this.state.trainerName \", this.state.trainerName);\r\n\r\n    let final = this.state.FinaltrainerData1.filter((item) =>\r\n      item.firstName.toLowerCase().includes(name.toLowerCase())\r\n    );\r\n    this.setState({ FinaltrainerData: final });\r\n    // console.log(\"designation \", final);\r\n\r\n    // const trainerName = event.target.value;\r\n    // // console.log(\"tname\", trainerName);\r\n    // let selected_id = this.state.trainerName.filter(\r\n    //   (e) => e.firstName === trainerName.split(\"$$$\")[0]\r\n    // );\r\n    // // console.log(selected_id[0].id);\r\n    // this.setState({ selectedTrainerName: trainerName });\r\n    // this.fetchRole(trainerName, selected_id[0].id);\r\n  };\r\n  componentDidMount() {\r\n    this.GetDepartment();\r\n    this.GetDate();\r\n    this.Team();\r\n    this.GetAllRole();\r\n    this.GetTrainer();\r\n\r\n    var role = JSON.parse(localStorage.Role);\r\n    if (role.toString() === \"Platform Admin\") {\r\n      document.getElementById(\"navright\").setAttribute(\"style\", \" display:;\");\r\n      document.getElementById(\"mainorg\").setAttribute(\"style\", \"  display:;\");\r\n    }\r\n  }\r\n  closePopup = () => {\r\n    this.setState({ isOpen: false });\r\n  };\r\n\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n    this.props.history.push(\"/TrainerSchedule\");\r\n  };\r\n  SelectManager = (e) => {\r\n    let dept = document.getElementById(\"Manager\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        ManagerModel: !prevState.ManagerModel,\r\n      }));\r\n      document.getElementById(\"Manager\").value = \"\";\r\n    }\r\n  };\r\n  SelectLocation = (e) => {\r\n    let dept = document.getElementById(\"Locations\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        LocationModel: !prevState.LocationModel,\r\n      }));\r\n      document.getElementById(\"Locations\").value = \"\";\r\n    }\r\n  };\r\n  SelectDepartment = (e) => {\r\n    let dept = document.getElementById(\"Department\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        DepartModel: !prevState.DepartModel,\r\n      }));\r\n\r\n      document.getElementById(\"Department\").value = \"\";\r\n      //this.props.history.push('/Department')\r\n    }\r\n  };\r\n  SelectDesignation = (e) => {\r\n    let dept = document.getElementById(\"Designation\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        DesignationModel: !prevState.DesignationModel,\r\n      }));\r\n      document.getElementById(\"Designation\").value = \"\";\r\n    }\r\n  };\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    // var TrainerTopicID=document.getElementById('TrainerTopicID').value;\r\n\r\n    // console.log(\"dddddddddd\", this.state.selectedCheckboxValues);\r\n    const data = new FormData(event.target);\r\n    let dd = this.state.selectedCheckboxValues.forEach((e) => {\r\n      let split = e.split(\"$$$\");\r\n      // [5,''vjvd487348543, 'Arunachalam']\r\n      //[]\r\n      // console.log(\"hi\", split[1]);\r\n      // console.log(\"hi\", split[3]);\r\n      // console.log(\"hi\", split[4]);\r\n      data.append(\"FirstName\", split[1]);\r\n      data.append(\"TrainerId\", split[4]);\r\n      data.append(\"TrainingTopicId\", split[3]);\r\n    });\r\n    data.append(\"Trainer_UserID\", this.state.Id);\r\n    data.append(\"TrainerData\", this.state.selectedCheckboxValues);\r\n    for (const [key, iterator] of data.entries()) {\r\n      // console.log(key, \"rrrrr\", iterator);\r\n    }\r\n    fetch(`${BASE_URLs}/Trainer/AddTrainer`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        this.setState({ status: resp.status });\r\n        this.setState({ message: resp.message });\r\n        this.SuccessModel();\r\n      });\r\n  };\r\n  checkChangeDesignation = (event) => {\r\n    // this.handlecheckbox();\r\n    alert(\"called\");\r\n    const { name, checked, value } = event.target;\r\n\r\n    // value1.indexOf(name) === -1\r\n\r\n    //   ? value1.push(name)\r\n\r\n    //   : value1.splice(value1.indexOf(name), 1);\r\n\r\n    this.setState((prevState) => {\r\n      const selectedCheckboxValues = checked\r\n        ? [...prevState.selectedCheckboxValues, value]\r\n        : prevState.selectedCheckboxValues.filter((val) => val !== value);\r\n\r\n      // console.log(\"selectedCheckboxValues\", selectedCheckboxValues);\r\n\r\n      return { selectedCheckboxValues };\r\n    });\r\n  };\r\n  DepartModel = () => {\r\n    this.setState((prevState) => ({\r\n      DepartModel: !prevState.DepartModel,\r\n    }));\r\n    this.GetDepartment();\r\n  };\r\n  DesignationModel = () => {\r\n    this.setState((prevState) => ({\r\n      DesignationModel: !prevState.DesignationModel,\r\n    }));\r\n    this.GetDesignation();\r\n  };\r\n  ManagerModel = () => {\r\n    this.setState((prevState) => ({\r\n      ManagerModel: !prevState.ManagerModel,\r\n    }));\r\n    this.GetManager();\r\n  };\r\n  LocationModel = () => {\r\n    this.setState((prevState) => ({\r\n      LocationModel: !prevState.LocationModel,\r\n    }));\r\n    this.GetLocation();\r\n  };\r\n\r\n  GetAllRole() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetAllJRole`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // Filter out the duplicates\r\n        // const filteredData = data.filter((value, index, self) => {\r\n        //   return self.findIndex(item => item.jobRole === value.jobRole) === index;\r\n        // });\r\n\r\n        //       for (let i = 0; i < data.length; i++) {\r\n        //         this.state.AllRoles.push(data[i].JobRole);\r\n        //  }\r\n        this.setState({\r\n          AllRoles: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  openThePopup = (department, userId, trainerName) => {\r\n    this.setState({ Id: userId });\r\n    // console.log(\"fvfvfvf\", trainerName + \"$$$\" + userId);\r\n\r\n    this.setState({ firstName: trainerName });\r\n    // console.log(\"fvfvfvf\", trainerName);\r\n\r\n    this.setState({ isOpen: true });\r\n    this.GetTrainingItems(department, userId);\r\n  };\r\n\r\n  GetTrainingItems = (Department, userId) => {\r\n    const checking = Department;\r\n\r\n    // console.log(\"passdept\", checking);\r\n    let url =\r\n      `${BASE_URLs}/Training/GetTrainingItems?Department=` +\r\n      Department +\r\n      \"&TrainingId=\" +\r\n      userId;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"data-----------\", data);\r\n        this.setState({\r\n          Trainers: data,\r\n        });\r\n        // console.log(\"89898989\", data);\r\n      });\r\n  };\r\n  GetTrainer = (Department, userId) => {\r\n    const checking = Department;\r\n\r\n    // console.log(\"passdept\", checking);\r\n    let url = `${BASE_URLs}/Trainer/GetFullTeam`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"data-----------\", data);\r\n        this.setState({\r\n          FinaltrainerData: data,\r\n          FinaltrainerData1: data,\r\n        });\r\n        console.log(\r\n          \"89898989777777777777777777777777777777777777777777777777\",\r\n          data\r\n        );\r\n      });\r\n  };\r\n\r\n  render() {\r\n    const {\r\n      trainerData,\r\n      FinaltrainerData,\r\n      Department,\r\n      Filterpopstatus,\r\n      Filterpopstatus1,\r\n      DepartmentGrouped,\r\n      Trainers,\r\n      Search,\r\n      DesignSearch,\r\n      Filterpopstatusadd,\r\n      isOpen,\r\n    } = this.state;\r\n    // console.log(\"trainerData\", trainerData);\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.DepartModel ? (\r\n          <AddDepartmentpop close={() => this.DepartModel()} />\r\n        ) : null}\r\n        {this.state.DesignationModel ? (\r\n          <AddDesignationModel close={() => this.DesignationModel()} />\r\n        ) : null}\r\n        {this.state.ManagerModel ? (\r\n          <AddManagerPop close={() => this.ManagerModel()} />\r\n        ) : null}\r\n        {this.state.LocationModel ? (\r\n          <AddLocationModel close={() => this.LocationModel()} />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Add Trainer\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        {this.state.SuccessModel ? (\r\n                          <CommonSuccess\r\n                            id=\"Success\"\r\n                            message={this.state.message}\r\n                            status={this.state.status}\r\n                            close={() => this.SuccessModel()}\r\n                          />\r\n                        ) : null}\r\n                        <div className=\"card-block2\">\r\n                          {/* <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          > */}\r\n                          <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                            <div className=\"container\">\r\n                              <form\r\n                                autoComplete=\"off\"\r\n                                encType=\"multipart/form-data\"\r\n                                // style={{ width: \"135%\" }}\r\n                                onSubmit={this.handleSubmit}\r\n                              >\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"container\">\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-4\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            // value={\r\n                                            //   this.state.selectedDepartment\r\n                                            // }\r\n                                            name=\"Department\"\r\n                                            id=\"Department\"\r\n                                            onChange={this.handleChangedept}\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            {this.state.Departmentdrop.map(\r\n                                              (Departmentdrop) => (\r\n                                                <option\r\n                                                  value={\r\n                                                    Departmentdrop.department\r\n                                                  }\r\n                                                >\r\n                                                  {Departmentdrop.department}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Department\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              *\r\n                                            </span>\r\n                                          </span>\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-4\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            // value={this.state.selectedJobRole}\r\n                                            name=\"Role\"\r\n                                            id=\"JobRole\"\r\n                                            onChange={\r\n                                              this.handleChangedesignation\r\n                                            }\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            {this.state.AllRoles.map(\r\n                                              (JobDrop) => (\r\n                                                <option\r\n                                                  value={JobDrop.designation}\r\n                                                >\r\n                                                  {JobDrop.designation}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Designation\r\n                                          </span>\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-4\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            // value={\r\n                                            //   this.state.selectedTrainerName\r\n                                            // }\r\n                                            placeholder=\"Search\"\r\n                                            type=\"text\"\r\n                                            name=\"TrainerName\"\r\n                                            id=\"TrainerName\"\r\n                                            onChange={\r\n                                              this.handleTrainerNameChange\r\n                                            }\r\n                                          />\r\n\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Trainer Name\r\n                                            <span\r\n                                              style={{ color: \"red\" }}\r\n                                            ></span>\r\n                                          </span>\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n                                        {/* <div className=\"col-sm-4\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            value={\r\n                                              this.state.selectedTrainerName\r\n                                            }\r\n                                            type=\"text\"\r\n                                            name=\"TrainerName\"\r\n                                            id=\"TrainerName\"\r\n                                            onChange={\r\n                                              this.handleTrainerNameChange\r\n                                            }\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            {this.state.trainerData.map(\r\n                                              (Departmentdrop) => (\r\n                                                <option\r\n                                                  value={\r\n                                                    Departmentdrop.firstName +\r\n                                                    \"$$$\" +\r\n                                                    Departmentdrop.user_Id\r\n                                                  }\r\n                                                >\r\n                                                  {Departmentdrop.firstName}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Trainer Name\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              * \r\n                                            </span>\r\n                                          </span>\r\n                                          <span className=\"underline\" />\r\n                                        </div> */}\r\n\r\n                                        {/* /////Hidden date */}\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            style={{ marginTop: \"-6px\" }}\r\n                                            name=\"Trainersince\"\r\n                                            id=\"Trainersince\"\r\n                                            type=\"hidden\"\r\n                                            value={this.state.currentDate}\r\n                                          />\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n\r\n                                <div className=\"dt-responsive table-responsive table-res\">\r\n                                  {this.state.FinaltrainerData.length ===\r\n                                  0 ? null : (\r\n                                    <table\r\n                                      id=\"DesiSheet\"\r\n                                      className=\"table nowrap\"\r\n                                      style={{ maxWidth: \"70%\" }}\r\n                                    >\r\n                                      <thead>\r\n                                        <tr>\r\n                                          <th></th>\r\n                                          <th>Department</th>\r\n                                          <th>Name</th>\r\n                                          <th //style={{textAlign:\"center\"}}\r\n                                          >\r\n                                            Designation\r\n                                          </th>\r\n                                          <th></th>\r\n                                        </tr>\r\n                                      </thead>\r\n                                      <tbody>\r\n                                        {FinaltrainerData.map((trainerData) => (\r\n                                          <tr>\r\n                                            <td>\r\n                                              <input\r\n                                                type=\"checkbox\"\r\n                                                value={\r\n                                                  trainerData.department +\r\n                                                  \"$$$\" +\r\n                                                  trainerData.firstName +\r\n                                                  \"$$$\" +\r\n                                                  trainerData.designation +\r\n                                                  \"$$$\" +\r\n                                                  trainerData.id +\r\n                                                  \"$$$\" +\r\n                                                  trainerData.user_Id\r\n                                                }\r\n                                                onChange={\r\n                                                  this.checkChangeDesignation\r\n                                                }\r\n                                              />\r\n                                            </td>\r\n                                            <td>{trainerData.department}</td>\r\n                                            <td>{trainerData.firstName}</td>\r\n                                            <td>{trainerData.designation}</td>\r\n\r\n                                            {/* <td style={{ textAlign: \"center\" }}>\r\n                                            <button\r\n                                              type=\"button\"\r\n                                              className=\"button-30 sk-edit\"\r\n                                              onClick={() =>\r\n                                                this.openThePopup(\r\n                                                  trainerData.department,\r\n                                                  trainerData.user_Id,\r\n                                                  trainerData.firstName\r\n                                                )\r\n                                              }\r\n\r\n                                              // onClick={(e)=>{e.preventDefault();\r\n                                              //     console.log(\r\n                                              //       trainerData.firstName +\r\n                                              //       \"$$$\" +\r\n                                              //       trainerData.user_Id\r\n                                              //      )\r\n                                              //     //this.EditModel(trainerData.id,trainerData.designation)\r\n\r\n                                              //   }}\r\n                                              // src=\"https://img.icons8.com/android/22/000000/pencil.png\"/\r\n                                            >\r\n                                              {\" \"}\r\n                                              Select{\" \"}\r\n                                            </button>{\" \"}\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                          </td> */}\r\n                                          </tr>\r\n                                        ))}\r\n                                      </tbody>\r\n                                    </table>\r\n                                  )}\r\n                                </div>\r\n\r\n                                {/* <div className=\"row\">\r\n                                  <div\r\n                                    className=\"col-sm-12\"\r\n                                    style={{ textAlign: \"center\" }}\r\n                                  >\r\n                                    <button\r\n                                      type=\"submit\"\r\n                                      className=\"but \"\r\n                                      style={{\r\n                                        height: \"39.5px\",\r\n                                        width: \"86.36px\",\r\n                                        marginTop: \"-0.3%\",\r\n                                      }}\r\n                                    >\r\n                                      Save\r\n                                    </button>\r\n                                    &nbsp; &nbsp; &nbsp;\r\n                                    <button\r\n                                      type=\"reset\"\r\n                                      className=\" btn-Secondary\"\r\n                                      style={{ height: \"39.5px\" }}\r\n                                    >\r\n                                      Cancel\r\n                                    </button>\r\n                                  </div>\r\n                                </div> */}\r\n                                <div style={{ marginLeft: \"35%\" }}>\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    className=\"but \"\r\n                                    style={{\r\n                                      height: \"39.5px\",\r\n                                      width: \"86.36px\",\r\n                                      marginTop: \"-0.3%\",\r\n                                    }}\r\n                                  >\r\n                                    Save\r\n                                  </button>\r\n                                  &nbsp; &nbsp; &nbsp;\r\n                                  <button\r\n                                    type=\"reset\"\r\n                                    className=\" btn-Secondary\"\r\n                                    style={{ height: \"39.5px\" }}\r\n                                  >\r\n                                    Cancel\r\n                                  </button>\r\n                                </div>\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                              </form>\r\n                            </div>\r\n                          </div>\r\n                          {/* </form> */}\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {isOpen && (\r\n          <div className=\"pop\">\r\n            <div className=\"popinnernormal\">\r\n              <form\r\n                autoComplete=\"off\"\r\n                encType=\"multipart/form-data\"\r\n                style={{ width: \"135%\" }}\r\n                onSubmit={this.handleSubmit}\r\n              >\r\n                {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}} onClick={this.props.close}  ><CloseIcon/></button> */}\r\n\r\n                <button\r\n                  style={{\r\n                    marginLeft: \"44%\",\r\n                    backgroundColor: \"#a0a3a305\",\r\n                    color: \"#797070\",\r\n                    border: \"1px solid #a3a5a505\",\r\n                  }}\r\n                  onClick={this.closePopup}\r\n                >\r\n                  <CloseIcon />\r\n                </button>\r\n                <div className=\"row\" tyle={{ padding: \"8px\" }}>\r\n                  <div className=\"col-sm-3\">\r\n                    <select\r\n                      className=\"effect-16\"\r\n                      type=\"text\"\r\n                      name=\"Department\"\r\n                      value={this.state.dept}\r\n                      id=\"Department\"\r\n                      onChange={this.handleChange}\r\n                      style={{ width: \"72%\" }}\r\n                    >\r\n                      <option value=\"\">Department</option>\r\n                      {this.state.department.map((Departmentdrop) => (\r\n                        <option value={Departmentdrop.department}>\r\n                          {Departmentdrop.department}\r\n                        </option>\r\n                      ))}\r\n                    </select>\r\n                  </div>\r\n\r\n                  <div className=\"col-sm-3\">\r\n                    <select\r\n                      className=\"effect-16\"\r\n                      type=\"text\"\r\n                      name=\"JobRole\"\r\n                      style={{ width: \"88%\", marginLeft: \"-30%\" }}\r\n                      id=\"JobRole\"\r\n                      onChange={this.handleChangeDesign}\r\n                    >\r\n                      <option value=\"\">Designation</option>\r\n                      {this.state.AllRoles.map((JobDrop) => (\r\n                        <option value={JobDrop.designation}>\r\n                          {JobDrop.designation}\r\n                        </option>\r\n                      ))}\r\n                    </select>\r\n                  </div>\r\n                  <div className=\"col-lg-3\">\r\n                    {/* {Filterpopstatus1 ? (\r\n        <Topic_FilterPop\r\n          data={this.state.Depart}\r\n          FilteredData={(newValue) => {\r\n            this.setState({ Department: newValue });\r\n          }}\r\n          TogglePop={(e) => {\r\n            this.setState({ Filterpopstatus1: !Filterpopstatus1 });\r\n          }}\r\n        />\r\n      ) : null}\r\n            <div className=\"col-lg-4\">\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  placeholder=\"Search\"\r\n                                  onClick={() => {\r\n                                    this.setState({ Filterpopstatus1: true });\r\n                                  }}\r\n                                  //onKeyUp={this.myFunction}\r\n                                  style={{ float: \"right\" }}\r\n                                />\r\n                              </div> */}\r\n\r\n                    <input\r\n                      className=\"Searchbox\"\r\n                      placeholder=\"Search\"\r\n                      onClick={() => {\r\n                        this.setState({ Filterpopstatusadd: true });\r\n                      }}\r\n                      //onKeyUp={this.myFunction}\r\n                      // style={{ marginLeft: \"144%\" }}\r\n                    />\r\n                  </div>\r\n\r\n                  <div className=\"col-sm-8\">\r\n                    <div className=\"dt-responsive table-responsive table-res\">\r\n                      {(() => {\r\n                        if (this.state.Search.length === 0) {\r\n                          return \"There are no ' Topics '\";\r\n                        }\r\n                        //                       else if (Search.length > 0) {\r\n                        //                         return (\r\n                        //                           <table\r\n                        //                           id=\"DepSheet\"\r\n                        //                           className=\"table nowrap\"\r\n                        //                           style={{ maxWidth: \"90%\" }}\r\n                        //                         >\r\n                        //                           <thead>\r\n                        //                             <tr>\r\n                        //                               <th>\r\n                        //                                 <input type=\"checkbox\" hidden />\r\n                        //                               </th>\r\n\r\n                        //                               <th>Department</th>\r\n                        //                               <th>Designation</th>\r\n                        //                               <th>Topics</th>\r\n                        //                               <th>Description</th>\r\n                        //                               {/* <th>Action</th> */}\r\n                        //                             </tr>\r\n                        //                           </thead>\r\n                        //                           <tbody>\r\n                        //                           {/* {DepartmentGrouped.map(\r\n                        //                                     (DepartmentGrouped, i) => (\r\n                        //                                       <div>\r\n                        //                                         <input type=\"text\" value={DepartmentGrouped.TrainerUserId} />\r\n                        //                                       </div>\r\n                        //                                     )\r\n                        //                           )} */}\r\n                        //                             {Search.map((checkbox) => (\r\n                        //                               <tr key={checkbox.training_Id}>\r\n                        //                                   {/* <input type=\"text\" value={checkbox.userId} id=\"TrainingId\" /> */}\r\n                        //                                  <td>\r\n                        //                                  <input type=\"checkbox\"\r\n\r\n                        // value={checkbox.training_Id + \"$$$\" +  this.state.firstName  + \"$$$\" + this.state.Id}\r\n\r\n                        //  onChange={this.checkChangeDesignation}\r\n\r\n                        // />\r\n\r\n                        //                                 </td>\r\n                        //                             <td>\r\n                        //                             {checkbox.department}\r\n                        //                             </td>\r\n                        //                             <td>\r\n                        //                             {checkbox.designation}\r\n                        //                             </td>\r\n                        //                                 <td>{checkbox.trainingitem}</td>\r\n                        //                                 <td>\r\n                        //                             {checkbox.description}\r\n                        //                             </td>\r\n\r\n                        //                                 {/* <td>\r\n\r\n                        //                                   <button\r\n                        //                                     className=\"button-30\"\r\n                        //                                     type=\"button\"\r\n                        //                                     style={{ color: \"rgb(94, 217, 135)\" }}\r\n                        //                                     onClick={() =>\r\n                        //                                       this.fetchData(\r\n                        //                                         this.state.firstName,\r\n                        //                                         this.state.Id,\r\n                        //                                         Trainers.training_Id\r\n                        //                                       )\r\n                        //                                     }\r\n                        //                                   >\r\n                        //                                     Assign&nbsp;\r\n                        //                                     <i className=\"icofont icofont-edit\"></i>\r\n                        //                                   </button>\r\n                        //                                 </td> */}\r\n                        //                                 {/* <td>\r\n                        //                                 <button onClick={() => this.handleSelectedRows()}>Perform Action</button>\r\n                        //                                 </td> */}\r\n                        //                               </tr>\r\n                        //                             ))}\r\n                        //                           </tbody>\r\n                        //                         </table>\r\n                        //                         );\r\n                        //                       }\r\n                        //                       else if (Search.length === 0 && this.state.Trainers.length === 0) {\r\n                        //                         return (\r\n                        //                          \"No Results found\"\r\n                        //                         );\r\n                        //                       }\r\n                        else {\r\n                          return (\r\n                            <table\r\n                              id=\"DepSheet\"\r\n                              className=\"table nowrap\"\r\n                              style={{ maxWidth: \"90%\" }}\r\n                            >\r\n                              <thead>\r\n                                <tr>\r\n                                  <th>\r\n                                    <input type=\"checkbox\" hidden />\r\n                                  </th>\r\n\r\n                                  <th>Department</th>\r\n                                  <th>Designation</th>\r\n                                  <th>Topics</th>\r\n                                  <th>Description</th>\r\n                                  {/* <th>Action</th> */}\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {/* {DepartmentGrouped.map(\r\n                                                  (DepartmentGrouped, i) => (\r\n                                                    <div>\r\n                                                      <input type=\"text\" value={DepartmentGrouped.TrainerUserId} />\r\n                                                    </div>\r\n                                                  )\r\n                                        )} */}\r\n\r\n                                {Search.length > 0 ? (\r\n                                  <>\r\n                                    {Search.map((checkbox) => (\r\n                                      <tr key={checkbox.training_Id}>\r\n                                        {/* <input type=\"text\" value={checkbox.userId} id=\"TrainingId\" /> */}\r\n                                        <td>\r\n                                          <input\r\n                                            name=\"TrainerData\"\r\n                                            type=\"checkbox\"\r\n                                            value={\r\n                                              checkbox.training_Id +\r\n                                              \"$$$\" +\r\n                                              this.state.firstName +\r\n                                              \"$$$\" +\r\n                                              this.state.Id\r\n                                            }\r\n                                            onChange={\r\n                                              this.checkChangeDesignation\r\n                                            }\r\n                                          />\r\n                                        </td>\r\n                                        <td>{checkbox.department}</td>\r\n                                        <td>{checkbox.designation}</td>\r\n                                        <td>{checkbox.trainingitem}</td>\r\n                                        <td>{checkbox.description}</td>\r\n\r\n                                        {/* <td> \r\n                                                <button\r\n                                                  className=\"button-30\"\r\n                                                  type=\"button\"\r\n                                                  style={{ color: \"rgb(94, 217, 135)\" }}\r\n                                                  onClick={() =>\r\n                                                    this.fetchData(\r\n                                                      this.state.firstName,\r\n                                                      this.state.Id,\r\n                                                      Trainers.training_Id\r\n                                                    )\r\n                                                  }\r\n                                                >\r\n                                                  Assign&nbsp;\r\n                                                  <i className=\"icofont icofont-edit\"></i>\r\n                                                </button>\r\n                                              </td> */}\r\n                                        {/* <td>\r\n                                              <button onClick={() => this.handleSelectedRows()}>Perform Action</button>\r\n                                              </td> */}\r\n                                      </tr>\r\n                                    ))}\r\n                                  </>\r\n                                ) : null}\r\n                              </tbody>\r\n                            </table>\r\n                          );\r\n                        }\r\n                      })()}\r\n                      {this.state.selectedOptions.map((option, index) => (\r\n                        <li key={index}>{option}</li>\r\n                      ))}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                {Filterpopstatusadd ? (\r\n                  <Filterpopstatustopic\r\n                    data={this.state.topic}\r\n                    FilteredData={(newValue) => {\r\n                      this.setState({ Search: newValue });\r\n                    }}\r\n                    TogglePop={(e) => {\r\n                      this.setState({\r\n                        Filterpopstatusadd: !Filterpopstatusadd,\r\n                      });\r\n                    }}\r\n                  />\r\n                ) : null}\r\n                <div className=\"row\">\r\n                  <div\r\n                    className=\"col-sm-12\"\r\n                    style={{ textAlign: \"center\" }}\r\n                  ></div>\r\n                </div>\r\n                {(() => {\r\n                  if (this.state.Search.length === 0) {\r\n                    return null;\r\n                  } else {\r\n                    return (\r\n                      <div className=\"col-sm-4\">\r\n                        <button\r\n                          className=\"button-30\"\r\n                          type=\"submit\"\r\n                          style={{\r\n                            color: \"rgb(83, 81, 171)\",\r\n                            marginLeft: \"98%\",\r\n                          }}\r\n                          // onClick={() =>\r\n                          //   this.fetchData(\r\n                          //     this.state.firstName,\r\n                          //     this.state.Id,\r\n                          //     Trainers.training_Id\r\n                          //   )\r\n                          // }\r\n                        >\r\n                          {/* Savesss&nbsp; */}\r\n                        </button>\r\n                      </div>\r\n                    );\r\n                  }\r\n                })()}\r\n              </form>\r\n              <br />\r\n              {/* <button onClick={this.closePopup}><CloseIcon/></button> */}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport CommonSuccess from \"../../Common/CommonSuccess\";\r\nimport { Link } from \"react-router-dom\";\r\nimport AddDepartmentpop from \"../../Common/AddDepartmentpop\";\r\nimport AddDesignationModel from \"../../Common/AddDesignationModel\";\r\nimport AddManagerPop from \"../../Common/AddManagerPop\";\r\nimport AddLocationModel from \"../../Common/AddLocationModel\";\r\nimport \"../../Css/Addskills.css\";\r\nimport Multiselect from \"multiselect-react-dropdown\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nconst options = [\r\n  { value: \"islamabad\", label: \"Islamabad\" },\r\n  { value: \"lahore\", label: \"Lahore\" },\r\n\r\n  { value: \"karachi\", label: \"Karachi\" },\r\n];\r\nexport default class AddTrainer extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      FirstName: \"\",\r\n      LastName: \"\",\r\n      Email: \"\",\r\n      Mobile: \"\",\r\n      Department: \"\",\r\n      Designation: \"\",\r\n      RoleName: \"\",\r\n      formErrors: {},\r\n      Notification: [],\r\n      Departmentdrop: [],\r\n      message: \"\",\r\n      status: \"\",\r\n      DepartModel: false,\r\n      DesignationModel: false,\r\n      ManagerModel: false,\r\n      LocationModel: false,\r\n      selectedOptions: [],\r\n      optionList: [\r\n        { value: \"Winner\", label: \"Winner\" },\r\n        { value: \"AboutUs\", label: \"AboutUs\" },\r\n        { value: \"Terms&Conditions\", label: \"Terms&Conditions\" },\r\n        { value: \"PrivacyPolicy\", label: \"PrivacyPolicy\" },\r\n        { value: \"Unfollow\", label: \"Unfollow\" },\r\n        { value: \"Report\", label: \"Report\" },\r\n        { value: \"Transaction\", label: \"Transaction\" },\r\n      ],\r\n      Teams: [],\r\n      ListOptions: [],\r\n      Traineroption: [],\r\n      selectedValues: [],\r\n      department: [],\r\n      selectedDepartment: \"\",\r\n      trainerName: [],\r\n      selectedTrainerName: \"\",\r\n      trainerRole: \"\",\r\n      selectedRole: \"\",\r\n      trainerID: \"\",\r\n      currentDate: null,\r\n      trainerIDData: [],\r\n      trainerdate: \"\",\r\n      fetchTrainerName: \"\",\r\n      fetchTrainerDept: \"\",\r\n      propsPassId: \"\",\r\n      isVisible: false,\r\n      isBtnvisible: false,\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.SelectDepartment = this.SelectDepartment.bind(this);\r\n  }\r\n  GetDate() {\r\n    const today = new Date();\r\n    const formattedDate = today.toISOString().slice(0, 10);\r\n    this.setState({ currentDate: formattedDate });\r\n  }\r\n  GetDepartment() {\r\n    let url = `${BASE_URLs}/Department/DepartmentGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Departmentdrop: data,\r\n        });\r\n      });\r\n  }\r\n  handleSelect = (selectedList, selectedItem) => {\r\n    this.setState({ selectedValues: selectedList });\r\n  };\r\n\r\n  Team() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeam`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // Filter out the duplicates\r\n        const filteredData = data.filter((value, index, self) => {\r\n          return (\r\n            self.findIndex((item) => item.department === value.department) ===\r\n            index\r\n          );\r\n        });\r\n        this.setState({\r\n          department: filteredData,\r\n          selectedDepartment: filteredData.department,\r\n        });\r\n        this.fetchItems(data[0].department);\r\n        // console.log(\"TeamsData\", data);\r\n        // console.log(\"TeamsDisplayName\", data[0].displayName);\r\n        // console.log(\"Department\", data[0].department);\r\n      });\r\n  }\r\n\r\n  fetchItemsbyId() {\r\n    const { trainerid } = this.props.location.state;\r\n    // console.log(\"propsID\", trainerid);\r\n    const optionVal = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeambyId?id=${trainerid}`, optionVal)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          trainerName: data,\r\n          trainerID: data[0].id,\r\n          trainerIDData: data[0],\r\n          fetchTrainerDept: data[0].department,\r\n          fetchTrainerName: data[0].trainerName,\r\n          propsPassId: trainerid,\r\n        });\r\n        // console.log(\"PropsValue\", trainerid);\r\n        // console.log(\"Matching Trainer\", this.state.trainerIDData);\r\n        console.log(\r\n          \"MatchingTrainerName\",\r\n          this.state.trainerIDData.trainerName\r\n        );\r\n        // console.log(\"MatchingTrainerDept\", this.state.trainerIDData.department);\r\n\r\n        const changedateformat = this.state.trainerIDData.trainersince;\r\n        const parsedDate = new Date(\r\n          new Date(changedateformat).getFullYear(),\r\n          new Date(changedateformat).getMonth(),\r\n          new Date(changedateformat).getDate() + 1\r\n        );\r\n        const formattedDate = parsedDate.toISOString().slice(0, 10);\r\n        this.setState({ trainerdate: formattedDate });\r\n\r\n        // console.log(\"Matching Date\", formattedDate);\r\n      })\r\n      .catch((error) => console.error(error));\r\n  }\r\n\r\n  fetchItems(departmentValue) {\r\n    const optionVal = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(\r\n      `${BASE_URLs}/Team/GetTeambyDepartment?Department=${departmentValue}`,\r\n      optionVal\r\n    )\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          trainerName: data,\r\n          // selectedTrainerName: data.firstName, // Select the first item by default\r\n          trainerID: data[0].id,\r\n          trainerData: data,\r\n        });\r\n        // console.log(\"TrainerDisplayName\", data[0].firstName);\r\n        // console.log(\"TrainerUserID\", data[0].userId);\r\n        // console.log(\"ID\", data[0].id);\r\n        // console.log(\"all trainer\", { data });\r\n      })\r\n      .catch((error) => console.error(error));\r\n  }\r\n  fetchRole(TrainerName, TrainerID) {\r\n    // console.log(\"cccrrrtt\", TrainerID, TrainerName);\r\n    const optionVal = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(\r\n      `${BASE_URLs}/Team/GetRolebyTrainerName?Firstname=${TrainerName}&id=${TrainerID}`,\r\n      optionVal\r\n    )\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          // trainerName: data,\r\n          // selectedRole: data,\r\n          trainerRole: data[0].role,\r\n        });\r\n        // console.log(\"TrainerRole\", data[0].role);\r\n        // console.log(\"SelectedRole\", this.state.selectedrole.role);\r\n      })\r\n      .catch((error) => console.error(error));\r\n  }\r\n\r\n  handleChange = (event) => {\r\n    const department = event.target.value;\r\n    this.setState({ selectedDepartment: department });\r\n    this.fetchItems(department);\r\n  };\r\n\r\n  handleTrainerNameChange = (event) => {\r\n    const trainerName = event.target.value;\r\n    // console.log(\"tname\", trainerName);\r\n    let selected_id = this.state.trainerName.filter(\r\n      (e) => e.firstName === trainerName\r\n    );\r\n    // console.log(selected_id[0].id);\r\n    this.setState({ selectedTrainerName: trainerName });\r\n    this.fetchRole(trainerName, selected_id[0].id);\r\n  };\r\n  componentDidMount() {\r\n    this.GetDepartment();\r\n    this.GetDate();\r\n    this.fetchItemsbyId();\r\n    this.Team();\r\n\r\n    var role = JSON.parse(localStorage.Role);\r\n    if (role.toString() === \"Platform Admin\") {\r\n      document.getElementById(\"navright\").setAttribute(\"style\", \" display:;\");\r\n      document.getElementById(\"mainorg\").setAttribute(\"style\", \"  display:;\");\r\n    }\r\n  }\r\n  Getallactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/Getallactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ Active: data });\r\n      });\r\n  }\r\n  GetallInactive() {\r\n    fetch(`${BASE_URLs}/AddOrganization/GetallInactive`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ InActive: data });\r\n      });\r\n  }\r\n\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n    this.props.history.push(\"/TrainerSchedule\");\r\n  };\r\n  SelectManager = (e) => {\r\n    let dept = document.getElementById(\"Manager\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        ManagerModel: !prevState.ManagerModel,\r\n      }));\r\n      document.getElementById(\"Manager\").value = \"\";\r\n    }\r\n  };\r\n  SelectLocation = (e) => {\r\n    let dept = document.getElementById(\"Locations\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        LocationModel: !prevState.LocationModel,\r\n      }));\r\n      document.getElementById(\"Locations\").value = \"\";\r\n    }\r\n  };\r\n  SelectDepartment = (e) => {\r\n    let dept = document.getElementById(\"Department\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        DepartModel: !prevState.DepartModel,\r\n      }));\r\n\r\n      document.getElementById(\"Department\").value = \"\";\r\n      //this.props.history.push('/Department')\r\n    }\r\n  };\r\n  SelectDesignation = (e) => {\r\n    let dept = document.getElementById(\"Designation\").value;\r\n    if (dept.toLowerCase() === \"add\") {\r\n      this.setState((prevState) => ({\r\n        DesignationModel: !prevState.DesignationModel,\r\n      }));\r\n      document.getElementById(\"Designation\").value = \"\";\r\n    }\r\n  };\r\n  handleSubmit(event) {\r\n    event.preventDefault();\r\n    const data = new FormData(event.target);\r\n    fetch(`${BASE_URLs}/Trainer/EditTrainer`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        this.setState({ status: resp.status });\r\n        this.setState({ message: resp.message });\r\n        this.SuccessModel();\r\n      });\r\n    this.setState({ isBtnvisible: false });\r\n  }\r\n  handleChangeDate = (event) => {\r\n    const newDateValue = event.target.value;\r\n    this.setState({ trainerdate: newDateValue });\r\n  };\r\n  DepartModel = () => {\r\n    this.setState((prevState) => ({\r\n      DepartModel: !prevState.DepartModel,\r\n    }));\r\n    this.GetDepartment();\r\n  };\r\n  DesignationModel = () => {\r\n    this.setState((prevState) => ({\r\n      DesignationModel: !prevState.DesignationModel,\r\n    }));\r\n    this.GetDesignation();\r\n  };\r\n  ManagerModel = () => {\r\n    this.setState((prevState) => ({\r\n      ManagerModel: !prevState.ManagerModel,\r\n    }));\r\n    this.GetManager();\r\n  };\r\n  LocationModel = () => {\r\n    this.setState((prevState) => ({\r\n      LocationModel: !prevState.LocationModel,\r\n    }));\r\n    this.GetLocation();\r\n  };\r\n  emailundisableTxt = () => {\r\n    document.getElementById(\"Department\").disabled = false;\r\n    document.getElementById(\"TrainerName\").disabled = false;\r\n    document.getElementById(\"Trainersince\").disabled = false;\r\n    this.setState({ isBtnvisible: true });\r\n  };\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        {this.state.DepartModel ? (\r\n          <AddDepartmentpop close={() => this.DepartModel()} />\r\n        ) : null}\r\n        {this.state.DesignationModel ? (\r\n          <AddDesignationModel close={() => this.DesignationModel()} />\r\n        ) : null}\r\n        {this.state.ManagerModel ? (\r\n          <AddManagerPop close={() => this.ManagerModel()} />\r\n        ) : null}\r\n        {this.state.LocationModel ? (\r\n          <AddLocationModel close={() => this.LocationModel()} />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Edit Trainer\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        {this.state.SuccessModel ? (\r\n                          <CommonSuccess\r\n                            id=\"Success\"\r\n                            message={this.state.message}\r\n                            status={this.state.status}\r\n                            close={() => this.SuccessModel()}\r\n                          />\r\n                        ) : null}\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                              <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"container\">\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            disabled=\"true\"\r\n                                            value={\r\n                                              this.state.selectedDepartment\r\n                                            }\r\n                                            name=\"Department\"\r\n                                            id=\"Department\"\r\n                                            onChange={this.handleChange}\r\n                                          >\r\n                                            <option\r\n                                              value={\r\n                                                this.state.fetchTrainerDept\r\n                                              }\r\n                                            >\r\n                                              {this.state.fetchTrainerDept}\r\n                                            </option>\r\n\r\n                                            {this.state.department.map(\r\n                                              (Departmentdrop) => (\r\n                                                <option\r\n                                                  value={\r\n                                                    Departmentdrop.department\r\n                                                  }\r\n                                                >\r\n                                                  {Departmentdrop.department}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Department\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              *\r\n                                            </span>\r\n                                          </span>\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            type=\"text\"\r\n                                            className=\"effect-16\"\r\n                                            value={\r\n                                              this.state.trainerRole\r\n                                                ? this.state.trainerRole\r\n                                                : this.state.trainerIDData.role\r\n                                            }\r\n                                            readOnly\r\n                                            name=\"Role\"\r\n                                            id=\"Role\"\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Role\r\n                                          </span>\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            disabled=\"true\"\r\n                                            value={\r\n                                              this.state.selectedTrainerName\r\n                                            }\r\n                                            type=\"text\"\r\n                                            name=\"TrainerName\"\r\n                                            id=\"TrainerName\"\r\n                                            onChange={\r\n                                              this.handleTrainerNameChange\r\n                                            }\r\n                                          >\r\n                                            <option\r\n                                              value={\r\n                                                this.state.fetchTrainerName\r\n                                              }\r\n                                            >\r\n                                              {this.state.fetchTrainerName}\r\n                                            </option>\r\n\r\n                                            {/* <option value=\"\">Select</option> */}\r\n                                            {this.state.trainerName.map(\r\n                                              (Departmentdrop) => (\r\n                                                <option\r\n                                                  value={\r\n                                                    Departmentdrop.firstName\r\n                                                  }\r\n                                                >\r\n                                                  {Departmentdrop.firstName}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Trainer Name\r\n                                            <span style={{ color: \"red\" }}>\r\n                                              *\r\n                                            </span>\r\n                                          </span>\r\n                                          <span className=\"underline\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            style={{ marginTop: \"-6px\" }}\r\n                                            disabled=\"true\"\r\n                                            name=\"Trainersince\"\r\n                                            id=\"Trainersince\"\r\n                                            type=\"date\"\r\n                                            onChange={this.handleChangeDate}\r\n                                            value={this.state.trainerdate}\r\n                                          />\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            style={{ marginTop: \"-6px\" }}\r\n                                            name=\"Id\"\r\n                                            id=\"id\"\r\n                                            type=\"hidden\"\r\n                                            value={this.state.propsPassId}\r\n                                          />\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <Link to=\"/LearningSchedule\">\r\n                                            <button\r\n                                              type=\"submit\"\r\n                                              className=\"but \"\r\n                                              style={{\r\n                                                height: \"39.5px\",\r\n                                                width: \"186.36px\",\r\n                                                marginTop: \"-0.3%\",\r\n                                                marginLeft: \"30%\",\r\n                                              }}\r\n                                            >\r\n                                              Add One More Training\r\n                                            </button>\r\n                                            &nbsp; &nbsp; &nbsp;\r\n                                          </Link>\r\n                                        </div>\r\n                                      </div>\r\n                                      <br />\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"row\">\r\n                                  <div\r\n                                    className=\"col-sm-12\"\r\n                                    style={{ textAlign: \"center\" }}\r\n                                  >\r\n                                    {this.state.isBtnvisible ? (\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        className=\"but \"\r\n                                        style={{\r\n                                          height: \"39.5px\",\r\n                                          width: \"86.36px\",\r\n                                          marginTop: \"-0.3%\",\r\n                                        }}\r\n                                      >\r\n                                        Update\r\n                                      </button>\r\n                                    ) : (\r\n                                      <Link\r\n                                        type=\"button\"\r\n                                        onClick={this.emailundisableTxt}\r\n                                        className=\"but\"\r\n                                        id=\"EditBtn\"\r\n                                        style={{\r\n                                          height: \"39.5px\",\r\n                                          width: \"86.36px\",\r\n                                          marginTop: \"-0.3%\",\r\n                                          padding: \"9px\",\r\n                                        }}\r\n                                      >\r\n                                        Edit\r\n                                      </Link>\r\n                                    )}\r\n                                    &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                    <button\r\n                                      type=\"reset\"\r\n                                      className=\" btn-Secondary\"\r\n                                      style={{ height: \"39.5px\" }}\r\n                                    >\r\n                                      Cancel\r\n                                    </button>\r\n                                  </div>\r\n                                </div>\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport AddTrainerpop from \"../../Common/AddTrainerpop\";\r\nimport EditTrainerpop from \"../../Common/EditTrainerpop\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { OutTable } from \"react-excel-renderer\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport TrainerExl from \"../../Assets/Files/TrainerExl.xlsx\";\r\nimport FilterPop from \"../../Common/FilterPop\";\r\nimport Filterpopstatustopic from \"../../Common/Filterpopstatustopic\";\r\n\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { get } from \"jquery\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class TrainerSchedule extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      DepartmentName: \"\",\r\n      DepartModel: false,\r\n      comlogo: [],\r\n      Department: [],\r\n      Depart: [],\r\n      topic: [],\r\n      DepartmentGrouped: [],\r\n      DepartGrouped: [],\r\n      formErrors: {},\r\n      EditModel: false,\r\n      EditDesigntionValues: [],\r\n      Notification: [],\r\n      rows: [],\r\n      cols: [],\r\n      trainerid1: \"\",\r\n      trainerid: [],\r\n      Filterpopstatus: false,\r\n      Filterpopstatus1: false,\r\n      Filterpopstatusadd: false,\r\n      Trainers: [],\r\n      design: \"\",\r\n      AllRoles: [],\r\n      DesignSearch: [],\r\n      Search: [],\r\n      dept: \"\",\r\n      isOpen: false,\r\n      selectedOptions: [],\r\n      deptValue: [],\r\n      Id: [],\r\n      firstName: [],\r\n      selectedCheckboxValues: [],\r\n    };\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.handleChangeDesign = this.handleChangeDesign.bind(this);\r\n  }\r\n\r\n  DeleteTopicButton = (id, desigId) => {\r\n    // console.log(\"------------\", id, desigId);\r\n    const data = new FormData();\r\n    data.append(\"TrainingTopicId\", desigId);\r\n    data.append(\"UserId\", id);\r\n\r\n    for (var pair of data.entries()) {\r\n      // console.log(pair[0] + \", \" + pair[1]);\r\n    }\r\n\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Trainer/TrainerTopicDelete`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.GetDepartment();\r\n          toast.success(data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n    }\r\n  };\r\n\r\n  changeState = (storingUserID) => {\r\n    // console.log(\"storingUserID\", this.state.storingUserID);\r\n\r\n    // if (this.state.storingUserID !== \"undefined\") {\r\n    let url = `${BASE_URLs}/Trainer/UpdateTrainer?TrainerID=` + storingUserID;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"data\", data);\r\n        toast.success(data.message, {\r\n          position: \"top-center\",\r\n          autoClose: 2200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n\r\n        this.GetDepartment();\r\n      });\r\n    // }\r\n  };\r\n  checkChangeDesignation = (event) => {\r\n    // this.handlecheckbox();\r\n    const { name, checked, value } = event.target;\r\n\r\n    // value1.indexOf(name) === -1\r\n\r\n    //   ? value1.push(name)\r\n\r\n    //   : value1.splice(value1.indexOf(name), 1);\r\n\r\n    this.setState((prevState) => {\r\n      const selectedCheckboxValues = checked\r\n        ? [...prevState.selectedCheckboxValues, value]\r\n        : prevState.selectedCheckboxValues.filter((val) => val !== value);\r\n\r\n      // console.log(\"selectedCheckboxValues\", selectedCheckboxValues);\r\n\r\n      return { selectedCheckboxValues };\r\n    });\r\n  };\r\n  handleSelectedRows = () => {\r\n    // Do something with this.state.selectedRows\r\n\r\n    // console.log(this.state.selectedRows);\r\n  };\r\n\r\n  fetchData = async (firstname, TrainerId, TopicId) => {\r\n    // console.log(\"TrainerId and Topic\", TrainerId);\r\n\r\n    // console.log(\"TrainerId and Topic\", TrainerId);\r\n\r\n    // console.log(\"TrainerId and Topic\", TopicId);\r\n\r\n    const data = new FormData();\r\n    if (document.getElementById(\"selectedall\").checked == true) {\r\n      // document.getElementById(\"checkedall\").checked = false;\r\n      // console.log(\"ggjgj\", this.state.Search);\r\n      //  alert(\"false\");\r\n      const data = new FormData();\r\n      for (var i = 0; i < this.state.Search.length; i++) {\r\n        // console.log(\"ggjgj====\", this.state.Search[i].training_Id);\r\n        data.append(\"TrainingId\", this.state.Search[i].training_Id);\r\n        data.append(\"FirstName\", this.state.DepartmentGrouped[0].trainerName);\r\n        data.append(\"TrainerId\", this.state.DepartmentGrouped[0].TrainerUserId);\r\n      }\r\n      // console.log(\"ggjgj====\", this.state.DepartmentGrouped[0].trainerName);\r\n      // console.log(\"ggjgj====\", this.state.DepartmentGrouped[0].TrainerUserId);\r\n\r\n      for (const [key, value] of data.entries()) {\r\n        // console.log(\"FormData\", key, value);\r\n      }\r\n      const url = `${BASE_URLs}/Training/AssignedTrainers`;\r\n\r\n      //// console.log(url);\r\n      // const url = `${BASE_URLs}/Training/AssignedTrainers?FirstName=${firstname}&TrainingId=${this.props.location.state.training_Id}`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n      this.GetDepartment();\r\n\r\n      this.setState({ isOpen: false });\r\n    } else {\r\n      let dd = this.state.selectedCheckboxValues.forEach((e) => {\r\n        let split = e.split(\"$$$\");\r\n        // [5,''vjvd487348543, 'Arunachalam']\r\n        //[]\r\n        // console.log(\"hi\", split[0]);\r\n        // console.log(\"hi\", split[1]);\r\n        // console.log(\"hi\", split[2]);\r\n        data.append(\"FirstName\", split[1]);\r\n        data.append(\"TrainerId\", split[2]);\r\n        data.append(\"TrainingId\", split[0]);\r\n      });\r\n\r\n      for (const [key, value] of data.entries()) {\r\n        // console.log(\"FormData\", key, value);\r\n      }\r\n      var is_selected = [];\r\n\r\n      const url = `${BASE_URLs}/Training/AssignedTrainers`;\r\n\r\n      // console.log(url);\r\n      // const url = `${BASE_URLs}/Training/AssignedTrainers?FirstName=${firstname}&TrainingId=${this.props.location.state.training_Id}`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      } else {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n      this.GetDepartment();\r\n\r\n      this.setState({ isOpen: false });\r\n    }\r\n  };\r\n\r\n  GetAllRole() {\r\n    let url = `${BASE_URLs}/Designation/GetMasterDesignation`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          AllRoles: data,\r\n        });\r\n        // console.log(\"gygygygy\", data);\r\n      });\r\n  }\r\n\r\n  openThePopup = (department, userId, trainerName) => {\r\n    this.setState({ Id: userId });\r\n    // console.log(\"fvfvfvf\", userId);\r\n\r\n    this.setState({ firstName: trainerName });\r\n    // console.log(\"fvfvfvf\", trainerName);\r\n\r\n    this.setState({ isOpen: true });\r\n    this.GetTrainingItems(department, userId);\r\n    this.setState({ Search: [] });\r\n  };\r\n\r\n  closePopup = () => {\r\n    this.setState({ design: \"\" });\r\n    this.setState({ dept: \"\" });\r\n    this.setState({ isOpen: false });\r\n  };\r\n\r\n  GetTrainingItems = (Department, userId) => {\r\n    const checking = Department;\r\n\r\n    // console.log(\"passdept\", checking);\r\n    let url =\r\n      `${BASE_URLs}/Training/GetTrainingItems?TrainingId=` +\r\n      //  Department +\r\n      //  \"&TrainingId=\" +\r\n      userId;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"data\", data);\r\n        this.setState({\r\n          Search: data,\r\n        });\r\n        // // console.log(\"89898989\", data[0].trainingitem);\r\n        for (var i = 0; i < data.length; i++) {\r\n          this.setState({ topic: data[i].trainingitem });\r\n          // console.log(\"ropic\", this.state.topic);\r\n        }\r\n      });\r\n  };\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"DepartSheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  handleChange(event) {\r\n    // console.log(\"dept\", event.target.value);\r\n    this.setState({ dept: event.target.value });\r\n    // console.log(\"Clicked\", event.target.dept);\r\n    // console.log(\"value\", this.state.Id);\r\n    var TrainingId = document.getElementById(\"trainer_UserID\").value;\r\n\r\n    var dd = this.state.Trainers.forEach((e) => {\r\n      var split = e.userId;\r\n      // [5,''vjvd487348543, 'Arunachalam']\r\n      //[]\r\n      this.setState({ trainerid1: split });\r\n\r\n      // // console.log(\"hi\",split[1])\r\n      // // console.log(\"hi\",split[2])\r\n      // data.append(\"FirstName\",split[1]);\r\n      // data.append(\"TrainerId\",split[2]);\r\n      // data.append(\"TrainingId\",split[0]);\r\n    });\r\n    // console.log(\"deptt==\", this.state.dept);\r\n    // if (event.target.dept == 0) {\r\n    //   // console.log(\"clicked\");\r\n    //   window.location.reload();\r\n    // }\r\n    // alert(\"Before\");\r\n    // this.DefaultMenu();\r\n\r\n    // this.setState({\r\n    //   catval: event.target.value\r\n    // })\r\n    let url = `${BASE_URLs}/Training/GetDeptbased?Department=${event.target.value}&UserId=${this.state.Id}`;\r\n    // \"https://api.paropakari.com/api/GetProfile/Get_HomeCategoryFilter?id=0\" +\r\n    // // this.state.Sort.value +\r\n    // //\"&Sort=\" +\r\n    // //  this.state.Years.value +\r\n    // \"&CategoryID=\" +\r\n    // event.target.value;\r\n\r\n    // let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    // const accessToken = user;\r\n    // // console.log(accessToken);\r\n\r\n    //// console.log(\"hi\");\r\n    //alert(\"After\");\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n\r\n      //body:JSON.stringify(data)\r\n    })\r\n      // alert(\"After0\")\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        //   this.DefaultMenu();\r\n        //alert(data);\r\n\r\n        this.setState({\r\n          Search: data,\r\n        });\r\n        // alert(\"After1\");\r\n        //  this.DefaultMenu();\r\n        // console.log(\"Filter\", data);\r\n        for (var i = 0; i < data.length; i++) {\r\n          this.setState({ topic: data[i].trainingitem });\r\n          // console.log(\"ropic\", this.state.topic);\r\n        }\r\n        // // console.log(dets.profile_dateOfAnniversary);\r\n      });\r\n  }\r\n\r\n  handleChangeDesign(event) {\r\n    // console.log(\"design\", event.target.value);\r\n    this.setState({ design: event.target.value });\r\n    // console.log(\"Clicked\", event.target.dept);\r\n    // console.log(\"value\", this.state.Trainers);\r\n    var TrainingId = document.getElementById(\"trainer_UserID\").value;\r\n\r\n    var dd = this.state.Trainers.forEach((e) => {\r\n      var split = e.userId;\r\n      // [5,''vjvd487348543, 'Arunachalam']\r\n      //[]\r\n      this.setState({ trainerid1: split });\r\n\r\n      // // console.log(\"hi\",split[1])\r\n      // // console.log(\"hi\",split[2])\r\n      // data.append(\"FirstName\",split[1]);\r\n      // data.append(\"TrainerId\",split[2]);\r\n      // data.append(\"TrainingId\",split[0]);\r\n    });\r\n    // console.log(\"hi---------\", this.state.dept);\r\n    if (this.state.dept == \"\") {\r\n      // console.log(\"yes empty\");\r\n      let url = `${BASE_URLs}/Training/Getdesignonlybased?Design=${event.target.value}&UserId=${this.state.Id}`;\r\n      // \"https://api.paropakari.com/api/GetProfile/Get_HomeCategoryFilter?id=0\" +\r\n      // // this.state.Sort.value +\r\n      // //\"&Sort=\" +\r\n      // //  this.state.Years.value +\r\n      // \"&CategoryID=\" +\r\n      // event.target.value;\r\n\r\n      // let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      // const accessToken = user;\r\n      // // console.log(accessToken);\r\n\r\n      //// console.log(\"hi\");\r\n      //alert(\"After\");\r\n      fetch(url, {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-type\": \"application/json\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        },\r\n\r\n        //body:JSON.stringify(data)\r\n      })\r\n        // alert(\"After0\")\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          //   this.DefaultMenu();\r\n          //alert(data);\r\n\r\n          this.setState({\r\n            Search: data,\r\n          });\r\n          // alert(\"After1\");\r\n          //  this.DefaultMenu();\r\n          // console.log(\"Filter\", data);\r\n          for (var i = 0; i < data.length; i++) {\r\n            this.setState({ topic: data[i].trainingitem });\r\n            // console.log(\"ropic\", this.state.topic);\r\n          }\r\n          // // console.log(dets.profile_dateOfAnniversary);\r\n        });\r\n    } else {\r\n      // if (event.target.dept == 0) {\r\n      //   // console.log(\"clicked\");\r\n      //   window.location.reload();\r\n      // }\r\n      // alert(\"Before\");\r\n      // this.DefaultMenu();\r\n\r\n      // this.setState({\r\n      //   catval: event.target.value\r\n      // })\r\n      let url = `${BASE_URLs}/Training/Getdesignbased?Department=${this.state.dept}&Design=${event.target.value}&UserId=${this.state.Id}`;\r\n      // \"https://api.paropakari.com/api/GetProfile/Get_HomeCategoryFilter?id=0\" +\r\n      // // this.state.Sort.value +\r\n      // //\"&Sort=\" +\r\n      // //  this.state.Years.value +\r\n      // \"&CategoryID=\" +\r\n      // event.target.value;\r\n\r\n      // let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      // const accessToken = user;\r\n      // // console.log(accessToken);\r\n\r\n      //// console.log(\"hi\");\r\n      //alert(\"After\");\r\n      fetch(url, {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-type\": \"application/json\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        },\r\n\r\n        //body:JSON.stringify(data)\r\n      })\r\n        // alert(\"After0\")\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          //   this.DefaultMenu();\r\n          //alert(data);\r\n\r\n          this.setState({\r\n            Search: data,\r\n          });\r\n          // alert(\"After1\");\r\n          //  this.DefaultMenu();\r\n          // console.log(\"Filter\", data);\r\n          for (var i = 0; i < data.length; i++) {\r\n            this.setState({ topic: data[i].trainingitem });\r\n            // console.log(\"ropic\", this.state.topic);\r\n          }\r\n          // // console.log(dets.profile_dateOfAnniversary);\r\n        });\r\n    }\r\n  }\r\n\r\n  GetAllDepartment() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    // fetch('${BASE_URLs}/Team/GetTeam', options)\r\n    fetch(`${BASE_URLs}/Department/DepartmentGet`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // Filter out the duplicates\r\n        const filteredData = data.filter((value, index, self) => {\r\n          return (\r\n            self.findIndex((item) => item.department === value.department) ===\r\n            index\r\n          );\r\n        });\r\n        // console.log(\"-----------------------------\", filteredData);\r\n        this.setState({\r\n          department: filteredData,\r\n        });\r\n      });\r\n  }\r\n  GetDepartment() {\r\n    // let url = `${BASE_URLs}/Department/DepartmentGet\";\r\n    let url = `${BASE_URLs}/Trainer/GetAllTrainers`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"_-------------------------------\", data);\r\n        let GroupedbyName = data\r\n          .sort((a, b) => {\r\n            return a.trainerName < b.trainerName ? -1 : 1;\r\n          })\r\n          .reduce((r, e) => {\r\n            const { department, trainerName, role, trainersince, active } = e;\r\n            // let trainerName = e.trainerName;\r\n\r\n            if (!r[trainerName])\r\n              r[trainerName] = {\r\n                trainerName,\r\n                department,\r\n                role,\r\n                trainersince,\r\n                active,\r\n                record: [e],\r\n              };\r\n            else r[trainerName].record.push(e);\r\n\r\n            return r;\r\n          }, {});\r\n\r\n        let TopicMerged = Object.values(GroupedbyName).map((e) => {\r\n          return {\r\n            trainerName: e.trainerName,\r\n            department: e.department,\r\n            role: e.role,\r\n            trainersince: e.trainersince,\r\n            TrainerUserId: e.record[0].trainer_UserId,\r\n            active: e.active,\r\n\r\n            record:\r\n              e.record[0].trainingTopics === null\r\n                ? []\r\n                : e.record[0].trainingTopics.split(\",,\").map((ee) => {\r\n                    return {\r\n                      TopicId: ee.split(\"$$$\")[1],\r\n                      TraingItem: ee.split(\"$$$\")[0],\r\n                      Description: ee.split(\"$$$\")[2],\r\n                      Department: ee.split(\"$$$\")[3],\r\n                      Duration: ee.split(\"$$$\")[4],\r\n                      TrainerUserId: e.record[0].trainer_UserId,\r\n                    };\r\n                  }),\r\n          };\r\n        });\r\n\r\n        this.setState({\r\n          Department: data.sort((a, b) => {\r\n            return a.trainerName < b.trainerName ? -1 : 1;\r\n          }),\r\n          Depart: data.sort((a, b) => {\r\n            // console.log(\"datasory========\", a.trainerName, b.trainerName);\r\n            return a.trainerName < b.trainerName ? -1 : 1;\r\n          }),\r\n          DepartmentGrouped: TopicMerged,\r\n          DepartGrouped: TopicMerged,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  DepartModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"trainer_UserID\")) {\r\n      var checkboxes = document.getElementsByName(\"trainer_UserID\");\r\n      // console.log(\"deete\", checkboxes);\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState((prevState) => ({\r\n      DepartModel: !prevState.DepartModel,\r\n    }));\r\n    this.GetDepartment();\r\n  };\r\n  EditModel = (e, fn) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"trainer_UserID\")) {\r\n      var checkboxes = document.getElementsByName(\"trainer_UserID\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditDesigntionValues: {\r\n        id: e,\r\n        DepartmentName: fn,\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n    this.GetDepartment();\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetOrgLogo();\r\n    this.GetDepartment();\r\n    this.GetAllDepartment();\r\n    this.GetAllRole();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  // handleChange = (e) => {\r\n  //   const { name, value } = e.target;\r\n  //   this.setState({ [name]: value });\r\n  // };\r\n  handleFormValidation() {\r\n    const {\r\n      FirstName,\r\n      LastName,\r\n      Email,\r\n      Mobile,\r\n      Department,\r\n      Designation,\r\n      RoleName,\r\n    } = this.state;\r\n    let formErrors = {};\r\n    let formIsValid = true;\r\n\r\n    //Email\r\n    if (!FirstName) {\r\n      formIsValid = false;\r\n      formErrors[\"FirstNameErr\"] = \"First Name is required\";\r\n    }\r\n    if (!LastName) {\r\n      formIsValid = false;\r\n      formErrors[\"LastNameErr\"] = \"Last Name is required\";\r\n    }\r\n    if (!Email) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Email is required\";\r\n    } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n      formIsValid = false;\r\n      formErrors[\"EmailErr\"] = \"Invalid Email id.\";\r\n    }\r\n    if (!Mobile) {\r\n      formIsValid = false;\r\n      formErrors[\"MobileErr\"] = \"Mobile is required\";\r\n    }\r\n    // else if (!Mobile >= 10) {\r\n    //   formIsValid = false;\r\n    //   formErrors[\"MobileErr\"] = \"Invalid Mobile number.\";\r\n    // }\r\n    else {\r\n      var mobPattern = /^(?:(?:\\\\+|0{0,2})91(\\s*[\\\\-]\\s*)?|[0]?)?[6789]\\d{9}$/;\r\n      if (!mobPattern.test(Mobile)) {\r\n        formIsValid = false;\r\n        formErrors[\"MobileErr\"] = \"Invalid phone number.\";\r\n      }\r\n    }\r\n    if (!Department) {\r\n      formIsValid = false;\r\n      formErrors[\"departmentErr\"] = \"department is required\";\r\n    }\r\n    if (!Designation) {\r\n      formIsValid = false;\r\n      formErrors[\"designationErr\"] = \"designation is required\";\r\n    }\r\n    if (!RoleName) {\r\n      formIsValid = false;\r\n      formErrors[\"rolesErr\"] = \"Role is required\";\r\n    }\r\n\r\n    this.setState({ formErrors: formErrors });\r\n\r\n    return formIsValid;\r\n  }\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Trainer/TrainerExcel`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp === undefined) {\r\n            alert(\"0  Records  inserted \");\r\n          } else if (resp === 0) {\r\n            alert(\"Records added successfully\");\r\n          } else {\r\n            alert(+resp + \" Records not inserted \");\r\n          }\r\n          this.GetDepartment();\r\n          this.setState({ initialData: undefined });\r\n        });\r\n      var file = document.getElementById(\"files\");\r\n      var emptyFile = document.createElement(\"input\");\r\n      emptyFile.type = \"file\";\r\n      file.files = emptyFile.files;\r\n    } catch (error) {}\r\n    this.GetDepartment();\r\n  };\r\n\r\n  handleUpload = (event) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"trainer_UserID\")) {\r\n      var checkboxes = document.getElementsByName(\"trainer_UserID\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n    if (isAllowed) {\r\n      const file = event.target.files[0];\r\n      readFile(file).then((readedData) =>\r\n        this.setState({ initialData: readedData })\r\n      );\r\n      /* file upload logic goes here... */\r\n      return true;\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false;\r\n    }\r\n  };\r\n\r\n  Noticount = async (Id) => {\r\n    await fetch(`${BASE_URLs}/Notification/Noticount`, {\r\n      method: \"PUT\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n      body: JSON.stringify({\r\n        Notification_Id: Id,\r\n      }),\r\n    }).then((result) => {\r\n      result.json().then((resp) => {\r\n        localStorage.setItem(\"success\", JSON.stringify(resp.status));\r\n        var a = localStorage.getItem(\"success\");\r\n        var b = JSON.parse(a);\r\n        if (b === \"Success\") {\r\n          window.location.href = \"/Organization\";\r\n          localStorage.removeItem(\"success\");\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  Handledepartment() {\r\n    var department = document.getElementById(\"department\").value;\r\n\r\n    if (department === \"others\") {\r\n      document.getElementById(\"departmenttext\").value = \"\";\r\n      document.getElementById(\"departmenttext\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"departmenttext\").value = \"None\";\r\n      document.getElementById(\"departmenttext\").type = \"hidden\";\r\n    }\r\n  }\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementsByName(\"trainer_UserID\");\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      // document\r\n      //   .getElementById(\"selectalldiv\")\r\n      //   .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n      } else {\r\n        msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  onKeyUp = (e) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"trainer_UserID\")) {\r\n      var checkboxes = document.getElementsByName(\"trainer_UserID\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    const Department = this.state.Depart.filter((item) =>\r\n      item.department.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ Department });\r\n  };\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    // if(document.getElementsByName('trainer_UserID')){\r\n    // var checkboxes = document.getElementsByName('trainer_UserID');\r\n    // for (var i = 0; i < checkboxes.length; i++) {\r\n    //   checkboxes[i].checked = false;\r\n    //   document.getElementById(\"delete\").setAttribute('style', 'visibility: hidden;');\r\n    //   document.getElementById(\"deletecount\").setAttribute('style', 'visibility: hidden;');\r\n    // }}\r\n    const data = new FormData(event.target);\r\n\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete all record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Trainer/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetDepartment();\r\n          alert(resp.message);\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n    }\r\n  };\r\n\r\n  checkedAll(e) {\r\n    // alert(\"hi\");\r\n\r\n    var checkboxes = document.getElementsByName(\"design\");\r\n\r\n    var sa = document.getElementById(\"selectedall\");\r\n\r\n    let count = checkboxes.length;\r\n\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n\r\n        // document\r\n\r\n        //   .getElementById(\"delete\")\r\n\r\n        //   .setAttribute(\"style\", \"visibility:visible ;\");\r\n\r\n        // document\r\n\r\n        //   .getElementById(\"deletecount\")\r\n\r\n        //   .setAttribute(\r\n\r\n        //     \"style\",\r\n\r\n        //     \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n\r\n        //   );\r\n\r\n        // var msg = document.getElementById(\"deletecount\");\r\n\r\n        // msg.innerHTML = \"<span> \" + count + \"  selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n\r\n        document\r\n\r\n          .getElementById(\"delete\")\r\n\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n\r\n        document\r\n\r\n          .getElementById(\"deletecount\")\r\n\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    // if(document.getElementsByName('trainer_UserID')){\r\n    // var checkboxes = document.getElementsByName('trainer_UserID');\r\n    // for (var i = 0; i < checkboxes.length; i++) {\r\n    //   checkboxes[i].checked = false;\r\n    //   document.getElementById(\"delete\").setAttribute('style', 'visibility: hidden;');\r\n    //   document.getElementById(\"deletecount\").setAttribute('style', 'visibility: hidden;');\r\n    // }}\r\n    data.append(\"trainer_UserID\", id);\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Department/Multidelete`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetDepartment();\r\n          if (resp.status === \"Success\") {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n\r\n          this.GetDepartment();\r\n        });\r\n\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll(\r\n        'input[type=\"checkbox\"]:checked'\r\n      );\r\n\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n      }\r\n\r\n      //check.checked = false;\r\n      document.querySelectorAll('input[type=\"checkbox\"]').checked = false;\r\n    }\r\n  };\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    var filename = `O_${username}_Department`;\r\n\r\n    const {\r\n      Department,\r\n      Filterpopstatus,\r\n      Filterpopstatus1,\r\n      DepartmentGrouped,\r\n      Trainers,\r\n      Search,\r\n      DesignSearch,\r\n      Filterpopstatusadd,\r\n      isOpen,\r\n    } = this.state;\r\n    // console.log(\"======\", DepartmentGrouped);\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        {Filterpopstatus ? (\r\n          <FilterPop\r\n            data={this.state.Depart}\r\n            FilteredData={(newValue) => {\r\n              this.setState({ Department: newValue });\r\n            }}\r\n            TogglePop={(e) => {\r\n              this.setState({ Filterpopstatus: !Filterpopstatus });\r\n            }}\r\n          />\r\n        ) : null}\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <Link\r\n                                to\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </Link>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            {\" \"}\r\n                            Trainers List{\" \"}\r\n                          </h4>\r\n                        </div>\r\n                        {this.state.EditModel ? (\r\n                          <EditTrainerpop\r\n                            values={this.state.EditDesigntionValues}\r\n                            close={() => this.EditModel()}\r\n                          />\r\n                        ) : null}\r\n                        {this.state.DepartModel ? (\r\n                          <AddTrainerpop close={() => this.DepartModel()} />\r\n                        ) : null}\r\n\r\n                        <div className=\"card-block\">\r\n                          <form\r\n                            // style={{ marginTop: \"20px\" }}\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-2\">\r\n                                  <Link\r\n                                    to=\"/AddTrainer\"\r\n                                    type=\"button\"\r\n                                    style={{\r\n                                      width: \"150px\",\r\n                                      background: \"white\",\r\n                                    }}\r\n                                    id=\"addRow\"\r\n                                    className=\"dropdown_item-2\"\r\n                                    className=\"btn \"\r\n                                  >\r\n                                    Add{\" \"}\r\n                                  </Link>\r\n                                </div>\r\n                                {/* <div className=\"col btnalign\">\r\n                                  <label\r\n                                    htmlFor=\"files\"\r\n                                    className=\"btn\"\r\n                                    id=\"addBtn\"\r\n                                    name=\"Trainer_Info\"\r\n                                  >\r\n                                    Import From Excel\r\n                                  </label>\r\n                                  <input\r\n                                    id=\"files\"\r\n                                    type=\"file\"\r\n                                    accept=\".xlsx\"\r\n                                    style={{ display: \"none\" }}\r\n                                    onChange={this.handleUpload}\r\n                                    name=\"Trainer_Info\"\r\n                                  />\r\n                                </div> */}\r\n                                <div className=\"col-lg-2\">\r\n                                  <button\r\n                                    className=\"btn\"\r\n                                    type=\"button\"\r\n                                    onClick={() => this.exportXlsx(filename)}\r\n                                  >\r\n                                    Export to excel\r\n                                  </button>\r\n                                </div>\r\n\r\n                                {/* <div\r\n                                  className=\"col btnalign\"\r\n                                  clas\r\n                                  style={{\r\n                                    width: \"100px\",\r\n                                  }}\r\n                                >\r\n                                  <a\r\n                                    className=\"btn icofont icofont-download\"\r\n                                    type=\"button\"\r\n                                    href={TrainerExl}\r\n                                  >\r\n                                    &nbsp; Download\r\n                                  </a>\r\n                                </div> */}\r\n\r\n                                {/* <div className=\"col btnalign\">\r\n                                  {/* <a href={TrainerExl} className=\" download\"  style={{padding:\"2px 15px 2px 15px\"}}><i title=\"Download Template\" className=\"icofont icofont-cloud-download\"></i></a> */}\r\n                                {/* <a\r\n                                    href={TrainerExl}\r\n                                    className=\"download\"\r\n                                    style={{\r\n                                      padding: \"2px 15px\",\r\n                                      boxShadow:\r\n                                        \" -2px  -2px 16px -2px #5f7ae14a\",\r\n                                    }}\r\n                                  >\r\n                                    <i\r\n                                      title=\"Download Template\"\r\n                                      className=\"icofont icofont-cloud-download\"\r\n                                    ></i>\r\n                                  </a> */}\r\n                                {/* </div> */}\r\n                                <div className=\"col-lg-4\"></div>\r\n                                <div className=\"col-lg-4\">\r\n                                  <input\r\n                                    className=\"Searchbox\"\r\n                                    placeholder=\"Search\"\r\n                                    onClick={() => {\r\n                                      this.setState({ Filterpopstatus: true });\r\n                                    }}\r\n                                    //onKeyUp={this.myFunction}\r\n                                    style={{ float: \"right\" }}\r\n                                  />\r\n                                </div>\r\n                              </div>\r\n                              {this.state.initialData !== undefined ? (\r\n                                <ReactExcel\r\n                                  initialData={this.state.initialData}\r\n                                  onSheetUpdate={(currentSheet) =>\r\n                                    this.setState({\r\n                                      CurrentSheet: currentSheet,\r\n                                    })\r\n                                  }\r\n                                  activeSheetClassName=\"active-sheet\"\r\n                                  reactExcelClassName=\"react-excel\"\r\n                                  name=\"Skills\"\r\n                                />\r\n                              ) : null}\r\n\r\n                              {this.state.initialData !== undefined ? (\r\n                                <div className=\"savebtndiv\">\r\n                                  <button\r\n                                    className=\"btn\"\r\n                                    id=\"\"\r\n                                    type=\"submit\"\r\n                                    style={{ width: \"150px\" }}\r\n                                  >\r\n                                    Save\r\n                                  </button>\r\n                                </div>\r\n                              ) : null}\r\n                              <OutTable\r\n                                data={this.state.rows}\r\n                                columns={this.state.cols}\r\n                                tableClassName=\"ExcelTable2007\"\r\n                                tableHeaderRowclassName=\"heading\"\r\n                              />\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n\r\n                        <div className=\"card-block2\">\r\n                          <form onSubmit={this.Multidelete}>\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: \"hidden\" }}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-delete-alt\"\r\n                                style={{ color: \"darkgray\" }}\r\n                              ></i>\r\n                            </button>\r\n                            <div>\r\n                              {\" \"}\r\n                              <span\r\n                                id=\"deletecount\"\r\n                                className=\"multitrash\"\r\n                                style={{\r\n                                  visibility: \"hidden\",\r\n                                  fontSize: \"17px\",\r\n                                }}\r\n                              ></span>\r\n                            </div>\r\n                            <div\r\n                              id=\"selectalldiv\"\r\n                              style={{ visibility: \"hidden\" }}\r\n                            ></div>\r\n\r\n                            <div\r\n                              className=\"dt-responsive table-responsive table-res\"\r\n                              // style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}\r\n                            >\r\n                              {this.state.Department.length === 0 ? null : (\r\n                                <table\r\n                                  id=\"DepSheet\"\r\n                                  className=\"table nowrap\"\r\n                                  style={{ maxWidth: \"100%\" }}\r\n                                >\r\n                                  {/* <tr style={{ verticalAlign: \"middle\" }}>\r\n                                    <th className=\"gg\">\r\n                                      <input\r\n                                        type=\"checkbox\"\r\n                                        id=\"selectall\"\r\n                                        onClick={() => {\r\n                                          this.checkAll(this);\r\n                                        }}\r\n                                      />\r\n                                    </th>\r\n                                    Select All\r\n                                  </tr> */}\r\n                                  {DepartmentGrouped.map(\r\n                                    (DepartmentGrouped, i) => (\r\n                                      <>\r\n                                        <tr\r\n                                          style={{ verticalAlign: \"middle\" }}\r\n                                          className=\"designationMenu\"\r\n                                        >\r\n                                          <th\r\n                                            style={{\r\n                                              verticalAlign: \"middle\",\r\n                                            }}\r\n                                          >\r\n                                            {/* <input\r\n                                              type=\"checkbox\"\r\n                                              name=\"trainer_UserID\"\r\n                                              id=\"trainer_UserID\"\r\n                                              onChange={this.handlecheckbox}\r\n                                              defaultValue={\r\n                                                DepartmentGrouped.TrainerUserId\r\n                                              }\r\n                                            /> */}\r\n                                          </th>\r\n\r\n                                          <th\r\n                                            className=\"gg\"\r\n                                            style={{\r\n                                              verticalAlign: \"middle\",\r\n                                              textAlign: \"left\",\r\n                                            }}\r\n                                          >\r\n                                            Name :{\" \"}\r\n                                            {DepartmentGrouped.trainerName}\r\n                                          </th>\r\n                                          <th\r\n                                            className=\"gg\"\r\n                                            style={{\r\n                                              verticalAlign: \"middle\",\r\n                                            }}\r\n                                          >\r\n                                            Department :{\" \"}\r\n                                            {DepartmentGrouped.department}\r\n                                          </th>\r\n                                          <th\r\n                                            className=\"gg\"\r\n                                            style={{\r\n                                              textAlign: \"left\",\r\n                                              verticalAlign: \"middle\",\r\n                                            }}\r\n                                          >\r\n                                            {DepartmentGrouped.role}\r\n                                          </th>\r\n                                          <th\r\n                                            className=\"gg\"\r\n                                            style={{\r\n                                              textAlign: \"left\",\r\n                                              verticalAlign: \"middle\",\r\n                                            }}\r\n                                          >\r\n                                            {/* {DepartmentGrouped.trainersince.slice(\r\n                                              0,\r\n                                              10\r\n                                            )} */}\r\n                                          </th>\r\n                                          <th\r\n                                            className=\"gg\"\r\n                                            style={{\r\n                                              verticalAlign: \"middle\",\r\n                                            }}\r\n                                          ></th>\r\n\r\n                                          {DepartmentGrouped.active ? (\r\n                                            <th\r\n                                              className=\"gg\"\r\n                                              style={{\r\n                                                verticalAlign: \"middle\",\r\n                                                color: \"#80e939\",\r\n                                              }}\r\n                                            >\r\n                                              Active{\" \"}\r\n                                            </th>\r\n                                          ) : (\r\n                                            <th\r\n                                              className=\"gg\"\r\n                                              style={{\r\n                                                verticalAlign: \"middle\",\r\n                                                color: \"#ea5a5a\",\r\n                                              }}\r\n                                            >\r\n                                              Deactive\r\n                                            </th>\r\n                                          )}\r\n\r\n                                          <th\r\n                                            style={{\r\n                                              verticalAlign: \"middle\",\r\n                                            }}\r\n                                            className=\"gg\"\r\n                                          >\r\n                                            &nbsp;&nbsp;&nbsp;\r\n                                            <label className=\"switch\">\r\n                                              <input\r\n                                                type=\"checkbox\"\r\n                                                checked={\r\n                                                  DepartmentGrouped.active\r\n                                                    ? true\r\n                                                    : false\r\n                                                }\r\n                                                onClick={() =>\r\n                                                  this.changeState(\r\n                                                    DepartmentGrouped.TrainerUserId\r\n                                                  )\r\n                                                }\r\n                                              />\r\n                                              <span className=\"slider round\" />\r\n                                            </label>\r\n                                          </th>\r\n                                          {/* <th></th> */}\r\n                                        </tr>\r\n                                        {/* {DepartmentGrouped.record.length !==\r\n                                        0 ? ( */}\r\n                                        <tr className=\"designationMenu1\">\r\n                                          {/* <th>Trainer's Name</th> */}\r\n                                          <th></th>\r\n                                          <th\r\n                                            style={{\r\n                                              verticalAlign: \"middle\",\r\n                                            }}\r\n                                          >\r\n                                            Department\r\n                                          </th>\r\n                                          <th\r\n                                            style={{\r\n                                              textAlign: \"left\",\r\n                                              verticalAlign: \"middle\",\r\n                                            }}\r\n                                          >\r\n                                            Topic\r\n                                          </th>\r\n                                          <th\r\n                                            style={{\r\n                                              textAlign: \"left\",\r\n                                              verticalAlign: \"middle\",\r\n                                            }}\r\n                                          >\r\n                                            Description\r\n                                          </th>\r\n                                          <th\r\n                                            style={{\r\n                                              textAlign: \"left\",\r\n                                              verticalAlign: \"middle\",\r\n                                            }}\r\n                                          >\r\n                                            Duration\r\n                                          </th>\r\n                                          <th></th>\r\n                                          <th\r\n                                            style={{\r\n                                              textAlign: \"left\",\r\n                                              verticalAlign: \"middle\",\r\n                                            }}\r\n                                          >\r\n                                            {(() => {\r\n                                              if (\r\n                                                DepartmentGrouped.active == true\r\n                                              ) {\r\n                                                return (\r\n                                                  <div className=\"col-sm-6\">\r\n                                                    <button\r\n                                                      type=\"button\"\r\n                                                      className=\"button-30 sk-edit\"\r\n                                                      onClick={() =>\r\n                                                        this.openThePopup(\r\n                                                          DepartmentGrouped.department,\r\n                                                          DepartmentGrouped.TrainerUserId,\r\n                                                          DepartmentGrouped.trainerName\r\n                                                        )\r\n                                                      }\r\n                                                    >\r\n                                                      {/* <i\r\n                                                        className=\"icofont icofont-plus\"\r\n                                                        aria-hidden=\"true\"\r\n                                                      ></i> */}{\" \"}\r\n                                                      <b> &nbsp;Add Topic</b>\r\n                                                    </button>\r\n                                                  </div>\r\n                                                );\r\n                                              } else {\r\n                                                return (\r\n                                                  <div className=\"col-sm-6\">\r\n                                                    <button\r\n                                                      type=\"button\"\r\n                                                      className=\"button-30 sk-edit\"\r\n                                                      disabled\r\n                                                      onClick={() =>\r\n                                                        this.openThePopup(\r\n                                                          DepartmentGrouped.department,\r\n                                                          DepartmentGrouped.TrainerUserId,\r\n                                                          DepartmentGrouped.trainerName\r\n                                                        )\r\n                                                      }\r\n                                                    >\r\n                                                      <b> Add Topic</b>\r\n                                                    </button>\r\n                                                  </div>\r\n                                                );\r\n                                              }\r\n                                            })()}\r\n                                          </th>\r\n                                          {/* <th>Active Training Session</th> */}\r\n                                          {/* <th>Assign topics</th> */}\r\n\r\n                                          <th\r\n                                            style={{ textAlign: \"center\" }}\r\n                                          ></th>\r\n                                        </tr>\r\n                                        {/*   ) : null} */}\r\n                                        {DepartmentGrouped.record.map(\r\n                                          (Department, i) => (\r\n                                            // <tbody\r\n                                            //   style={{ textAlign: \"center\" }}\r\n                                            // >\r\n                                            <tr style={{ border: \"hidden\" }}>\r\n                                              <td\r\n                                                style={{\r\n                                                  textAlign: \"center\",\r\n                                                }}\r\n                                              ></td>\r\n                                              <td\r\n                                                style={{\r\n                                                  textAlign: \"center\",\r\n                                                }}\r\n                                              >\r\n                                                {Department.Department}\r\n                                              </td>\r\n                                              <td>{Department.TraingItem}</td>\r\n\r\n                                              <td>{Department.Description}</td>\r\n                                              <td>{Department.Duration}</td>\r\n                                              <td></td>\r\n                                              <td>\r\n                                                &nbsp; &nbsp; &nbsp; &nbsp;\r\n                                                &nbsp; &nbsp;\r\n                                                <button\r\n                                                  className=\"button-30\"\r\n                                                  type=\"button\"\r\n                                                  style={{\r\n                                                    color: \"rgb(255, 0, 0)\",\r\n                                                  }}\r\n                                                  onClick={() =>\r\n                                                    this.DeleteTopicButton(\r\n                                                      DepartmentGrouped.TrainerUserId,\r\n                                                      Department.TopicId\r\n                                                    )\r\n                                                  }\r\n                                                >\r\n                                                  <i className=\"icofont icofont-minus\"></i>\r\n                                                </button>\r\n                                              </td>\r\n                                            </tr>\r\n                                          )\r\n                                          // </tbody>\r\n                                        )}\r\n                                      </>\r\n                                    )\r\n                                  )}\r\n                                </table>\r\n                              )}\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                        <br />\r\n                        <br />\r\n\r\n                        <table\r\n                          id=\"DepartSheet\"\r\n                          hidden\r\n                          className=\"table nowrap\"\r\n                          style={{ maxWidth: \"100%\" }}\r\n                        >\r\n                          <thead>\r\n                            <tr>\r\n                              <th>Trainer's Name</th>\r\n                              <th>Department</th>\r\n                              <th>Role</th>\r\n                              <th>Trainer Since</th>\r\n                              <th>No.of.Trainers</th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody>\r\n                            {Department.map((Department) => (\r\n                              <tr>\r\n                                <td>{Department.trainerName}</td>\r\n                                <td>{Department.department}</td>\r\n                                <td>{Department.role}</td>\r\n                                <td>{Department.trainersince}</td>\r\n                                <td>{Department.trainerName}</td>\r\n                              </tr>\r\n                            ))}\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {/* End */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n          {\" \"}\r\n        {isOpen && (\r\n          <div className=\"pop\">\r\n            <div\r\n              className=\"popinnernormal\"\r\n              style={{\r\n                width: \"61%\",\r\n                height: \"80vh\",\r\n              }}\r\n            >\r\n              {\" \"}\r\n              <form\r\n                autoComplete=\"off\"\r\n                encType=\"multipart/form-data\"\r\n                style={{ width: \"135%\" }}\r\n              >\r\n                {/* <button  id=\"close\" style={{float:\"right\",backgroundColor:\"#a0a3a305\",color:\"#797070\",border:\"1px solid #a3a5a505\"}} onClick={this.props.close}  ><CloseIcon/></button> */}\r\n\r\n                {/* {Filterpopstatus1 ? (\r\n          <Topic_FilterPop\r\n            data={this.state.Depart}\r\n            FilteredData={(newValue) => {\r\n              this.setState({ Department: newValue });\r\n            }}\r\n            TogglePop={(e) => {\r\n              this.setState({ Filterpopstatus1: !Filterpopstatus1 });\r\n            }}\r\n          />\r\n        ) : null}\r\n              <div className=\"col-lg-4\">\r\n                                  <input\r\n                                    className=\"Searchbox\"\r\n                                    placeholder=\"Search\"\r\n                                    onClick={() => {\r\n                                      this.setState({ Filterpopstatus1: true });\r\n                                    }}\r\n                                    //onKeyUp={this.myFunction}\r\n                                    style={{ float: \"right\" }}\r\n                                  />\r\n                                </div> */}\r\n\r\n                <div className=\"row\" tyle={{ padding: \"8px\" }}>\r\n                  {/* {(() => {\r\n                    if (this.state.Search.length === 0) {\r\n                      return null;\r\n                    } else {\r\n                      return ( */}\r\n                  <div className=\"col-sm-3\">\r\n                    <select\r\n                      className=\"effect-16\"\r\n                      type=\"text\"\r\n                      name=\"Department\"\r\n                      value={this.state.dept}\r\n                      id=\"Department\"\r\n                      onChange={this.handleChange}\r\n                      //style={{width:'72%'}}\r\n                    >\r\n                      <option value=\"\">Department</option>\r\n                      {this.state.department.map((Departmentdrop) => (\r\n                        <option value={Departmentdrop.department}>\r\n                          {Departmentdrop.department}\r\n                        </option>\r\n                      ))}\r\n                    </select>\r\n                  </div>\r\n                  {/* );\r\n                    }\r\n                  })()} */}\r\n\r\n                  {/* {(() => {\r\n                    if (this.state.Search.length === 0) {\r\n                      return null;\r\n                    } else {\r\n                      return ( */}\r\n                  <div className=\"col-sm-3\">\r\n                    <select\r\n                      className=\"effect-16\"\r\n                      type=\"text\"\r\n                      value={this.state.selectedJobRole}\r\n                      name=\"JobRole\"\r\n                      // style={{width:'88%', marginLeft:'-30%'}}\r\n                      id=\"JobRole\"\r\n                      onChange={this.handleChangeDesign}\r\n                    >\r\n                      <option value=\"\">Designation</option>\r\n                      {this.state.AllRoles.map((JobDrop) => (\r\n                        <option value={JobDrop.designation}>\r\n                          {JobDrop.designation}\r\n                        </option>\r\n                      ))}\r\n                    </select>\r\n                  </div>\r\n                  {/* );\r\n                    }\r\n                  })()} */}\r\n\r\n                  {/* {(() => {\r\n                    if (this.state.Search.length === 0) {\r\n                      return null;\r\n                    } else {\r\n                      return ( */}\r\n                  <div className=\"col-sm-3\">\r\n                    <input\r\n                      className=\"Searchbox\"\r\n                      placeholder=\"Search\"\r\n                      onClick={() => {\r\n                        this.setState({ Filterpopstatusadd: true });\r\n                      }}\r\n\r\n                      //onKeyUp={this.myFunction}\r\n                      //  style={{ marginLeft: \"0%\" }}\r\n                    />\r\n                    <button\r\n                      style={{\r\n                        //  marginLeft:'223%',\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={this.closePopup}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n                  </div>\r\n                  {/* );\r\n                    }\r\n                  })()} */}\r\n                  <div className=\"col-sm-8\" style={{ maxWidth: \"100.666667%\" }}>\r\n                    <div\r\n                      className=\"dt-responsive table-responsive table-res\"\r\n                      style={{ overflowX: \"hidden\" }}\r\n                    >\r\n                      {(() => {\r\n                        if (this.state.Search.length === 0) {\r\n                          return (\r\n                            <div>\r\n                              <br />\r\n                              <br />\r\n                              {/* <button\r\n                          style={{\r\n                              marginLeft:'223%',\r\n                            backgroundColor: \"#a0a3a305\",\r\n                            color: \"#797070\",\r\n                            border: \"1px solid #a3a5a505\",\r\n                          }}\r\n                          onClick={this.closePopup}\r\n                        >\r\n                          <CloseIcon />\r\n                        </button> */}\r\n                              \"There are no ' Topics '\";\r\n                            </div>\r\n                          );\r\n                        }\r\n                        //                       else if (Search.length > 0) {\r\n                        //                         return (\r\n                        //                           <table\r\n                        //                           id=\"DepSheet\"\r\n                        //                           className=\"table nowrap\"\r\n                        //                           style={{ maxWidth: \"90%\" }}\r\n                        //                         >\r\n                        //                           <thead>\r\n                        //                             <tr>\r\n                        //                               <th>\r\n                        //                                 <input type=\"checkbox\" hidden />\r\n                        //                               </th>\r\n\r\n                        //                               <th>Department</th>\r\n                        //                               <th>Designation</th>\r\n                        //                               <th>Topics</th>\r\n                        //                               <th>Description</th>\r\n                        //                               {/* <th>Action</th> */}\r\n                        //                             </tr>\r\n                        //                           </thead>\r\n                        //                           <tbody>\r\n                        //                           {/* {DepartmentGrouped.map(\r\n                        //                                     (DepartmentGrouped, i) => (\r\n                        //                                       <div>\r\n                        //                                         <input type=\"text\" value={DepartmentGrouped.TrainerUserId} />\r\n                        //                                       </div>\r\n                        //                                     )\r\n                        //                           )} */}\r\n                        //                             {Search.map((checkbox) => (\r\n                        //                               <tr key={checkbox.training_Id}>\r\n                        //                                   {/* <input type=\"text\" value={checkbox.userId} id=\"TrainingId\" /> */}\r\n                        //                                  <td>\r\n                        //                                  <input type=\"checkbox\"\r\n\r\n                        // value={checkbox.training_Id + \"$$$\" +  this.state.firstName  + \"$$$\" + this.state.Id}\r\n\r\n                        //  onChange={this.checkChangeDesignation}\r\n\r\n                        // />\r\n\r\n                        //                                 </td>\r\n                        //                             <td>\r\n                        //                             {checkbox.department}\r\n                        //                             </td>\r\n                        //                             <td>\r\n                        //                             {checkbox.designation}\r\n                        //                             </td>\r\n                        //                                 <td>{checkbox.trainingitem}</td>\r\n                        //                                 <td>\r\n                        //                             {checkbox.description}\r\n                        //                             </td>\r\n\r\n                        //                                 {/* <td>\r\n\r\n                        //                                   <button\r\n                        //                                     className=\"button-30\"\r\n                        //                                     type=\"button\"\r\n                        //                                     style={{ color: \"rgb(94, 217, 135)\" }}\r\n                        //                                     onClick={() =>\r\n                        //                                       this.fetchData(\r\n                        //                                         this.state.firstName,\r\n                        //                                         this.state.Id,\r\n                        //                                         Trainers.training_Id\r\n                        //                                       )\r\n                        //                                     }\r\n                        //                                   >\r\n                        //                                     Assign&nbsp;\r\n                        //                                     <i className=\"icofont icofont-edit\"></i>\r\n                        //                                   </button>\r\n                        //                                 </td> */}\r\n                        //                                 {/* <td>\r\n                        //                                 <button onClick={() => this.handleSelectedRows()}>Perform Action</button>\r\n                        //                                 </td> */}\r\n                        //                               </tr>\r\n                        //                             ))}\r\n                        //                           </tbody>\r\n                        //                         </table>\r\n                        //                         );\r\n                        //                       }\r\n                        //                       else if (Search.length === 0 && this.state.Trainers.length === 0) {\r\n                        //                         return (\r\n                        //                          \"No Results found\"\r\n                        //                         );\r\n                        //                       }\r\n                        else {\r\n                          return (\r\n                            <table\r\n                              id=\"DepSheet\"\r\n                              className=\"table nowrap\"\r\n                              style={{ maxWidth: \"90%\" }}\r\n                            >\r\n                              <thead>\r\n                                <tr>\r\n                                  <th>\r\n                                    <input\r\n                                      type=\"checkbox\"\r\n                                      id=\"selectedall\"\r\n                                      onClick={() => {\r\n                                        this.checkedAll(this);\r\n                                      }}\r\n                                    />\r\n                                  </th>\r\n\r\n                                  <th>Department</th>\r\n                                  <th>Designation</th>\r\n                                  <th>Topics</th>\r\n                                  <th>Description</th>\r\n                                  {/* <th>Action</th> */}\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {/* {DepartmentGrouped.map(\r\n                                                    (DepartmentGrouped, i) => (\r\n                                                      <div>\r\n                                                        <input type=\"text\" value={DepartmentGrouped.TrainerUserId} />\r\n                                                      </div>\r\n                                                    )\r\n                                          )} */}\r\n                                {Search.map((checkbox) => (\r\n                                  <tr key={checkbox.training_Id}>\r\n                                    {/* <input type=\"text\" value={checkbox.userId} id=\"TrainingId\" /> */}\r\n                                    <td>\r\n                                      <input\r\n                                        type=\"checkbox\"\r\n                                        name=\"design\"\r\n                                        id=\"checkedall\"\r\n                                        value={\r\n                                          checkbox.training_Id +\r\n                                          \"$$$\" +\r\n                                          this.state.firstName +\r\n                                          \"$$$\" +\r\n                                          this.state.Id\r\n                                        }\r\n                                        onChange={this.checkChangeDesignation}\r\n                                      />\r\n                                    </td>\r\n                                    <td>{checkbox.department}</td>\r\n                                    <td>{checkbox.designationcount}</td>\r\n                                    <td>{checkbox.trainingitem}</td>\r\n                                    <td>{checkbox.description}</td>\r\n\r\n                                    {/* <td>\r\n                                                 \r\n                                                  <button\r\n                                                    className=\"button-30\"\r\n                                                    type=\"button\"\r\n                                                    style={{ color: \"rgb(94, 217, 135)\" }}\r\n                                                    onClick={() =>\r\n                                                      this.fetchData(\r\n                                                        this.state.firstName,\r\n                                                        this.state.Id,\r\n                                                        Trainers.training_Id\r\n                                                      )\r\n                                                    }\r\n                                                  >\r\n                                                    Assign&nbsp;\r\n                                                    <i className=\"icofont icofont-edit\"></i>\r\n                                                  </button>\r\n                                                </td> */}\r\n                                    {/* <td>\r\n                                                <button onClick={() => this.handleSelectedRows()}>Perform Action</button>\r\n                                                </td> */}\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n                          );\r\n                        }\r\n                      })()}\r\n                      {this.state.selectedOptions.map((option, index) => (\r\n                        <li key={index}>{option}</li>\r\n                      ))}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                {Filterpopstatusadd ? (\r\n                  <Filterpopstatustopic\r\n                    data={this.state.Search}\r\n                    FilteredData={(newValue) => {\r\n                      this.setState({ Search: newValue });\r\n                    }}\r\n                    TogglePop={(e) => {\r\n                      this.setState({\r\n                        Filterpopstatusadd: !Filterpopstatusadd,\r\n                      });\r\n                    }}\r\n                  />\r\n                ) : null}\r\n                <div className=\"row\">\r\n                  <div\r\n                    className=\"col-sm-12\"\r\n                    style={{ textAlign: \"center\" }}\r\n                  ></div>\r\n                </div>\r\n                {(() => {\r\n                  if (this.state.Search.length === 0) {\r\n                    return null;\r\n                  } else {\r\n                    return (\r\n                      <div className=\"col-sm-4\">\r\n                        <button\r\n                          className=\"button-30\"\r\n                          type=\"button\"\r\n                          style={{\r\n                            color: \"rgb(83, 81, 171)\",\r\n                            marginLeft: \"98%\",\r\n                          }}\r\n                          onClick={() =>\r\n                            this.fetchData(\r\n                              this.state.firstName,\r\n                              this.state.Id,\r\n                              Trainers.training_Id\r\n                            )\r\n                          }\r\n                        >\r\n                          Save&nbsp;\r\n                        </button>\r\n                      </div>\r\n                    );\r\n                  }\r\n                })()}\r\n              </form>\r\n              <br />\r\n              {/* <button onClick={this.closePopup}><CloseIcon/></button> */}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/TrainerExl.e5aaa751.xlsx\";","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport \"../../Css/Addskills.css\";\r\nimport Multiselect from \"multiselect-react-dropdown\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class UserActiveTraining extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Departmentdrop: [],\r\n      seperateDept: [],\r\n      trainer: [],\r\n      trainerDrop: [],\r\n      memberDrop: [],\r\n      selectedDepartment: \"\",\r\n      department: [],\r\n      selectedOptions: [],\r\n      selectedTrainee: [],\r\n      Training: [],\r\n    };\r\n  }\r\n  GetDepartment() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeam`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // Filter out the duplicates\r\n        const filteredData = data.filter((value, index, self) => {\r\n          return (\r\n            self.findIndex((item) => item.department === value.department) ===\r\n            index\r\n          );\r\n        });\r\n        this.setState({\r\n          department: filteredData,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetTrainers = async (department) => {\r\n    this.GetMembers(department);\r\n    let url = `${BASE_URLs}/Trainer/GetManagerBasedTrainer?Department=${department}&TrainerInfo=${1}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    const reqData = await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    });\r\n    const resData = await reqData.json();\r\n    for (let i = 0; i < resData.length; i++) {\r\n      this.state.trainerDrop.push(resData[i].label);\r\n    }\r\n    this.setState({ trainerDrop: this.state.trainerDrop });\r\n    // console.log(\"dep\", department);\r\n    // console.log(\"TrainersDetails\", this.state.trainerDrop);\r\n  };\r\n\r\n  GetMembers = async (department) => {\r\n    let url = `${BASE_URLs}/Trainer/GetManagerBasedMember?Department=${department}&TrainerInfo=${0}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    const reqData = await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    });\r\n    const resData = await reqData.json();\r\n    for (let i = 0; i < resData.length; i++) {\r\n      this.state.memberDrop.push(resData[i].label);\r\n    }\r\n    this.setState({ memberDrop: this.state.memberDrop });\r\n    // console.log(\"TrainersDetails\", this.state.memberDrop);\r\n  };\r\n  handleChange = (event) => {\r\n    const department = event.target.value;\r\n    this.setState({ selectedDepartment: department });\r\n    this.setState({ selectValue: event.target.value });\r\n    this.GetTrainers(department);\r\n  };\r\n  handleDateChange = (event) => {\r\n    this.setState({ selectValue: event.target.value });\r\n  };\r\n  componentDidMount() {\r\n    this.GetDepartment();\r\n    this.GetTraining();\r\n  }\r\n  GetTraining() {\r\n    let url = `${BASE_URLs}/Training/GetAdminTraining`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Training: data,\r\n          Train: data,\r\n        });\r\n        // console.log(data);\r\n      });\r\n  }\r\n\r\n  myDate = () => {\r\n    const startDate = document.getElementById(\"StartDate\").value;\r\n    const duration = document.getElementById(\"duration\").value;\r\n\r\n    if (this.state.selectValue === \"1 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays1(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n    } else if (this.state.selectValue === \"2 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays2(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n    } else if (this.state.selectValue === \"3 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays3(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n    } else if (this.state.selectValue === \"4 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays4(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n    }\r\n  };\r\n\r\n  addDays1 = (date) => {\r\n    date.setDate(date.getDate() + 7);\r\n    return date;\r\n  };\r\n\r\n  addDays2 = (date) => {\r\n    date.setDate(date.getDate() + 14);\r\n    return date;\r\n  };\r\n  addDays3 = (date) => {\r\n    date.setDate(date.getDate() + 21);\r\n    return date;\r\n  };\r\n  addDays4 = (date) => {\r\n    date.setDate(date.getDate() + 28);\r\n    return date;\r\n  };\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    const { selectedOptions } = this.state;\r\n    const { selectedTrainee } = this.state;\r\n    const data = new FormData(event.target);\r\n    selectedOptions.forEach((option) => {\r\n      data.append(\"TrainerName\", option);\r\n    });\r\n    selectedTrainee.forEach((option) => {\r\n      data.append(\"Trainees\", option);\r\n    });\r\n    fetch(`${BASE_URLs}/Learning/AdminAddLearning`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        this.setState({ status: resp.Status });\r\n        this.setState({ message: resp.Message });\r\n        // this.SuccessModel();\r\n        // console.log(\"inputvalues\", data);\r\n      });\r\n  };\r\n  handleMultiselectChange = (event) => {\r\n    this.setState({ ...(this.state.selectedOptions = event) });\r\n    // console.log(\"selectOptions\", ...this.state.selectedOptions);\r\n  };\r\n  handleMultiselectTrainee = (event) => {\r\n    this.setState({ ...(this.state.selectedTrainee = event) });\r\n    // console.log(\"selectedTrainee\", ...this.state.selectedTrainee);\r\n  };\r\n  render() {\r\n    const {\r\n      plainArray,\r\n      Departmentdrop,\r\n      trainerDrop,\r\n      memberDrop,\r\n      trainer,\r\n      selectedOptions,\r\n      Training,\r\n    } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Add\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                              <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"container\">\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            value={\r\n                                              this.state.selectedDepartment\r\n                                            }\r\n                                            name=\"Department\"\r\n                                            id=\"Department\"\r\n                                            onChange={this.handleChange}\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            {this.state.department.map(\r\n                                              (Departmentdrop) => (\r\n                                                <option\r\n                                                  value={\r\n                                                    Departmentdrop.department\r\n                                                  }\r\n                                                >\r\n                                                  {Departmentdrop.department}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Department\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            name=\"Trainingitem\"\r\n                                            id=\"Trainingitem\"\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            {Training.map((Training) => (\r\n                                              <option\r\n                                                value={Training.trainingitem}\r\n                                              >\r\n                                                {Training.trainingitem}\r\n                                              </option>\r\n                                            ))}\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Training Item\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            name=\"StartDate\"\r\n                                            id=\"StartDate\"\r\n                                            type=\"date\"\r\n                                            maxLength=\"50\"\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Start Date\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            name=\"SchedulingDuration\"\r\n                                            id=\"duration\"\r\n                                            type=\"text\"\r\n                                            onChange={this.handleDateChange}\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            <option\r\n                                              value=\"1 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              1 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"2 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              2 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"3 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              3 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"4 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              4 Week\r\n                                            </option>\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Duration of Training\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            name=\"EndDate\"\r\n                                            id=\"EndDate\"\r\n                                            onFocus={this.myDate}\r\n                                            type=\"date\"\r\n                                            maxLength=\"50\"\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            End Date\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <Multiselect\r\n                                            className=\"effect-16\"\r\n                                            showArrow\r\n                                            options={trainerDrop}\r\n                                            getSelectedItems={trainerDrop}\r\n                                            isObject={false}\r\n                                            name=\"TrainerName\"\r\n                                            onSelect={\r\n                                              this.handleMultiselectChange\r\n                                            }\r\n\r\n                                            // onChange={this.handleMultiselectChange}\r\n                                            // value={this.state.selectedOptions}\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Trainer Name\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          {/* <input className=\"effect-16\" name=\"Name\" id=\"Name\" type=\"text\" maxLength=\"50\" /> */}\r\n                                          <Multiselect\r\n                                            className=\"effect-16\"\r\n                                            showArrow\r\n                                            options={memberDrop}\r\n                                            getSelectedItems={memberDrop}\r\n                                            name=\"Trainees\"\r\n                                            onSelect={\r\n                                              this.handleMultiselectTrainee\r\n                                            }\r\n                                            isObject={false}\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Team Member\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"row\">\r\n                                  <div\r\n                                    className=\"col-sm-12\"\r\n                                    style={{ textAlign: \"center\" }}\r\n                                  >\r\n                                    <button\r\n                                      type=\"submit\"\r\n                                      className=\"but \"\r\n                                      style={{\r\n                                        height: \"39.5px\",\r\n                                        width: \"86.36px\",\r\n                                        marginTop: \"-0.3%\",\r\n                                      }}\r\n                                    >\r\n                                      Save\r\n                                    </button>\r\n                                    &nbsp;&nbsp;&nbsp;\r\n                                    <button\r\n                                      type=\"reset\"\r\n                                      className=\" btn-Secondary\"\r\n                                      style={{ height: \"39.5px\" }}\r\n                                    >\r\n                                      Cancel\r\n                                    </button>\r\n                                  </div>\r\n                                </div>\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport \"../../Css/Addskills.css\";\r\nimport Multiselect from \"multiselect-react-dropdown\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class UserAssignTraining extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Departmentdrop: [],\r\n      seperateDept: [],\r\n      trainer: [],\r\n      trainerDrop: [],\r\n      memberDrop: [],\r\n      selectedDepartment: \"\",\r\n      department: [],\r\n      selectedOptions: [],\r\n      selectedTrainee: [],\r\n      Training: [],\r\n    };\r\n  }\r\n  GetDepartment() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeam`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // Filter out the duplicates\r\n        const filteredData = data.filter((value, index, self) => {\r\n          return (\r\n            self.findIndex((item) => item.department === value.department) ===\r\n            index\r\n          );\r\n        });\r\n        this.setState({\r\n          department: filteredData,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetTrainers = async (department) => {\r\n    this.GetMembers(department);\r\n    let url = `${BASE_URLs}/Trainer/GetManagerBasedTrainer?Department=${department}&TrainerInfo=${1}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    const reqData = await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    });\r\n    const resData = await reqData.json();\r\n    for (let i = 0; i < resData.length; i++) {\r\n      this.state.trainerDrop.push(resData[i].label);\r\n    }\r\n    this.setState({ trainerDrop: this.state.trainerDrop });\r\n    // console.log(\"dep\", department);\r\n    // console.log(\"TrainersDetails\", this.state.trainerDrop);\r\n  };\r\n\r\n  GetMembers = async (department) => {\r\n    let url = `${BASE_URLs}/Trainer/GetManagerBasedMember?Department=${department}&TrainerInfo=${0}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    const reqData = await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    });\r\n    const resData = await reqData.json();\r\n    for (let i = 0; i < resData.length; i++) {\r\n      this.state.memberDrop.push(resData[i].label);\r\n    }\r\n    this.setState({ memberDrop: this.state.memberDrop });\r\n    // console.log(\"TrainersDetails\", this.state.memberDrop);\r\n  };\r\n  handleChange = (event) => {\r\n    const department = event.target.value;\r\n    this.setState({ selectedDepartment: department });\r\n    this.setState({ selectValue: event.target.value });\r\n    this.GetTrainers(department);\r\n  };\r\n  handleDateChange = (event) => {\r\n    this.setState({ selectValue: event.target.value });\r\n  };\r\n  componentDidMount() {\r\n    this.GetDepartment();\r\n    this.GetTraining();\r\n  }\r\n  GetTraining() {\r\n    let url = `${BASE_URLs}/Training/GetAdminTraining`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Training: data,\r\n          Train: data,\r\n        });\r\n        // console.log(data);\r\n      });\r\n  }\r\n\r\n  myDate = () => {\r\n    const startDate = document.getElementById(\"StartDate\").value;\r\n    const duration = document.getElementById(\"duration\").value;\r\n\r\n    if (this.state.selectValue === \"1 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays1(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n    } else if (this.state.selectValue === \"2 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays2(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n    } else if (this.state.selectValue === \"3 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays3(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n    } else if (this.state.selectValue === \"4 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays4(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n    }\r\n  };\r\n\r\n  addDays1 = (date) => {\r\n    date.setDate(date.getDate() + 7);\r\n    return date;\r\n  };\r\n\r\n  addDays2 = (date) => {\r\n    date.setDate(date.getDate() + 14);\r\n    return date;\r\n  };\r\n  addDays3 = (date) => {\r\n    date.setDate(date.getDate() + 21);\r\n    return date;\r\n  };\r\n  addDays4 = (date) => {\r\n    date.setDate(date.getDate() + 28);\r\n    return date;\r\n  };\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    const { selectedOptions } = this.state;\r\n    const { selectedTrainee } = this.state;\r\n    const data = new FormData(event.target);\r\n    selectedOptions.forEach((option) => {\r\n      data.append(\"TrainerName\", option);\r\n    });\r\n    selectedTrainee.forEach((option) => {\r\n      data.append(\"Trainees\", option);\r\n    });\r\n    fetch(`${BASE_URLs}/Learning/AdminAddLearning`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        this.setState({ status: resp.Status });\r\n        this.setState({ message: resp.Message });\r\n        // this.SuccessModel();\r\n        // console.log(\"inputvalues\", data);\r\n      });\r\n  };\r\n  handleMultiselectChange = (event) => {\r\n    this.setState({ ...(this.state.selectedOptions = event) });\r\n    // console.log(\"selectOptions\", ...this.state.selectedOptions);\r\n  };\r\n  handleMultiselectTrainee = (event) => {\r\n    this.setState({ ...(this.state.selectedTrainee = event) });\r\n    // console.log(\"selectedTrainee\", ...this.state.selectedTrainee);\r\n  };\r\n  render() {\r\n    const {\r\n      plainArray,\r\n      Departmentdrop,\r\n      trainerDrop,\r\n      memberDrop,\r\n      trainer,\r\n      selectedOptions,\r\n      Training,\r\n    } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Add\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                              <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"container\">\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            value={\r\n                                              this.state.selectedDepartment\r\n                                            }\r\n                                            name=\"Department\"\r\n                                            id=\"Department\"\r\n                                            onChange={this.handleChange}\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            {this.state.department.map(\r\n                                              (Departmentdrop) => (\r\n                                                <option\r\n                                                  value={\r\n                                                    Departmentdrop.department\r\n                                                  }\r\n                                                >\r\n                                                  {Departmentdrop.department}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Department\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            name=\"Trainingitem\"\r\n                                            id=\"Trainingitem\"\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            {Training.map((Training) => (\r\n                                              <option\r\n                                                value={Training.trainingitem}\r\n                                              >\r\n                                                {Training.trainingitem}\r\n                                              </option>\r\n                                            ))}\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Training Topic\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            name=\"StartDate\"\r\n                                            id=\"StartDate\"\r\n                                            type=\"date\"\r\n                                            maxLength=\"50\"\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Start Date\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            name=\"SchedulingDuration\"\r\n                                            id=\"duration\"\r\n                                            type=\"text\"\r\n                                            onChange={this.handleDateChange}\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            <option\r\n                                              value=\"1 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              1 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"2 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              2 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"3 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              3 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"4 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              4 Week\r\n                                            </option>\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Duration of Training\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            name=\"EndDate\"\r\n                                            id=\"EndDate\"\r\n                                            onFocus={this.myDate}\r\n                                            type=\"date\"\r\n                                            maxLength=\"50\"\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            End Date\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <Multiselect\r\n                                            className=\"effect-16\"\r\n                                            showArrow\r\n                                            options={trainerDrop}\r\n                                            getSelectedItems={trainerDrop}\r\n                                            isObject={false}\r\n                                            name=\"TrainerName\"\r\n                                            onSelect={\r\n                                              this.handleMultiselectChange\r\n                                            }\r\n\r\n                                            // onChange={this.handleMultiselectChange}\r\n                                            // value={this.state.selectedOptions}\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Trainer Name\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          {/* <input className=\"effect-16\" name=\"Name\" id=\"Name\" type=\"text\" maxLength=\"50\" /> */}\r\n                                          <Multiselect\r\n                                            className=\"effect-16\"\r\n                                            showArrow\r\n                                            options={memberDrop}\r\n                                            getSelectedItems={memberDrop}\r\n                                            name=\"Trainees\"\r\n                                            onSelect={\r\n                                              this.handleMultiselectTrainee\r\n                                            }\r\n                                            isObject={false}\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Team Member\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"row\">\r\n                                  <div\r\n                                    className=\"col-sm-12\"\r\n                                    style={{ textAlign: \"center\" }}\r\n                                  >\r\n                                    <button\r\n                                      type=\"submit\"\r\n                                      className=\"but \"\r\n                                      style={{\r\n                                        height: \"39.5px\",\r\n                                        width: \"86.36px\",\r\n                                        marginTop: \"-0.3%\",\r\n                                      }}\r\n                                    >\r\n                                      Save\r\n                                    </button>\r\n                                    &nbsp;&nbsp;&nbsp;\r\n                                    <button\r\n                                      type=\"reset\"\r\n                                      className=\" btn-Secondary\"\r\n                                      style={{ height: \"39.5px\" }}\r\n                                    >\r\n                                      Cancel\r\n                                    </button>\r\n                                  </div>\r\n                                </div>\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport \"../../Css/Addskills.css\";\r\nimport Multiselect from \"multiselect-react-dropdown\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class UserTrainingDocument extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      Departmentdrop: [],\r\n      seperateDept: [],\r\n      trainer: [],\r\n      trainerDrop: [],\r\n      memberDrop: [],\r\n      selectedDepartment: \"\",\r\n      department: [],\r\n      selectedOptions: [],\r\n      selectedTrainee: [],\r\n      Training: [],\r\n    };\r\n  }\r\n  GetDepartment() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetTeam`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // Filter out the duplicates\r\n        const filteredData = data.filter((value, index, self) => {\r\n          return (\r\n            self.findIndex((item) => item.department === value.department) ===\r\n            index\r\n          );\r\n        });\r\n        this.setState({\r\n          department: filteredData,\r\n        });\r\n      });\r\n  }\r\n\r\n  GetTrainers = async (department) => {\r\n    this.GetMembers(department);\r\n    let url = `${BASE_URLs}/Trainer/GetManagerBasedTrainer?Department=${department}&TrainerInfo=${1}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    const reqData = await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    });\r\n    const resData = await reqData.json();\r\n    for (let i = 0; i < resData.length; i++) {\r\n      this.state.trainerDrop.push(resData[i].label);\r\n    }\r\n    this.setState({ trainerDrop: this.state.trainerDrop });\r\n    // console.log(\"dep\", department);\r\n    // console.log(\"TrainersDetails\", this.state.trainerDrop);\r\n  };\r\n\r\n  GetMembers = async (department) => {\r\n    let url = `${BASE_URLs}/Trainer/GetManagerBasedMember?Department=${department}&TrainerInfo=${0}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    const reqData = await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    });\r\n    const resData = await reqData.json();\r\n    for (let i = 0; i < resData.length; i++) {\r\n      this.state.memberDrop.push(resData[i].label);\r\n    }\r\n    this.setState({ memberDrop: this.state.memberDrop });\r\n    // console.log(\"TrainersDetails\", this.state.memberDrop);\r\n  };\r\n  handleChange = (event) => {\r\n    const department = event.target.value;\r\n    this.setState({ selectedDepartment: department });\r\n    this.setState({ selectValue: event.target.value });\r\n    this.GetTrainers(department);\r\n  };\r\n  handleDateChange = (event) => {\r\n    this.setState({ selectValue: event.target.value });\r\n  };\r\n  componentDidMount() {\r\n    this.GetDepartment();\r\n    this.GetTraining();\r\n  }\r\n  GetTraining() {\r\n    let url = `${BASE_URLs}/Training/GetAdminTraining`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Training: data,\r\n          Train: data,\r\n        });\r\n        // console.log(data);\r\n      });\r\n  }\r\n\r\n  myDate = () => {\r\n    const startDate = document.getElementById(\"StartDate\").value;\r\n    const duration = document.getElementById(\"duration\").value;\r\n\r\n    if (this.state.selectValue === \"1 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays1(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n    } else if (this.state.selectValue === \"2 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays2(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n    } else if (this.state.selectValue === \"3 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays3(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n    } else if (this.state.selectValue === \"4 Week\") {\r\n      const date = new Date(startDate);\r\n      // console.log(duration);\r\n\r\n      const newDate = this.addDays4(date, duration);\r\n      // console.log(newDate);\r\n\r\n      const getYear = date.toLocaleString(\"default\", { year: \"numeric\" });\r\n      const getMonth = date.toLocaleString(\"default\", { month: \"2-digit\" });\r\n      const getDay = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n      const dateFormat = getYear + \"-\" + getMonth + \"-\" + getDay;\r\n      // console.log(dateFormat);\r\n      document.getElementById(\"EndDate\").value = dateFormat;\r\n    }\r\n  };\r\n\r\n  addDays1 = (date) => {\r\n    date.setDate(date.getDate() + 7);\r\n    return date;\r\n  };\r\n\r\n  addDays2 = (date) => {\r\n    date.setDate(date.getDate() + 14);\r\n    return date;\r\n  };\r\n  addDays3 = (date) => {\r\n    date.setDate(date.getDate() + 21);\r\n    return date;\r\n  };\r\n  addDays4 = (date) => {\r\n    date.setDate(date.getDate() + 28);\r\n    return date;\r\n  };\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n    const { selectedOptions } = this.state;\r\n    const { selectedTrainee } = this.state;\r\n    const data = new FormData(event.target);\r\n    selectedOptions.forEach((option) => {\r\n      data.append(\"TrainerName\", option);\r\n    });\r\n    selectedTrainee.forEach((option) => {\r\n      data.append(\"Trainees\", option);\r\n    });\r\n    fetch(`${BASE_URLs}/Learning/AdminAddLearning`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        this.setState({ status: resp.Status });\r\n        this.setState({ message: resp.Message });\r\n        // this.SuccessModel();\r\n        // console.log(\"inputvalues\", data);\r\n      });\r\n  };\r\n  handleMultiselectChange = (event) => {\r\n    this.setState({ ...(this.state.selectedOptions = event) });\r\n    // console.log(\"selectOptions\", ...this.state.selectedOptions);\r\n  };\r\n  handleMultiselectTrainee = (event) => {\r\n    this.setState({ ...(this.state.selectedTrainee = event) });\r\n    // console.log(\"selectedTrainee\", ...this.state.selectedTrainee);\r\n  };\r\n  render() {\r\n    const {\r\n      plainArray,\r\n      Departmentdrop,\r\n      trainerDrop,\r\n      memberDrop,\r\n      trainer,\r\n      selectedOptions,\r\n      Training,\r\n    } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Add\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                            onSubmit={this.handleSubmit}\r\n                          >\r\n                            <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                              <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div className=\"container\">\r\n                                      <div\r\n                                        className=\"row\"\r\n                                        style={{ padding: \"8px\" }}\r\n                                      >\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            value={\r\n                                              this.state.selectedDepartment\r\n                                            }\r\n                                            name=\"Department\"\r\n                                            id=\"Department\"\r\n                                            onChange={this.handleChange}\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            {this.state.department.map(\r\n                                              (Departmentdrop) => (\r\n                                                <option\r\n                                                  value={\r\n                                                    Departmentdrop.department\r\n                                                  }\r\n                                                >\r\n                                                  {Departmentdrop.department}\r\n                                                </option>\r\n                                              )\r\n                                            )}\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Department\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            type=\"text\"\r\n                                            name=\"Trainingitem\"\r\n                                            id=\"Trainingitem\"\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            {Training.map((Training) => (\r\n                                              <option\r\n                                                value={Training.trainingitem}\r\n                                              >\r\n                                                {Training.trainingitem}\r\n                                              </option>\r\n                                            ))}\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Training Topic\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            name=\"StartDate\"\r\n                                            id=\"StartDate\"\r\n                                            type=\"date\"\r\n                                            maxLength=\"50\"\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Start Date\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <select\r\n                                            className=\"effect-16\"\r\n                                            name=\"SchedulingDuration\"\r\n                                            id=\"duration\"\r\n                                            type=\"text\"\r\n                                            onChange={this.handleDateChange}\r\n                                          >\r\n                                            <option value=\"\">Select</option>\r\n                                            <option\r\n                                              value=\"1 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              1 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"2 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              2 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"3 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              3 Week\r\n                                            </option>\r\n                                            <option\r\n                                              value=\"4 Week\"\r\n                                              id=\"duration\"\r\n                                            >\r\n                                              4 Week\r\n                                            </option>\r\n                                          </select>\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Duration of Training\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            name=\"EndDate\"\r\n                                            id=\"EndDate\"\r\n                                            onFocus={this.myDate}\r\n                                            type=\"date\"\r\n                                            maxLength=\"50\"\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            End Date\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          <Multiselect\r\n                                            className=\"effect-16\"\r\n                                            showArrow\r\n                                            options={trainerDrop}\r\n                                            getSelectedItems={trainerDrop}\r\n                                            isObject={false}\r\n                                            name=\"TrainerName\"\r\n                                            onSelect={\r\n                                              this.handleMultiselectChange\r\n                                            }\r\n\r\n                                            // onChange={this.handleMultiselectChange}\r\n                                            // value={this.state.selectedOptions}\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Trainer Name\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                        <div className=\"col-sm-6\">\r\n                                          {/* <input className=\"effect-16\" name=\"Name\" id=\"Name\" type=\"text\" maxLength=\"50\" /> */}\r\n                                          <Multiselect\r\n                                            className=\"effect-16\"\r\n                                            showArrow\r\n                                            options={memberDrop}\r\n                                            getSelectedItems={memberDrop}\r\n                                            name=\"Trainees\"\r\n                                            onSelect={\r\n                                              this.handleMultiselectTrainee\r\n                                            }\r\n                                            isObject={false}\r\n                                          />\r\n                                          <span style={{ color: \"#a29d9d\" }}>\r\n                                            Team Member\r\n                                          </span>{\" \"}\r\n                                          <span style={{ color: \"red\" }}>\r\n                                            *\r\n                                          </span>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"row\">\r\n                                  <div\r\n                                    className=\"col-sm-12\"\r\n                                    style={{ textAlign: \"center\" }}\r\n                                  >\r\n                                    <button\r\n                                      type=\"submit\"\r\n                                      className=\"but \"\r\n                                      style={{\r\n                                        height: \"39.5px\",\r\n                                        width: \"86.36px\",\r\n                                        marginTop: \"-0.3%\",\r\n                                      }}\r\n                                    >\r\n                                      Save\r\n                                    </button>\r\n                                    &nbsp;&nbsp;&nbsp;\r\n                                    <button\r\n                                      type=\"reset\"\r\n                                      className=\" btn-Secondary\"\r\n                                      style={{ height: \"39.5px\" }}\r\n                                    >\r\n                                      Cancel\r\n                                    </button>\r\n                                  </div>\r\n                                </div>\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                                <br />\r\n                              </div>\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import { React, useState, useEffect } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\n\r\nconst AddTraineeExistingPop = (props) => {\r\n  useEffect(() => {\r\n    Getusers();\r\n  }, []);\r\n  const [allusers1, setAllusers1] = useState([]);\r\n\r\n  function Getusers() {\r\n    // // console.log(\"Token\",token)\r\n\r\n    fetch(`${BASE_URLs}/Trainer/GetAssignTrainee`, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n\r\n        Accept: \"application/json\",\r\n\r\n        Authorization: \"Bearer \" + `${token}`,\r\n\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"Data\", data);\r\n        setAllusers1(data);\r\n      });\r\n    // console.log(\"check\", allusers1);\r\n  }\r\n\r\n  const token = JSON.parse(localStorage.user);\r\n\r\n  return (\r\n    <div>\r\n      <div className=\"JoinLink\">\r\n        <div className=\"JoinLinkinnernormalpop\">\r\n          <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n            <button\r\n              id=\"close\"\r\n              style={{\r\n                float: \"right\",\r\n                backgroundColor: \"#a0a3a305\",\r\n                color: \"#797070\",\r\n                border: \"1px solid #a3a5a505\",\r\n              }}\r\n              onClick={props.close}\r\n            >\r\n              <CloseIcon />\r\n            </button>\r\n\r\n            <div className=\"row\" style={{ padding: \"8px\" }}>\r\n              <div className=\"col-lg-12\">\r\n                <ul>\r\n                  {allusers1.map((e) => {\r\n                    return <li>{e.trainees}</li>;\r\n                  })}\r\n                </ul>\r\n              </div>\r\n            </div>\r\n            <br />\r\n            <div className=\"row\">\r\n              {/* <div className=\"col-lg-12\" style={{textAlign:\"center\"}}>          \r\n   <button type=\"submit\"  className=\"but\" style={{height: '39.5px',width: '100px',marginTop:\"-0.3%\"}}>Join Request</button>                 \r\n</div> */}\r\n            </div>\r\n            <br />\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default AddTraineeExistingPop;\r\n","import { React, useState, useEffect } from \"react\";\r\nimport Select from \"react-select\";\r\nimport axios from \"axios\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nconst AddTraineePop = (props) => {\r\n  useEffect(() => {\r\n    GetVenture();\r\n    // SelectParticular();\r\n  }, []);\r\n\r\n  const [allVentures, setAllVentures] = useState([]);\r\n  // HandleSelect\r\n  const options = allVentures.map((item) => {\r\n    return {\r\n      label: `${item.firstName} ${item.lastName}`,\r\n\r\n      value: item.firstName,\r\n      name: item.department,\r\n    };\r\n  });\r\n\r\n  const [selectedOptions, setSelectedOptions] = useState();\r\n\r\n  function handleSelect(data) {\r\n    setSelectedOptions(data);\r\n    // console.log(\"Dropdown data\", data);\r\n  }\r\n  function GetVenture() {\r\n    // // console.log(\"Token\", token);\r\n    fetch(`${BASE_URLs}/Trainer/AddTraineePopDropdown`, {\r\n      method: \"GET\",\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n\r\n        Accept: \"application/json\",\r\n\r\n        Authorization: \"Bearer \" + `${token}`,\r\n\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"Dataaaa\", data);\r\n        setAllVentures(data);\r\n\r\n        //setpaginatedPosts(_(data).slice(0).take(pageSize).value());\r\n      });\r\n\r\n    // console.log(\"check\", allVentures);\r\n  }\r\n\r\n  const token = JSON.parse(localStorage.user);\r\n\r\n  //  /*----Get select to the particular Id----*/\r\n\r\n  //  const [EditCorp ,SetEditCorp] =useState([]);\r\n\r\n  //             function SelectParticular(){\r\n  //               // const body =\r\n  //               // {\r\n\r\n  //               //  id:Id\r\n  //               // }\r\n\r\n  //               axios({\r\n  //                      method:\"POST\",\r\n  //                      url :`${BASE_URLs}/Trainer/AddTraineePopDropdown`,\r\n\r\n  //       headers: {\r\n  //       \"Access-Control-Allow-Origin\": \"*\",\r\n  //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n  //                             \"Content-type\": \"application/json\",\r\n  //                             \"Authorization\": \"Bearer \" +`${token}`\r\n  //                       }\r\n  //                   })\r\n\r\n  //                   .then((response) =>{\r\n  //                     // console.log(response.data);\r\n\r\n  //                     SetEditCorp(response.data);\r\n\r\n  //                     localStorage.setItem(\"EditData\",JSON.stringify(response.data))\r\n\r\n  //                  })\r\n  //                  .catch(error => {\r\n  //                    // console.log(error);\r\n\r\n  //                  })\r\n  //             }\r\n\r\n  function fetchTraineesName() {\r\n    var MultiVentureId = selectedOptions.map((item) => item.name);\r\n    var MultiVentureName = selectedOptions.map((item) => item.value);\r\n\r\n    // console.log(MultiVentureId);\r\n    // console.log(MultiVentureName);\r\n\r\n    let SVentureId = MultiVentureId[0];\r\n    let SVentureName = MultiVentureName.toString();\r\n\r\n    // console.log(\"sample\", SVentureId);\r\n    // console.log(SVentureName);\r\n\r\n    let data = {\r\n      department: SVentureId,\r\n\r\n      trainees: SVentureName,\r\n    };\r\n\r\n    axios({\r\n      method: \"POST\",\r\n\r\n      url: `${BASE_URLs}/Trainer/PostTraineesName`,\r\n\r\n      data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n\r\n        Authorization: \"Bearer \" + `${token}`,\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // console.log(\"valuee\", response.data);\r\n\r\n        // if (response.data.status === \"Success\") {\r\n        // alert(\"User Registered Successfully\");\r\n\r\n        if (response.data.status === \"Success\") {\r\n          toast.success(response.data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          setTimeout(function () {\r\n            document.getElementById(\"close\").click();\r\n          }, 4000);\r\n\r\n          // Paropcloseform();\r\n          ///  Getusers();\r\n        } else if (response.data.status === \"UserError\") {\r\n          alert(\"User Already Exist !\");\r\n        } else if (response.data.status === \"Error\") {\r\n          // toast.error(\"User creation failed !\", {\r\n\r\n          //   position: \"top-center\",\r\n\r\n          //   autoClose: 3200,\r\n\r\n          //   hideProgressBar: false,\r\n\r\n          //   closeOnClick: true,\r\n\r\n          //   pauseOnHover: true,\r\n\r\n          //   draggable: true,\r\n\r\n          //   progress: undefined,\r\n\r\n          //   className: 'toast-message'\r\n\r\n          //   });\r\n          alert(\"User Creation Failed\");\r\n          // setTimeout(() => {\r\n\r\n          // }, 5000);\r\n        }\r\n      })\r\n\r\n      .catch((error) => {\r\n        // console.log(error);\r\n      });\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      <ToastContainer\r\n        position=\"top-center\"\r\n        autoClose={1500}\r\n        hideProgressBar={false}\r\n        newestOnTop={false}\r\n        closeOnClick\r\n        rtl={false}\r\n        pauseOnFocusLoss\r\n        draggable\r\n        pauseOnHover\r\n      />\r\n      <div className=\"JoinLink\">\r\n        <div className=\"JoinLinkinnernormalpop\" style={{ width: \"28%\" }}>\r\n          <button\r\n            id=\"close\"\r\n            style={{\r\n              float: \"right\",\r\n              backgroundColor: \"#a0a3a305\",\r\n              color: \"#797070\",\r\n              border: \"1px solid #a3a5a505\",\r\n            }}\r\n            onClick={props.close}\r\n          >\r\n            <CloseIcon />\r\n          </button>\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-12\">\r\n              <Select\r\n                className=\"effect-16\"\r\n                options={options}\r\n                id=\"OatAselect\"\r\n                // placeholder=\"Venture Name\"\r\n                value={selectedOptions}\r\n                onChange={handleSelect}\r\n                isSearchable={true}\r\n                isMulti\r\n                isClearable\r\n              />\r\n\r\n              <label>Trainees Name</label>\r\n            </div>\r\n          </div>\r\n\r\n          <br />\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-12\" style={{ textAlign: \"center\" }}>\r\n              <button\r\n                type=\"submit\"\r\n                className=\"but\"\r\n                style={{ height: \"39.5px\", width: \"100px\", marginTop: \"-0.3%\" }}\r\n                onClick={fetchTraineesName}\r\n              >\r\n                Join Request\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <br />\r\n        </div>\r\n      </div>{\" \"}\r\n    </div>\r\n  );\r\n};\r\nexport default AddTraineePop;","import React, { Component } from \"react\";\r\nimport axios from 'axios';\r\nimport SideBar from \"../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport $ from \"jquery\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Swal from \"sweetalert2\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\n\r\nexport default class MasterSkills extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Access: \"\",\r\n      checkBox1: false,\r\n      checkBox2: false,\r\n      checkBox3: false,\r\n      checkBox4: false,\r\n      externalAcc: false,\r\n      allowAcc1: true,\r\n      allowAcc2: \"\",\r\n      Filterpop: false,\r\n      EntityShow: false,\r\n      EntityShowOff: false,\r\n      Entity: [],\r\n      EName: \"\",\r\n      EId: \"\",\r\n      EntityUsers: [],\r\n      AllAccess: [],\r\n      DName: false,\r\n      MemberAccess: [],\r\n      AllMemberAccess: [],\r\n      NonAccess: [],\r\n      checking: false,\r\n      toggleStates: {},\r\n      selectedEntities: {},\r\n      Teams: [],\r\n      letters: [],\r\n      refreshing: true\r\n    };\r\n\r\n    this.initialState = this.state;\r\n    this.searchForDiscRef = React.createRef();\r\n    this.firstInputRef = React.createRef();\r\n\r\n  }\r\n\r\n  HandleAllowAccessExternal1 = () => {\r\n    this.setState({\r\n      allowAcc1: \"0\",\r\n      allowAcc2: \"1\",\r\n      checkBox1: true,\r\n      checkBox2: false,\r\n      checkBox3: false,\r\n      checkBox4: false,\r\n    });\r\n  };\r\n\r\n  // setFocus = () => {\r\n  //   this.setState(\r\n  //     (prevState) => ({\r\n  //       Filterpop: !prevState.Filterpop,\r\n  //     }),\r\n  //     () => {\r\n  //       if (this.state.Filterpop) {\r\n  //         this.searchForDiscRef.current.focus();\r\n  //       }\r\n  //     }\r\n  //   );\r\n  // };\r\n\r\n  HandleAllowAccessExternal2 = () => {\r\n    this.setState({\r\n      allowAcc1: \"0\",\r\n      allowAcc2: \"1\",\r\n      checkBox1: false,\r\n      checkBox2: true,\r\n      checkBox3: false,\r\n      checkBox4: false,\r\n    });\r\n  };\r\n  HandleAllowAccessExternal3 = () => {\r\n    this.setState({\r\n      allowAcc1: \"0\",\r\n      allowAcc2: \"1\",\r\n      checkBox1: false,\r\n      checkBox2: false,\r\n      checkBox3: true,\r\n      checkBox4: false,\r\n    });\r\n  };\r\n  HandleAllowAccessExternal4 = () => {\r\n    this.setState({\r\n      allowAcc1: \"0\",\r\n      allowAcc2: \"1\",\r\n      checkBox1: false,\r\n      checkBox2: false,\r\n      checkBox3: false,\r\n      checkBox4: true,\r\n    });\r\n  };\r\n\r\n  AllEntityShow = (entityName, id) => {\r\n\r\n    this.setState((prevState) => {\r\n      const toggleStates = { ...prevState.toggleStates };\r\n      const selectedEntities = Array.isArray(prevState.selectedEntities)\r\n        ? [...prevState.selectedEntities]\r\n        : [];\r\n      toggleStates[id] = !toggleStates[id];\r\n\r\n      if (toggleStates[id]) {\r\n        selectedEntities.push({ id, entityName });\r\n\r\n        const entityNames = selectedEntities.map(entity => entity.entityName).join(','); // Convert array to string\r\n        const entityId = selectedEntities.map(entity => entity.id).join(','); // Convert array to string\r\n\r\n        this.setState({\r\n          EntityShow: true,\r\n          EName: entityNames,\r\n          EId: entityId,\r\n        });\r\n      } else {\r\n        const indexToRemove = selectedEntities.findIndex(entity => entity.id === id);\r\n        selectedEntities.splice(indexToRemove, 1);\r\n        const SelectedEntitiesA = selectedEntities.length > 0;\r\n        this.setState({\r\n          EntityShow: SelectedEntitiesA,\r\n          toggleStates,\r\n          selectedEntities,\r\n        });\r\n      }\r\n\r\n\r\n      return { toggleStates, selectedEntities };\r\n    });\r\n  };\r\n\r\n\r\n  EntityShowPop = (entityName, id) => {\r\n\r\n    // if (this.state.EntityShow === false) {\r\n    //   this.setState({\r\n    //     EntityShow: true,\r\n    //     EName: entityName,\r\n    //     EId: id,\r\n    //   });\r\n    // } else {\r\n    //   this.setState({\r\n    //     EntityShow: false,\r\n    //   });\r\n    // }\r\n    // this.setState({\r\n    //       EntityShow: true,\r\n    //     })\r\n    this.setState((prevState) => {\r\n      const toggleStates = { ...prevState.toggleStates };\r\n      const selectedEntities = Array.isArray(prevState.selectedEntities)\r\n        ? [...prevState.selectedEntities]\r\n        : [];\r\n      toggleStates[id] = !toggleStates[id];\r\n\r\n      if (toggleStates[id]) {\r\n        selectedEntities.push({ id, entityName });\r\n\r\n        const entityNames = selectedEntities.map(entity => entity.entityName).join(','); // Convert array to string\r\n        const entityId = selectedEntities.map(entity => entity.id).join(','); // Convert array to string\r\n\r\n        this.setState({\r\n          // EntityShow: true,\r\n          EName: entityNames,\r\n          EId: entityId,\r\n        });\r\n      } else {\r\n        const indexToRemove = selectedEntities.findIndex(entity => entity.id === id);\r\n        selectedEntities.splice(indexToRemove, 1);\r\n        const SelectedEntitiesA = selectedEntities.length > 0;\r\n        this.setState({\r\n          EntityShow: SelectedEntitiesA,\r\n          toggleStates,\r\n          selectedEntities,\r\n        });\r\n      }\r\n\r\n\r\n      return { toggleStates, selectedEntities };\r\n    });\r\n  };\r\n\r\n  EntityShow = (entityName, id) => {\r\n\r\n    // if (this.state.EntityShow === false) {\r\n    //   this.setState({\r\n    //     EntityShow: true,\r\n    //     EName: entityName,\r\n    //     EId: id,\r\n    //   });\r\n    // } else {\r\n    //   this.setState({\r\n    //     EntityShow: false,\r\n    //   });\r\n    // }\r\n    // this.setState({\r\n    //       EntityShow: true,\r\n    //     })\r\n    this.setState((prevState) => {\r\n      const toggleStates = { ...prevState.toggleStates };\r\n      const selectedEntities = Array.isArray(prevState.selectedEntities)\r\n        ? [...prevState.selectedEntities]\r\n        : [];\r\n      toggleStates[id] = !toggleStates[id];\r\n\r\n      if (toggleStates[id]) {\r\n        selectedEntities.push({ id, entityName });\r\n\r\n        const entityNames = selectedEntities.map(entity => entity.entityName).join(','); // Convert array to string\r\n        const entityId = selectedEntities.map(entity => entity.id).join(','); // Convert array to string\r\n\r\n        this.setState({\r\n          EntityShow: true,\r\n          EName: entityNames,\r\n          EId: entityId,\r\n        });\r\n      } else {\r\n        const indexToRemove = selectedEntities.findIndex(entity => entity.id === id);\r\n        selectedEntities.splice(indexToRemove, 1);\r\n        const SelectedEntitiesA = selectedEntities.length > 0;\r\n        this.setState({\r\n          EntityShow: SelectedEntitiesA,\r\n          toggleStates,\r\n          selectedEntities,\r\n        });\r\n      }\r\n\r\n\r\n      return { toggleStates, selectedEntities };\r\n    });\r\n  };\r\n\r\n\r\n  EntityShowOff = (entityName, id) => {\r\n    // if (this.state.EntityShowOff === false) {\r\n    //   this.setState({\r\n    //     EntityShowOff: true,\r\n    //     EName: entityName,\r\n    //     EId: id,\r\n    //   });\r\n    // } else {\r\n    //   this.setState({\r\n    //     EntityShowOff: false,\r\n    //   });\r\n    // }\r\n\r\n    this.setState((prevState) => {\r\n      const toggleStates = { ...prevState.toggleStates };\r\n      const selectedEntities = Array.isArray(prevState.selectedEntities)\r\n        ? [...prevState.selectedEntities]\r\n        : [];\r\n      toggleStates[id] = !toggleStates[id];\r\n\r\n      if (toggleStates[id]) {\r\n        selectedEntities.push({ id, entityName });\r\n\r\n        const entityNames = selectedEntities.map(entity => entity.entityName).join(','); // Convert array to string\r\n        const entityId = selectedEntities.map(entity => entity.id).join(','); // Convert array to string\r\n        this.setState({\r\n          EntityShowOff: true,\r\n          EName: entityNames,\r\n          EId: entityId,\r\n        });\r\n\r\n      } else {\r\n\r\n        const indexToRemove = selectedEntities.findIndex(entity => entity.id === id);\r\n        selectedEntities.splice(indexToRemove, 1);\r\n        const SelectedEntitiesA = selectedEntities.length > 0;\r\n        this.setState({\r\n          EntityShowOff: SelectedEntitiesA,\r\n          toggleStates,\r\n          selectedEntities,\r\n        });\r\n\r\n      }\r\n\r\n      return { toggleStates, selectedEntities };\r\n    });\r\n  };\r\n\r\n  AllowAllEntity() {\r\n    const { EName, EId } = this.state;\r\n    Swal.fire({\r\n      text: \"Are you sure wants to give access to all Entity?\",\r\n      icon: \"warning\",\r\n      showCancelButton: true,\r\n      confirmButtonColor: \"#3085d6\",\r\n      cancelButtonColor: \"#d33\",\r\n      confirmButtonText: \"Yes!\",\r\n      customClass: {\r\n        title: \"swal-title\",\r\n        content: \"swal-text\",\r\n        confirmButton: \"swal-button\",\r\n      },\r\n    }).then((result) => {\r\n      if (result.isConfirmed) {\r\n        const options = {\r\n          headers: {\r\n            \"Content-Type\": \"application/json\",\r\n            Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          },\r\n        };\r\n  \r\n        axios.post(`${BASE_URLs}/Chat/AllowAllAccess`, {\r\n          entity: EName,\r\n          id: EId,\r\n        }, options)\r\n        .then((response) => {\r\n          const data = response.data;\r\n          if (data) {\r\n            Swal.fire({\r\n              title: \"Access Given to All Entities\",\r\n              text: \"Successfully\",\r\n              icon: \"success\",\r\n              confirmButtonText: \"Done\",\r\n            });\r\n            // console.log(\"Accessssed\", data);\r\n            this.setState({\r\n              AllAccess: data,\r\n            });\r\n          } else {\r\n            console.error(\"Received data:\", data);\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          console.error(\"Error:\", error);\r\n        });\r\n  \r\n        window.location.reload(true);\r\n      }\r\n    });\r\n  }\r\n\r\n  TeamSearch = (e) => {\r\n\r\n\r\n    const Entity = this.state.Teams.filter((item) =>\r\n      item.entityName.toLowerCase().startsWith(e.target.value.toLowerCase())\r\n    );\r\n\r\n    this.setState({ Entity });\r\n    // if (Entity.length === 0) {\r\n    //   document.getElementById(\"FilterErr\").innerHTML = \"Entity Not Found\";\r\n    // } else {\r\n    //   document.getElementById(\"FilterErr\").innerHTML = \"\";\r\n    // }\r\n  };\r\n\r\n  LetterTeamSearch = (letter, e) => {\r\n    e.preventDefault();\r\n    const Entity = this.state.Teams.filter((item) =>\r\n      item.entityName.toLowerCase().startsWith(letter.toLowerCase())\r\n    );\r\n    this.setState({ Entity });\r\n    if (Entity.length === 0) {\r\n      document.getElementById(\"FilterErr\").innerHTML = \"Entity Not Found\";\r\n    } else {\r\n      document.getElementById(\"FilterErr\").innerHTML = \"\";\r\n    }\r\n  };\r\n\r\n  GetAccessMembers() {\r\n    const { EName, EId } = this.state;\r\n  \r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.post(`${BASE_URLs}/Chat/Accessmembers`, {\r\n      entity: EName,\r\n      id: EId,\r\n    }, options)\r\n    .then((response) => {\r\n      const data = response.data;\r\n      // console.log(\"Accessss\", data);\r\n    })\r\n    .catch((error) => {\r\n      console.error(\"Error:\", error);\r\n    });\r\n  \r\n    this.setState({\r\n      EntityShow: false,\r\n      EntityShowOff: false,\r\n    });\r\n  \r\n    Swal.fire({\r\n      text: \"Access Given Successfully\",\r\n      icon: \"success\",\r\n      confirmButtonText: \"Done\",\r\n    });\r\n  \r\n    this.Team1();\r\n    window.location.reload(true);\r\n  }\r\n\r\n\r\n  GetAccessMembersOff(entityName, id) {\r\n    const { EName, EId } = this.state;\r\n    \r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.post(`${BASE_URLs}/Chat/AccessmembersOff`, {\r\n      entity: EName,\r\n      id: EId,\r\n    }, options)\r\n    .then((response) => {\r\n      const data = response.data;\r\n      // console.log(\"AccessssOff\", data);\r\n      // this.setState({ Access: data });\r\n    })\r\n    .catch((error) => {\r\n      console.error(\"Error:\", error);\r\n    });\r\n  \r\n    this.setState({\r\n      EntityShow: false,\r\n      EntityShowOff: false,\r\n    });\r\n  \r\n    Swal.fire({\r\n      text: \"Access Turned off Successfully\",\r\n      icon: \"success\",\r\n      confirmButtonText: \"Done\",\r\n    });\r\n  \r\n    window.location.reload(true);\r\n  }\r\n\r\n\r\n  GetAccessMembersDenied(entityName, id) {\r\n    const { EName, EId } = this.state;\r\n  \r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.post(`${BASE_URLs}/Chat/AccessmembersDenied`, {\r\n      entity: EName,\r\n      id: EId,\r\n    }, options)\r\n    .then((response) => {\r\n      const data = response.data;\r\n      // console.log(\"AccessmembersDenied\", data);\r\n    })\r\n    .catch((error) => {\r\n      console.error(\"Error:\", error);\r\n    });\r\n  \r\n    this.setState({\r\n      EntityShow: false,\r\n      EntityShowOff: false,\r\n    });\r\n  \r\n    Swal.fire({\r\n      text: \"Access Denied Successfully\",\r\n      icon: \"success\",\r\n      confirmButtonText: \"Done\",\r\n    });\r\n  \r\n    document.getElementById('EAccessPopA1').style.display = \"none\";\r\n  }\r\n\r\n  Team1() {\r\n    const options = {\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n  \r\n    axios.get(`${BASE_URLs}/Team/GetEntity`, options)\r\n      .then((response) => {\r\n        const data = response.data;\r\n        data.sort((a, b) => parseInt(a.teamId) - parseInt(b.teamId));\r\n        this.setState({\r\n          Entity: data,\r\n          Teams: data,\r\n        });\r\n        // console.log(\"hess11\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error:\", error);\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n    this.Team1();\r\n    this.setState({ letters: alphabet });\r\n\r\n    setTimeout(() => {\r\n      this.setState({ refreshing: false });\r\n    }, 1000);\r\n  }\r\n\r\n  handleClose = () => {\r\n   document.getElementById('EAccessPopA1').style.display = \"none\"\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n\r\n    var EMaiL = JSON.parse(localStorage.email);\r\n\r\n    var entity = JSON.parse(localStorage.entityName)\r\n\r\n    const {\r\n      Access,\r\n      Entity,\r\n      EName,\r\n      EId,\r\n      Filterpop\r\n    } = this.state\r\n\r\n    var Accessed = JSON.parse(localStorage.access);\r\n    var Accessed_to = JSON.parse(localStorage.accessed_to);\r\n\r\n    const accesspopstyle = {\r\n      position: \"absolute\",\r\n      // top: \"350px\",\r\n      alignItems: \"center\",\r\n      zIndex: \"10\",\r\n\r\n      // width: \"400px\",\r\n      backgroundColor: \"white\",\r\n      padding: \"10px\",\r\n      boxShadow: \"0 2px 5px rgba(0, 0, 0, 0.5)\",\r\n      display: 'block',\r\n      cursor: \"pointer\",\r\n      borderRadius: \"9px\",\r\n      top: \"50%\",\r\n      left: \"50%\",\r\n      transform: \"translate(-50%, -50%)\",\r\n    };\r\n\r\n\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                  <div className=\"container\" style={{ width: \"100%\" }}>\r\n                    <form id=\"settingrespform\">\r\n                      <div className=\"glowBox\">\r\n                        <div>\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a\r\n                              href\r\n                              onClick={() => this.props.history.goBack()}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                        </div>\r\n                        <h4 className=\"title\">Settings</h4>\r\n                      </div>\r\n\r\n\r\n                      <div className=\"container-fluid\">\r\n                        <div className=\"col-lg-12\">\r\n                          <div className=\"col-lg-5\">\r\n                          <form style={{marginLeft:\"3%\"}}> \r\n                              <div>\r\n\r\n                                {/* {Entity.map((Teams) => {\r\n                                  return <>\r\n                                    {(Teams.accessed_to == 0 || !Teams.accessed_From.split(\",\")\r\n                                      .includes(\r\n                                        EMaiL\r\n                                      )) && Teams.accessed_From != null && Teams.access == 1 && Teams.accessed_For.split(\",\")\r\n                                        .includes(\r\n                                          entity\r\n                                        ) ? <form id=\"entitylistform\" style={{ height: \"auto\" }}>\r\n                                      {Entity.map((Teams) => (\r\n                                        <>\r\n                                          <tr id=\"listhigh\">\r\n                                          </tr>\r\n                                          <td>\r\n                                            <label\r\n                                              style={{ height: \"30px\" }}\r\n                                              className=\"toggle\"\r\n                                            >\r\n                                              &nbsp;&nbsp;\r\n                                              <tr>\r\n                                                {(Teams.accessed_to == 0 || !Teams.accessed_From.split(\",\")\r\n                                                  .includes(\r\n                                                    EMaiL\r\n                                                  )) && Teams.accessed_From != null && Teams.access == 1 && Teams.accessed_For.split(\",\")\r\n                                                    .includes(\r\n                                                      entity\r\n                                                    ) ? (\r\n                                                  <>\r\n                                                    <div\r\n                                                      className=\"toggle-label-on\"\r\n                                                      style={{\r\n                                                        color:\r\n                                                          \"Black\",\r\n                                                      }}\r\n                                                    >\r\n                                                      {\r\n                                                        Teams.entityName\r\n                                                      }\r\n                                                    </div>{\" \"}\r\n                                                    <input\r\n                                                      type=\"checkbox\"\r\n                                                      name=\"tabs1\"\r\n                                                      className=\"toggle-checkbox\"\r\n                                                      onChange={() =>\r\n                                                        this.EntityShow(\r\n                                                          Teams.entityName,\r\n                                                          Teams.id\r\n                                                        )\r\n                                                      }\r\n                                                    />\r\n                                                    &nbsp;&nbsp;\r\n                                                    <div className=\"toggle-switch\">\r\n                                                      <p\r\n                                                        style={{\r\n                                                          fontSize:\r\n                                                            \"11px\",\r\n                                                          marginTop:\r\n                                                            \"11%\",\r\n                                                          marginLeft:\r\n                                                            \"14%\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <b>\r\n                                                          ON OFF\r\n                                                        </b>\r\n                                                      </p>\r\n                                                    </div>\r\n                                                  </>\r\n                                                ) : null}\r\n                                              </tr>\r\n\r\n                                            </label>\r\n                                          </td>\r\n                                        </>\r\n                                      ))}\r\n\r\n                                    </form> : null}\r\n                                  </>\r\n                                })} */}\r\n\r\n                                {/* <span\r\n                                    style={{\r\n                                      color: \"#292b2c\",\r\n                                      fontFamily: \"sans-serif\",\r\n                                    }}\r\n                                  >\r\n                                    Allow Access to All External Entities\r\n                                  </span>\r\n                                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; */}\r\n                                {/* <label className=\"radio1\">\r\n<input type=\"checkbox\" onFocus={(e) => e.target.select()} id=\"ExternalAcc\"\r\nonInputCapture={\r\nthis.HandleAllowAccessExternal }\r\nname=\"AllowEntity\"/>\r\n<span>Yes</span>\r\n          &nbsp;&nbsp;&nbsp;\r\n          <input\r\n            type=\"checkbox\"\r\n            onFocus={(e) => e.target.select()}\r\n            id=\"ExternalAcc\"\r\n            onInputCapture={\r\n              this.HandleAllowAccessExternal\r\n            }\r\n            name=\"AllowEntity\"\r\n          />\r\n          <span>No</span>\r\n\r\n</label>  */}\r\n                                {/* {this.state.allowAcc1 === \"1\" ? (\r\n                                    <span>\r\n                                      <label>\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          id=\"Yes\"\r\n                                          name=\"Yes\"\r\n                                          onChange={() =>\r\n                                            this.HandleAllowAccessExternal1()\r\n                                          }\r\n                                          onClick={() => this.AllowAllEntity()}\r\n                                        />\r\n                                      </label>\r\n                                      &nbsp;&nbsp;\r\n                                      <span>Yes</span>\r\n                                      &nbsp;&nbsp;\r\n                                    </span>\r\n                                  ) : (\r\n                                    <label>\r\n                                      <input\r\n                                        type=\"checkbox\"\r\n                                        id=\"Yes\"\r\n                                        name=\"Yes\"\r\n                                        onChange={\r\n                                          this.HandleAllowAccessExternal1\r\n                                        }\r\n                                        onClick={() => this.AllowAllEntity()}\r\n                                      />\r\n                                      &nbsp;&nbsp;\r\n                                      <span>Yes</span>\r\n                                      &nbsp;&nbsp;\r\n                                    </label>\r\n                                  )} */}\r\n                                {/* {this.state.allowAcc2 === \"0\" ? (\r\n                                    <span>\r\n                                      <label id=\"No\">\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          id=\"No\"\r\n                                          name=\"No\"\r\n                                          disabled={\r\n                                            Accessed === 1 ? true : false\r\n                                          }\r\n                                          defaultChecked={\r\n                                            this.state.allowAcc2 === \"0\"\r\n                                          }\r\n                                          onChange={() =>\r\n                                            this.HandleAllowAccessExternal2()\r\n                                          }\r\n                                        />\r\n                                      </label>\r\n                                      &nbsp;&nbsp;\r\n                                      <span>No</span>\r\n                                      &nbsp;&nbsp;\r\n                                    </span>\r\n                                  ) : (\r\n                                    <label>\r\n                                      <input\r\n                                        type=\"checkbox\"\r\n                                        id=\"No\"\r\n                                        name=\"No\"\r\n                                        checked={this.state.checkBox2}\r\n                                        disabled={Accessed === 1 ? true : false}\r\n                                        onChange={\r\n                                          this.HandleAllowAccessExternal2\r\n                                        }\r\n                                      />\r\n                                      &nbsp;&nbsp;\r\n                                      <span>No</span>\r\n                                      &nbsp;&nbsp;\r\n                                    </label>\r\n                                  )} */}\r\n                              </div>\r\n                              {/* <br></br> */}\r\n\r\n                              <>\r\n                                <div style={{marginLeft :\"-3%\"}} >\r\n                                  <span\r\n                                    style={{\r\n                                      color: \"#292b2c\",\r\n                                      fontFamily: \"sans-serif\",\r\n                                      fontSize:'medium'\r\n                                    }}\r\n                                  >\r\n                                    This are the other Entities are available for your forum.\r\n                                  </span>\r\n                                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                  {/* <span style={{ marginLeft: \"2%\" }}> */}\r\n                                  {/* {this.state.allowAcc1 === \"1\" ? (\r\n                                        <span>\r\n                                          <label>\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              id=\"Yes\"\r\n                                              name=\"Yes\"\r\n                                              defaultChecked={\r\n                                                this.state.allowAcc1 === \"1\"\r\n                                              }\r\n                                              onChange={() =>\r\n                                                this.HandleAllowAccessExternal3()\r\n                                              }\r\n                                            />\r\n                                          </label>\r\n                                          &nbsp;&nbsp;\r\n                                          <span>Yes</span>\r\n                                          &nbsp;&nbsp;\r\n                                        </span>\r\n                                      ) : (\r\n                                        <label>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"Yes\"\r\n                                            name=\"Yes\"\r\n                                            checked={this.state.checkBox3}\r\n                                            onChange={\r\n                                              this.HandleAllowAccessExternal3\r\n                                            }\r\n                                          />\r\n                                          &nbsp;&nbsp;\r\n                                          <span>Yes</span>\r\n                                          &nbsp;&nbsp;\r\n                                        </label>\r\n                                      )} */}\r\n\r\n\r\n                                  {/* {this.state.allowAcc2 === \"0\" ? (\r\n                                        <span>\r\n                                          <label id=\"No\">\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              id=\"No\"\r\n                                              name=\"No\"\r\n                                              defaultChecked={\r\n                                                this.state.allowAcc2 === \"0\"\r\n                                              }\r\n                                              onChange={() =>\r\n                                                this.HandleAllowAccessExternal4()\r\n                                              }\r\n                                            />\r\n                                          </label>\r\n                                          &nbsp;&nbsp;\r\n                                          <span>No</span>\r\n                                          &nbsp;&nbsp;\r\n                                        </span>\r\n                                      ) : (\r\n                                        <label>\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"No\"\r\n                                            name=\"No\"\r\n                                            checked={this.state.checkBox4}\r\n                                            onChange={\r\n                                              this.HandleAllowAccessExternal4\r\n                                            }\r\n                                          />\r\n                                          &nbsp;&nbsp;\r\n                                          <span>No</span>\r\n                                          &nbsp;&nbsp;\r\n                                        </label>\r\n                                      )} */}\r\n\r\n                                  {/* </span> */}\r\n\r\n\r\n                                  <>\r\n                                    <br></br><br></br>\r\n                                    <input\r\n                                      type=\"text\"\r\n                                      className=\"Searchbox\"\r\n                                      placeholder=\"Search\"\r\n                                      onChange={this.TeamSearch}\r\n                                      id=\"settingsearch\"\r\n                                      style={{\r\n                                        backgroundColor: \"white\",\r\n                                      }}\r\n                                      ref={this.firstInputRef}\r\n                                      onClick={this.setFocus}\r\n                                    />\r\n\r\n                                    <br></br><br></br>\r\n                                    {this.state.Entity.length === 0 && !this.state.refreshing?\r\n                                      <span\r\n                                        // id=\"FilterErr\"\r\n                                        // className=\"filterr\"\r\n                                        style={{ color: \"red\" }}\r\n                                      >Entity Not Found\r\n                                      </span> :\r\n\r\n                                      <form style={{ height: '245px', overflowY: 'scroll' }}>\r\n                                      <ul><li style={{ padding: '7px' }}>\r\n                                                    <input\r\n                                                      type=\"checkbox\"\r\n                                                      name=\"tabs1\"\r\n                                                      style={{accentColor:\"#7f63efde\"}}\r\n                                                      // className=\"toggle-checkbox\"\r\n                                                      // onChange={() =>\r\n                                                      //   this.EntityShow(\r\n                                                      //     Teams.entityName,\r\n                                                      //     Teams.id\r\n                                                      //   )\r\n                                                      // }\r\n                                                      onClick={() => this.AllowAllEntity()}\r\n                                                    /> &nbsp;&nbsp;\r\n                                                    All\r\n                                                  \r\n                                                  </li>\r\n                                              </ul>\r\n                                        {Entity.map((Teams) => (\r\n                                          <>\r\n                                            <ul>\r\n                                            <li style={{ padding: '7px' }}>\r\n                                              {Teams.accessed_to ==\r\n                                                0 ? (\r\n                                                <>\r\n\r\n                                                  <input\r\n                                                    type=\"checkbox\"\r\n                                                    name=\"tabs1\"\r\n                                                    // className=\"toggle-checkbox\"\r\n                                                    onChange={() =>\r\n                                                      this.EntityShow(\r\n                                                        Teams.entityName,\r\n                                                        Teams.id\r\n                                                      )\r\n                                                    }\r\n                                                    style={{accentColor:\"#7f63efde\"}}\r\n                                                  /> &nbsp;&nbsp;\r\n                                                  {Teams.entityName}\r\n\r\n                                                  {/* <input\r\n=======\r\n                                    <form >\r\n                                      <div\r\n                                        // className=\"toggle-label\"\r\n                                        style={{\r\n                                          color: \"Black\",\r\n                                        }}\r\n                                        id=\"toff\"\r\n                                      >\r\n                                        <input\r\n                                          type=\"checkbox\"\r\n                                          name=\"tabs1\"\r\n                                          // className=\"toggle-checkbox\"\r\n                                          // onChange={() =>\r\n                                          //   this.EntityShow(\r\n                                          //     Teams.entityName,\r\n                                          //     Teams.id\r\n                                          //   )\r\n                                          // }\r\n                                          onClick={() => \r\n                                            this.AllowAllEntity(EName,EId)}\r\n                                        /> &nbsp;&nbsp;\r\n                                        All\r\n                                      </div>\r\n                                      {Entity.map((Teams) => (\r\n                                        <>\r\n                                          <tr id=\"listhigh\">\r\n                                            <td>\r\n                                              <label\r\n                                                style={{ height: \"30px\" }}\r\n                                              // className=\"toggle\"\r\n                                              >\r\n                                                &nbsp;&nbsp;\r\n                                                <tr>\r\n                                                  <td>\r\n                                                    {Teams.accessed_to ==\r\n                                                      0 ? (\r\n                                                      <>\r\n                                                        <div\r\n                                                          // className=\"toggle-label\"\r\n                                                          style={{\r\n                                                            color: \"Black\",\r\n                                                          }}\r\n                                                          id=\"toff\"\r\n                                                        >\r\n                                                          <input\r\n                                                            type=\"checkbox\"\r\n                                                            name=\"tabs1\"\r\n                                                            // className=\"toggle-checkbox\"\r\n                                                            onChange={() =>\r\n                                                              this.EntityShow(\r\n                                                                Teams.entityName,\r\n                                                                Teams.id\r\n                                                              )\r\n                                                            }\r\n                                                          /> &nbsp;&nbsp;\r\n                                                          {Teams.entityName}\r\n                                                        </div>\r\n                                                        {/* <input\r\n>>>>>>> c6cd234de1ff34857d2612ce4aac4f1ce9b0fab7\r\n                                                              type=\"checkbox\"\r\n                                                              name=\"tabs1\"\r\n                                                              // className=\"toggle-checkbox\"\r\n                                                              onChange={() =>\r\n                                                                this.EntityShow(\r\n                                                                  Teams.entityName,\r\n                                                                  Teams.id\r\n                                                                )\r\n                                                              }\r\n                                                            /> */}\r\n                                                  &nbsp;&nbsp;\r\n                                                  {/* <div className=\"toggle-switch\" id=\"toff\">\r\n                                                              <p\r\n\r\n                                                              id=\"toggleText\"\r\n                                                               \r\n                                                              >\r\n                                                                <b>ON OFF</b>\r\n                                                              </p>\r\n                                                            </div> */}\r\n                                                </>\r\n                                              ) : (\r\n                                                <>\r\n                                                  {Teams.accessed_to ==\r\n                                                    1 &&\r\n                                                    Teams.accessed_From\r\n                                                      .split(\",\")\r\n                                                      .includes(\r\n                                                        EMaiL\r\n                                                      )\r\n                                                    ? (\r\n                                                      <>\r\n\r\n                                                        <input\r\n                                                          type=\"checkbox\"\r\n                                                          name=\"tabs1\"\r\n                                                          // className=\"toggle-checkbox\"\r\n                                                          onChange={() =>\r\n                                                            this.EntityShowOff(\r\n                                                              Teams.entityName,\r\n                                                              Teams.id\r\n                                                            )\r\n                                                          }\r\n                                                          checked={this.state.EntityShowOff === true ? null : 'checked'}\r\n                                                          style={{accentColor:\"#7f63efde\"}}\r\n                                                        />\r\n                                                        &nbsp;&nbsp;\r\n                                                        {\r\n                                                          Teams.entityName\r\n                                                        }\r\n\r\n\r\n                                                        {/* <div className=\"toggle-switch\">\r\n                                                                  <p\r\n                                                                    id=\"toggleText\"\r\n                                                                  >\r\n                                                                    <b>\r\n                                                                      ON OFF\r\n                                                                    </b>\r\n                                                                  </p>\r\n                                                                </div> */}\r\n                                                      </>\r\n                                                    ) : (\r\n                                                      <>\r\n\r\n                                                        <input\r\n                                                          type=\"checkbox\"\r\n                                                          name=\"tabs1\"\r\n                                                          // className=\"toggle-checkbox\"\r\n                                                          onChange={() =>\r\n                                                            this.EntityShow(\r\n                                                              Teams.entityName,\r\n                                                              Teams.id\r\n                                                            )\r\n                                                          }\r\n                                                          style={{accentColor:\"#7f63efde\"}}\r\n                                                        />\r\n                                                        &nbsp;&nbsp;\r\n                                                        {\r\n                                                          Teams.entityName\r\n                                                        }\r\n\r\n\r\n                                                        {/* <div className=\"toggle-switch\">\r\n                                                                  <p\r\n                                                                    style={{\r\n                                                                      fontSize:\r\n                                                                        \"11px\",\r\n                                                                      marginTop:\r\n                                                                        \"11%\",\r\n                                                                      marginLeft:\r\n                                                                        \"14%\",\r\n                                                                    }}\r\n                                                                  >\r\n                                                                    <b>\r\n                                                                      ON OFF\r\n                                                                    </b>\r\n                                                                  </p>\r\n                                                                </div> */}\r\n                                                      </>\r\n                                                    )}\r\n                                                </>\r\n                                              )}\r\n                                            </li>\r\n                                            \r\n                                       </ul>\r\n\r\n                                            {/* <center>\r\n                                            {this.state. EntityShow === true ?(<>\r\n                                            <button\r\n                                              type=\"submit\"\r\n                                              className=\"but\"\r\n                                              style={{\r\n                                                height: \"39.5px\",\r\n                                                width: \"86.36px\",\r\n                                              }}\r\n                                              onClick={(e) => {\r\n                                                e.preventDefault();\r\n                                                this.GetAccessMembers(Teams.entityName,Teams.id)\r\n                                              }}\r\n                                            // onClick={(e) => {\r\n                                            //   e.preventDefault();\r\n                                            //   this.toggleTitlePopupOpen();\r\n                                            //   // this.EditSkillModel();\r\n                                            //   // this.handleBackArrowClick2();\r\n                                            //   // this.Lastgrpchatmodel();\r\n                                            //   //this.formclick();\r\n                                            //   // // console.log(\"dss\", Announcement.firstName);\r\n                                            // }}\r\n                                            >\r\n                                              OK\r\n                                            </button>\r\n                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                            <button\r\n                                              type=\"submit\"\r\n                                              className=\"but\"\r\n                                              style={{\r\n                                                height: \"39.5px\",\r\n                                                width: \"86.36px\",\r\n                                              }}\r\n                                              onClick={(e) => {\r\n                                                e.preventDefault();\r\n                                                this.GetAccessMembers1(Teams.members_Id)\r\n                                              }}\r\n                                            // onClick={(e) => {\r\n                                            //   e.preventDefault();\r\n                                            //   this.toggleTitlePopupOpen();\r\n                                            //   // this.EditSkillModel();\r\n                                            //   // this.handleBackArrowClick2();\r\n                                            //   // this.Lastgrpchatmodel();\r\n                                            //   //this.formclick();\r\n                                            //   // // console.log(\"dss\", Announcement.firstName);\r\n                                            // }}\r\n                                            >\r\n                                              Apply\r\n                                            </button></>):null}\r\n                                          </center> */}\r\n                                          </>\r\n                                        ))}\r\n\r\n                                      </form>}\r\n                                    <br />\r\n\r\n                                    {/* {Entity.map((Teams) => ( */}\r\n\r\n                                  </>\r\n\r\n                                  {/* ))} */}\r\n                                </div>\r\n                                <div id=\"settingbutton\">\r\n                                  {this.state.EntityShow === true ? (\r\n                                    <>\r\n                                      <button\r\n                                        type=\"submit\"\r\n                                        className=\"but\"\r\n                                        style={{\r\n                                          height: \"39.5px\",\r\n                                          width: \"86.36px\",\r\n                                        }}\r\n                                        onClick={(e) => {\r\n                                          e.preventDefault();\r\n                                          this.GetAccessMembers(\r\n                                            EName,\r\n                                            EId\r\n                                          );\r\n                                        }}\r\n                                      // onClick={(e) => {\r\n                                      //   e.preventDefault();\r\n                                      //   this.toggleTitlePopupOpen();\r\n                                      //   // this.EditSkillModel();\r\n                                      //   // this.handleBackArrowClick2();\r\n                                      //   // this.Lastgrpchatmodel();\r\n                                      //   //this.formclick();\r\n                                      //   // // console.log(\"dss\", Announcement.firstName);\r\n                                      // }}\r\n                                      >\r\n                                        OK\r\n                                      </button>\r\n                                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                      <button\r\n                                        type=\"reset\"\r\n                                        className=\"Addmemberpopbtns\"\r\n                                        style={{\r\n                                          height: \"39.5px\",\r\n                                          width: \"86.36px\",\r\n                                          border: 'none'\r\n                                        }}\r\n                                        onClick={(e) => {\r\n                                          window.location.reload(true);\r\n\r\n                                        }}\r\n                                      // onClick={(e) => {\r\n                                      //   e.preventDefault();\r\n                                      //   this.GetAccessMembers1();\r\n                                      // }}\r\n                                      // onClick={(e) => {\r\n                                      //   e.preventDefault();\r\n                                      //   this.toggleTitlePopupOpen();\r\n                                      //   // this.EditSkillModel();\r\n                                      //   // this.handleBackArrowClick2();\r\n                                      //   // this.Lastgrpchatmodel();\r\n                                      //   //this.formclick();\r\n                                      //   // // console.log(\"dss\", Announcement.firstName);\r\n                                      // }}\r\n                                      >\r\n                                        Cancel\r\n                                      </button>\r\n                                    </>\r\n                                  ) : <div id=\"settingbutton\">\r\n                                    {this.state.EntityShowOff === true ? (\r\n                                      <>\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"but\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"86.36px\",\r\n                                          }}\r\n                                          onClick={(e) => {\r\n                                            e.preventDefault();\r\n                                            this.GetAccessMembersOff(\r\n                                              EName,\r\n                                              EId\r\n                                            );\r\n                                          }}\r\n                                        // onClick={(e) => {\r\n                                        //   e.preventDefault();\r\n                                        //   this.toggleTitlePopupOpen();\r\n                                        //   // this.EditSkillModel();\r\n                                        //   // this.handleBackArrowClick2();\r\n                                        //   // this.Lastgrpchatmodel();\r\n                                        //   //this.formclick();\r\n                                        //   // // console.log(\"dss\", Announcement.firstName);\r\n                                        // }}\r\n                                        >\r\n                                          OK\r\n                                        </button>\r\n                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\"Addmemberpopbtns\"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"86.36px\",\r\n                                            border: 'none'\r\n                                          }}\r\n                                          onClick={(e) => {\r\n                                            e.preventDefault();\r\n                                            window.location.reload(true);\r\n                                            // Turn off the toggle button\r\n                                            const toggleButton = document.getElementById('toff'); // Replace 'toggleButtonId' with the actual id of your toggle button\r\n                                            if (toggleButton) {\r\n                                              toggleButton.checked = false; // Assuming toggle button is an input type=\"checkbox\" or input type=\"radio\"\r\n                                              // If it's a different type of element, you might need to use a different property to turn it off\r\n                                            }\r\n                                          }}\r\n                                        // onClick={(e) => {\r\n                                        //   e.preventDefault();\r\n                                        //   this.GetAccessMembers1();\r\n                                        // }}\r\n                                        // onClick={(e) => {\r\n                                        //   e.preventDefault();\r\n                                        //   this.toggleTitlePopupOpen();\r\n                                        //   // this.EditSkillModel();\r\n                                        //   // this.handleBackArrowClick2();\r\n                                        //   // this.Lastgrpchatmodel();\r\n                                        //   //this.formclick();\r\n                                        //   // // console.log(\"dss\", Announcement.firstName);\r\n                                        // }}\r\n         \r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                      </>\r\n                                    ) : null}\r\n                                  </div>}\r\n                                </div>\r\n                              </>\r\n                            </form>\r\n                          </div>\r\n                        \r\n                          <center>\r\n\r\n                         <div>\r\n                         {Entity.map((Teams) => {\r\n                                  return <>\r\n                                    {(Teams.accessed_to == 0 || !Teams.accessed_From.split(\",\")\r\n                                      .includes(\r\n                                        EMaiL\r\n                                      )) && Teams.accessed_From != null && Teams.access == 1 && Teams.accessed_For.split(\",\")\r\n                                        .includes(\r\n                                          entity\r\n                                        ) ?\r\n                                        <div id=\"EAccessPopA1\" style={accesspopstyle} >\r\n                                         <form  style={{ height: \"auto\" }}>\r\n                                      {Entity.map((Teams) => (\r\n                                        <>\r\n                                         \r\n                                                {(Teams.accessed_to == 0 || !Teams.accessed_From.split(\",\")\r\n                                                  .includes(\r\n                                                    EMaiL\r\n                                                  )) && Teams.accessed_From != null && Teams.access == 1 && Teams.accessed_For.split(\",\")\r\n                                                    .includes(\r\n                                                      entity\r\n                                                    ) ? (\r\n                                                  <>\r\n                                                  <i\r\n                                                          className=\"fa fa-times\"\r\n                                                           aria-hidden=\"true\"\r\n                                                           style={{\r\n                                                       color: \"gray\",\r\n                                                          marginLeft: \"90%\",\r\n                                                         fontSize: \"17px\",\r\n                                                          }}\r\n                                                       onClick={this.handleClose}\r\n                                                        ></i>\r\n                                                  <span style={{fontSize:'17px'}}> Wants to give access to this Entity?</span>\r\n                                                  <br />  <br />\r\n                                                  <div\r\n                                                               \r\n                                                                style={{\r\n                                                                  color:\r\n                                                                    \"Black\",\r\n                                                                }}\r\n                                                              >\r\n                                                                <input\r\n                                                                  type=\"checkbox\"\r\n                                                                  name=\"tabs1\"\r\n                                                                \r\n                                                                  onChange={() =>\r\n                                                                    this.EntityShowPop(\r\n                                                                      Teams.entityName,\r\n                                                                      Teams.id\r\n                                                                    )\r\n                                                                  }\r\n                                                                  style={{width:'15px',height:'15px',accentColor:\"#7f63efde\"}}\r\n                                                                />\r\n                                                                &nbsp;&nbsp;\r\n                                                                <span style={{fontSize:'16px'}}>{\r\n                                                                  Teams.entityName\r\n                                                                }</span>\r\n                                                              </div>\r\n                                                          \r\n                                                  \r\n                                                  </>\r\n                                                ) : null}\r\n          \r\n                                        </>\r\n                                      ))}\r\n\r\n                                    </form>   <br />  <br /> \r\n                                    <div style={{marginBottom:'5%'}}>\r\n                                              <span\r\n                                                id=\"GroupopYesbtn\"\r\n                                                onClick={(e) => {\r\n                                                  e.preventDefault();\r\n                                                  this.GetAccessMembers(\r\n                                                    EName,\r\n                                                    EId\r\n                                                  );\r\n                                                }}\r\n                                              >\r\n                                                Yes\r\n                                              </span>{\" \"}\r\n                                              &nbsp;&nbsp;&nbsp;&nbsp;\r\n                                              <span\r\n                                                id='GroupopNobtn'\r\n                                                onClick={(e) => {\r\n                                                  e.preventDefault();\r\n                                                  this.GetAccessMembersDenied(\r\n                                                    EName,\r\n                                                    EId\r\n                                                  );\r\n                                                }}\r\n                                              >\r\n                                                No\r\n\r\n                                              </span>\r\n                                              <br /></div>\r\n                                    \r\n                                      </div>\r\n                                    : null}\r\n                                  </>\r\n                                })}\r\n                         </div>\r\n                       \r\n                         \r\n                                              \r\n                                              </center>\r\n                       \r\n                          {/* </div> */}\r\n                        </div>\r\n                      </div>\r\n                    </form>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nexport default class TrainingsLandingPage extends Component {\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                {/*  Start */}\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-lg-12\" style={{ display: \"flex\" }}>\r\n                      <div className=\"col-lg-2\">\r\n                        <Link\r\n                          to=\"/TrainingSchedule\"\r\n                          type=\"button\"\r\n                          style={{ height: \"40px\", width: \"150px\" }}\r\n                          id=\"addRow\"\r\n                          className=\"btn \"\r\n                        >\r\n                          Training Topics\r\n                        </Link>\r\n                      </div>\r\n\r\n                      <div className=\"col-lg-2\">\r\n                        &nbsp;&nbsp;\r\n                        <Link\r\n                          to=\"/TrainerSchedule\"\r\n                          type=\"button\"\r\n                          style={{ height: \"40px\", width: \"150px\" }}\r\n                          id=\"addRow\"\r\n                          className=\"btn \"\r\n                        >\r\n                          Trainers\r\n                        </Link>\r\n                      </div>\r\n                      <div className=\"col-lg-3\">\r\n                        &nbsp;&nbsp;\r\n                        <Link\r\n                          to=\"/LearningSchedule\"\r\n                          type=\"button\"\r\n                          style={{ height: \"40px\", width: \"250px\" }}\r\n                          id=\"addRow\"\r\n                          className=\"btn \"\r\n                        >\r\n                          {\" \"}\r\n                          Schedule Training classes\r\n                        </Link>\r\n                      </div>\r\n\r\n                      <div className=\"col-lg-2\">\r\n                        &nbsp;&nbsp;\r\n                        <Link\r\n                          to=\"/LearningSchedule\"\r\n                          type=\"button\"\r\n                          style={{ height: \"40px\", width: \"150px\" }}\r\n                          id=\"addRow\"\r\n                          className=\"btn \"\r\n                        >\r\n                          Training Assignment\r\n                        </Link>\r\n                      </div>\r\n\r\n                      <div className=\"col-lg-2\">\r\n                        &nbsp;&nbsp;\r\n                        <Link\r\n                          to=\"/TrainerSchedule\"\r\n                          type=\"button\"\r\n                          style={{ height: \"40px\", width: \"150px\" }}\r\n                          id=\"addRow\"\r\n                          className=\"btn \"\r\n                        >\r\n                          Training Tracking\r\n                        </Link>\r\n                      </div>\r\n                      <div className=\"col-lg-4\"></div>\r\n                      <div className=\"col-lg-4\"></div>\r\n                    </div>{\" \"}\r\n                  </div>\r\n                  <br />\r\n                  <br />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport ReactTimeAgo from \"react-time-ago\";\r\nexport default class AllAnnouncement extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Announcement: [],\r\n      status: true,\r\n      clickedContents:\r\n        JSON.parse(localStorage.getItem(\"clickedContents\")) || {},\r\n    };\r\n    this.handleContentClick = this.handleContentClick.bind(this);\r\n  }\r\n\r\n  GetAnnouncement() {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(`${BASE_URLs}/Announcement/GetActiveAnnounce`, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Announcement: data,\r\n        });\r\n\r\n        // console.log(\"New\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n  AnnouncementView(Id) {\r\n    var page = {\r\n      pathname: \"/AdminAnnouncmentpop\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.GetAnnouncement();\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n  handleContentClick(id) {\r\n    const clickedContents = { ...this.state.clickedContents };\r\n    clickedContents[id] = true;\r\n    localStorage.setItem(\"clickedContents\", JSON.stringify(clickedContents));\r\n    this.setState({ clickedContents });\r\n  }\r\n  bothonclick(id) {\r\n    this.handleContentClick(id);\r\n    this.AnnouncementView(id);\r\n  }\r\n\r\n  render() {\r\n    const { Announcement, selected } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                {/* <div className=\"row\" style={{ display: \"flex\", justifyContent: \"flex-start\", alignItems: \"baseline\", float: \"right\" }}>\r\n                  <Link to=\"/AdminAnnouncement\" style={{ width: \"inherit\", background: \"white\" }} id=\"addRow\" className=\"btn\"> Announcement to User</Link>\r\n                </div> */}\r\n                <div className=\"page-body\">\r\n                  <div className=\"col-sm-12\">\r\n                    <div className=\"card\">\r\n                      <div className=\"glowBox\">\r\n                      <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                        <h4 className=\"title\">Announcements </h4>\r\n                      </div>\r\n                      <center>\r\n                        <div\r\n                          className=\"row\"\r\n                          style={{\r\n                            display: \"flex\",\r\n                            justifyContent: \"flex-start\",\r\n                            alignItems: \"baseline\",\r\n                            float: \"left\",\r\n                            marginLeft: \"30px\",\r\n                            marginBottom: \"3%\",\r\n                          }}\r\n                        >\r\n                          <Link\r\n                            to=\"/Announcement\"\r\n                            style={{ width: \"inherit\", background: \"white\" }}\r\n                            id=\"addRow\"\r\n                            className=\"btn\"\r\n                          >\r\n                            {\" \"}\r\n                            New Announcements\r\n                          </Link>\r\n                        </div>\r\n                        <div\r\n                          className=\"row\"\r\n                          style={{\r\n                            display: \"flex\",\r\n                            justifyContent: \"flex-start\",\r\n                            alignItems: \"baseline\",\r\n                            float: \"left\",\r\n                            marginLeft: \"30px\",\r\n                          }}\r\n                        >\r\n                          <Link\r\n                            to=\"/AnnouncementPreviewSP\"\r\n                            style={{ width: \"inherit\", background: \"white\" }}\r\n                            id=\"addRow\"\r\n                            className=\"btn\"\r\n                          >\r\n                            {\" \"}\r\n                            Old Announcements\r\n                          </Link>\r\n                        </div>\r\n                      </center>\r\n                      {/* <table>\r\n                        <tbody>\r\n                          {Announcement.length == 0 ? (\r\n                            <center>\r\n                              <h5>No Announcements</h5>\r\n                            </center>\r\n                          ) : (\r\n                            <div className=\"App\">\r\n                              <div className=\"row\">\r\n                                <ul className=\"show-notifications\">\r\n                                  {Announcement.map((Announcement, id) => (\r\n                                    <>\r\n                                      <div className=\"col-lg-12\">\r\n                                        <div\r\n                                          className=\"card-Announcements\"\r\n                                          style={{\r\n                                            position: \"relative\",\r\n                                            overflow: \"hidden\",\r\n                                          }}\r\n                                        >\r\n                                          <li key={id}>\r\n                                            <i\r\n                                              className=\"fa fa-angle-double-right\"\r\n                                              aria-hidden=\"true\"\r\n                                              style={{\r\n                                                color: \"#7367f0\",\r\n                                                fontSize: \"15px\",\r\n                                              }}\r\n                                            ></i>\r\n                                            &nbsp;&nbsp;\r\n                                            <Link\r\n                                              onClick={() =>\r\n                                                this.bothonclick(\r\n                                                  Announcement.id\r\n                                                )\r\n                                              }\r\n                                              style={{\r\n                                                color: this.state\r\n                                                  .clickedContents[\r\n                                                  Announcement.id\r\n                                                ]\r\n                                                  ? \"gray\"\r\n                                                  : \"black\",\r\n                                                cursor: \"pointer\",\r\n                                              }}\r\n                                            >\r\n                                              <b>{Announcement.title}</b>\r\n                                              &nbsp;&nbsp;&nbsp;\r\n                                              <ReactTimeAgo\r\n                                                date={Announcement.createdDate}\r\n                                                locale=\"en-US\"\r\n                                                style={{ color: \"gray\" }}\r\n                                              />\r\n                                              &nbsp;&nbsp;&nbsp; See More\r\n                                            </Link>\r\n                                          </li>\r\n                                        </div>\r\n                                      </div>\r\n                                    </>\r\n                                  ))}\r\n                                </ul>\r\n                              </div>\r\n                            </div>\r\n                          )}\r\n                        </tbody>\r\n                      </table> */}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport $ from \"jquery\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport CategoryPop from \"../../Common/CategoryPop\";\r\nimport EditCategory from \"../../Common/EditCategory\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport CategoryExl from \"../../Assets/Files/CategoryExl.xlsx\";\r\n//\r\n//        Skill master page to display from sidebar\r\nvar XLSX = require(\"xlsx\");\r\n\r\n$(document).ready(function () {\r\n  $(\".notfound\").hide();\r\n\r\n  // Search User columns\r\n  $(\"#myInpcccut1\").keyup(function () {\r\n    // Search Text\r\n    var search = $(this).val();\r\n\r\n    // Hide all table tbody rows\r\n    $(\"table tbody tr\").hide();\r\n\r\n    // Count total search result\r\n    var len = $(\r\n      'table tbody tr:not(.notfound) td:contains(\"' + search + '\")'\r\n    ).length;\r\n\r\n    if (len > 0) {\r\n      // Searching text in columns and show match row\r\n      $('table tbody tr:not(.notfound) td:contains(\"' + search + '\")').each(\r\n        function () {\r\n          $(this).closest(\"tr\").show();\r\n        }\r\n      );\r\n    } else {\r\n      $(\".notfound\").show();\r\n    }\r\n  });\r\n\r\n  $.expr[\":\"].contains = $.expr.createPseudo(function (arg) {\r\n    return function (elem) {\r\n      return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;\r\n    };\r\n  });\r\n});\r\nexport default class Attendees extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      skills: [],\r\n      Addskills: [],\r\n      Addcategory: [],\r\n      Id: \"\",\r\n      SkillName: \"\",\r\n      SkillDescription: \"\",\r\n      Category: \"\",\r\n      Notification: [],\r\n      skillsgun: \"\",\r\n      catedrop: \"\",\r\n      rows: [],\r\n      cols: [],\r\n      currentSheet: {},\r\n      category: [],\r\n      comlogo: [],\r\n      Skillname: [],\r\n      Sort: [],\r\n      Skillfilt: [],\r\n      CategoryModel: false,\r\n      EditCategoryModel: false,\r\n      post: [],\r\n      number: \"1\",\r\n      postPerPage: \"10\",\r\n      EditCategoryValues: [],\r\n      checkboxes: [\r\n        {},\r\n        // { id: 1, isChecked: false },\r\n      ],\r\n      selectAllChecked: false,\r\n      Attendees: [],\r\n      TrainingID: this.props.location.state.id,\r\n      AttendeesUserId: [{ isChecked: false }],\r\n      selectedUserID: [{}],\r\n      checkboxValues: [],\r\n      selectedCheckboxValues: [],\r\n      AllCheckboxValue: [],\r\n    };\r\n    this.initialState = this.state;\r\n  }\r\n\r\n  ChangePage = ({ selected }) => {\r\n    this.setState({ number: selected + 1 });\r\n  };\r\n\r\n  exportXlsx(filename) {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deletcateg\")) {\r\n      var checkboxes = document.getElementsByName(\"deletcateg\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"Categorysheet\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetAddSkill() {\r\n    let url = `${BASE_URLs}/Skill/MasterGet`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Addskills: data,\r\n          Sort: data,\r\n          Skillfilt: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  CategoryModel = () => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deletcateg\")) {\r\n      var checkboxes = document.getElementsByName(\"deletcateg\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.setState((prevState) => ({\r\n      CategoryModel: !prevState.CategoryModel,\r\n    }));\r\n    this.Getcategory();\r\n  };\r\n\r\n  EditCategoryModel = (Id, category) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deletcateg\")) {\r\n      var checkboxes = document.getElementsByName(\"deletcateg\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    this.setState({\r\n      EditCategoryValues: {\r\n        Id: Id,\r\n        category: category,\r\n      },\r\n    });\r\n\r\n    this.setState((prevState) => ({\r\n      EditCategoryModel: !prevState.EditCategoryModel,\r\n    }));\r\n\r\n    this.Getcategory();\r\n  };\r\n\r\n  GetSkill() {\r\n    let url = `${BASE_URLs}/Skill/Get`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        Authorization: \"Bearer \" + accessToken,\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          skills: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  handleChange = (e) => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  getAttendies = () => {\r\n    let url =\r\n      `${BASE_URLs}/Training/GetAttendeesList?TrainingID=` +\r\n      this.state.TrainingID;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Attendees: data,\r\n          AttendeesUserId: data,\r\n        });\r\n        // console.log(\"Learning\", data);\r\n        // console.log(\"AttendeesUserID\", this.state.AttendeesUserId);\r\n      });\r\n  };\r\n\r\n  handleSubmit1 = (event) => {\r\n    event.preventDefault();\r\n    this.setState({ isSubmitting: true });\r\n    this.setState({ isSubmitting: false });\r\n  };\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/clogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.getAttendies();\r\n  }\r\n\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"deletcateg\")) {\r\n      var checkboxes = document.getElementsByName(\"deletcateg\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    const category = this.state.Addcategory.filter((item) =>\r\n      item.category.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n    this.setState({ category });\r\n  };\r\n\r\n  handlecheckbox() {\r\n    let checkboxes = document.querySelectorAll(\r\n      'input[type=\"checkbox\"]:checked'\r\n    );\r\n    let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n    // selectalldiv\r\n    if (checkboxes.length >= 2) {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n    } else {\r\n      document\r\n        .getElementById(\"selectalldiv\")\r\n        .setAttribute(\"style\", \"visibility:hidden ;\");\r\n    }\r\n    if (checkboxes.length >= 1) {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility:visible ;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\r\n          \"style\",\r\n          \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n        );\r\n      var msg = document.getElementById(\"deletecount\");\r\n      let count = checkboxes.length - 1;\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      } else {\r\n        msg.innerHTML =\r\n          checkboxes.length === 1\r\n            ? \"<span> \" + checkboxes.length + \" Record is selected </span> \"\r\n            : \"<span> \" + checkboxes.length + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n    }\r\n    if (document.getElementById(\"selectall\").checked === false) {\r\n      if (checkboxes.length === Total.length - 1) {\r\n        //\r\n        document.getElementById(\"selectall\").checked = true;\r\n      }\r\n    } else {\r\n      if (document.getElementById(\"selectall\").checked) {\r\n        if (checkboxes.length - 2 !== Total.length) {\r\n          document.getElementById(\"selectall\").checked = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  checkAll(e) {\r\n    var checkboxes = document.getElementById(\"User_Id\");\r\n\r\n    var sa = document.getElementById(\"selectall\");\r\n    let count = checkboxes.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n        msg.innerHTML = \"<span> \" + count + \" Records are selected </span> \";\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n    // console.log(\"Value\", event.target);\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    const data = new FormData(event.target);\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    fetch(`${BASE_URLs}/Training/UpdateConfirmation`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // this.Getcategory();\r\n        // this.GetAddSkill();\r\n        toast.success(data.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        var checkboxes = document.querySelectorAll(\r\n          'input[type=\"checkbox\"]:checked'\r\n        );\r\n\r\n        for (var i = 0; i < checkboxes.length; i++) {\r\n          checkboxes[i].checked = false;\r\n        }\r\n      });\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n\r\n    // Get the selected checkbox values from the state\r\n    const { selectedCheckboxValues } = this.state;\r\n\r\n    const formData = new FormData();\r\n\r\n    // Append the selected checkbox values to the FormData\r\n    selectedCheckboxValues.forEach((value) => {\r\n      formData.append(\"User_Id\", value);\r\n    });\r\n    formData.append(\"Training_Id\", this.state.TrainingID);\r\n\r\n    // Make the API request with the selected checkbox values\r\n    fetch(`${BASE_URLs}/Training/UpdateConfirmation`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        Accept: \"application/json\",\r\n      },\r\n      body: formData,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        this.setState({ status: resp.Status });\r\n        this.setState({ message: resp.Message });\r\n        this.SuccessModel();\r\n      })\r\n\r\n      .catch((error) => {\r\n        console.error(error);\r\n      });\r\n  };\r\n\r\n  SuccessModel = () => {\r\n    this.setState((prevState) => ({\r\n      SuccessModel: !prevState.SuccessModel,\r\n    }));\r\n    this.props.history.push(\"/TrainerActiveTraining\");\r\n  };\r\n\r\n  handleMultiselectChange = (checkboxId) => {\r\n    this.setState((prevState) => ({\r\n      selectedUserID: [...prevState.selectedUserID, checkboxId],\r\n    }));\r\n\r\n    // console.log(\"SelectedUserId's\", this.state.selectedUserID);\r\n  };\r\n\r\n  handleCheckboxChange = (event) => {\r\n    const { name, checked } = event.target;\r\n    this.setState((prevState) => {\r\n      const selectedCheckboxValues = checked\r\n        ? [...prevState.selectedCheckboxValues, name]\r\n        : prevState.selectedCheckboxValues.filter((value) => value !== name);\r\n\r\n      // console.log(\"ValuesSelected\", selectedCheckboxValues);\r\n      return { selectedCheckboxValues };\r\n    });\r\n  };\r\n\r\n  render() {\r\n    var username = JSON.parse(localStorage.uname);\r\n    const { category } = this.state;\r\n\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <h4 className=\"title\">Categories </h4>\r\n                        </div>\r\n                        {this.state.CategoryModel ? (\r\n                          <CategoryPop\r\n                            id=\"Success\"\r\n                            close={() => this.CategoryModel()}\r\n                          />\r\n                        ) : null}\r\n                        {this.state.EditCategoryModel ? (\r\n                          <EditCategory\r\n                            id=\"Success\"\r\n                            values={this.state.EditCategoryValues}\r\n                            close={() => this.EditCategoryModel(\"\", \"\")}\r\n                          />\r\n                        ) : null}\r\n\r\n                        <div className=\"card-block2\">\r\n                          <div\r\n                            id=\"selectalldiv\"\r\n                            style={{ visibility: \"hidden\" }}\r\n                          >\r\n                            &nbsp;&nbsp;\r\n                          </div>\r\n\r\n                          <form onSubmit={this.handleSubmit}>\r\n                            <button\r\n                              type=\"button\"\r\n                              className=\"multitrash\"\r\n                              id=\"delete\"\r\n                              style={{ float: \"right\", visibility: \"hidden\" }}\r\n                            ></button>\r\n\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: \"hidden\", fontSize: \"17px\" }}\r\n                            ></span>\r\n                            <div\r\n                              id=\"base-style_filter\"\r\n                              className=\"dataTables_filter\"\r\n                            >\r\n                              <div\r\n                                className=\"dt-responsive table-responsive table-res\"\r\n                                // style={{display: 'flex',alignItems: 'center',justifyContent: 'center'}}\r\n                              >\r\n                                {this.state.Attendees.length === 0 ? null : (\r\n                                  <table\r\n                                    id=\"skillsheet\"\r\n                                    className=\"table   nowrap SkillGrid\"\r\n                                  >\r\n                                    <thead style={{ textAlign: \"left\" }}>\r\n                                      <tr>\r\n                                        <th>\r\n                                          {\" \"}\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"selectall\"\r\n                                            onClick={() => {\r\n                                              this.checkAll(this);\r\n                                            }}\r\n                                          />{\" \"}\r\n                                        </th>\r\n                                        <th>Attendees &nbsp;&nbsp;</th>\r\n\r\n                                        {/* <th style={{ textAlign: \"center\" }}>Actions</th> */}\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                      {/* {this.state.Attendees.map(category =>\r\n                                                                            <tr>\r\n                                                                                 <td> <input type=\"checkbox\" name=\"User_Id\" onChange={this.handlecheckbox} defaultValue={checkboxId} /></td> \r\n                                                                                <td> <input type=\"checkbox\" name=\"User_Id\"\r\n                                                                                    //  onChange={this.handleMultiselectChange} \r\n                                                                                    onChange={() => this.handleCheckboxChange(category.userId)}\r\n                                                                                    defaultValue={category.userId} /></td> */}\r\n\r\n                                      {this.state.Attendees.map((value) => (\r\n                                        <tr>\r\n                                          <td>\r\n                                            <label key={value}>\r\n                                              {/* {value.userId} */}\r\n\r\n                                              <input\r\n                                                type=\"checkbox\"\r\n                                                name={value.userId}\r\n                                                Id=\"User_Id\"\r\n                                                // checked={this.state.selectedCheckboxValues.includes(value)}\r\n                                                onChange={\r\n                                                  this.handleCheckboxChange\r\n                                                }\r\n                                                defaultValue={value.userId}\r\n                                              />\r\n                                            </label>\r\n                                          </td>\r\n\r\n                                          <td>{value.displayName}</td>\r\n                                          <span\r\n                                            name=\"Training_ID\"\r\n                                            visibility=\"false\"\r\n                                            defaultValue={this.state.TrainingID}\r\n                                          ></span>\r\n                                        </tr>\r\n                                      ))}\r\n                                    </tbody>\r\n                                  </table>\r\n                                )}\r\n                              </div>\r\n                              <div className=\"row\">\r\n                                <div\r\n                                  className=\"col-sm-12\"\r\n                                  style={{ textAlign: \"center\" }}\r\n                                >\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    className=\"but \"\r\n                                    style={{\r\n                                      height: \"39.5px\",\r\n                                      width: \"86.36px\",\r\n                                      marginTop: \"-0.3%\",\r\n                                    }}\r\n                                  >\r\n                                    Confirm\r\n                                  </button>\r\n                                  &nbsp; &nbsp; &nbsp;\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n\r\n                            <br />\r\n\r\n                            {/* for Exporting Excel */}\r\n                            <table\r\n                              id=\"Categorysheet\"\r\n                              className=\"table   nowrap SkillGrid\"\r\n                              hidden\r\n                            >\r\n                              <thead style={{ textAlign: \"left\" }}>\r\n                                <tr>\r\n                                  <th style={{ textDecoration: \"bold\" }}>\r\n                                    Category &nbsp;&nbsp;\r\n                                  </th>\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                {category.map((category) => (\r\n                                  <tr>\r\n                                    <td>{category.category}</td>\r\n                                  </tr>\r\n                                ))}\r\n                              </tbody>\r\n                            </table>\r\n\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport AddTraineePop from \"../../Common/AddTraineePop\";\r\nimport AddTraineeExistingPop from \"../../Common/AddTraineeExistingPop\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport axios from \"axios\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class EditActiveTrainer extends Component {\r\n  constructor() {\r\n    super();\r\n\r\n    const currentDate = new Date().toISOString().slice(0, 10); // Get current date in \"YYYY-MM-DD\" format\r\n\r\n    this.state = {\r\n      selectedDate: currentDate,\r\n      formErrors: {},\r\n      Details: [],\r\n      Training: [],\r\n      FileDocs: [],\r\n      Departmentdrop: [],\r\n      enabled: false,\r\n      EditSkillModel: false,\r\n      imageName: \"\",\r\n      EditModel: false,\r\n      EditManagerValues: [],\r\n      selectedOption: \"\",\r\n      isOpen: false,\r\n      AllTraineePopModel: false,\r\n      AssignedTraineePopModel: false,\r\n      data: {},\r\n      error: null,\r\n      showToastMessage: false,\r\n      inputValue: \"\",\r\n    };\r\n  }\r\n\r\n  handleInputChange = (event) => {\r\n    this.setState({ inputValue: event.target.value });\r\n  };\r\n\r\n  postReasonToAdmin = async (event) => {\r\n    event.preventDefault();\r\n    const { authorizationToken } = this.props;\r\n    const url = `${BASE_URLs}/Notification/SendReasonNotification`;\r\n    const data = { description: document.getElementById(\"Reason\").value };\r\n\r\n    try {\r\n      const response = await axios.post(url, data, {\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      });\r\n      const responseData = response.data;\r\n      this.setState({ data: responseData, error: null });\r\n      // // console.log(\"Request\",data.message)\r\n      toast.success(\"Reason sent to Admin successfully!\");\r\n      this.setState({ showToastMessage: true });\r\n      // Redirect to another page after 3 seconds (3000 milliseconds)\r\n\r\n      setTimeout(() => {\r\n        this.props.history.push(\"/TrainerActiveTraining\");\r\n      }, 3000);\r\n    } catch (error) {\r\n      this.setState({ data: {}, error: error.message });\r\n      toast.error(\"Failed to send reason!\");\r\n    }\r\n  };\r\n\r\n  AddUserDetails = async (event) => {\r\n    event.preventDefault();\r\n    const { authorizationToken } = this.props;\r\n    const url = `${BASE_URLs}/Training/StoreUserDetails`;\r\n    const data = {\r\n      MeetingLink: document.getElementById(\"MeetingLink\").value,\r\n      TrainerConfirm: document.getElementById(\"TrainerConfirm\").value,\r\n      TrainingId: document.getElementById(\"TrainingId\").value,\r\n      StartDate: document.getElementById(\"start\").value,\r\n    };\r\n\r\n    // console.log(\"PostedData\", data);\r\n\r\n    try {\r\n      const response = await axios.post(url, data, {\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      });\r\n      const responseData = response.data;\r\n      this.setState({ data: responseData, error: null });\r\n      // // console.log(\"Request\",data.message)\r\n      toast.success(\"User Joined successfully!\");\r\n      this.setState({ showToastMessage: true });\r\n      // Redirect to another page after 3 seconds (3000 milliseconds)\r\n      setTimeout(() => {\r\n        const newTab = window.open(\r\n          document.getElementById(\"MeetingLink\").value,\r\n          \"_blank\"\r\n        );\r\n        newTab.focus();\r\n      }, 3000);\r\n    } catch (error) {\r\n      this.setState({ data: {}, error: error.message });\r\n      toast.error(\"Failed to Join!\");\r\n\r\n      // console.log(\"error\", error);\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    window.addEventListener(\"load\", this.Getloggeddet);\r\n    this.Getloggeddet();\r\n  }\r\n\r\n  GetCourseName() {\r\n    let url = `${BASE_URLs}/Course/GetCourseName`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          CourseName: data,\r\n          Course: data,\r\n        });\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  handleSelectChange = (event) => {\r\n    this.setState({ selectedOption: event.target.value });\r\n  };\r\n\r\n  openPopup = () => {\r\n    this.setState({ isOpen: true });\r\n  };\r\n\r\n  closePopup = () => {\r\n    this.setState({ isOpen: false });\r\n  };\r\n\r\n  Attendees = () => {\r\n    var TrainingID = this.props.location.state.id;\r\n    var page = {\r\n      pathname: \"/Attendees\",\r\n      state: {\r\n        id: TrainingID,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n    // console.log(\"AttendeesID\", TrainingID);\r\n  };\r\n  AllTraineePopModel = () => {\r\n    this.setState((prevState) => ({\r\n      AllTraineePopModel: !prevState.AllTraineePopModel,\r\n    }));\r\n  };\r\n  AssignedTraineePopModel = () => {\r\n    this.setState((prevState) => ({\r\n      AssignedTraineePopModel: !prevState.AssignedTraineePopModel,\r\n    }));\r\n\r\n    // this.setState({ AssignedTraineePopModel: true });\r\n  };\r\n\r\n  Getloggeddet = async (event) => {\r\n    let Department = JSON.parse(localStorage.getItem(\"deptofloggeduser\"));\r\n    // var Training_Id = this.props.location.state.training_Id;\r\n    // if(this.props.location.state.training_Id == 0 || this.props.location.state.Id != 0)\r\n    //   {s\r\n    //// console.log(\"bjdbfkdsf\", this.props.location.state.training_Id);\r\n    // localStorage.setItem('training_Id', JSON.stringify(this.props.location.state.training_Id));\r\n    // console.log(\"bjdbfkdsf\", this.props.location.state.id);\r\n    localStorage.setItem(\r\n      \"training_Id\",\r\n      JSON.stringify(this.props.location.state.Id)\r\n    );\r\n    let roleofloggeduser = localStorage.getItem(\"roleofloggeduser\");\r\n    let training_Id = this.props.location.state.id;\r\n    //     if(Department != null && roleofloggeduser=='User')\r\n    //   {\r\n\r\n    let url = `${BASE_URLs}/Trainer/GetActiveTrainerId?Id=` + training_Id;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    // console.log(accessToken);\r\n    await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Details: data,\r\n        });\r\n\r\n        // console.log(\"My User Data\", data);\r\n        //  localStorage.setItem('deptofloggeduser', JSON.stringify(data[0].department));\r\n        //localStorage.setItem('roleofloggeduser', JSON.stringify(data[0].trainer_Info));\r\n      });\r\n    //   }\r\n  };\r\n\r\n  render() {\r\n    const { Details, selectedOption, isOpen } = this.state;\r\n    var Role = localStorage.roleofloggeduser;\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Active Training\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        {this.state.AllTraineePopModel ? (\r\n                          <AddTraineePop\r\n                            id=\"Success\"\r\n                            close={() => this.AllTraineePopModel()}\r\n                          />\r\n                        ) : null}\r\n                        {this.state.AssignedTraineePopModel ? (\r\n                          <AddTraineeExistingPop\r\n                            id=\"ExistingPop\"\r\n                            close={() => this.AssignedTraineePopModel()}\r\n                          />\r\n                        ) : null}\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                          >\r\n                            <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                              <div className=\"container\">\r\n                                {/* <div className=\"col btnalign\">\r\n                                                                    <select value={this.state.selectedOption} onChange={this.handleSelectChange}>\r\n                                                                        <option value=\"Trainer\">Trainer</option>\r\n                                                                        <option value=\"User\">User</option>\r\n                                                                    </select>\r\n                                                                </div> */}\r\n\r\n                                <div className=\"container\">\r\n                                  {/* <input type=\"text\" defaultValue={this.props.location.state.training_Id} /> */}\r\n\r\n                                  <div\r\n                                    className=\"row\"\r\n                                    style={{ padding: \"8px\" }}\r\n                                  >\r\n                                    {/* {Details.map((detail) => (\r\n                                                                            <div className=\"col-sm-6\" >\r\n                                                                                <input className=\"effect-16\" name=\"TrainingItem\" defaultValue={detail.trainingitem} id=\"trainingitem\" type=\"text\" maxLength=\"50\" placeholder='Training Item'\r\n                                                                                />\r\n                                                                                <span style={{ color: '#a29d9d' }} >Training Item</span> <span style={{ color: \"red\" }}></span>\r\n\r\n                                                                            </div>\r\n                                                                        ))}\r\n                                                                        <div className=\"col-sm-6\" >\r\n                                                                            {Details.map((detail) => (\r\n                                                                                <input className=\"effect-16\" name=\"Department\" id=\"department\" type=\"text\" defaultValue={detail.department} maxLength=\"50\" placeholder='Department'\r\n                                                                                />\r\n                                                                            ))}\r\n                                                                            <span style={{ color: '#a29d9d' }} >Department</span> <span style={{ color: \"red\" }}></span>\r\n\r\n                                                                        </div> */}\r\n\r\n                                    {(() => {\r\n                                      if (Role == \"User\") {\r\n                                        return (\r\n                                          <div className=\"col-sm-6\">\r\n                                            {Details.map((detail) => (\r\n                                              <input\r\n                                                className=\"effect-16\"\r\n                                                name=\"TrainingId\"\r\n                                                id=\"TrainingId\"\r\n                                                type=\"text\"\r\n                                                defaultValue={detail.id}\r\n                                                maxLength=\"50\"\r\n                                                placeholder=\"Trainer Name\"\r\n                                              />\r\n                                            ))}\r\n                                            <span style={{ color: \"#a29d9d\" }}>\r\n                                              Training Id\r\n                                            </span>{\" \"}\r\n                                            <span\r\n                                              style={{ color: \"red\" }}\r\n                                            ></span>\r\n                                          </div>\r\n                                        );\r\n                                      } else {\r\n                                        return <div></div>;\r\n                                      }\r\n                                    })()}\r\n\r\n                                    <div className=\"col-sm-6\">\r\n                                      {/* {Details.map((detail) => ( */}\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        name=\"StartDate\"\r\n                                        id=\"start\"\r\n                                        type=\"date\"\r\n                                        maxLength=\"50\"\r\n                                        value={this.state.selectedDate}\r\n                                      />\r\n                                      {/* ))} */}\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Join Date\r\n                                      </span>{\" \"}\r\n                                      <span style={{ color: \"red\" }}></span>\r\n                                    </div>\r\n\r\n                                    {/* {Details.map((detail) => (\r\n                                                                            <div className=\"col-sm-6\" >\r\n                                                                                <div></div>\r\n                                                                                <input className=\"effect-16\" name=\"EndDate\" id=\"end\" type=\"date\" onFocus={this.myDate} maxLength=\"50\"\r\n                                                                                    defaultValue={detail.endDate.slice(0, 10)}\r\n                                                                                />\r\n                                                                                <span style={{ color: '#a29d9d' }} >End Date</span> <span style={{ color: \"red\" }}>*</span>\r\n\r\n                                                                            </div>\r\n                                                                        ))} */}\r\n\r\n                                    <div className=\"col-sm-6\">\r\n                                      {Details.map((detail) => (\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          name=\"MeetingLink\"\r\n                                          id=\"MeetingLink\"\r\n                                          type=\"text\"\r\n                                          defaultValue={detail.meetingLink}\r\n                                        />\r\n                                      ))}\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Meeting Link\r\n                                      </span>{\" \"}\r\n                                      <span style={{ color: \"red\" }}></span>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-sm-6\">\r\n                                      {/* {Details.map((detail) => ( */}\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        name=\"TrainerConfirm\"\r\n                                        id=\"TrainerConfirm\"\r\n                                        type=\"text\"\r\n                                        defaultValue=\"false\"\r\n                                      />\r\n                                      {/* ))} */}\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Trainer Confirm\r\n                                      </span>{\" \"}\r\n                                      <span style={{ color: \"red\" }}></span>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <br />\r\n                            {(() => {\r\n                              if (Role == \"User\") {\r\n                                return (\r\n                                  <div>\r\n                                    <div className=\"row\">\r\n                                      <div\r\n                                        className=\"col-sm-12\"\r\n                                        style={{ textAlign: \"center\" }}\r\n                                      >\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"but \"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"86.36px\",\r\n                                            marginTop: \"-0.3%\",\r\n                                          }}\r\n                                          onClick={this.AddUserDetails}\r\n                                        >\r\n                                          JOIN\r\n                                        </button>\r\n                                        &nbsp; &nbsp; &nbsp;\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                );\r\n                              } else {\r\n                                return (\r\n                                  <div>\r\n                                    <div className=\"row\">\r\n                                      <div\r\n                                        className=\"col-sm-12\"\r\n                                        style={{ textAlign: \"center\" }}\r\n                                      >\r\n                                        {/* <button>  <Link to='/AddTraineePop' type=\"button\" style={{ width: \"150px\", background: \"white\" }} className=\"btn \">Add Trainees </Link></button>&nbsp;  &nbsp;  &nbsp; */}\r\n                                        <button\r\n                                          type=\"button\"\r\n                                          className=\"but \"\r\n                                          onClick={() =>\r\n                                            this.AllTraineePopModel()\r\n                                          }\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"150px\",\r\n                                            marginTop: \"-0.3%\",\r\n                                          }}\r\n                                        >\r\n                                          <Link style={{ color: \"white\" }}>\r\n                                            Add More Trainees\r\n                                          </Link>\r\n                                        </button>\r\n                                        &nbsp; &nbsp; &nbsp;\r\n                                        <button\r\n                                          type=\"button\"\r\n                                          className=\"but \"\r\n                                          onClick={this.openPopup}\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"86.36px\",\r\n                                            marginTop: \"-0.3%\",\r\n                                          }}\r\n                                        >\r\n                                          Cancel\r\n                                        </button>\r\n                                        &nbsp; &nbsp; &nbsp;\r\n                                        {/* <button type=\"deny\" className=\"but \" style={{ height: '39.5px', width: '86.36px', marginTop: \"-0.3%\" }}><Link to=\"/Attendees\" style={{ color: \"white\" }}>Attendees</Link></button>&nbsp;  &nbsp;  &nbsp; */}\r\n                                        <button\r\n                                          type=\"deny\"\r\n                                          className=\"but \"\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"86.36px\",\r\n                                            marginTop: \"-0.3%\",\r\n                                          }}\r\n                                          onClick={this.Attendees}\r\n                                        >\r\n                                          Attendees\r\n                                        </button>\r\n                                        &nbsp; &nbsp; &nbsp;\r\n                                        <button\r\n                                          type=\"button\"\r\n                                          className=\"but \"\r\n                                          onClick={() =>\r\n                                            this.AssignedTraineePopModel()\r\n                                          }\r\n                                          style={{\r\n                                            height: \"39.5px\",\r\n                                            width: \"150px\",\r\n                                            marginTop: \"-0.3%\",\r\n                                          }}\r\n                                        >\r\n                                          <Link style={{ color: \"white\" }}>\r\n                                            Assigned Trainees\r\n                                          </Link>\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                );\r\n                              }\r\n                            })()}\r\n                            <br /> <br />\r\n                            <br /> <br />\r\n                          </form>\r\n                        </div>\r\n                        {/* <div className=\"dt-responsive table-responsive table-res\">\r\n\r\n                                    <table id=\"DepartSheet\" className=\"table nowrap\" style={{ maxWidth: \"70%\" }}>\r\n                                        <thead>\r\n                                            <tr>\r\n                                                <th>Trainer Name</th>\r\n                                                <th>Department</th>\r\n                                                <th>Session</th>\r\n                                                <th>Start Date</th>\r\n                                                <th>End Date</th>\r\n\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n\r\n                                            {Trainername.map(Department => <tr>\r\n                                                <td>{Department.trainerName}</td>\r\n                                                <td>{Department.department}</td>\r\n                                                <td>{Department.trainingItem}</td>\r\n                                                <td >{Department.startDate}</td>\r\n                                                <td>{Department.endDate}</td>\r\n                                            </tr>)}\r\n                                        </tbody>\r\n                                    </table>\r\n\r\n                                </div> */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {isOpen && (\r\n          <div className=\"pop\">\r\n            <div className=\"popinnernormal\">\r\n              <form\r\n                autoComplete=\"off\"\r\n                encType=\"application/json-patch+json\"\r\n                onSubmit={this.postReasonToAdmin}\r\n              >\r\n                <button\r\n                  style={{\r\n                    float: \"right\",\r\n                    backgroundColor: \"#a0a3a305\",\r\n                    color: \"#797070\",\r\n                    border: \"1px solid #a3a5a505\",\r\n                  }}\r\n                  onClick={this.closePopup}\r\n                >\r\n                  <CloseIcon />\r\n                </button>\r\n\r\n                <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                  <div className=\"col-sm-3\"></div>\r\n                  <div className=\"col-sm-8\">\r\n                    <input\r\n                      className=\"form\"\r\n                      maxLength=\"50\"\r\n                      id=\"Reason\"\r\n                      name=\"Reason\"\r\n                      type=\"text\"\r\n                    />\r\n                    <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                      Reason\r\n                    </span>\r\n                    <div style={{ color: \"red\", float: \"left\" }}> </div>\r\n                    {/* <input type=\"hidden\" name=\"otherdepartment\" className=\"form\" id=\"departmenttext\" /> */}\r\n                    <div style={{ color: \"red\", float: \"left\" }}></div>\r\n                    <span className=\"underline\" />\r\n                  </div>\r\n                  <div className=\"col-sm-4\"></div>\r\n                </div>\r\n\r\n                <div className=\"row\">\r\n                  <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                    <button\r\n                      type=\"submit\"\r\n                      className=\"but\"\r\n                      style={{\r\n                        height: \"39.5px\",\r\n                        width: \"130px\",\r\n                        marginTop: \"-0.3%\",\r\n                      }}\r\n                    >\r\n                      Request to Admin\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n              <br />\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nexport default class MeetingLink extends Component {\r\n  handleClick = () => {\r\n    window.open(\"https://meet.google.com/your-meeting-id\", \"_blank\");\r\n  };\r\n\r\n  handleClick1 = () => {\r\n    window.open(\r\n      \"https://www.microsoft.com/en-in/microsoft-teams/join-a-meeting\",\r\n      \"_blank\"\r\n    );\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              {\" \"}\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            Active Training{\" \"}\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                          >\r\n                            <br />\r\n                            <br />\r\n                            <div className=\"container\">\r\n                              <div className=\"col-lg-12\">\r\n                                <div className=\"dt-responsive table-responsive\">\r\n                                  <table\r\n                                    id=\"add-row-table3\"\r\n                                    className=\"table nowrap\"\r\n                                  >\r\n                                    <thead>\r\n                                      <tr>\r\n                                        <th>Meeting Link </th>\r\n                                        <th> </th>{\" \"}\r\n                                        {/* <th>Office Document </th> */}\r\n                                      </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                      <tr>\r\n                                        <td>\r\n                                          {\" \"}\r\n                                          <Link>\r\n                                            https://meet.google.com/your-meeting-id\r\n                                          </Link>\r\n                                        </td>\r\n                                        <td>\r\n                                          <a\r\n                                            className=\"plus\"\r\n                                            style={{\r\n                                              padding: \"2px 15px\",\r\n                                              boxShadow:\r\n                                                \" -2px -2px 16px -2px #5f7ae14a\",\r\n                                            }}\r\n                                          >\r\n                                            <i\r\n                                              title=\"Download Template\"\r\n                                              className=\"icofont icofont-plus\"\r\n                                            >\r\n                                              &nbsp;\r\n                                              <Link onClick={this.handleClick}>\r\n                                                JoinNow\r\n                                              </Link>\r\n                                            </i>\r\n                                          </a>\r\n                                        </td>{\" \"}\r\n                                        {/* <td>\r\n                                  <a id=\"if\" title=\"Iframe Example\" style={{ width: '200px', height: '200px' }}></a>\r\n                                </td> */}\r\n                                      </tr>\r\n                                      <tr>\r\n                                        <td>\r\n                                          <Link>\r\n                                            https://www.microsoft.com/en-in/microsoft-teams/join-a-meeting\r\n                                          </Link>{\" \"}\r\n                                        </td>\r\n                                        <td>\r\n                                          <a\r\n                                            className=\"plus\"\r\n                                            style={{\r\n                                              padding: \"2px 15px\",\r\n                                              boxShadow:\r\n                                                \" -2px -2px 16px -2px #5f7ae14a\",\r\n                                            }}\r\n                                          >\r\n                                            <i\r\n                                              title=\"plus\"\r\n                                              className=\"icofont icofont-plus\"\r\n                                            >\r\n                                              {\" \"}\r\n                                              &nbsp;\r\n                                              <Link onClick={this.handleClick1}>\r\n                                                JoinNow\r\n                                              </Link>\r\n                                            </i>\r\n                                          </a>\r\n                                        </td>{\" \"}\r\n                                        {/* <td>\r\n                                  <a id=\"if\" title=\"Iframe Example\" style={{ width: '200px', height: '200px' }}></a>\r\n                                </td> */}\r\n                                      </tr>\r\n                                    </tbody>\r\n                                  </table>\r\n                                </div>\r\n                                <br />\r\n                              </div>\r\n                              <br />\r\n                              <br />\r\n                              <br />\r\n                              <br />\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport AddManagerPop from \"../../Common/AddManagerPop\";\r\nimport AddTraineePop from \"../../Common/AddTraineePop\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class TrainerActiveTraining extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      EditModel: false,\r\n      EditManagerValues: [],\r\n      selectedOption: \"\",\r\n      Learning: [],\r\n      Learn: [],\r\n      Trainer: [],\r\n    };\r\n  }\r\n  handleSelectChange = (event) => {\r\n    this.setState({ selectedOption: event.target });\r\n  };\r\n\r\n  DetailEdit22(\r\n    Id,\r\n    department,\r\n    startDate,\r\n    endDate,\r\n    trainingitem,\r\n    schedulingDuration,\r\n    trainerName,\r\n    trainees\r\n  ) {\r\n    // console.log(\"called\", Id);\r\n    var page = {\r\n      pathname: \"/EditActiveTrainer\",\r\n      state: {\r\n        Id: Id,\r\n        department: department,\r\n        startDate: startDate,\r\n        endDate: endDate,\r\n        trainingitem: trainingitem,\r\n        schedulingDuration: schedulingDuration,\r\n        trainerName: trainerName,\r\n        trainees: trainees,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  DetailEdit(id) {\r\n    // console.log(\"get or not\", id);\r\n    var page = {\r\n      pathname: \"/EditActiveTrainer\",\r\n      state: {\r\n        id: id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  GetLearning = async (event) => {\r\n    // console.log(\"beforevalid\");\r\n\r\n    let Email = JSON.parse(localStorage.getItem(\"email\"));\r\n\r\n    let url = `${BASE_URLs}/Training/Getloggeddet?Email=` + Email;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    // console.log(accessToken);\r\n    await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"My Journey Data\", data);\r\n        localStorage.setItem(\r\n          \"deptofloggeduser\",\r\n          JSON.stringify(data[0].department)\r\n        );\r\n        localStorage.setItem(\r\n          \"roleofloggeduser\",\r\n          JSON.stringify(data[0].trainer_Info)\r\n        );\r\n        let roleofloggeduser = JSON.parse(\r\n          localStorage.getItem(\"roleofloggeduser\")\r\n        );\r\n        var Department = JSON.parse(localStorage.getItem(\"deptofloggeduser\"));\r\n        if (roleofloggeduser == 0) {\r\n          localStorage.setItem(\"roleofloggeduser\", \"User\");\r\n        } else {\r\n          localStorage.setItem(\"roleofloggeduser\", \"Trainer\");\r\n        }\r\n      });\r\n    var roleofloggeduser = localStorage.getItem(\"roleofloggeduser\");\r\n    var Department = JSON.parse(localStorage.getItem(\"deptofloggeduser\"));\r\n\r\n    if (Department != null && roleofloggeduser == \"User\") {\r\n      let url =\r\n        `${BASE_URLs}/Learning/GetLearningUser?Department=` + Department;\r\n\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n      fetch(url, {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: \"Bearer \" + accessToken,\r\n          \"Content-type\": \"application/json\",\r\n          Accept: \"application/json\",\r\n          \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n        },\r\n        //body:JSON.stringify(data)\r\n      })\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({\r\n            Learning: data,\r\n          });\r\n          // console.log(\"Learning\", data);\r\n        });\r\n    } else {\r\n      let url =\r\n        `${BASE_URLs}/Learning/GetLearningUser?Department=` + Department;\r\n\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n      fetch(url, {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: \"Bearer \" + accessToken,\r\n          \"Content-type\": \"application/json\",\r\n          Accept: \"application/json\",\r\n          \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n        },\r\n        //body:JSON.stringify(data)\r\n      })\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({\r\n            Trainer: data,\r\n          });\r\n          // console.log(\"Trainer\", data);\r\n        });\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.GetLearning();\r\n  }\r\n  render() {\r\n    const { Learning, Trainer } = this.state;\r\n    var Role = localStorage.roleofloggeduser;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        {this.state.EditModel ? (\r\n          <AddTraineePop\r\n            values={this.state.EditManagerValues}\r\n            close={() => this.EditModel(\"\")}\r\n          />\r\n        ) : null}\r\n        {this.state.ManagerModel ? (\r\n          <AddManagerPop close={() => this.ManagerModel()} />\r\n        ) : null}\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              {\" \"}\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            {\" \"}\r\n                            Active Training\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form autoComplete=\"off\">\r\n                            <div className=\"card-block\">\r\n                              <div className=\"row\">\r\n                                {/* <div className=\"col btnalign\">\r\n                                <Link to='/AddTraineePop'  type=\"button\" style={{ width: \"150px\", background: \"white\" }} className=\"btn \">Add Trainees  </Link>\r\n                              </div> */}\r\n                              </div>\r\n                            </div>\r\n                            <br />\r\n                            <br />\r\n                            <div className=\"container\">\r\n                              <div className=\"col-lg-12\">\r\n                                <div className=\"dt-responsive table-responsive\">\r\n                                  {(() => {\r\n                                    if (Role == \"User\") {\r\n                                      return (\r\n                                        <div>\r\n                                          <table\r\n                                            id=\"add-row-table3\"\r\n                                            className=\"table nowrap\"\r\n                                          >\r\n                                            <thead>\r\n                                              <tr>\r\n                                                <th>Training Topic </th>\r\n                                                <th> Department </th>\r\n                                                <th>Trainers </th>\r\n                                                <th>Start Date </th>\r\n                                                <th>End Date </th>\r\n                                                <th>Duration </th>\r\n                                                <th>Action </th>\r\n                                              </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                              {Learning.map((Learning) => (\r\n                                                <tr>\r\n                                                  <td>\r\n                                                    {Learning.trainingitem}\r\n                                                  </td>\r\n                                                  <td>{Learning.department}</td>\r\n                                                  <td>\r\n                                                    {Learning.trainercount}\r\n                                                  </td>\r\n                                                  <td>\r\n                                                    {Learning.startDate\r\n                                                      ? Learning.startDate.slice(\r\n                                                          0,\r\n                                                          10\r\n                                                        )\r\n                                                      : null}\r\n                                                  </td>\r\n                                                  <td>\r\n                                                    {Learning.endDate\r\n                                                      ? Learning.endDate.slice(\r\n                                                          0,\r\n                                                          10\r\n                                                        )\r\n                                                      : null}\r\n                                                  </td>\r\n                                                  <td>\r\n                                                    {\r\n                                                      Learning.schedulingDuration\r\n                                                    }\r\n                                                  </td>\r\n                                                  <td>\r\n                                                    <Link to=\"/EditSchedule\">\r\n                                                      <button\r\n                                                        className=\"button-30 sk-edit\"\r\n                                                        onClick={(e) => {\r\n                                                          e.preventDefault();\r\n                                                          this.DetailEdit(\r\n                                                            Learning.id\r\n                                                          );\r\n                                                        }}\r\n                                                        type=\"button\"\r\n                                                        style={{ color: \"\" }}\r\n                                                      >\r\n                                                        <i className=\"icofont icofont-info\"></i>\r\n                                                      </button>\r\n                                                      &nbsp;&nbsp;\r\n                                                    </Link>\r\n                                                  </td>\r\n                                                </tr>\r\n                                              ))}\r\n                                            </tbody>\r\n                                          </table>\r\n                                        </div>\r\n                                      );\r\n                                    } else {\r\n                                      return (\r\n                                        <div>\r\n                                          <table\r\n                                            id=\"add-row-table3\"\r\n                                            className=\"table nowrap\"\r\n                                          >\r\n                                            <thead>\r\n                                              <tr>\r\n                                                <th>Training Topic </th>\r\n                                                <th> Department </th>\r\n                                                <th>Trainers </th>\r\n                                                <th>Start Date </th>\r\n                                                <th>End Date </th>\r\n                                                <th>Duration </th>\r\n                                                <th>Action </th>\r\n                                              </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                              {Trainer.map((Training) => (\r\n                                                <tr>\r\n                                                  <td>\r\n                                                    {Training.trainingitem}\r\n                                                  </td>\r\n                                                  <td>{Training.department}</td>\r\n                                                  <td>\r\n                                                    {Training.trainercount}\r\n                                                  </td>\r\n                                                  <td>\r\n                                                    {Training.startDate\r\n                                                      ? Training.startDate.slice(\r\n                                                          0,\r\n                                                          10\r\n                                                        )\r\n                                                      : null}\r\n                                                  </td>\r\n                                                  <td>\r\n                                                    {Training.endDate\r\n                                                      ? Training.endDate.slice(\r\n                                                          0,\r\n                                                          10\r\n                                                        )\r\n                                                      : null}\r\n                                                  </td>\r\n                                                  <td>\r\n                                                    {\r\n                                                      Training.schedulingDuration\r\n                                                    }\r\n                                                  </td>\r\n                                                  <td>\r\n                                                    <Link to=\"/EditSchedule\">\r\n                                                      <button\r\n                                                        className=\"button-30 sk-edit\"\r\n                                                        onClick={(e) => {\r\n                                                          e.preventDefault();\r\n                                                          this.DetailEdit(\r\n                                                            Training.id\r\n                                                          );\r\n                                                        }}\r\n                                                        type=\"button\"\r\n                                                        style={{ color: \"\" }}\r\n                                                      >\r\n                                                        <i className=\"icofont icofont-info\"></i>\r\n                                                      </button>\r\n                                                      &nbsp;&nbsp;\r\n                                                    </Link>\r\n                                                  </td>\r\n                                                </tr>\r\n                                              ))}\r\n                                            </tbody>\r\n                                          </table>\r\n                                        </div>\r\n                                      );\r\n                                    }\r\n                                  })()}\r\n                                </div>\r\n                                <br />\r\n                              </div>\r\n                              <br />\r\n                              <br />\r\n                              <br />\r\n                              <br />\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"../../../src/Components/Css/MasterSkills.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nexport default class AssignedTraineePop extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      selectedOption: \"\",\r\n      isOpen: true,\r\n      isOpenA: false,\r\n    };\r\n  }\r\n\r\n  handleSelectChange = (event) => {\r\n    // console.log(\"Value\", event.target.value);\r\n    this.setState({ selectedOption: event.target.value });\r\n    var Others = document.getElementById(\"Not-Interest\").value;\r\n\r\n    if (Others == \"Others\") {\r\n      this.setState({ isOpen: false });\r\n      this.setState({ isOpenA: true });\r\n    }\r\n\r\n    const value = event.target.value;\r\n    this.setState({\r\n      //UserId: value,\r\n      TrainerId: value,\r\n      NotInterested: value,\r\n      Reason: value,\r\n\r\n      // Update the discussion name value\r\n    });\r\n  };\r\n\r\n  handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n    this.setState({\r\n      // UserId: \" \",\r\n\r\n      TrainerId: \" \",\r\n      NotInterested: \" \",\r\n      Reason: \" \",\r\n      // Update the discussion name value\r\n    });\r\n    //  const data ={\r\n\r\n    //   userId:\"1234\",\r\n    //   trainerId:\"1234\",\r\n    //   notInterested: document.getElementById(\"Not-Interest\").value\r\n\r\n    //  }\r\n    const data = new FormData(event.target);\r\n    // console.log(data, \"Not Interest Details\");\r\n    // const url = `${BASE_URLs}/Trainer/AssignTrainerDropdown\"\r\n    const url = `${BASE_URLs}/Training/Add_NotInterested`;\r\n    //  fetch('${BASE_URLs}/Trainer/AssignTrainerDropdown', {\r\n    //   method: 'POST',\r\n    //   headers:{\r\n    //     Accept:\"application/json\"\r\n    //   },\r\n    //   body: data,\r\n    // }).then(res => res.json()).then((resp) => {\r\n\r\n    //  alert(\"fhdy\")\r\n    //  })\r\n\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    const response = await fetch(url, options);\r\n    const result = await response.json();\r\n\r\n    if (result.status === \"Success\") {\r\n      toast.success(result.message, {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n      setTimeout(function () {\r\n        document.getElementById(\"close\").click();\r\n      }, 4000);\r\n    }\r\n  };\r\n\r\n  render() {\r\n    var w = window.innerWidth;\r\n    const { selectedOption } = this.state;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"uname\"));\r\n    return (\r\n      <>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <div>\r\n          {/* <div className=\"JoinLink\">\r\n    <div className=\"JoinLinkinnernormalpop\" > \r\n  \r\n\r\n   <div className=\"row\">\r\n<div className=\"col-lg-12\">\r\n{this.state.isOpen && (<select name=\"Not-Interest\" id=\"Not-Interest\" style={{height:\"36px\"}} value={this.state.selectedOption} onChange={this.handleSelectChange}  >\r\n  <option value=\"Not Interested on this current training\">Not Interested on this current training</option>\r\n  <option value=\"I don't want to be a Trainer\">I don't want to be a Trainer</option>\r\n  <option value=\"None of the Above\">None of the Above</option>\r\n  <option value=\"Others\">Other</option>\r\n</select>\r\n        )}\r\n{this.state.isOpenA && (<input placeholder='Reason...' style={{height:\"36px\"}}/>\r\n\r\n        )}\r\n </div>\r\n\r\n\r\n </div> \r\n<br/>\r\n <div className=\"row\">\r\n\r\n <div className=\"col-lg-12\" style={{textAlign:\"center\"}}>   \r\n \r\n \r\n           <button type=\"submit\"  className=\"but\" style={{height: '39.5px',width: '100px',marginTop:\"-0.3%\"}}>OK</button>                 \r\n   </div>\r\n </div> \r\n <br/> \r\n  \r\n      \r\n\r\n </div>\r\n</div>   */}\r\n\r\n          <div className=\"pop\">\r\n            <div\r\n              className={\r\n                w > 768\r\n                  ? \"popinnernormal oneFieldPop\"\r\n                  : \"popinnernormal oneFieldPopMobile\"\r\n              }\r\n              style={{ padding: \"1%\" }}\r\n            >\r\n              <form\r\n                autoComplete=\"off\"\r\n                encType=\"multipart/form-data\"\r\n                onSubmit={this.handleSubmit}\r\n              >\r\n                <button\r\n                  id=\"close\"\r\n                  style={{\r\n                    float: \"right\",\r\n                    backgroundColor: \"#a0a3a305\",\r\n                    color: \"#797070\",\r\n                    border: \"1px solid #a3a5a505\",\r\n                  }}\r\n                  onClick={this.props.close}\r\n                >\r\n                  <CloseIcon />\r\n                </button>\r\n\r\n                <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                  <div className=\"col-sm-3\"></div>\r\n                  <div className=\"col-sm-8\">\r\n                    {this.state.isOpen && (\r\n                      <>\r\n                        <select\r\n                          id=\"Not-Interest\"\r\n                          name=\"Description\"\r\n                          style={{ height: \"35px\", width: \"270px\" }}\r\n                          value={this.state.selectedOption}\r\n                          onChange={this.handleSelectChange}\r\n                        >\r\n                          <option value=\"Not Interested on this current training\">\r\n                            Not Interested on this current training\r\n                          </option>\r\n                          <option value=\"I don't want to be a Trainer\">\r\n                            I don't want to be a Trainer\r\n                          </option>\r\n                          <option value=\"None of the Above\">\r\n                            None of the Above\r\n                          </option>\r\n                          <option value=\"Others\">Other</option>\r\n                        </select>\r\n\r\n                        <input\r\n                          style={{ display: \"none\" }}\r\n                          name=\"Reason\"\r\n                          defaultValue=\"null\"\r\n                          onChange={this.handleSelectChange}\r\n                        />\r\n                      </>\r\n                    )}\r\n                    {/* <input style={{display:\"none\"}} name=\"UserId\" defaultValue={user} onChange={this.handleSelectChange}/> */}\r\n                    <input\r\n                      style={{ display: \"none\" }}\r\n                      name=\"TrainerId\"\r\n                      defaultValue=\"1234\"\r\n                      onChange={this.handleSelectChange}\r\n                    />\r\n\r\n                    {this.state.isOpenA && (\r\n                      <>\r\n                        <input\r\n                          placeholder=\"Reason...\"\r\n                          id=\"DropdownOther\"\r\n                          name=\"Reason\"\r\n                          onChange={this.handleSelectChange}\r\n                        />\r\n                        <input\r\n                          style={{ display: \"none\" }}\r\n                          id=\"Not-Interest\"\r\n                          name=\"Description\"\r\n                          defaultValue=\"Others\"\r\n                          onChange={this.handleSelectChange}\r\n                        />\r\n                      </>\r\n                    )}\r\n\r\n                    <span className=\"underline\" />\r\n                  </div>\r\n                  <div className=\"col-sm-2\"></div>\r\n                </div>\r\n\r\n                <div className=\"row\">\r\n                  <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                    <button\r\n                      type=\"submit\"\r\n                      className=\"but\"\r\n                      style={{\r\n                        height: \"39.5px\",\r\n                        width: \"86.36px\",\r\n                        marginTop: \"-0.3%\",\r\n                      }}\r\n                    >\r\n                      Ok\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <br />\r\n              </form>\r\n            </div>\r\n          </div>\r\n        </div>{\" \"}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport AssignedTraineePop from \"../../Common/AssignedTraineePop\";\r\nexport default class TrainerAssign1 extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      AssignedTraineePopModel: false,\r\n    };\r\n  }\r\n  AssignedTraineePopModel = () => {\r\n    this.setState((prevState) => ({\r\n      AssignedTraineePopModel: !prevState.AssignedTraineePopModel,\r\n    }));\r\n  };\r\n  render() {\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"3%\" }} className=\"title\">\r\n                            Assigned Training\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        {this.state.AssignedTraineePopModel ? (\r\n                          <AssignedTraineePop\r\n                            id=\"Success\"\r\n                            close={() => this.AssignedTraineePopModel()}\r\n                          />\r\n                        ) : null}\r\n                        <div className=\"card-block2\">\r\n                          <form\r\n                            autoComplete=\"off\"\r\n                            encType=\"multipart/form-data\"\r\n                          >\r\n                            <div className=\"row\" style={{ marginTop: \"3%\" }}>\r\n                              <div className=\"container\">\r\n                                <div className=\"container\">\r\n                                  {/* <input type=\"text\" defaultValue={this.props.location.state.training_Id} /> */}\r\n\r\n                                  <div\r\n                                    className=\"row\"\r\n                                    style={{ padding: \"8px\" }}\r\n                                  >\r\n                                    <div className=\"col-sm-6\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        name=\"TrainingItem\"\r\n                                        id=\"trainingitem\"\r\n                                        value=\"Quality Management\"\r\n                                        readOnly\r\n                                        type=\"text\"\r\n                                        maxLength=\"50\"\r\n                                        placeholder=\"Training Item\"\r\n                                      />\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Training Item\r\n                                      </span>{\" \"}\r\n                                      <span style={{ color: \"red\" }}></span>\r\n                                    </div>\r\n                                    <div className=\"col-sm-6\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        name=\"Department\"\r\n                                        id=\"department\"\r\n                                        value=\"Quality\"\r\n                                        readOnly\r\n                                        type=\"text\"\r\n                                        maxLength=\"50\"\r\n                                        placeholder=\"Department\"\r\n                                      />\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Department\r\n                                      </span>{\" \"}\r\n                                      <span style={{ color: \"red\" }}></span>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-sm-6\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        name=\"TrainerName\"\r\n                                        id=\"trainername\"\r\n                                        value=\"Sushma Sudha\"\r\n                                        readOnly\r\n                                        type=\"text\"\r\n                                        maxLength=\"50\"\r\n                                        placeholder=\"Trainer Name\"\r\n                                      />\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Trainers\r\n                                      </span>{\" \"}\r\n                                      <span style={{ color: \"red\" }}></span>\r\n                                    </div>\r\n                                    <div className=\"col-sm-6\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        name=\"EndDate\"\r\n                                        id=\"end\"\r\n                                        value=\"2\"\r\n                                        readOnly\r\n                                        type=\"text\"\r\n                                        onFocus={this.myDate}\r\n                                        maxLength=\"50\"\r\n                                      />\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        No of Documents\r\n                                      </span>{\" \"}\r\n                                      <span style={{ color: \"red\" }}></span>\r\n                                    </div>\r\n                                    <div className=\"col-sm-6\">\r\n                                      <input\r\n                                        className=\"effect-16\"\r\n                                        name=\"StartDate\"\r\n                                        id=\"start\"\r\n                                        value=\"A crucial concept in total quality management\"\r\n                                        readOnly\r\n                                        type=\"text\"\r\n                                        maxLength=\"50\"\r\n                                      />\r\n                                      <span style={{ color: \"#a29d9d\" }}>\r\n                                        Description\r\n                                      </span>{\" \"}\r\n                                      <span style={{ color: \"red\" }}></span>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <br />\r\n                            <div className=\"row\">\r\n                              <div\r\n                                className=\"col-sm-6\"\r\n                                style={{ textAlign: \"center\" }}\r\n                              >\r\n                                <button\r\n                                  type=\"submit\"\r\n                                  className=\"but \"\r\n                                  style={{\r\n                                    height: \"40.5px\",\r\n                                    width: \"90.36px\",\r\n                                    marginTop: \"-0.3%\",\r\n                                  }}\r\n                                >\r\n                                  Accept\r\n                                </button>\r\n                              </div>\r\n\r\n                              <div\r\n                                className=\"col-sm-6\"\r\n                                style={{ textAlign: \"center\" }}\r\n                              >\r\n                                <Link\r\n                                  onClick={() => this.AssignedTraineePopModel()}\r\n                                >\r\n                                  <button\r\n                                    type=\"submit\"\r\n                                    className=\"but \"\r\n                                    style={{\r\n                                      height: \"40.5px\",\r\n                                      width: \"150px\",\r\n                                      marginTop: \"-0.3%\",\r\n                                    }}\r\n                                  >\r\n                                    Not Interested\r\n                                  </button>\r\n                                </Link>\r\n                                {/* <Link to='/AddTraineePop'  type=\"button\" style={{ width: \"150px\", background: \"white\" }} className=\"btn \">Add Trainees  </Link> */}\r\n                              </div>\r\n                            </div>\r\n                            <br /> <br />\r\n                            <br /> <br />\r\n                          </form>\r\n                        </div>\r\n                        {/* <div className=\"dt-responsive table-responsive table-res\">\r\n\r\n                                            <table id=\"DepartSheet\" className=\"table nowrap\" style={{ maxWidth: \"70%\" }}>\r\n                                                <thead>\r\n                                                    <tr>\r\n                                                        <th>Trainer Name</th>\r\n                                                        <th>Department</th>\r\n                                                        <th>Session</th>\r\n                                                        <th>Start Date</th>\r\n                                                        <th>End Date</th>\r\n\r\n                                                    </tr>\r\n                                                </thead>\r\n                                                <tbody>\r\n\r\n                                                    {Trainername.map(Department => <tr>\r\n                                                        <td>{Department.trainerName}</td>\r\n                                                        <td>{Department.department}</td>\r\n                                                        <td>{Department.trainingItem}</td>\r\n                                                        <td >{Department.startDate}</td>\r\n                                                        <td>{Department.endDate}</td>\r\n                                                    </tr>)}\r\n                                                </tbody>\r\n                                            </table>\r\n\r\n                                        </div> */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import { Details } from \"@material-ui/icons\";\r\nimport React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class TrainerAssignTraining extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    // console.log(this.props.match.params.id);\r\n    this.state = {\r\n      Details: [],\r\n      Trainer: [],\r\n      FileCount: [],\r\n      TrainerCount: [],\r\n    };\r\n  }\r\n  Edit1(training_Id) {\r\n    // console.log(training_Id);\r\n    // console.log(\"fileCount\", this.state.FileCount);\r\n    // console.log(\"TrainerCount\", this.state.TrainerCount);\r\n    var page = {\r\n      pathname: \"/EditTrainingpop1\",\r\n      state: {\r\n        training_Id: training_Id,\r\n        FileCount: this.state.FileCount,\r\n        TrainerCount: this.state.TrainerCount,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n    this.Getloggeddet = this.Getloggeddet.bind(this);\r\n  }\r\n\r\n  componentDidMount() {\r\n    window.addEventListener(\"load\", this.Getloggeddet);\r\n    this.Getloggeddet();\r\n  }\r\n\r\n  Getloggeddet = async (event) => {\r\n    // event.preventDefault();\r\n    // console.log(\"beforevalid\");\r\n\r\n    let Email = JSON.parse(localStorage.getItem(\"email\"));\r\n\r\n    let url = `${BASE_URLs}/Training/Getloggeddet?Email=` + Email;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    // console.log(accessToken);\r\n    await fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        // console.log(\"My Journey Data\", data);\r\n        localStorage.setItem(\r\n          \"deptofloggeduser\",\r\n          JSON.stringify(data[0].department)\r\n        );\r\n        localStorage.setItem(\r\n          \"roleofloggeduser\",\r\n          JSON.stringify(data[0].trainer_Info)\r\n        );\r\n        let roleofloggeduser = JSON.parse(\r\n          localStorage.getItem(\"roleofloggeduser\")\r\n        );\r\n        if (roleofloggeduser == 0) {\r\n          localStorage.setItem(\"roleofloggeduser\", \"User\");\r\n        } else {\r\n          localStorage.setItem(\"roleofloggeduser\", \"Trainer\");\r\n        }\r\n      });\r\n\r\n    let Department = JSON.parse(localStorage.getItem(\"deptofloggeduser\"));\r\n    let roleofloggeduser = localStorage.getItem(\"roleofloggeduser\");\r\n\r\n    if (Department != null && roleofloggeduser == \"User\") {\r\n      // console.log(\"USER\");\r\n      let url =\r\n        `${BASE_URLs}/Training/Getloggedassigndet?Department=` + Department;\r\n\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n      // console.log(accessToken);\r\n      await fetch(url, {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-type\": \"application/json\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        },\r\n        //body:JSON.stringify(data)\r\n      })\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({\r\n            Details: data,\r\n            FileCount: data[0].filecount,\r\n            TrainerCount: data[0].trainercount,\r\n          });\r\n\r\n          // console.log(\"My Traingn Data\", data);\r\n          //  localStorage.setItem('deptofloggeduser', JSON.stringify(data[0].department));\r\n          //localStorage.setItem('roleofloggeduser', JSON.stringify(data[0].trainer_Info));\r\n        });\r\n    } else {\r\n      let url =\r\n        `${BASE_URLs}/Training/GetloggedTrainer?Department=` + Department;\r\n      // console.log(\"TRAINER\");\r\n      let user = JSON.parse(localStorage.getItem(\"user\"));\r\n      const accessToken = user;\r\n      // console.log(accessToken);\r\n      await fetch(url, {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-type\": \"application/json\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n        },\r\n        //body:JSON.stringify(data)\r\n      })\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.setState({\r\n            Trainer: data,\r\n          });\r\n\r\n          // console.log(\"My Traingn Data\", data);\r\n          //  localStorage.setItem('deptofloggeduser', JSON.stringify(data[0].department));\r\n          //localStorage.setItem('roleofloggeduser', JSON.stringify(data[0].trainer_Info));\r\n        });\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const { Details, Trainer } = this.state;\r\n    var Role = localStorage.roleofloggeduser;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a href onClick={() => this.props.history.goBack()}>\r\n                              {\" \"}\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>\r\n                          </div>\r\n                          <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                            {\" \"}\r\n                            Assigned Training\r\n                          </h4>\r\n                        </div>\r\n                        <div className=\"card-header-right\"></div>\r\n                        <div className=\"card-block2\">\r\n                          <form autoComplete=\"off\">\r\n                            <br />\r\n                            <br />\r\n                            <div className=\"container\">\r\n                              <div className=\"col-lg-12\">\r\n                                <div className=\"dt-responsive table-responsive\">\r\n                                  {(() => {\r\n                                    if (Role == \"User\") {\r\n                                      return (\r\n                                        <div>\r\n                                          <table\r\n                                            id=\"add-row-table3\"\r\n                                            className=\"table nowrap\"\r\n                                          >\r\n                                            <thead>\r\n                                              <tr>\r\n                                                <th>Department </th>\r\n                                                <th>Training Topic </th>\r\n                                                <th>Description </th>\r\n                                                <th>Docs </th>\r\n                                                <th>Trainers </th>\r\n                                                <th>Action </th>\r\n                                              </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                              {Details.map((detail) => (\r\n                                                <tr>\r\n                                                  <td>{detail.department}</td>\r\n                                                  <td>{detail.trainingitem}</td>\r\n                                                  <td>{detail.description}</td>\r\n                                                  <td> {detail.filecount}</td>\r\n                                                  <td>\r\n                                                    {\" \"}\r\n                                                    {detail.trainercount}\r\n                                                  </td>\r\n                                                  {/* <td>{detail.ref_Doc} </td>  */}\r\n                                                  {/* <td>{detail.trainingitem}</td> */}\r\n                                                  <td>\r\n                                                    <>\r\n                                                      &nbsp;&nbsp;&nbsp;\r\n                                                      {/* <Link to=\"/TrainerAssign\">  */}\r\n                                                      <button\r\n                                                        className=\"button-30 sk-edit\"\r\n                                                        onClick={(e) => {\r\n                                                          e.preventDefault();\r\n                                                          this.Edit1(\r\n                                                            detail.training_Id\r\n                                                          );\r\n                                                        }}\r\n                                                        // src=\"https://img.icons8.com/android/22/000000/pencil.png\"\r\n                                                      >\r\n                                                        <i className=\"icofont icofont-info\"></i>\r\n                                                      </button>\r\n                                                      {/* <Link to={\"/EditTra/\"+item.group_Id} title=\"Edit\" \r\n                        className=\"btn btn-secondary\" style={{color:\"black\"}} >{edit.result}</Link>&nbsp; */}\r\n                                                      {/* </Link> */}\r\n                                                      &nbsp;&nbsp;\r\n                                                    </>\r\n                                                  </td>\r\n                                                </tr>\r\n                                              ))}\r\n                                            </tbody>\r\n                                          </table>\r\n                                        </div>\r\n                                      );\r\n                                    } else {\r\n                                      return (\r\n                                        <div>\r\n                                          <table\r\n                                            id=\"add-row-table3\"\r\n                                            className=\"table nowrap\"\r\n                                          >\r\n                                            <thead>\r\n                                              <tr>\r\n                                                <th>Department </th>\r\n                                                <th>Training Topic </th>\r\n                                                {/* <th>Description </th>\r\n                                                        <th>Docs </th> */}\r\n                                                {/* <th>Trainers </th> */}\r\n                                                <th>Action </th>\r\n                                              </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                              {Trainer.map((Train) => (\r\n                                                <tr>\r\n                                                  <td>{Train.department}</td>\r\n                                                  <td>{Train.trainingItem}</td>\r\n                                                  {/* <td>{Train.description}</td>\r\n                                  <td>{Train.ref_Doc} </td>  */}\r\n                                                  {/* <td>{detail.trainingitem}</td> */}\r\n                                                  <td>\r\n                                                    <>\r\n                                                      &nbsp;&nbsp;&nbsp;\r\n                                                      {/* <Link to=\"/TrainerAssign\">  */}\r\n                                                      <button\r\n                                                        className=\"button-30 sk-edit\"\r\n                                                        onClick={(e) => {\r\n                                                          e.preventDefault();\r\n                                                          this.Edit1(Train.id);\r\n                                                        }}\r\n                                                        // src=\"https://img.icons8.com/android/22/000000/pencil.png\"\r\n                                                      >\r\n                                                        <i className=\"icofont icofont-info\"></i>\r\n                                                      </button>\r\n                                                      {/* <Link to={\"/EditTra/\"+item.group_Id} title=\"Edit\" \r\n                        className=\"btn btn-secondary\" style={{color:\"black\"}} >{edit.result}</Link>&nbsp; */}\r\n                                                      {/* </Link> */}\r\n                                                      &nbsp;&nbsp;\r\n                                                    </>\r\n                                                  </td>\r\n                                                </tr>\r\n                                              ))}\r\n                                            </tbody>\r\n                                          </table>\r\n                                        </div>\r\n                                      );\r\n                                    }\r\n                                  })()}\r\n                                </div>\r\n                                <br />\r\n                              </div>\r\n                              <br />\r\n                              <br />\r\n                              <br />\r\n                              <br />\r\n                            </div>\r\n                          </form>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div id=\"styleSelector\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Multiselect from \"multiselect-react-dropdown\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport img from \"../../Assets/images/3.png\";\r\nimport excel from \"../../Assets/Files/Training.xlsx\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport axios from \"axios\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport { Image_URLs } from \"../../Config/Base\";\r\n\r\nconst TrainerTrainingDocuments = (props) => {\r\n  const [options, setOptions] = useState([]);\r\n  const [selectedOption, setSelectedOption] = useState(\"\");\r\n  const [data, setData] = useState([]);\r\n  const [department, setDepartment] = useState([]);\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [message, setMessage] = useState(\"\");\r\n\r\n  const handleChange = (e) => {\r\n    setMessage(e.target.value);\r\n  };\r\n\r\n  const openPopup = () => {\r\n    setIsOpen(true);\r\n  };\r\n\r\n  const closePopup = () => {\r\n    setIsOpen(false);\r\n  };\r\n\r\n  function fetchItemsbyId() {\r\n    const { trainerid } = props.location.state;\r\n    // console.log(\"TrainingId\", trainerid);\r\n\r\n    let url = `${BASE_URLs}/Learning/GetDocumentsUsingTrainingItems?id=${trainerid}`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setData(data);\r\n        // console.log(\"PropsValue\", trainerid);\r\n        // console.log(\"DataFetchedById\", data);\r\n      })\r\n      .catch((error) => console.error(error));\r\n  }\r\n\r\n  // const localhost = `https://localhost:44369/Images/${item.file_name}`; // Replace with your API localhost URL\r\n  // const databaseName = 'Aktec'; // Replace with your database name\r\n\r\n  // const apiEndpoint = `${localhost}/${databaseName}`;\r\n\r\n  useEffect(() => {\r\n    fetchData();\r\n    // GetDocument();\r\n    fetchItemsbyId();\r\n  }, []);\r\n\r\n  const fetchData = () => {\r\n    let url = `${BASE_URLs}/Learning/GetLearningTable`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setOptions(data);\r\n        const filteredData = data.filter((value, index, self) => {\r\n          return (\r\n            self.findIndex((item) => item.department === value.department) ===\r\n            index\r\n          );\r\n        });\r\n        setDepartment(filteredData);\r\n        // console.log(\"check\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error:\", error);\r\n      });\r\n  };\r\n\r\n  const handleSelectChange = (event) => {\r\n    const selectedOption = event.target.value;\r\n    setSelectedOption(selectedOption);\r\n    // console.log(\"Selected option:\", selectedOption);\r\n  };\r\n\r\n  const handleClick = () => {\r\n    const excelFilePath = img;\r\n    const newTab = window.open(excelFilePath, \"_blank\");\r\n    newTab.focus();\r\n  };\r\n\r\n  const handleClick1 = () => {\r\n    const FilePath = excel;\r\n    const newTab = window.open(FilePath, \"_child\");\r\n    newTab.focus();\r\n  };\r\n\r\n  const GetDocument = () => {\r\n    fetch(`${BASE_URLs}/Learning/GetDocuments`)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setData(data);\r\n        // console.log(\"doc\", data);\r\n        // console.log(\"id\", data[0].upload_id);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error:\", error);\r\n      });\r\n  };\r\n\r\n  const handledownload = (data) => {\r\n    const fileUrl = `${Image_URLs}/Images/` + data;\r\n    fetch(fileUrl)\r\n      .then((response) => response.blob())\r\n      .then((blob) => {\r\n        const url = window.URL.createObjectURL(new Blob([blob]));\r\n        const link = document.createElement(\"a\");\r\n        link.href = url;\r\n        link.setAttribute(\"download\", data);\r\n        link.click();\r\n\r\n        URL.revokeObjectURL(url);\r\n      });\r\n  };\r\n\r\n  const handleOptionChange = (event) => {\r\n    const selectedOption = event.target.value;\r\n    // console.log(\"Selected option:\", selectedOption);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <SideBar active={window.location.pathname} />\r\n      <div className=\"pcoded-content\">\r\n        <div className=\"pcoded-inner-content\">\r\n          <div className=\"main-body\">\r\n            <div className=\"page-wrapper\">\r\n              <div className=\"page-header\">\r\n                <div className=\"page-header-title\"></div>\r\n              </div>\r\n              <div className=\"page-body\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-sm-12\">\r\n                    <div className=\"card\">\r\n                      <div className=\"glowBox\">\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => window.history.back()}>\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>\r\n                        </div>\r\n                        <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                          Training Documents\r\n                        </h4>\r\n                      </div>\r\n                      {/* <div className=\"card-header-right\">\r\n                        <div className=\"col btnalign\">\r\n                          <select\r\n                            className=\"effect-16 col-lg-2 col-sm-2 col-md-2\"\r\n                            value={selectedOption}\r\n                            onChange={handleSelectChange}\r\n                          >\r\n                            <option value=\"\">Select an option</option>\r\n                            {options.map(option => (\r\n                              <option key={option.department} value={option.upload_id}>\r\n                                {option.department}\r\n                              </option>\r\n                            ))}\r\n                          </select>\r\n                        </div>\r\n                      </div> */}\r\n                      <div className=\"card-block2\">\r\n                        <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n                          <br />\r\n                          <br />\r\n                          <div className=\"container\">\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"dt-responsive table-responsive\">\r\n                                <button\r\n                                  type=\"button\"\r\n                                  className=\"but \"\r\n                                  onClick={openPopup}\r\n                                  style={{\r\n                                    height: \"39.5px\",\r\n                                    width: \"150px\",\r\n                                    marginTop: \"-0.3%\",\r\n                                  }}\r\n                                >\r\n                                  Request Document\r\n                                </button>\r\n                                &nbsp; &nbsp; &nbsp;\r\n                                <table\r\n                                  id=\"add-row-table3\"\r\n                                  className=\"table nowrap\"\r\n                                >\r\n                                  <thead>\r\n                                    <tr>\r\n                                      <th>Documents</th>\r\n                                      <th>Action</th>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {data.map((item, index) => (\r\n                                      <tr key={index}>\r\n                                        <td>\r\n                                          <a\r\n                                            href={`${Image_URLs}/Images/${item.file_name}`}\r\n                                            id=\"if\"\r\n                                            value={item.file_name}\r\n                                            title=\"Iframe Example\"\r\n                                            target=\"_blank\"\r\n                                            style={{\r\n                                              width: \"200px\",\r\n                                              height: \"200px\",\r\n                                            }}\r\n                                          >\r\n                                            {item.file_name}\r\n                                          </a>\r\n                                        </td>\r\n                                        <td\r\n                                          onClick={() =>\r\n                                            handledownload(item.file_name)\r\n                                          }\r\n                                        >\r\n                                          <a\r\n                                            className=\"download\"\r\n                                            style={{\r\n                                              padding: \"2px 15px\",\r\n                                              boxShadow:\r\n                                                \" -2px -2px 16px -2px #5f7ae14a\",\r\n                                            }}\r\n                                          >\r\n                                            <i\r\n                                              title=\"Download Template\"\r\n                                              className=\"icofont icofont-download\"\r\n                                            ></i>\r\n                                          </a>\r\n                                        </td>\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              </div>\r\n                              <br />\r\n                            </div>\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                          </div>\r\n                        </form>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div id=\"styleSelector\"></div>\r\n      </div>\r\n\r\n      {isOpen && (\r\n        <div className=\"pop\">\r\n          <div className=\"popinnernormal\">\r\n            <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n              <button\r\n                style={{\r\n                  float: \"right\",\r\n                  backgroundColor: \"#a0a3a305\",\r\n                  color: \"#797070\",\r\n                  border: \"1px solid #a3a5a505\",\r\n                }}\r\n                onClick={closePopup}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\" style={{ padding: \"8px\" }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"CourseName\"\r\n                    name=\"CourseName\"\r\n                    type=\"text\"\r\n                  />\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                    Requesting Document\r\n                  </span>\r\n                  <div style={{ color: \"red\", float: \"left\" }}> </div>\r\n                  {/* <input type=\"hidden\" name=\"otherdepartment\" className=\"form\" id=\"departmenttext\" /> */}\r\n                  <div style={{ color: \"red\", float: \"left\" }}></div>\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-sm-4\"></div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: \"center\" }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{\r\n                      height: \"39.5px\",\r\n                      width: \"130px\",\r\n                      marginTop: \"-0.3%\",\r\n                    }}\r\n                  >\r\n                    Request to Admin\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n            <br />\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\nexport default TrainerTrainingDocuments;\r\n","export default __webpack_public_path__ + \"static/media/3.ebd4d707.png\";","import React, { useState, useEffect } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport axios from \"axios\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nfunction TrainingsDocuments(props) {\r\n  // const [isOpen, setIsOpen] = useState(false);\r\n  // const [message, setMessage] = useState('');\r\n  const [options, setOptions] = useState([]);\r\n  const [selectedOption, setSelectedOption] = useState(\"\");\r\n  const [department, setDepartment] = useState([]);\r\n  const [relatedRecords, setRelatedRecords] = useState([]);\r\n\r\n  //  const handleChange = (e) => {\r\n  //     setMessage(e.target.value);\r\n  //   };\r\n\r\n  //   const openPopup = () => {\r\n  //     setIsOpen(true);\r\n  //   };\r\n\r\n  //   const closePopup = () => {\r\n  //     setIsOpen(false);\r\n  //   };\r\n  useEffect(() => {\r\n    fetchData();\r\n  }, []);\r\n\r\n  const fetchData = () => {\r\n    let url = `${BASE_URLs}/Learning/GetLearningTable`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n      },\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setOptions(data);\r\n        const filteredData = data.filter((value, index, self) => {\r\n          return (\r\n            self.findIndex(\r\n              (item) => item.trainingitem === value.trainingitem\r\n            ) === index\r\n          );\r\n        });\r\n        setDepartment(filteredData);\r\n        // // console.log(\"TrainingId\",data[1].training_Id)\r\n        // console.log(\"check\", data);\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error:\", error);\r\n      });\r\n  };\r\n\r\n  const GetDocumentUsingDepartment = async () => {\r\n    try {\r\n      const response = await fetch(\"https://api.example.com/data\");\r\n      if (response.ok) {\r\n        const jsonData = await response.json();\r\n        setRelatedRecords(jsonData);\r\n      } else {\r\n        throw new Error(\"Error while fetching data\");\r\n      }\r\n    } catch (error) {\r\n      console.error(error);\r\n    }\r\n  };\r\n\r\n  const handleSubmit = () => {\r\n    var requestDocument = document.getElementById(\"CourseName\").value;\r\n    // var image = document.getElementById('file-input').value;\r\n\r\n    const data = {\r\n      documentsName: requestDocument,\r\n    };\r\n    axios({\r\n      method: \"POST\",\r\n\r\n      url: `${BASE_URLs}/Trainer/AddRequestDocument`,\r\n\r\n      data,\r\n\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n      },\r\n    })\r\n      .then((response) => {\r\n        // console.log(response.data);\r\n\r\n        if (response.data.status === \"Success\") {\r\n          alert(\"User Registered Successfully\");\r\n        } else if (response.data.status === \"UserError\") {\r\n          alert(\"User Already Exist !\");\r\n        } else if (response.data.status === \"Error\") {\r\n          // toast.error(\"User creation failed !\", {\r\n\r\n          //   position: \"top-center\",\r\n\r\n          //   autoClose: 3200,\r\n\r\n          //   hideProgressBar: false,\r\n\r\n          //   closeOnClick: true,\r\n\r\n          //   pauseOnHover: true,\r\n\r\n          //   draggable: true,\r\n\r\n          //   progress: undefined,\r\n\r\n          //   className: 'toast-message'\r\n\r\n          //   });\r\n          alert(\"User Creation Failed\");\r\n          // setTimeout(() => {\r\n\r\n          // }, 5000);\r\n        }\r\n      })\r\n\r\n      .catch((error) => {\r\n        // console.log(error);\r\n      });\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <SideBar active={window.location.pathname} />\r\n\r\n      <div className=\"pcoded-content\">\r\n        <div className=\"pcoded-inner-content\">\r\n          <div className=\"main-body\">\r\n            <div className=\"page-wrapper\">\r\n              <div className=\"page-header\">\r\n                <div className=\"page-header-title\"></div>\r\n              </div>\r\n              <div className=\"page-body\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-sm-12\">\r\n                    <div className=\"card\">\r\n                      <div className=\"glowBox\">\r\n                        <div style={{ float: \"left\" }}>\r\n                          <a href onClick={() => window.history.back()}>\r\n                            {\" \"}\r\n                            <i\r\n                              className=\"icofont icofont-arrow-left\"\r\n                              style={{ fontSize: \"45px\", color: \"white\" }}\r\n                            />\r\n                          </a>\r\n                        </div>\r\n                        <h4 style={{ marginRight: \"4%\" }} className=\"title\">\r\n                          {\" \"}\r\n                          Training Documents\r\n                        </h4>\r\n                      </div>\r\n                      <div className=\"card-header-right\"></div>\r\n                      <div className=\"card-block2\">\r\n                        <form autoComplete=\"off\" encType=\"multipart/form-data\">\r\n                          <br />\r\n                          <br />\r\n                          <div className=\"container\">\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"dt-responsive table-responsive\">\r\n                                {/* <button type=\"button\"  className=\"but \" onClick={openPopup} style={{ height: '39.5px', width: '150px', marginTop: \"-0.3%\" }}>Request Document</button>&nbsp;  &nbsp;  &nbsp; */}\r\n\r\n                                <table\r\n                                  id=\"add-row-table3\"\r\n                                  className=\"table nowrap\"\r\n                                >\r\n                                  <thead>\r\n                                    <tr>\r\n                                      <th>Training Topic </th>\r\n                                      <th> </th>{\" \"}\r\n                                      {/* <th>Office Document </th> */}\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {options.map((item, index) => (\r\n                                      <tr key={index}>\r\n                                        <td> {item.trainingitem}</td>\r\n                                        <td>\r\n                                          <>\r\n                                            &nbsp;&nbsp;{\" \"}\r\n                                            <button\r\n                                              className=\"button-30\"\r\n                                              type=\"button\"\r\n                                              style={{\r\n                                                color: \"rgb(94, 217, 135)\",\r\n                                              }}\r\n                                            >\r\n                                              &nbsp;{\" \"}\r\n                                              <Link\r\n                                                to={{\r\n                                                  pathname:\r\n                                                    \"/TrainerTrainingDocuments\",\r\n                                                  state: {\r\n                                                    trainerid: item.training_Id,\r\n                                                  },\r\n                                                }}\r\n                                              >\r\n                                                {\" \"}\r\n                                                <i className=\"icofont icofont-info\"></i>\r\n                                              </Link>\r\n                                            </button>{\" \"}\r\n                                            &nbsp;&nbsp;\r\n                                          </>\r\n                                        </td>\r\n                                        {/* <td>\r\n                                  <a id=\"if\" title=\"Iframe Example\" style={{ width: '200px', height: '200px' }}></a>\r\n                                </td> */}\r\n                                      </tr>\r\n                                    ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              </div>\r\n                              <br />\r\n                            </div>\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                            <br />\r\n                          </div>\r\n                        </form>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div id=\"styleSelector\"></div>\r\n      </div>\r\n\r\n      {/* {isOpen && (\r\n        <div className=\"pop\">\r\n          <div className=\"popinnernormal\">\r\n            <form autoComplete=\"off\" encType=\"multipart/form-data\" onSubmit={handleSubmit}>\r\n              <button\r\n                style={{ float: 'right', backgroundColor: '#a0a3a305', color: '#797070', border: '1px solid #a3a5a505' }}\r\n                onClick={closePopup}\r\n              >\r\n                <CloseIcon />\r\n              </button>\r\n\r\n              <div className=\"row\" style={{ padding: '8px' }}>\r\n                <div className=\"col-sm-3\"></div>\r\n                <div className=\"col-sm-8\">\r\n                  <input\r\n                    className=\"form\"\r\n                    maxLength=\"50\"\r\n                    id=\"CourseName\"\r\n                    name=\"CourseName\"\r\n                    type=\"text\"\r\n                    value={message}\r\n                    onChange={handleChange}\r\n                  />\r\n                  <span style={{ color: '#a29d9d', float: 'left' }}>Requesting Document</span>\r\n                  <div style={{ color: 'red', float: 'left' }}> </div> */}\r\n      {/* <input type=\"hidden\" name=\"otherdepartment\" className=\"form\" id=\"departmenttext\" /> */}\r\n      {/* <div style={{ color: 'red', float: 'left' }}></div>\r\n                  <span className=\"underline\" />\r\n                </div>\r\n                <div className=\"col-sm-4\"></div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-sm-12\" style={{ textAlign: 'center' }}>\r\n                  <button\r\n                    type=\"submit\"\r\n                    className=\"but\"\r\n                    style={{ height: '39.5px', width: '130px', marginTop: '-0.3%' }}\r\n                  >\r\n                    Request to Admin\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n            <br />\r\n          </div>\r\n        </div>\r\n      )} */}\r\n    </div>\r\n  );\r\n}\r\nexport default TrainingsDocuments;\r\n","import React, { useState } from \"react\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport { Input } from \"@material-ui/icons\";\r\n\r\nconst EditMessagepop = (props) => {\r\n  const [formErrors, setFormErrors] = useState({});\r\n  const [TitleErr, setTitleErr] = useState({});\r\n\r\n  const handleSubmit = (event) => {\r\n    event.preventDefault();\r\n\r\n    const data = new FormData(event.target);\r\n\r\n    fetch(`${BASE_URLs}/Contact/EditPreMessages`, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    })\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Success\") {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          document.getElementById(\"EditMsgpop\").style.display = \"none\";\r\n          setTimeout(function () {\r\n            document.getElementById(\"close\").click();\r\n          }, 4000);\r\n        }\r\n      });\r\n  };\r\n\r\n  const handleChange = () => {\r\n    var Title = document.getElementById(\"title\").value;\r\n    var Description = document.getElementById(\"desc\").value;\r\n    // var Category = document.getElementById(\"category\").value;\r\n    if (!Title) {\r\n      document.getElementById('TitleErr').innerHTML = \"Subject is required\"\r\n    }\r\n    else {\r\n      document.getElementById('TitleErr').innerHTML = \"\"\r\n    }\r\n    if (!Description) {\r\n      document.getElementById('DescErr').innerHTML = \"Message is required\"\r\n    }\r\n    else {\r\n      document.getElementById('DescErr').innerHTML = \"\"\r\n    }\r\n    // if (!Category) {\r\n    //   document.getElementById('CatgErr').innerHTML = \"Category is required\"\r\n    // }\r\n    // else {\r\n    //   document.getElementById('CatgErr').innerHTML = \"\"\r\n    // }\r\n  };\r\n\r\n  const w = window.innerWidth;\r\n  const { BusinessUnit } = formErrors;\r\n\r\n  return (\r\n    <>\r\n      <ToastContainer\r\n        position=\"top-center\"\r\n        autoClose={1500}\r\n        hideProgressBar={false}\r\n        newestOnTop={false}\r\n        closeOnClick\r\n        rtl={false}\r\n        pauseOnFocusLoss\r\n        draggable\r\n        pauseOnHover\r\n      />\r\n      <div className=\"pop\">\r\n        <div\r\n          className={\r\n            w > 768\r\n              ? \"popinnernormal oneFieldPop\"\r\n              : \"popinnernormal oneFieldPopMobile\"\r\n          }\r\n          style={{ padding: \"1%\" }}\r\n          id=\"EditMsgpop\"\r\n        >\r\n          <button\r\n            id=\"close\"\r\n            style={{\r\n              float: \"right\",\r\n              backgroundColor: \"#a0a3a305\",\r\n              color: \"#797070\",\r\n              border: \"1px solid #a3a5a505\",\r\n            }}\r\n            onClick={props.close}\r\n          >\r\n            <CloseIcon />\r\n          </button><br />\r\n          <form autoComplete=\"off\" onSubmit={handleSubmit}>\r\n            <div className=\"container\">\r\n              {/* <b>\r\n                                {\" \"}\r\n                                <Link\r\n                                  style={{ cursor: \"pointer\", float: \"right\" }}\r\n                                  to=\"AnnouncementPreview\"\r\n                                >\r\n                                  View Previous Announcements\r\n                                </Link>\r\n                              </b>\r\n                              <br /> <br /> */}\r\n              {/* <center style={{fontSize:'15px',color:'#5035ce'}}>Create New Announcements</center>\r\n                              <br /> */}\r\n              <center\r\n                // className=\"row\"\r\n                // style={{\r\n                //   alignItems: \"center\",\r\n                //   justifyContent: \"center\",\r\n                \r\n                // }}\r\n              >\r\n                <div className=\"col-lg-8 input-effect\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Contact_Id\"\r\n                    defaultValue={props.values.contact_Id}\r\n                  />\r\n                  <textarea\r\n                    className=\"form\"\r\n                    defaultValue={props.values.cSubject}\r\n                    id=\"title\"\r\n                    name=\"cSubject\"\r\n                    type=\"text\"\r\n                     onChange={handleChange}\r\n                    placeholder=\"\"\r\n                  // maxLength={30}\r\n                  />\r\n                  {/* {BusinessUnit == null ? (\r\n                  <span style={{ color: \"#a29d9d\", float: \"left\" }}>\r\n                    {\" \"}\r\n                    Title<span style={{ color: \"red\", float: \"left\" }}></span>\r\n                  </span>\r\n                ) : (\r\n                  <span\r\n                    style={{ color: \"red\", float: \"left\" }}\r\n                    className={BusinessUnit ? \" showError\" : \"\"}\r\n                  >\r\n                    {BusinessUnit}\r\n                  </span>\r\n                )} */}\r\n\r\n                  <span style={{ color: 'rgb(162, 157, 157)', float: \"left\" }}>Subject</span>\r\n                  <br />\r\n\r\n                  <span id=\"TitleErr\" style={{ color: 'red', float: \"left\" }}></span>\r\n                  <span className=\"underline\" />\r\n\r\n\r\n                </div>\r\n                <div className=\"col-lg-8 input-effect\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Contact_Id\"\r\n                    defaultValue={props.values.contact_Id}\r\n                  />\r\n                  <textarea\r\n                    className=\"form\"\r\n                    defaultValue={props.values.cMsg}\r\n                    id=\"desc\"\r\n                    name=\"cMsg\"\r\n                    type=\"text\"\r\n                     onChange={handleChange}\r\n                    placeholder=\"\"\r\n                  // maxLength={30}\r\n                  />\r\n\r\n                  <span style={{ color: 'rgb(162, 157, 157)', float: \"left\" }}>Message</span>\r\n                  <br />\r\n\r\n                  <span id=\"DescErr\" style={{ color: 'red', float: \"left\" }}></span>\r\n\r\n                  <span className=\"underline\" />\r\n\r\n                </div>\r\n\r\n                <div className=\"col-lg-8\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Contact_Id\"\r\n                    defaultValue={props.values.contact_Id}\r\n                  />\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"oldimage\"\r\n                    defaultValue={\r\n                      props.values.image\r\n                    }\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    defaultValue={props.values.image}\r\n                    id=\"image\"\r\n                    name=\"image\" \r\n                    onFocus={(e) => (e.target.type = \"file\")}\r\n                    // onChange={handleChange}\r\n                    placeholder=\"\"\r\n                    multiple\r\n                  />\r\n\r\n                  <span style={{ color: 'rgb(162, 157, 157)', float: \"left\" }}>Attachment</span>\r\n                  <span className=\"underline\" />\r\n\r\n                </div>\r\n              </center>\r\n              {/* <div\r\n                className=\"row\"\r\n                style={{\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  width:'98%'\r\n                }}\r\n              >\r\n                <div className=\"col-lg-5 input-effect\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={props.values.id}\r\n                  />\r\n                  <select\r\n                    className=\"form selectleftalign\"\r\n                    defaultValue={props.values.category}\r\n                    id=\"category\"\r\n                    name=\"category\"\r\n                  // style={{marginLeft:'-3px'}}\r\n                  >\r\n                    <option value=\"\">Select</option>\r\n                    <option value=\"General\">\r\n                      General\r\n                    </option>\r\n                    <option value=\"Software Updates\">\r\n                      Software Updates\r\n                    </option>\r\n                    <option value=\"HR\">HR </option>\r\n                    <option value=\"Company\">Company</option>\r\n                    <option value=\"Foundations\">\r\n                      Foundations\r\n                    </option>\r\n                    <option value=\"Events\">Events</option>\r\n                  </select>\r\n                 \r\n                  <span style={{ color: 'rgb(162, 157, 157)', float: \"left\" }}>Category</span>\r\n                  <br />\r\n\r\n                  <span id=\"CatgErr\" style={{ color: 'red', float: \"left\" }}></span>\r\n\r\n                  <span className=\"underline\" />\r\n\r\n                </div>\r\n\r\n                <div className=\"col-lg-5\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"Id\"\r\n                    defaultValue={props.values.id}\r\n                  />\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"oldimage\"\r\n                    defaultValue={\r\n                      props.values.image\r\n                    }\r\n                  />\r\n                  <input\r\n                    className=\"form\"\r\n                    defaultValue={props.values.image}\r\n                    id=\"image\"\r\n                    name=\"image\"\r\n                    onFocus={(e) => (e.target.type = \"file\")}\r\n                    onChange={handleChange}\r\n                    placeholder=\"\"\r\n                    multiple\r\n                  // maxLength={30}\r\n                  />\r\n\r\n                  <span style={{ color: 'rgb(162, 157, 157)', float: \"left\" }}>Choose Related files</span>\r\n                  <span className=\"underline\" />\r\n\r\n                </div>\r\n              </div> */}\r\n            </div>\r\n\r\n\r\n            <div className=\"col-lg-12\">\r\n              <div className=\"row  justify-content-center\" >\r\n                <button\r\n                  type=\"submit\"\r\n\r\n                  className=\"but\"\r\n                  style={{\r\n                    height: \"39.5px\",\r\n                    width: \"83.36px\",\r\n                  }}\r\n                >\r\n                  Submit\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default EditMessagepop;","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport ReactTimeAgo from \"react-time-ago\";\r\nimport EditMessagepop from \"../../Common/EditMessagepop\";\r\nimport { BASE_URLs } from \"../../Config/Base\"\r\nimport fileImg from \"../../Assets/images/document.png\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { Image_URLs } from \"../../Config/Base\";\r\nexport default class AnnouncementPreview extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Messages: [],\r\n      AllMessages: [],\r\n      EditBusinessValues: [],\r\n      EditModel: false,\r\n      status: false,\r\n      isOpen: false,\r\n      MessageDetails: [],\r\n      Filterpop: false,\r\n      letters: [],\r\n      clickedContents:\r\n        JSON.parse(localStorage.getItem(\"clickedContents\")) || {},\r\n    };\r\n  }\r\n\r\n  GetMessages() {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(`${BASE_URLs}/Contact/GetAdminContactmsg`, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Messages: data,\r\n          AllMessages: data,\r\n        });\r\n\r\n        // console.log(\"Value\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  EditModel = (e, fn, msg, img) => {\r\n    this.setState({\r\n      EditBusinessValues: {\r\n        contact_Id: e,\r\n        cSubject: fn,\r\n        cMsg: msg,\r\n        image: img\r\n      },\r\n    });\r\n    this.setState((prevState) => ({\r\n      EditModel: !prevState.EditModel,\r\n    }));\r\n\r\n    this.GetMessages();\r\n  };\r\n\r\n  Details(contact_Id) {\r\n    var page = {\r\n      pathname: \"/MessagePrev\",\r\n      state: {\r\n        Contact_Id: contact_Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  GetUserProfile() {\r\n    let url = `${BASE_URLs}/Profile/Userprofile`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Profile_Pic: data,\r\n        });\r\n\r\n        // //\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetMessages();\r\n    this.GetUserProfile();\r\n\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n\r\n    //  var role =JSON.parse(localStorage.Role);\r\n  }\r\n  //   DeleteButtons=(id)=>{\r\n\r\n  //     const data = new FormData();\r\n\r\n  //      if (window.confirm(\"Are you sure you want to delete this record permenently?\")){\r\n\r\n  //       var options = {\r\n\r\n  //       method: 'POST',\r\n\r\n  //       headers:{\r\n\r\n  //           Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n\r\n  //       },\r\n  //       body: data\r\n\r\n  //   };\r\n  //   fetch(`${BASE_URLs}/Announcement/DeletePreviewannounce?Id=\"+id,options)\r\n\r\n  //   .then(response => response.json())\r\n  //   .then(data => {\r\n\r\n  //     toast.success(\r\n  //       data.message,{\r\n  //       position: \"top-center\",\r\n  //       autoClose: 3200,\r\n  //       hideProgressBar: false,\r\n  //       closeOnClick: true,\r\n  //       pauseOnHover: true,\r\n  //       draggable: true,\r\n  //       progress: undefined,\r\n  //       })\r\n\r\n  //   }\r\n  //   );\r\n  //   this.GetAnnouncement();\r\n  // }\r\n\r\n  //   }\r\n\r\n  // DeleteGroup= (Id) =>{\r\n  //   var x = window.confirm('Are you sure you want to delete this record permenently?');\r\n  //   if (x){\r\n  //   fetch('${BASE_URLs}/Announcement/DeletePreviewannounce?Id='+Id,\r\n  //    { method: 'POST' })\r\n\r\n  //   .then(() => this.setState({ status: 'Delete successful' }));\r\n\r\n  //   window.location.reload();\r\n  // }\r\n  // else{\r\n  //   return false;\r\n  // }\r\n  // // this.GetAnnouncement();\r\n  // }\r\n\r\n  DeleteButton = (Contact_Id) => {\r\n\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        // body: data\r\n      };\r\n      fetch(`${BASE_URLs}/Contact/DeletePreviewMsg?Contact_Id=` + Contact_Id, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          this.GetMessages();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        });\r\n\r\n    }\r\n  };\r\n  handleContentClick(contact_Id) {\r\n    const clickedContents = { ...this.state.clickedContents };\r\n    clickedContents[contact_Id] = true;\r\n    localStorage.setItem(\"clickedContents\", JSON.stringify(clickedContents));\r\n    this.setState({ clickedContents });\r\n  }\r\n  bothonclick(contact_Id) {\r\n    this.handleContentClick(contact_Id);\r\n    this.Details(contact_Id);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  truncateTitle(subject, maxLength) {\r\n    if (subject.length > maxLength) {\r\n      return subject.substring(0, maxLength) + \"...\";\r\n    }\r\n    return subject;\r\n  }\r\n\r\n  GetMessagesDetails(contact_Id) {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    // var Contact_Id = this.props.location.state.Contact_Id;\r\n    this.setState({\r\n      isOpen: true\r\n    })\r\n    const accessToken = user;\r\n    fetch(`${BASE_URLs}/Contact/AdminMessageid?Contact_Id=` + contact_Id, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          MessageDetails: data,\r\n        });\r\n\r\n        // console.log(\"Value\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n  popupclose = () => {\r\n    this.setState({\r\n      isOpen: false\r\n    })\r\n  }\r\n\r\n  getFileType(path) {\r\n    const extension = path.split('.').pop().toLowerCase();\r\n    if (['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(extension)) {\r\n      return 'image';\r\n    } else if (['mp4', 'avi', 'mov', 'wmv', 'mkv'].includes(extension)) {\r\n      return 'video';\r\n    } else if (['pdf', 'xls', 'xlsx'].includes(extension)) {\r\n      return 'document';\r\n    } else {\r\n      return 'file';\r\n    }\r\n  }\r\n\r\n  filterfunction = (e) => {\r\n    const Messages = this.state.AllMessages.filter(\r\n      (item) =>\r\n        item.cSubject.toLowerCase().includes(e.target.value.toLowerCase()) \r\n    );\r\n    this.setState({ Messages, showResults: true, });\r\n  }\r\n\r\n  handleFilter = (letter, event) => {\r\n    event.preventDefault();\r\n    const Messages = this.state.AllMessages.filter((item) => {\r\n      return (    \r\n        item.cSubject.toLowerCase().startsWith(letter.toLowerCase())\r\n      );\r\n    });\r\n    this.setState({ Messages, showResults: true,  });\r\n  };\r\n\r\n  handleImageClick = (url) => {\r\n    window.open(url, '_blank');\r\n     };\r\n  render() {\r\n    const { Filterpop,MessageDetails, Messages, status, isOpen } = this.state;\r\n    return (\r\n      <div>\r\n\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 className=\"title\" style={{ marginRight: \"50px\" }}>\r\n                            Contact Admin\r\n                          </h4>\r\n                          {this.state.EditModel ? (\r\n                            <EditMessagepop\r\n                              values={this.state.EditBusinessValues}\r\n                              close={() => this.EditModel()}\r\n                            />\r\n                          ) : null}\r\n                        </div>\r\n\r\n                        {isOpen ?\r\n                          <div className=\"col-lg-12\">\r\n                            <div className=\"popup\" style={{ textAlign: 'left' }}>\r\n                              <div className=\"popup-content\">\r\n                                <div className=\"Announcedetailspop\" >\r\n                                  <i\r\n                                    className=\"fa fa-times\"\r\n                                    aria-hidden=\"true\"\r\n                                    style={{\r\n                                      color: \"gray\",\r\n                                      marginLeft: \"90%\",\r\n                                      fontSize: \"17px\",\r\n                                      cursor: 'pointer'\r\n                                    }}\r\n                                    onClick={this.popupclose}\r\n                                  ></i>\r\n                                  <br />\r\n                                  <center><h6><b>Message Details</b></h6></center>\r\n                                  <div className=\"card-block\" style={{ overflow: \"scroll\" }}>\r\n                                    <div>\r\n                                      {MessageDetails.map((Message) => (\r\n                                        <>\r\n                                          {Message.image === \"-\" ? (\r\n                                            <div>\r\n                                            <div>\r\n                                              <span\r\n                                                key={Message.contact_Id}\r\n                                                style={{ margin: \"0%\", whiteSpace: \"pre-wrap\" }}\r\n                                              >\r\n                                                <b>Subject:</b>&nbsp;\r\n                                                <span style={{ overflowWrap: \"break-word\", width: \"50%\" }}>\r\n                                                  {Message.cSubject}\r\n                                                </span>\r\n                                                <br /><br />\r\n                                                <b>Message:</b>&nbsp;\r\n                                                <span style={{ width: \"50%\" }}>\r\n                                                  {Message.cMsg}\r\n                                                </span>\r\n                                              </span>\r\n                                            </div>\r\n                                          </div>\r\n                                          ) : (\r\n                                            <div style={{ width:\"97%\",height: \"237px\", overflow: \"scroll\"}}>\r\n                                            {Message.image.split(',').map((imageUrl, index) => (\r\n                                              <div style={{ display: \"inline-block\", marign: \"10px\", whiteSpace: \"pre-wrap\",}} key={index}>\r\n                                                {index === 0 && (\r\n                                                  <>\r\n                                                  <span style={{ margin: \"40px\" }}>\r\n                                                  <b>Subject:</b>&nbsp;\r\n                                                  <span style={{ overflowWrap: \"break-word\", width: \"50%\", }} > {Message.cSubject}</span></span><br /><br />\r\n                                                  <span style={{ margin: \"40px\" }}>\r\n                                                  <b>Message:</b>&nbsp;<span style={{ overflowWrap: \"break-word\", width: \"50%\", }}>{Message.cMsg}</span></span><br /><br />\r\n                                                  <span style={{ margin: \"40px\" }}>\r\n                                                  <b>Attachment:</b>&nbsp;</span>\r\n                                                  <br />\r\n                                                  \r\n                                                  </>\r\n                                                )}\r\n\r\n                                                <div style={{margin:\"10px\"}}>\r\n                                                {this.getFileType(imageUrl) === 'image' ? (\r\n                                                  \r\n                                                  <span style={{ margin:\"30px\" }}>\r\n                                                  <b>Image:&nbsp;</b>\r\n\r\n{imageUrl.split(',').map((Url, index) => (\r\n<img\r\nkey={index}\r\nalt={`Image ${index}`}\r\nsrc={imageUrl.trim()} \r\nstyle={{ width: \"100px\", height: \"100px\" }}\r\nonClick={() => this.handleImageClick(Url.trim())}\r\n/>\r\n))}\r\n                                                  </span>\r\n                                                ) : this.getFileType(imageUrl) === 'video' ? (\r\n                                                  <span style={{ display: \"flex\", margin:\"30px\" }}>\r\n                                                    <span><b>video:</b></span>\r\n                                                    <video\r\n                                                      controls\r\n                                                      style={{ width: \"125px\", height: '118px', marginTop: '-45px', marginLeft:\"8px\" }}\r\n                                                    >\r\n                                                      <source src={imageUrl} type=\"video/mp4\" />\r\n                                                      <source src={imageUrl} type=\"video/ogg\" />\r\n                                                    </video>\r\n                                                  </span>\r\n                                                ) : (\r\n                                                  <span style={{margin:\"30px\"}}>\r\n                                                    <b>File:</b> \r\n                                                    <img\r\n                                                      src={fileImg}\r\n                                                      style={{ height: \"30px\", width: \"30px\" }}\r\n                                                    />\r\n                                                    &nbsp;\r\n                                                    <a\r\n                                                      href={imageUrl}\r\n                                                      name=\"picture\"\r\n                                                      readOnly\r\n                                                      value={imageUrl}\r\n                                                      title=\"\"\r\n                                                      target=\"_blank\"\r\n                                                    >\r\n                                                      <span>\r\n                                                      \r\n                                                        {imageUrl.replace(\r\n                                                    `${Image_URLs}/Images/`,\r\n                                                    \" \"\r\n                                                  )}\r\n                                                      </span>\r\n                                                    </a>\r\n                                                  </span>\r\n                                                )}\r\n                                                </div>\r\n\r\n                                              </div>\r\n                                            ))}\r\n                                              {/* {Message.image !== \"-\" ? (\r\n\r\n\r\n                                                <div>\r\n\r\n                                                <span\r\n                                                  key={Message.contact_Id}\r\n                                                style={{ margin: \"0%\" }}\r\n                                              >\r\n\r\n                                                <b>Subject:</b> &nbsp; <span\r\n                                                  style={{ overflowWrap: \"break-word\", width: \"50%\", }}\r\n                                                > {Message.cSubject}</span><br /><br />\r\n                                                <b>Message:</b> &nbsp; <span\r\n                                                  style={{ overflowWrap: \"break-word\", width: \"50%\", }}\r\n                                                > {Message.cMsg}</span><br /><br />\r\n                                                     <b>Attachment:</b> &nbsp;                                                     \r\n                                              </span>\r\n                                             \r\n                                                  <div\r\n                                                    className=\"card-Announcement\"\r\n                                                    style={{\r\n                                                      position: \"relative\",\r\n                                                      overflow: \"hidden\",\r\n                                                      backgroundColor: \"white\",\r\n                                                    }}\r\n                                                  >\r\n                                                    <h6 key={Message.contact_Id} style={{}}>\r\n                                                      <center>\r\n                                                        {\" \"}\r\n                                                        <span>Message:</span>&nbsp;\r\n                                                        <span>{Message.cMsg}</span>\r\n                                                      </center>\r\n                                                    </h6>\r\n                                                    <div className=\"row\">\r\n                                                      <div className=\"col-lg-6\">\r\n                                                        <img\r\n                                                          alt=\"announceimg\"\r\n                                                          width=\"320\"\r\n                                                          height=\"240\"\r\n                                                          src={Message.image}\r\n                                                          style={{ width: \"inherit\" }}\r\n                                                        />\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  </div>\r\n                                                </div>\r\n                                              ) : (\r\n                                                <>\r\n                                                  {Message.image === \"-\" ? (\r\n                                                    <div className=\"col-lg-12\">\r\n                                                      <div\r\n                                                        className=\"card-Announcement\"\r\n                                                        style={{\r\n                                                          position: \"relative\",\r\n                                                          overflow: \"hidden\",\r\n                                                          backgroundColor: \"white\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <div className=\"col-lg-12\">\r\n                                                          <h6\r\n                                                            key={Message.contact_Id}\r\n                                                            style={{}}\r\n                                                          >\r\n                                                            <center>\r\n                                                              {\" \"}\r\n                                                              <span>Message:</span>&nbsp;\r\n                                                              <span>\r\n                                                                {\" \"}\r\n                                                                {Message.cMsg}\r\n                                                              </span>\r\n                                                            </center>\r\n                                                          </h6>\r\n                                                        </div>\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  ) : (\r\n                                                    <div className=\"col-lg-12\">\r\n                                                      <div\r\n                                                        className=\"card-Announcement\"\r\n                                                        style={{\r\n                                                          position: \"relative\",\r\n                                                          overflow: \"hidden\",\r\n                                                          backgroundColor: \"white\",\r\n                                                        }}\r\n                                                      >\r\n                                                        <h6\r\n                                                          key={Message.contact_Id}\r\n                                                          style={{}}\r\n                                                        >\r\n                                                          <center>\r\n                                                            {\" \"}\r\n                                                            <span>Message:</span>&nbsp;\r\n                                                            <span> {Message.cMsg}</span>\r\n                                                          </center>\r\n                                                        </h6>\r\n                                                        <div className=\"row\">\r\n                                                          <div\r\n                                                            className=\"col-lg-12\"\r\n                                                            style={{ padding: \"0% 28%\" }}\r\n                                                          >\r\n                                                            <img\r\n                                                              alt=\"announceimg\"\r\n                                                              width=\"320\"\r\n                                                              height=\"240\"\r\n                                                              src={Message.image}\r\n                                                              style={{ width: \"inherit\" }}\r\n                                                            />\r\n                                                          </div>\r\n                                                        </div>\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  )}\r\n                                                </>\r\n                                              )} */}\r\n                                            </div>\r\n                                          )}\r\n                                        </>\r\n                                      ))}\r\n                                    </div>\r\n                                  </div>\r\n                                </div> </div> </div></div> : null}\r\n\r\n\r\n                         <div className=\"card-block\">\r\n\r\n                        <Link\r\n                            to=\"/Contact\"\r\n                            style={{\r\n                              textAlign: \"center\", marginLeft: \"20px\",\r\n                              width: \"200px\", background: \"white\"\r\n                            }}\r\n                            className=\"btn\"\r\n                          >\r\n                            {\" \"}\r\n                            <i className=\"fa-solid fa-plus\"></i><span id='buttonlabel'>Create New Message</span>\r\n                          </Link>\r\n                          \r\n\r\n                         \r\n                            <input\r\n                              type=\"text\"\r\n                              className=\"Searchbox usersearch\"\r\n                              placeholder=\"Search\"\r\n                              style={{ float: 'right' }}\r\n                              //  onKeyPress={this.handleKeyPress}\r\n                               onClick={() => {\r\n                                                        this.setState({\r\n                                                        Filterpop: true,\r\n                                                        Filterpop: !this.state.Filterpop,\r\n                                                        });\r\n                                                        }}\r\n                              readOnly\r\n\r\n                            />\r\n                        </div>\r\n               \r\n\r\n                        <div className=\"card-block\">\r\n                          <div className=\"dt-responsive table-responsive\"\r\n                            id={Messages.length <= 5? \"UserNoAnnLength\" : \"Above10\"}\r\n                          //  style={Filterpop?{}:{\r\n                          //   marginTop:'-45px'\r\n                          //  }}\r\n                          >\r\n                            {Messages.length === 0 ?\r\n                              <center>\r\n\r\n                                <p>No Record</p>\r\n                              </center>\r\n                              : null}\r\n                            {Messages.length !== 0 ? (<table\r\n                              id=\"add-row-table3\"\r\n                              className=\"table nowrap\"\r\n                              style={Filterpop?{ marginTop: \"48px\" }:{marginTop:'0px'}}\r\n                            >\r\n                              <thead id='tablepadding'><tr>\r\n                                <th></th>\r\n                                <th>Message Details</th>\r\n                                <th><span style={{ marginLeft: \"12px\" }}>Actions</span></th>\r\n                              </tr>\r\n                              </thead>\r\n\r\n                              <tbody id='tablepadding'>\r\n\r\n                                <>\r\n                                  {Messages.map((Message) => (\r\n                                    <>\r\n\r\n                                      <tr>\r\n\r\n                                        <td></td>\r\n                                        <td>\r\n                                          {/* <Link\r\n                                        onClick={() =>\r\n                                          this.bothonclick(Message.contact_Id)\r\n                                        }\r\n                                        style={{\r\n                                          color: this.state.clickedContents[\r\n                                            Message.contact_Id\r\n                                          ]\r\n                                            ? \"gray\"\r\n                                            : \"black\",\r\n                                          cursor: \"pointer\",\r\n                                        }}\r\n                                      > */}\r\n                                          <span>Subject:&nbsp;</span>\r\n                                          <a href=\"#\" onClick={(event) => {\r\n                                            event.preventDefault();\r\n                                            this.GetMessagesDetails(Message.contact_Id)\r\n                                          }}>{this.truncateTitle(Message.cSubject, 85)}</a>\r\n                                          {/* <span>Subject:</span>&nbsp;\r\n                                        <span>{Message.cSubject}</span> */}\r\n                                          &nbsp;<span\r\n                                            style={{ cursor: 'pointer', fontSize: \"12px\" }}\r\n                                            onClick={() =>\r\n\r\n                                              this.GetMessagesDetails(Message.contact_Id)\r\n                                            }\r\n                                          >See More</span>&nbsp;&nbsp;&nbsp;\r\n                                          <ReactTimeAgo\r\n                                        date={Message.createdDateTime}\r\n                                        locale=\"en-US\"\r\n                                        style={{ color: \"gray\", fontSize: \"12px\" }}\r\n                                      />\r\n                                          {/* </Link> */}\r\n\r\n                                        </td>\r\n\r\n                                        <td>\r\n\r\n                                          <button\r\n                                            className=\"Annbuttons sk-del\"\r\n                                            type=\"button\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.DeleteButton(Message.contact_Id);\r\n                                            }}\r\n                                          >\r\n                                            <i\r\n                                              className=\"fa fa-minus\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>\r\n                                          </button> &nbsp;&nbsp;\r\n                                          <button\r\n                                            className=\"Annbuttons sk-edit\"\r\n                                            type=\"button\"\r\n                                            onClick={(e) => {\r\n                                              e.preventDefault();\r\n                                              this.EditModel(\r\n                                                Message.contact_Id,\r\n                                                Message.cSubject,\r\n                                                Message.cMsg,\r\n                                                Message.image\r\n                                              );\r\n                                            }}\r\n                                          >\r\n                                            <i\r\n                                              className=\"fa fa-edit\"\r\n                                              aria-hidden=\"true\"\r\n                                            ></i>{\" \"}\r\n                                          </button>\r\n                                        </td>\r\n\r\n                                      </tr>\r\n                                    </>\r\n                                  ))}\r\n                                </>\r\n                              </tbody>\r\n                            </table>) : null}\r\n                          </div>\r\n                          {/* <ul\r\n                            className=\"show-notifications\"\r\n                            style={{ overflow: \"scroll\" }}\r\n                          >\r\n                            {Messages.map((Message) => (\r\n                              <>\r\n                                <div className=\"col-lg-12\">\r\n                                  <div\r\n                                    className=\"card-Announcements\"\r\n                                    style={{\r\n                                      position: \"relative\",\r\n                                      overflow: \"hidden\",\r\n                                      justifyContent: \"center\",\r\n                                    }}\r\n                                  >\r\n                                    <li>\r\n                                      <Link\r\n                                        onClick={() =>\r\n                                          this.bothonclick(Message.contact_Id)\r\n                                        }\r\n                                        style={{\r\n                                          color: this.state.clickedContents[\r\n                                            Message.contact_Id\r\n                                          ]\r\n                                            ? \"gray\"\r\n                                            : \"black\",\r\n                                          cursor: \"pointer\",\r\n                                        }}\r\n                                      >\r\n                                        <span>Subject:</span>&nbsp;\r\n                                        <span>{Message.cSubject}</span>\r\n                                        &nbsp;&nbsp;&nbsp;\r\n                                      \r\n                                        &nbsp;&nbsp;&nbsp; See More{\" \"}\r\n                                      </Link>\r\n                                      &nbsp;&nbsp;&nbsp;{\" \"}\r\n                                      <button\r\n                                        className=\"button-30 sk-edit\"\r\n                                        type=\"button\"\r\n                                        onClick={(e) => {\r\n                                          e.preventDefault();\r\n                                          this.EditModel(\r\n                                            Message.contact_Id,\r\n                                            Message.cSubject,\r\n                                            Message.cMsg,\r\n                                            Message.image\r\n                                          );\r\n                                        }}\r\n                                      >\r\n                                        Edit&nbsp;\r\n                                        <i\r\n                                          className=\"fa fa-pencil\"\r\n                                          aria-hidden=\"true\"\r\n                                        ></i>{\" \"}\r\n                                      </button>\r\n                                      &nbsp;&nbsp;&nbsp;\r\n                                      <button\r\n                                        className=\"button-30 sk-del\"\r\n                                        type=\"button\"\r\n                                        onClick={(e) => {\r\n                                          e.preventDefault();\r\n                                          this.DeleteButton(Message.contact_Id);\r\n                                        }}\r\n                                      >\r\n                                        Delete&nbsp;\r\n                                        <i\r\n                                          className=\"fa fa-trash-o\"\r\n                                          aria-hidden=\"true\"\r\n                                        ></i>\r\n                                      </button>\r\n                                    </li>\r\n                                  </div>\r\n                                </div>\r\n                              </>\r\n                            ))}\r\n                          </ul> */}\r\n                        </div>\r\n                        {/* <div className=\"col-lg-12\">\r\n                          <div style={{ textAlign: \"center\" }}>\r\n                            <button\r\n                              href\r\n                              onClick={() => this.props.history.goBack()}\r\n                              type=\"button\"\r\n                              style={{\r\n                                width: \"130px\",\r\n                                backgroundColor: \"#7f63efde\",\r\n                                color: \"white\",\r\n                              }}\r\n                              className=\"dropdown_item-2\"\r\n                              className=\"btn \"\r\n                            >\r\n                              Back\r\n                            </button>{\" \"}\r\n                          </div>\r\n                        </div>\r\n                        <br /> */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false });\r\n                          this.GetMessages();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onChange={this.filterfunction}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map(\r\n                          (letter, index) => (\r\n                            <button\r\n                              className=\"filter\"\r\n                              key={index}\r\n                              onClick={(event) =>\r\n                                this.handleFilter(\r\n                                  letter,\r\n                                  event\r\n                                )\r\n                              }\r\n                            >\r\n                              {letter}\r\n                            </button>\r\n                          )\r\n                        )}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nexport default class UserAnnouncementpopup extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Messages: [],\r\n      Profile_Pic: [],\r\n      Notification: [],\r\n      Announce: [],\r\n      category: [],\r\n      AddAnnounce: [],\r\n    };\r\n  }\r\n  myFunction = (e) => {\r\n    e.preventDefault();\r\n\r\n    const Announcement = this.state.AddAnnounce.filter((item) =>\r\n      item.category.toLowerCase().includes(e.target.value.toLowerCase())\r\n    );\r\n\r\n    this.setState({ Announcement });\r\n  };\r\n\r\n  GetMessages() {\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    var Contact_Id = this.props.location.state.Contact_Id;\r\n    const accessToken = user;\r\n    fetch(`${BASE_URLs}/Contact/AdminMessageid?Contact_Id=` + Contact_Id, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Messages: data,\r\n        });\r\n\r\n        // console.log(\"Value\", data);\r\n\r\n        //\r\n      });\r\n  }\r\n\r\n  GetUserProfile() {\r\n    let url = `${BASE_URLs}/Profile/Userprofile`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          Profile_Pic: data,\r\n        });\r\n\r\n        // //\r\n      });\r\n  }\r\n  componentDidMount() {\r\n    this.GetMessages();\r\n    this.GetUserProfile();\r\n\r\n    //  var role =JSON.parse(localStorage.Role);\r\n  }\r\n\r\n  LogOut = (e) => {\r\n    e.preventDefault();\r\n    localStorage.removeItem(\"uname\");\r\n    localStorage.removeItem(\"Role\");\r\n    localStorage.removeItem(\"user\");\r\n    localStorage.removeItem(\"org\");\r\n    localStorage.clear();\r\n    this.props.history.push(\"/Login_form\");\r\n  };\r\n\r\n  render() {\r\n    const { Messages } = this.state;\r\n    return (\r\n      <div>\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content\">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                <div className=\"page-body\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 className=\"title\">Messages</h4>\r\n                        </div>\r\n\r\n                        <div className=\"card-block\">\r\n                          {Messages.map((Message) => (\r\n                              <>\r\n                                {Message.image === \"-\" ? (\r\n                                  <div className=\"col-lg-12\">\r\n                                    <div\r\n                                      className=\"card-Announcement\"\r\n                                      style={{\r\n                                        position: \"relative\",\r\n                                        overflow: \"hidden\",\r\n                                        padding: \"2%\",\r\n                                        backgroundColor: \"white\",\r\n                                      }}\r\n                                    >\r\n                                      <h6\r\n                                        key={Message.contact_Id}\r\n                                        style={{ margin: \"0%\" }}\r\n                                      >\r\n                                        <center>\r\n                                          {\" \"}\r\n                                          <span>Message:</span>&nbsp;\r\n                                          <span> {Message.cMsg}</span>\r\n                                        </center>\r\n                                      </h6>\r\n                                    </div>\r\n                                  </div>\r\n                                ) : (\r\n                                  <>\r\n                                    {Message.image !== \"-\" ? (\r\n                                      <div className=\"col-lg-12\">\r\n                                        <div\r\n                                          className=\"card-Announcement\"\r\n                                          style={{\r\n                                            position: \"relative\",\r\n                                            overflow: \"hidden\",\r\n                                            backgroundColor: \"white\",\r\n                                          }}\r\n                                        >\r\n                                          <h6 key={Message.contact_Id} style={{}}>\r\n                                            <center>\r\n                                              {\" \"}\r\n                                              <span>Message:</span>&nbsp;\r\n                                              <span>{Message.cMsg}</span>\r\n                                            </center>\r\n                                          </h6>\r\n                                          <div className=\"row\">\r\n                                            <div className=\"col-lg-6\">\r\n                                              <img\r\n                                                alt=\"announceimg\"\r\n                                                width=\"320\"\r\n                                                height=\"240\"\r\n                                                src={Message.image}\r\n                                                style={{ width: \"inherit\" }}\r\n                                              />\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    ) : (\r\n                                      <>\r\n                                        {Message.image === \"-\"? (\r\n                                          <div className=\"col-lg-12\">\r\n                                            <div\r\n                                              className=\"card-Announcement\"\r\n                                              style={{\r\n                                                position: \"relative\",\r\n                                                overflow: \"hidden\",\r\n                                                backgroundColor: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              <div className=\"col-lg-12\">\r\n                                                <h6\r\n                                                  key={Message.contact_Id}\r\n                                                  style={{}}\r\n                                                >\r\n                                                  <center>\r\n                                                    {\" \"}\r\n                                                    <span>Message:</span>&nbsp;\r\n                                                    <span>\r\n                                                      {\" \"}\r\n                                                      {Message.cMsg}\r\n                                                    </span>\r\n                                                  </center>\r\n                                                </h6>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        ) : (\r\n                                          <div className=\"col-lg-12\">\r\n                                            <div\r\n                                              className=\"card-Announcement\"\r\n                                              style={{\r\n                                                position: \"relative\",\r\n                                                overflow: \"hidden\",\r\n                                                backgroundColor: \"white\",\r\n                                              }}\r\n                                            >\r\n                                              <h6\r\n                                                key={Message.contact_Id}\r\n                                                style={{}}\r\n                                              >\r\n                                                <center>\r\n                                                  {\" \"}\r\n                                                  <span>Message:</span>&nbsp;\r\n                                                  <span> {Message.cMsg}</span>\r\n                                                </center>\r\n                                              </h6>\r\n                                              <div className=\"row\">\r\n                                                <div\r\n                                                  className=\"col-lg-12\"\r\n                                                  style={{ padding: \"0% 28%\" }}\r\n                                                >\r\n                                                  <img\r\n                                                    alt=\"announceimg\"\r\n                                                    width=\"320\"\r\n                                                    height=\"240\"\r\n                                                    src={Message.image}\r\n                                                    style={{ width: \"inherit\" }}\r\n                                                  />\r\n                                                </div>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        )}\r\n                                      </>\r\n                                    )}\r\n                                  </>\r\n                                )}\r\n                              </>\r\n                            ))}\r\n                          <div>\r\n                            <div style={{ textAlign: \"center\" }}>\r\n                              <button\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                                type=\"button\"\r\n                                style={{\r\n                                  width: \"130px\",\r\n                                  backgroundColor: \"#7f63efde\",\r\n                                  color: \"white\",\r\n                                }}\r\n                                className=\"dropdown_item-2\"\r\n                                className=\"btn \"\r\n                              >\r\n                                Back\r\n                              </button>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport '../Css/Teamgriddetails.css';\r\nimport profile from '../Assets/images/avatar-1.png'\r\nimport whatsapp from '../Assets/images/whatsapp.jpg'\r\nimport twitter from '../Assets/images/twitter.png'\r\nimport linkedin from '../Assets/images/linkedin.png'\r\nimport facebook from '../Assets/images/facebook.jpg'\r\nimport Skype from '../Assets/images/skype.png'\r\nimport pencil from '../Assets/images/pencil.png'\r\nimport SideBar from \"./Sidebar\";\r\nimport { useEffect, useState, useRef } from 'react'\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport axios from 'axios';\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\n\r\nconst Teamgriddetails = (props) => {\r\n  var w = window.innerWidth;\r\n  const [details, setDetails] = useState([]);\r\n  const [profile, setProfile] = useState([]);\r\n  const [isReadOnly, setIsReadOnly] = useState(false);\r\n  const [contactopen, setContactopen] = useState(false);\r\n  const [selectedId, setSelectedId] = useState(null);\r\n  const [isPopupOpen, setIsPopupOpen] = useState(false);\r\n  const [isPopupOpen1, setIsPopupOpen1] = useState(false);\r\n  const [isPopupOpen2, setIsPopupOpen2] = useState(false);\r\n  const [isPopupOpen3, setIsPopupOpen3] = useState(false);\r\n  const [isPopupOpen4, setIsPopupOpen4] = useState(false);\r\n  const [isPopupOpen5, setIsPopupOpen5] = useState(false);\r\n  const [isPopupOpen6, setIsPopupOpen6] = useState(false);\r\n  const [isPopupOpen7, setIsPopupOpen7] = useState(false);\r\n  const [isPopupOpen8, setIsPopupOpen8] = useState(false);\r\n  const [isPopupOpen9, setIsPopupOpen9] = useState(false);\r\n  const [isPopupOpen10, setIsPopupOpen10] = useState(false);\r\n  const [isPopupOpen11, setIsPopupOpen11] = useState(false);\r\n  const [HouseTypeDrop, setHouseTypeDrop] = useState([]);\r\n  const [RelationshipDrop, setRelationshipDrop] = useState([]);\r\n  const [SKillAdminNameDrop, setSKillAdminNameDrop] = useState([]);\r\n  const [isSelected, setisSelected] = useState(false);\r\n  const [isSelected1, setisSelected1] = useState(false);\r\n  const [visibleCount, setVisibleCount] = useState(1);\r\n  const [EducationvisibleCount, setEducationvisibleCount] = useState(1);\r\n  const [EducationAddCount, setEducationAddCount] = useState(1);\r\n  const [personalInfoDetails, setPersonalInfoDetails] = useState([]);\r\n  const [educationDetail, setEducationDetail] = useState([]);\r\n  const [educationDrop, setEducationDrop] = useState([]);\r\n  const [educationCourseName, setEducationCourseName] = useState([]);\r\n  const [skillDetails, setSkillDetails] = useState([]);\r\n  const [lifeStyleDetails, setLifeStyleDetails] = useState([]);\r\n  const [personalityDetails, setPersonalityDetails] = useState([]);\r\n  const [interestDetails, setInterestDetails] = useState([]);\r\n  const [activitiesDetails, setActivitiesDetails] = useState([]);\r\n  const [teamDetails, setTeamDetails] = useState([]);\r\n  const [familyDetails, setFamilyDetails] = useState([]);\r\n  const [teamSts, setTeamSts] = useState('');\r\n  const [selectedQualification, setSelectedQualification] = useState('');\r\n  const [emailDetailsForInfo, setEmailDetailsForInfo] = useState('');\r\n  const [showAllSkills, setShowAllSkills] = useState(false);\r\n  const [formErrors, setFormErrors] = useState({});\r\n  const [formValues, setFormValues] = useState({\r\n    DOB: '',\r\n    Email: '',\r\n    PhoneNumber: '',\r\n    HomeNumber: '',\r\n    OfficialEmail: '',\r\n    AlternatePhoneNo: '',\r\n  });\r\n  const initialSkillsToShow = 5;\r\n  const fileInputRef = useRef(null);\r\n  const displayedSkills = showAllSkills ? skillDetails : skillDetails.slice(0, initialSkillsToShow);\r\n  var email = JSON.parse(localStorage.email);\r\n\r\n  const toggleSkills = () => {\r\n    setShowAllSkills(!showAllSkills);\r\n  };\r\n  const handleSeeMore = () => {\r\n    setVisibleCount(visibleCount + 1);\r\n  };\r\n\r\n  const calculateMaxDate = () => {\r\n    const today = new Date();\r\n    const maxDate = today.toISOString().split(\"T\")[0];\r\n    return maxDate;\r\n  }\r\n\r\n\r\n  const handleEducationSeeMore = () => {\r\n    setEducationvisibleCount(EducationvisibleCount + 1);\r\n  };\r\n\r\n  const togglePopup = () => {\r\n    setIsPopupOpen(!isPopupOpen);\r\n  };\r\n  const togglePopupClose = () => {\r\n    setIsPopupOpen(false);\r\n  };\r\n\r\n  const togglePopup1 = () => {\r\n    setIsPopupOpen1(!isPopupOpen1);\r\n  };\r\n  const togglePopupClose1 = () => {\r\n    setIsPopupOpen1(false);\r\n  };\r\n\r\n  const togglePopup2 = () => {\r\n    setIsPopupOpen2(!isPopupOpen2);\r\n  };\r\n  const togglePopupClose2 = () => {\r\n    setIsPopupOpen2(false);\r\n  };\r\n\r\n  const togglePopup3 = () => {\r\n    setIsPopupOpen3(!isPopupOpen3);\r\n  };\r\n  const togglePopupClose3 = () => {\r\n    setIsPopupOpen3(false);\r\n  };\r\n\r\n  const togglePopup4 = () => {\r\n    setIsPopupOpen4(!isPopupOpen4);\r\n    // Getvalue();\r\n  };\r\n  const togglePopupClose4 = () => {\r\n    setIsPopupOpen4(false);\r\n  };\r\n\r\n  const togglePopup5 = (id) => {\r\n    setSelectedId(id);\r\n    setIsPopupOpen5(!isPopupOpen5);\r\n  };\r\n  const togglePopupClose5 = () => {\r\n    setSelectedId(null);\r\n    setIsPopupOpen5(false);\r\n    setSelectedQualification('');\r\n  };\r\n  const togglePopup6 = (id) => {\r\n    setSelectedId(id);\r\n    setIsPopupOpen6(!isPopupOpen6);\r\n    setIsPopupOpen11(false);\r\n  };\r\n  const togglePopupClose6 = () => {\r\n    setSelectedId(null);\r\n    setIsPopupOpen6(false);\r\n    setIsPopupOpen11(true);\r\n  };\r\n  const togglePopup7 = (id) => {\r\n    setSelectedId(id);\r\n    setIsPopupOpen7(!isPopupOpen7);\r\n  };\r\n  const togglePopupClose7 = () => {\r\n    setSelectedId(null);\r\n    setIsPopupOpen7(false);\r\n  };\r\n\r\n  const togglePopup8 = () => {\r\n    setIsPopupOpen8(!isPopupOpen8);\r\n  };\r\n  const togglePopupClose8 = () => {\r\n    setIsPopupOpen8(false);\r\n    setSelectedQualification('');\r\n  };\r\n\r\n  const togglePopup9 = () => {\r\n    setIsPopupOpen9(!isPopupOpen9);\r\n  };\r\n  const togglePopupClose9 = () => {\r\n    setIsPopupOpen9(false);\r\n    document.getElementById('familyform').reset();\r\n    setFormErrors('');\r\n  };\r\n\r\n  const togglePopup10 = () => {\r\n    setIsPopupOpen10(!isPopupOpen10);\r\n  };\r\n  const togglePopupClose10 = () => {\r\n    setIsPopupOpen10(false);\r\n  };\r\n\r\n  const togglePopup11 = () => {\r\n    setIsPopupOpen11(!isPopupOpen11);\r\n  };\r\n  const togglePopupClose11 = () => {\r\n    setIsPopupOpen11(false);\r\n  };\r\n\r\n  const OtherStyle = {\r\n    display: selectedQualification === 'Others' ? 'flex' : 'none'\r\n  };\r\n\r\n  const handleAddresschange = (e) => {\r\n\r\n    var CurrentAddress_Country = document.getElementById(\r\n      \"CurrentAddress_Country\"\r\n    ).value;\r\n\r\n    if (CurrentAddress_Country == \"India\") {\r\n      // alert(country);\r\n      setisSelected(true)\r\n    } else if (CurrentAddress_Country != \"India\") {\r\n      setisSelected(false)\r\n\r\n    }\r\n  };\r\n\r\n  const handlePermanentAddress = (e) => {\r\n\r\n    var PermanentAddress_Country = document.getElementById(\r\n      \"PermanentAddress_Country\"\r\n    ).value;\r\n\r\n    if (PermanentAddress_Country == \"India\") {\r\n      // alert(country);\r\n      setisSelected1(true)\r\n\r\n    } else if (PermanentAddress_Country != \"India\") {\r\n      setisSelected1(false)\r\n\r\n    }\r\n  };\r\n\r\n  const handleSeeLess = () => {\r\n    setVisibleCount(visibleCount - 1);\r\n  };\r\n  const handleEducationSeeLess = () => {\r\n    setEducationvisibleCount(EducationvisibleCount - 1);\r\n  };\r\n  const formatDate = (dateString) => {\r\n    const date = new Date(dateString);\r\n    const options = { day: '2-digit', month: 'long', year: 'numeric' };\r\n    return date.toLocaleDateString('en-GB', options);\r\n  };\r\n\r\n\r\n  const UserEducationDropdownList = () => {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserEducationDetails/GetQualificationtype`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setEducationDrop(data)\r\n      });\r\n  }\r\n\r\n  const handlevalueChange = (e) => {\r\n    e.preventDefault();\r\n    var value = e.target.value;\r\n    const Email = props.location.state.Email;\r\n    //e.target.value\r\n\r\n    if (\r\n      e.target.value === \"Graduation\" ||\r\n      e.target.value === \"Post Graduation\" ||\r\n      e.target.value === \"Doctorate\"\r\n    ) {\r\n      var flag =\r\n        value === \"Graduation\"\r\n          ? \"1\"\r\n          : value === \"Post Graduation\"\r\n            ? \"2\"\r\n            : value === \"Doctorate\"\r\n              ? \"3\"\r\n              : null;\r\n\r\n      const options = {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n      };\r\n      fetch(\r\n        ` ${BASE_URLs}/UserEducationDetails/GetUserEducationCourseNameGrid?flag=${flag}&Email=${Email}`,\r\n        options\r\n      )\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          setEducationCourseName(data);\r\n        });\r\n    } else {\r\n      setEducationCourseName([]);\r\n    }\r\n  };\r\n\r\n\r\n  const RelationshipDropList = () => {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Family/RelationshipDropdown`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setRelationshipDrop(data)\r\n      });\r\n  }\r\n\r\n  const GetUserSkillName = () => {\r\n    const Email = props.location.state.Email;\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/UserSkillDetails/GetUserSkillNameDrop?Email=${Email}`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setSKillAdminNameDrop(data)\r\n        // console.log(\"skills\", data)\r\n      });\r\n  }\r\n\r\n\r\n  useEffect(() => {\r\n    Getdetail()\r\n    fetchTeamDetails()\r\n    fetchPersonalInfoDetails();\r\n    fetchSkillDetails();\r\n    fetchEducationDetail();\r\n    fetchFamilyDetails();\r\n    fetchLifeStyleDetails();\r\n    fetchPersonalityDetails();\r\n    fetchInterestDetails();\r\n    fetchActivitiesDetails();\r\n    profilelist();\r\n    HouseTypeDropdownList();\r\n    UserEducationDropdownList();\r\n    // handlevalueChange();\r\n    RelationshipDropList();\r\n    GetUserSkillName();\r\n\r\n  }, [])\r\n\r\n  const HouseTypeDropdownList = () => {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/profile/HouseTypeDropdown`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setHouseTypeDrop(data)\r\n      });\r\n  }\r\n\r\n  const Editprofile = (Id) => {\r\n    localStorage.setItem(\"status\", \"Pending\")\r\n    var page = {\r\n      pathname: \"/EditTeam\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    localStorage.setItem(\"TeamId\", Id);\r\n    props.history.push(page);\r\n\r\n  }\r\n\r\n\r\n  const calculateAge = (dob) => {\r\n    const birthDate = new Date(dob);\r\n    const currentDate = new Date();\r\n\r\n    let age = currentDate.getFullYear() - birthDate.getFullYear();\r\n    const monthDifference = currentDate.getMonth() - birthDate.getMonth();\r\n\r\n    if (monthDifference < 0 || (monthDifference === 0 && currentDate.getDate() < birthDate.getDate())) {\r\n      age--;\r\n    }\r\n\r\n    return age;\r\n  };\r\n\r\n  const reformatDate = (dateString) => {\r\n    if (!dateString) return '';\r\n    return dateString.split('T')[0];\r\n  };\r\n\r\n  function maskNumber(number) {\r\n    const numberStr = number.toString();\r\n    const maskedStr = numberStr.slice(0, -2).replace(/./g, '*') + numberStr.slice(-2);\r\n    return maskedStr;\r\n  }\r\n\r\n  const fetchDetails = async (tableName, setterFunction) => {\r\n    const Id = props.location.state.aspnetId;\r\n\r\n\r\n    const url = `${BASE_URLs}/AdminProfile/GetTabDetails?TableName=${tableName}&Id=${Id}`;\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n\r\n    try {\r\n      const response = await fetch(url, {\r\n        method: \"GET\",\r\n        headers: {\r\n          \"Content-type\": \"application/json\",\r\n          Accept: \"application/json\",\r\n          \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n          Authorization: `Bearer ${accessToken}`,\r\n        },\r\n      });\r\n      const data = await response.json();\r\n      setterFunction(data);\r\n    } catch (error) {\r\n      // console.error(`Error fetching ${tableName} details:`, error);\r\n    }\r\n  };\r\n\r\n  const fetchPersonalityDetails = () => {\r\n    fetchDetails(\"AdminPersonality\", setPersonalityDetails);\r\n  };\r\n\r\n  const fetchLifeStyleDetails = () => {\r\n    fetchDetails(\"AdminLifeStyle\", setLifeStyleDetails);\r\n  };\r\n\r\n  const fetchInterestDetails = () => {\r\n    fetchDetails(\"AdminInterests\", setInterestDetails);\r\n  };\r\n\r\n  const fetchActivitiesDetails = () => {\r\n    fetchDetails(\"AdminActivities\", setActivitiesDetails);\r\n  };\r\n\r\n\r\n\r\n  const fetchTeamDetails = async () => {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    try {\r\n      const response = await axios.get(`${BASE_URLs}/Team/GetTeam`, options);\r\n\r\n      setTeamDetails(response.data);\r\n    } catch (error) {\r\n      // console.error(\"Error fetching personal info details\", error);\r\n    }\r\n  };\r\n\r\n\r\n  const profilelist = () => {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Profile/Get`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setProfile(data)\r\n        // console.log(\"check\", data);\r\n      });\r\n  }\r\n\r\n\r\n  const Skillsubmit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    await fetch(`${BASE_URLs}/UserSkillDetails/AddUserSkillGrid`, options)\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          setIsPopupOpen10(false);\r\n          fetchSkillDetails();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      });\r\n  };\r\n\r\n  const EduSubmit = async (e) => {\r\n    e.preventDefault();\r\n    if (EducationValidation()) {\r\n\r\n      const data = new FormData(e.target);\r\n\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      await fetch(`${BASE_URLs}/UserEducationDetails/AddUserEducationGrid`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            setIsPopupOpen8(true);\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            setIsPopupOpen8(false);\r\n            fetchEducationDetail();\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n          if (resp.status !== \"Error\") {\r\n          }\r\n        })\r\n    }\r\n\r\n  };\r\n\r\n\r\n const Getvalue=()=> {\r\n  fetchPersonalInfoDetails();\r\n    var Pvalue = document.getElementById('PermanentAddress_City').value;\r\n    var Cvalue = document.getElementById('CurrentAddress_City').value;\r\n    var status = document.getElementById('SameAddress')\r\n    if (Pvalue !== Cvalue || Pvalue === '-') {\r\n      status.checked = false\r\n    }\r\n    else {\r\n      status.checked = true\r\n      // this.setState({\r\n      //   isReadOnly: true,\r\n      // });\r\n    }\r\n\r\n  }\r\n\r\n  const FamlySubmit = async (e) => {\r\n    e.preventDefault();\r\n \r\n\r\n    const data = new FormData(e.target);\r\n\r\n    if (FamilyValidation()) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      await fetch(`${BASE_URLs}/Family/AddUserFamilyGrid`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            setIsPopupOpen9(false);\r\n            fetchFamilyDetails();\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n    \r\n  }\r\n  };\r\n\r\n  const submit = async (e) => {\r\n    e.preventDefault();\r\n    if (ProfileValidation()) {\r\n      const data = new FormData(e.target);\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/UserProfileEdit`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          // console.log({ resp })\r\n          if (resp.status === \"Success\") {\r\n            fetchPersonalInfoDetails();\r\n            setIsPopupOpen(false);\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n\r\n          if (resp.status === \"Error\") {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  const BioEdit = async (e) => {\r\n    e.preventDefault();\r\n\r\n    const data = new FormData(e.target);\r\n\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        // 'Accept':'application/json',\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        // 'Content-Type':'application/json'\r\n      },\r\n      body: data,\r\n    };\r\n\r\n    await fetch(`${BASE_URLs}/Profile/UserBioEdit`, options)\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Success\") {\r\n          setIsPopupOpen1(false)\r\n          fetchPersonalInfoDetails();\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        } else {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n        }\r\n      });\r\n  }\r\n\r\n\r\n\r\n  const fetchPersonalInfoDetails = async () => {\r\n    const Id = props.location.state.Id;\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    try {\r\n      const response = await axios.get(`${BASE_URLs}/Team/GetTeamPersonal?Id=${Id}`, options);\r\n      setPersonalInfoDetails(response.data);\r\n        // console.log(\"personalInfoDetails\", response.data)\r\n    } catch (error) {\r\n      // console.error(\"Error fetching personal info details\", error);\r\n    }\r\n  };\r\n\r\n  const fetchEducationDetail = async () => {\r\n    const Id = props.location.state.Id;\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    try {\r\n      const response = await axios.get(`${BASE_URLs}/UserEducationDetails/GetAdminEducationInfo?Id=${Id}`, options);\r\n      setEducationDetail(response.data);\r\n      // console.log(\"Education\", response.data)\r\n    } catch (error) {\r\n      // console.error(\"Error fetching education details\", error);\r\n    }\r\n  };\r\n\r\n  const SocialEdit = async (e) => {\r\n\r\n    e.preventDefault();\r\n    if (SocialValidation()) {\r\n      const data = new FormData(e.target);\r\n\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept':'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          // 'Content-Type':'application/json'\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/UserSocialEdit`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            setIsPopupOpen2(false)\r\n            fetchPersonalInfoDetails();\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n\r\n  const ContactEdit = async (e) => {\r\n    e.preventDefault();\r\n    if (ContactValidation()) {\r\n      const data = new FormData(e.target);\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept':'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          // 'Content-Type':'application/json'\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/UserContactEDit`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            fetchPersonalInfoDetails();\r\n            setIsPopupOpen3(false)\r\n\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n\r\n  const AddressEdit = async (e) => {\r\n    e.preventDefault();\r\n    if (AddressValidation()) {\r\n      const data = new FormData(e.target);\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          // 'Accept':'application/json',\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n          // 'Content-Type':'application/json'\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      await fetch(`${BASE_URLs}/Profile/UserAddressEdit`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Success\") {\r\n            setIsPopupOpen4(false);\r\n            fetchPersonalInfoDetails();\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          } else {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n\r\n  const EducationEdit = async (e) => {\r\n    e.preventDefault();\r\n    if (EducationValidation()) {\r\n      const data = new FormData(e.target);\r\n\r\n      const url = `${BASE_URLs}/UserEducationDetails/UserGridEditEducation`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        fetchEducationDetail();\r\n        setIsPopupOpen5(false);\r\n        setSelectedId(null);\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n      else if (result.status === \"Error\") {\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  const FamilyEdit = async (e) => {\r\n    e.preventDefault();\r\n    if (FamilyValidation()) {\r\n      const data = new FormData(e.target);\r\n      const url = `${BASE_URLs}/Family/EditUserFamilyGrid`;\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      const response = await fetch(url, options);\r\n      const result = await response.json();\r\n\r\n      if (result.status === \"Success\") {\r\n        fetchFamilyDetails();\r\n        setIsPopupOpen7(false);\r\n        setSelectedId(null);\r\n        toast.success(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      } else {\r\n\r\n        toast.error(result.message, {\r\n          position: \"top-center\",\r\n          autoClose: 3200,\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  const SkillEdit = async (e) => {\r\n    e.preventDefault();\r\n    const data = new FormData(e.target);\r\n\r\n    const url = `${BASE_URLs}/UserSkillDetails/EditUserSkillGrid`;\r\n    const options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: data,\r\n    };\r\n    const response = await fetch(url, options);\r\n    const result = await response.json();\r\n\r\n    if (result.status === \"Success\") {\r\n      fetchSkillDetails();\r\n      setIsPopupOpen6();\r\n      setisSelected(null);\r\n      toast.success(result.message, {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n\r\n    else if (result.status === \"Error\") {\r\n      toast.error(result.message, {\r\n        position: \"top-center\",\r\n        autoClose: 3200,\r\n        hideProgressBar: false,\r\n        closeOnClick: true,\r\n        pauseOnHover: true,\r\n        draggable: true,\r\n        progress: undefined,\r\n      });\r\n    }\r\n  }\r\n\r\n\r\n  const fetchFamilyDetails = async () => {\r\n    const Id = props.location.state.Id;\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    try {\r\n      const response = await axios.get(`${BASE_URLs}/Family/GetAdminFamilyInfo?Id=${Id}`, options);\r\n\r\n      setFamilyDetails(response.data);\r\n\r\n      // console.log(\"Family\", response.data)\r\n\r\n    } catch (error) {\r\n      // console.error(\"Error fetching family details\", error);\r\n    }\r\n  };\r\n\r\n\r\n  const fetchSkillDetails = async () => {\r\n    const Id = props.location.state.Id; // Assuming you are using this inside a class component\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n\r\n    try {\r\n      const response = await axios.get(`${BASE_URLs}/UserSkillDetails/GetAdminUserSkillsInfo?Id=${Id}`, options);\r\n      setSkillDetails(response.data);\r\n      // console.log(\"SkillDetails\", response.data)\r\n    } catch (error) {\r\n      // console.error(\"Error fetching personal info details\", error);\r\n    }\r\n  };\r\n\r\n\r\n  const handlecheckbox = () => {\r\n    var checkbox = document.getElementById(\"SameAddress\").checked;\r\n\r\n    // var PermanantAddress2 = document.getElementById('PermanantAddress2')\r\n    var PermanentAddress_Country = document.getElementById(\r\n      \"PermanentAddress_Country\"\r\n    );\r\n    var PermanentAddress_State = document.getElementById(\r\n      \"PermanentAddress_State\"\r\n    );\r\n    var PermanentAddress_City = document.getElementById(\r\n      \"PermanentAddress_City\"\r\n    );\r\n    var PermanentAddress_Pincode = document.getElementById(\r\n      \"PermanentAddress_Pincode\"\r\n    );\r\n\r\n    // var CurrentAddress2 = document.getElementById(\"CurrentAddress2\").value\r\n    var CurrentAddress_Country = document.getElementById(\r\n      \"CurrentAddress_Country\"\r\n    ).value;\r\n    var CurrentAddress_State = document.getElementById(\r\n      \"CurrentAddress_State\"\r\n    ).value;\r\n    var CurrentAddress_City = document.getElementById(\r\n      \"CurrentAddress_City\"\r\n    ).value;\r\n    var CurrentAddress_Pincode = document.getElementById(\r\n      \"CurrentAddress_Pincode\"\r\n    ).value;\r\n    if (checkbox === true) {\r\n      PermanentAddress_Country.value = CurrentAddress_Country;\r\n      PermanentAddress_State.value = CurrentAddress_State;\r\n      PermanentAddress_City.value = CurrentAddress_City;\r\n      PermanentAddress_Pincode.value = CurrentAddress_Pincode;\r\n    } else {\r\n      PermanentAddress_Country.value = \"-\";\r\n      PermanentAddress_State.value = \"-\";\r\n      PermanentAddress_City.value = \"-\";\r\n      PermanentAddress_Pincode.value = \"-\";\r\n    }\r\n  }\r\n\r\n\r\n  const handleTextareaClick = (e) => {\r\n\r\n    const isChecked = e.target.checked;\r\n    setIsReadOnly(isChecked ? !isReadOnly : false)\r\n\r\n  };\r\n const HandleQualification = (e) => {\r\n   const value = e.target.value;\r\n    var QualificationType = document.getElementById(\"Qualification\").value;\r\n    if (QualificationType === \"Others\") {\r\n      document.getElementById(\"otherQType\").value = \"\";\r\n      document.getElementById(\"otherQType\").type = \"text\";\r\n    } else {\r\n      document.getElementById(\"otherQType\").value = \"None\";\r\n      document.getElementById(\"otherQType\").type = \"hidden\";\r\n    }\r\n    setSelectedQualification(value);\r\n  }\r\n\r\n  const Getdetail = () => {\r\n    const Id = props.location.state.Id;\r\n    // const Id = localStorage.getItem(\"foruserDetailId\", Id);\r\n\r\n    let url = `${BASE_URLs}/Team/GetTeamEdit?Id=` + Id;\r\n\r\n    axios.get(url, {\r\n      headers: {\r\n        'Access-Control-Allow-Origin': '*',\r\n        'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',\r\n        'Content-type': 'application/json',\r\n        Accept: 'application/json',\r\n        'Access-Control-Allow-Headers': 'Access-Control-Request-Headers',\r\n      },\r\n    })\r\n      .then((response) => {\r\n        const data = response.data;\r\n          // console.log({ data })\r\n        setDetails(data);\r\n        setTeamSts(data[0].status);\r\n        setEmailDetailsForInfo(data[0].email);\r\n      })\r\n      .catch((error) => {\r\n        // console.error('There was an error fetching the details!', error);\r\n      });\r\n  };\r\n\r\n\r\n  const ProfileValidation = () => {\r\n    let errors = {};\r\n    let isValid = true;\r\n    var DOB = document.getElementById(\"DOB\").value;\r\n    const myDate = new Date(DOB);\r\n    const today = new Date();\r\n    if (!DOB || DOB === \"dd-mm-yyyy\") {\r\n      isValid = false;\r\n      errors[\"DOBerr\"] = \"DOB is required\";\r\n    } else if (myDate > today) {\r\n      isValid = false;\r\n      errors[\"DOBerr\"] = \"Valid DOB is required\";\r\n    }\r\n    setFormErrors(errors);\r\n    return isValid;\r\n  };\r\n  const ContactValidation = () => {\r\n    let errors = {};\r\n    let isValid = true;\r\n    const mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n    const officePattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[0-9]\\d{9}|[0-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n    var OfficialEmail = document.getElementById(\"OfficialEmail\").value; //personal email\r\n    var PhoneNumber = document.getElementById(\"PhoneNumber\").value;\r\n    var Email = document.getElementById(\"PersonalEmail\").value; //auto email\r\n    var AlternatePhoneNo = document.getElementById(\"AlternatePhoneNo\").value;\r\n    var HomeNumber = document.getElementById(\"HomeNumber\").value;\r\n    if (!HomeNumber || HomeNumber === \"-\") {\r\n      isValid = false;\r\n      errors[\"HomeErr\"] = \"Phone Number is required\";\r\n    } else if (!mobPattern.test(HomeNumber)) {\r\n      isValid = false;\r\n      errors[\"HomeErr\"] = \" Enter the valid Phone Number\";\r\n    } else if (OfficialEmail.trim()) {\r\n      if (OfficialEmail === Email) {\r\n        isValid = false;\r\n        errors[\"officialEmailerr\"] =\r\n          \"Personal Email and Official Email should not be same\";\r\n      } else if (\r\n        !/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(OfficialEmail)\r\n      ) {\r\n        isValid = false;\r\n        errors[\"officialEmailerr\"] = \"Enter valid Personal Email\";\r\n      }\r\n    }\r\n    if (!OfficialEmail.trim() || OfficialEmail === \"-\") {\r\n      isValid = false;\r\n      errors[\"officialEmailerr\"] = \" Enter the Personal Email\";\r\n    }\r\n    if (OfficialEmail === Email) {\r\n      isValid = false;\r\n      errors[\"officialEmailerr\"] =\r\n        \"Personal Email and Official Email should not be same\";\r\n    }\r\n    if (HomeNumber === AlternatePhoneNo && HomeNumber != \"-\" && HomeNumber != \"\") {\r\n      isValid = false;\r\n      errors[\"AlternatePhoneNoerr\"] = \"Phone Number and Alternate Phone Number should not be same\";\r\n    }\r\n    if (PhoneNumber === AlternatePhoneNo && AlternatePhoneNo !== '-' && PhoneNumber != \"\") {\r\n      isValid = false;\r\n      errors[\"AlternatePhoneNoerr\"] = \"Office Number and Alternate Phone Number should not be same\";\r\n    }\r\n    if (PhoneNumber === HomeNumber && HomeNumber != \"-\" && HomeNumber != \"\") {\r\n      isValid = false;\r\n      errors[\"HomeErr\"] = \"Phone Number and Office Number should not be same\";\r\n    }\r\n    if (AlternatePhoneNo === HomeNumber && HomeNumber != \"-\" && HomeNumber != \"\") {\r\n      isValid = false;\r\n      errors[\"AlternatePhoneNoerr\"] = \"Phone Number and Alternate Phone Number should not be same\";\r\n    }\r\n    if (PhoneNumber.trim() !== '-' && PhoneNumber.trim() !== '') {\r\n      if (!officePattern.test(PhoneNumber)) {\r\n        isValid = false;\r\n        errors[\"contactphnerr\"] = \" Enter the valid Office Number\";\r\n      }\r\n    }\r\n    if (AlternatePhoneNo.trim() !== '-' && AlternatePhoneNo.trim() !== '') {\r\n      if (!mobPattern.test(AlternatePhoneNo)) {\r\n        isValid = false;\r\n        errors[\"AlternatePhoneNoerr\"] = \" Enter the valid Alternate Phone Number\";\r\n      }\r\n    }\r\n    setFormErrors(errors);\r\n    return isValid;\r\n  };\r\n  const SocialValidation = () => {\r\n    let errors = {};\r\n    let isValid = true;\r\n    const mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n    var Whatsapp = document.getElementById(\"Whatsapp\").value;\r\n    if (Whatsapp != '-' && Whatsapp != '') {\r\n      if (!mobPattern.test(Whatsapp)) {\r\n        isValid = false;\r\n        errors[\"WhatsappErr\"] = \" Enter the valid Whatsapp Number\";\r\n      }\r\n    }\r\n    setFormErrors(errors);\r\n    return isValid;\r\n  };\r\n\r\n\r\n\r\n  const AddressValidation = () => {\r\n    let errors = {};\r\n    let isValid = true;\r\n    var CurrentAddress_City = document.getElementById(\"CurrentAddress_City\").value;\r\n    var PermanentAddress_City = document.getElementById(\"PermanentAddress_City\").value;\r\n    var StayingSince = document.getElementById(\"StayingSince\").value;\r\n    var myDate = new Date(StayingSince);\r\n    var today = new Date();\r\n    if (\r\n      CurrentAddress_City === \"\" ||\r\n      !CurrentAddress_City ||\r\n      CurrentAddress_City === \"-\"\r\n    ) {\r\n      isValid = false;\r\n      errors[\"CurrentAddress_Cityerr\"] = \"City is required\";\r\n    } else if (CurrentAddress_City.length < 3) {\r\n      isValid = false;\r\n      errors[\"CurrentAddress_Cityerr\"] =\r\n        \"A Minimum of 3 characters are required\";\r\n    }\r\n    if (!StayingSince) {\r\n      isValid = false;\r\n      errors[\"StayingSincerr\"] = \"Staying Since is required\";\r\n    }\r\n    if (StayingSince === \"dd-mm-yyyy\") {\r\n      isValid = false;\r\n\r\n      errors[\"StayingSincerr\"] = \"Staying Since is required\";\r\n    } else if (myDate > today) {\r\n      isValid = false;\r\n      errors[\"StayingSincerr\"] = \"Valid Staying Since is required\";\r\n    }\r\n    if (\r\n      PermanentAddress_City != '-'\r\n    ) {\r\n      if (!PermanentAddress_City) {\r\n        isValid = false;\r\n        errors[\"PermanentAddress_Cityerr\"] = \"City is required\";\r\n      }\r\n      else if (PermanentAddress_City.length < 3) {\r\n        isValid = false;\r\n        errors[\"PermanentAddress_Cityerr\"] =\r\n          \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n    setFormErrors(errors);\r\n    return isValid;\r\n  };\r\n\r\n  const Familyhandlechange= ()=>{\r\n    var FirstName = document.getElementById(\"Firstname\").value;\r\n    var LastName = document.getElementById(\"Lastname\").value;\r\n    var MiddleName = document.getElementById(\"MiddleName\").value;\r\n    var Contact = document.getElementById(\"famContact\").value;\r\n    var Email = document.getElementById(\"famEmail\").value;\r\n    var Relationship = document.getElementById(\"Relationship\").value;\r\n    var EmergencyContact = document.getElementById(\"EmergencyContact\").checked;\r\n    let errors = {};\r\n    let isValid = true;\r\n\r\n    var mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n\r\n    if (!FirstName) {\r\n      isValid = false;\r\n      errors[\"FirstNameErr\"] = \"First Name is required\";\r\n    } else if (FirstName.length < 3) {\r\n      isValid = false;\r\n      errors[\"FirstNameErr\"] = \"Minimum 3 Characters Required\";\r\n    }\r\n   else if (!LastName) {\r\n      isValid = false;\r\n      errors[\"LastNameErr\"] = \"Last Name is required\";\r\n    }\r\n    else if (!Relationship) {\r\n      isValid = false;\r\n      errors[\"RelationshipErr\"] = \"Relationship is required\";\r\n    }\r\n   else if (EmergencyContact === true) {\r\n      if (!Contact) {\r\n        isValid = false;\r\n        errors[\"ContactErr\"] = \"Contact number is required\";\r\n      } else if (!mobPattern.test(Contact)) {\r\n        isValid = false;\r\n        errors[\"ContactErr\"] = \" Invalid Contact Number\";\r\n      }\r\n\r\n    }\r\n\r\n  else  if (EmergencyContact === false) {\r\n      if (Contact !== \"\" && Contact !== \"-\" && (Contact.length < 10 || !mobPattern.test(Contact))) {\r\n        isValid = false;\r\n        errors[\"ContactErr\"] = \"Enter a valid Contact Number\";\r\n      }\r\n    }\r\n\r\n\r\n\r\n    else if (Email.trim() && Email !== '-') {\r\n      if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n        isValid = false;\r\n        errors[\"EmailErr\"] = \"Enter a valid Email\";\r\n      }\r\n    }\r\n    setFormErrors(errors);\r\n    return isValid;\r\n\r\n  }\r\n  const FamilyValidation = () => {\r\n\r\n      var FirstName = document.getElementById(\"Firstname\").value;\r\n      var LastName = document.getElementById(\"Lastname\").value;\r\n      var MiddleName = document.getElementById(\"MiddleName\").value;\r\n      var Contact = document.getElementById(\"famContact\").value;\r\n      var Email = document.getElementById(\"famEmail\").value;\r\n      var Relationship = document.getElementById(\"Relationship\").value;\r\n      var EmergencyContact = document.getElementById(\"EmergencyContact\").checked;\r\n      let errors = {};\r\n      let isValid = true;\r\n\r\n      var mobPattern = /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?(?!0+$)(?:[6-9]\\d{9}|[6-9]\\d{2}-\\d{3}-\\d{4})$/;\r\n      //Email\r\n      if (!FirstName) {\r\n        isValid = false;\r\n        errors[\"FirstNameErr\"] = \"First Name is required\";\r\n      } else if (FirstName.length < 3) {\r\n        isValid = false;\r\n        errors[\"FirstNameErr\"] = \"Minimum 3 Characters Required\";\r\n      }\r\n      if (!LastName) {\r\n        isValid = false;\r\n        errors[\"LastNameErr\"] = \"Last Name is required\";\r\n      }\r\n      if (EmergencyContact === true) {\r\n        if (!Contact) {\r\n          isValid = false;\r\n          errors[\"ContactErr\"] = \"Contact number is required\";\r\n        } else if (!mobPattern.test(Contact)) {\r\n          isValid = false;\r\n          errors[\"ContactErr\"] = \" Invalid Contact Number\";\r\n        }\r\n  \r\n      }\r\n  \r\n      if (EmergencyContact === false) {\r\n        if (Contact !== \"\" && Contact !== \"-\" && (Contact.length < 10 || !mobPattern.test(Contact))) {\r\n          isValid = false;\r\n          errors[\"ContactErr\"] = \"Enter a valid Contact Number\";\r\n        }\r\n      }\r\n      // if (MiddleName !== \"\") {\r\n      //   isValid = false;\r\n      //   errors[\"MiddleNameErr\"] = \"Middle Name is required\";\r\n      // }\r\n      if (!Relationship) {\r\n        isValid = false;\r\n        errors[\"RelationshipErr\"] = \"Relationship is required\";\r\n      }\r\n  \r\n      else if (Email.trim() && Email !== '-') {\r\n        if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(Email)) {\r\n          isValid = false;\r\n          errors[\"EmailErr\"] = \"Enter a valid Email\";\r\n        }\r\n      }\r\n      setFormErrors(errors);\r\n      return isValid;\r\n\r\n  };\r\nconst messagecancel =()=>{\r\n  setFormErrors('')\r\n}\r\n  const EducationValidation = () => {\r\n    let errors = {};\r\n    let isValid = true;\r\n\r\n    var Qualification = document.getElementById(\"Qualification\").value;\r\n    var St_date = document.getElementById(\"Startdate\").value;\r\n    var Coursename = document.getElementById(\"Coursename\").value;\r\n    var End_date = document.getElementById(\"Enddate\").value;\r\n    var Coursetype = document.getElementById(\"Coursetype\").value;\r\n    var clg_name = document.getElementById(\"clg_name\").value;\r\n    var stream = document.getElementById(\"stream\").value;\r\n    var unisty_name = document.getElementById(\"unisty_name\").value;\r\n    var OthersQualification = document.getElementById(\"otherQType\").value;\r\n\r\n    if (!Qualification) {\r\n      isValid = false;\r\n      errors[\"Qualification\"] = \"Qualification  is required\";\r\n    }\r\n    if (Qualification === 'Others' && !OthersQualification) {\r\n      isValid = false;\r\n      errors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (OthersQualification !== \"\" && OthersQualification.length < 3) {\r\n      isValid = false;\r\n      errors[\"Qualification\"] = \"A Minimum of 3 characters are required\";\r\n    } \r\n\r\n    if (!St_date) {\r\n      isValid = false;\r\n      errors[\"Startdate\"] = \"Start From is required\";\r\n    }\r\n\r\n    if (!Coursename) {\r\n      isValid = false;\r\n      errors[\"Coursename\"] = \"Course Name is required\";\r\n    }\r\n    if (!End_date) {\r\n      isValid = false;\r\n      errors[\"Enddate\"] = \"End is required\";\r\n    }\r\n    if (St_date != null && End_date != null) {\r\n      if (St_date === End_date) {\r\n        isValid = false;\r\n        errors[\"Enddate\"] = \"Start From and End  is Same\";\r\n      }\r\n      if (new Date(St_date).getTime() > new Date(End_date).getTime()) {\r\n        isValid = false;\r\n\r\n        errors[\"Enddate\"] = \"Start From is less then End\";\r\n      }\r\n    }\r\n\r\n    if (!Coursetype) {\r\n      isValid = false;\r\n      errors[\"Coursetype\"] = \"Course Type is required\";\r\n    }\r\n    if (clg_name !== \"\" && clg_name.length < 3) {\r\n      isValid = false;\r\n      errors[\"clg_name\"] = \"A minimum of 3 characters is required\";\r\n    }\r\n    if (stream !== \"\" && stream.length < 3) {\r\n\r\n      isValid = false;\r\n      errors[\"stream\"] = \"A minimum of 3 characters is required\";\r\n    }\r\n    if (!unisty_name) {\r\n      isValid = false;\r\n      errors[\"unisty_name\"] = \"University Name is required\";\r\n    } else if (unisty_name.length < 3) {\r\n      isValid = false;\r\n      errors[\"unisty_name\"] = \"A Minimum of 3 characters are required\";\r\n    } else if (unisty_name.length > 8) {\r\n      isValid = false;\r\n      errors[\"unisty_name\"] = \"A Maximum of 8 characters are required\";\r\n    }\r\n    if (clg_name) {\r\n      if (clg_name.length <= 2) {\r\n        isValid = false;\r\n        errors[\"clg_name\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n    setFormErrors(errors);\r\n    return isValid;\r\n  };\r\n\r\n  const handleEducationChange = () => {\r\n    let errors = {};\r\n    let isValid = true;\r\n\r\n\r\n    var Qualification = document.getElementById(\"Qualification\").value;\r\n    var St_date = document.getElementById(\"Startdate\").value;\r\n    var Coursename = document.getElementById(\"Coursename\").value;\r\n    var End_date = document.getElementById(\"Enddate\").value;\r\n    var Coursetype = document.getElementById(\"Coursetype\").value;\r\n    var clg_name = document.getElementById(\"clg_name\").value;\r\n    var unisty_name = document.getElementById(\"unisty_name\").value;\r\n    var OthersQualification = document.getElementById(\"otherQType\").value;\r\n\r\n    if (!Qualification) {\r\n      isValid = false;\r\n      errors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (Qualification === 'Others' && !OthersQualification) {\r\n      isValid = false;\r\n      errors[\"Qualification\"] = \"Qualification  is required\";\r\n    } else if (OthersQualification !== \"\" && OthersQualification.length < 3) {\r\n      isValid = false;\r\n      errors[\"Qualification\"] = \"A Minimum of 3 characters are required\";\r\n    }else if (!Coursename) {\r\n      isValid = false;\r\n      errors[\"Coursename\"] = \"Course Name is required\";\r\n    }\r\n    else if (Coursename.length < 2) {\r\n      isValid = false;\r\n      errors[\"Coursename\"] = <div style={{ color: 'red', fontSize: '13px', marginTop: '5px' }}>A Minimum of 2 characters are required</div>\r\n    }\r\n    else if (Qualification !== 'Others' && Coursename.length < 2) {\r\n      isValid = false;\r\n      errors[\"Coursename\"] = \"A Minimum of 2 characters are required\";\r\n    }\r\n    else if (Qualification === 'Others' && Coursename.length < 3) {\r\n      isValid = false;\r\n      errors[\"Coursename\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    else if (!Coursetype) {\r\n      isValid = false;\r\n      errors[\"Coursetype\"] = \"Course Type is required\";\r\n    }\r\n    else if (!St_date) {\r\n      isValid = false;\r\n      errors[\"Startdate\"] = \"Start From is required\";\r\n    }\r\n    else if (!End_date) {\r\n      isValid = false;\r\n      errors[\"Enddate\"] = \"End is required\";\r\n\r\n      if (St_date !== null && End_date !== null) {\r\n        if (St_date === End_date) {\r\n          isValid = false;\r\n          errors[\"Enddate\"] = \"Start From and End  is Same\";\r\n        }\r\n        if (new Date(St_date).getTime() > new Date(End_date).getTime()) {\r\n          isValid = false;\r\n  \r\n          errors[\"Enddate\"] = \"Start From is less then End\";\r\n        }\r\n      }\r\n    }\r\n    else if (!unisty_name) {\r\n      isValid = false;\r\n      errors[\"unisty_name\"] = \"University Name is required\";\r\n    } else if (unisty_name.length < 3) {\r\n      isValid = false;\r\n      errors[\"unisty_name\"] = \"A Minimum of 3 characters are required\";\r\n    }\r\n    if (clg_name) {\r\n      if (clg_name.length <= 2) {\r\n        isValid = false;\r\n        errors[\"clg_name\"] = \"A Minimum of 3 characters are required\";\r\n      }\r\n    }\r\n\r\n    setFormErrors(errors);\r\n    return isValid;\r\n  };\r\n\r\n  const handleInputChange = (e) => {\r\n    const { name, value } = e.target;\r\n    setFormValues({ ...formValues, [name]: value });\r\n  };\r\n\r\n  return (\r\n\r\n    <div>\r\n      <SideBar active={window.location.pathname} />\r\n      <ToastContainer\r\n        position=\"top-center\"\r\n        autoClose={1500}\r\n        hideProgressBar={false}\r\n        newestOnTop={false}\r\n        closeOnClick\r\n        rtl={false}\r\n        pauseOnFocusLoss\r\n        draggable\r\n        pauseOnHover\r\n      />\r\n\r\n      <div className=\"pcoded-content \">\r\n        <div className=\"pcoded-inner-content\">\r\n          <div className=\"main-body\">\r\n            <div className=\"page-wrapper\">\r\n              <div className=\"page-header\">\r\n                <div className=\"page-header-title\"></div>\r\n              </div>\r\n              {/*  Start */}\r\n              <div className=\"page-body \">\r\n                {/*  */}\r\n                <div className=\"row\">\r\n                  <div className=\"col-sm-12\">\r\n                    <div className=\"card\">\r\n                      <div className=\"glowBox\">\r\n                        <div>\r\n                          <div style={{ float: \"left\" }}>\r\n                            <a\r\n                              href\r\n                              onClick={() => props.history.goBack()}\r\n                            >\r\n                              <i\r\n                                className=\"icofont icofont-arrow-left\"\r\n                                style={{ fontSize: \"45px\", color: \"white\" }}\r\n                              />\r\n                            </a>{\" \"}\r\n                          </div>\r\n                        </div>\r\n                        <h4 className=\"title\" style={{ marginRight: \"83px\" }}>\r\n                          {details.map((d) => {\r\n                            return d.firstName\r\n                          })}\r\n                        </h4>\r\n                      </div>\r\n\r\n                      {details.map((check) =>{\r\n                        return check.invite === 0 ? <center>No Data Found</center> : \r\n                      <div className=\"grid-container\">\r\n                      {details.map((d) => {\r\n                        return <>\r\n\r\n                          {/* Personal Profile */}\r\n                          <div className=\"grid-item1\">\r\n                            <div className=\"profile\">\r\n\r\n\r\n                              <p className='grid-user-name'>{d.firstName}\r\n                                {\r\n                                  d.status === 1 ? <span className='green-dot' title=\"Active\"></span> : <span className='red-dot' title=\"Inactive\"></span>\r\n                                }\r\n\r\n\r\n                              </p>\r\n                              {personalInfoDetails.map((personal) => {\r\n                                return <img src={personal.profile_Picture} alt=\"Profile\" className=\"profile-image\" />\r\n                              })}\r\n                            </div>\r\n\r\n                            <div className='newcontainer'>\r\n                              {personalInfoDetails.map((personal) => {\r\n                                const age = calculateAge(personal.dob);\r\n                                return (\r\n                                  <div key={personal.id} className='biodata'>\r\n                                    <div className='info-row'>\r\n                                      <span className='tdright'>Employee ID: </span>\r\n                                      <span className='tdleft'>{d.teamId}</span>\r\n                                    </div>\r\n                                    <div className='info-row'>\r\n                                      <span className='tdright'>AGE: </span>\r\n                                      <span className='tdleft'>{age}</span>\r\n                                    </div>\r\n                                    <div className='info-row'>\r\n                                      <span className='tdright'>Gender: </span>\r\n                                      <span className='tdleft'>{personal.gender}</span>\r\n                                    </div>\r\n                                    <div className='info-row'>\r\n                                      <span className='tdright'>Status: </span>\r\n                                      <span className='tdleft'>{personal.maritalStatus}</span>\r\n                                    </div>\r\n                                    <div className='info-row'>\r\n                                      <span className='tdright'>Blood group: </span>\r\n                                      <span className='tdleft'>{personal.bloodGroup}</span>\r\n                                    </div>\r\n                                    <div className='info-Profile'>\r\n                                      <span className='tdright'>Email Address: </span>\r\n                                      <span className='tdleft'>{personal.email}</span>\r\n                                    </div>\r\n                                    {/* {details.map((formobile) =>{\r\n                                      return  */}\r\n                                      <div className='info-row'>\r\n                                      <span className='tdright'>Mobile: </span>\r\n                                      <span className='tdleft'>{personal.homeNumber}</span>\r\n                                    </div>\r\n                                     {/* })} */}\r\n\r\n                                    \r\n                                    <div className='info-row' style={{ marginTop: \"10px\" }}>\r\n                                      {personalInfoDetails.map((personal) => {\r\n                                        return (\r\n                                          <>\r\n                                            {personal.email === email ? (\r\n                                              <Link\r\n                                                className='edit-button'\r\n                                                to={{\r\n                                                  pathname: '/Profile',\r\n                                                  state: {\r\n                                                    ProfileClick: true,\r\n                                                  },\r\n                                                }}\r\n                                              >\r\n                                                <img src={pencil} alt='Profile' className='edit-image' />\r\n                                              </Link>\r\n                                            ) : personal.adminEmail === email ? (\r\n                                              <p className='edit-button'>\r\n                                                <img\r\n                                                  src={pencil}\r\n                                                  alt='Profile'\r\n                                                  className='edit-image'\r\n                                                  onClick={togglePopup}\r\n                                                />\r\n                                              </p>\r\n                                            ) : null}\r\n                                          </>\r\n                                        );\r\n                                      })}\r\n                                    </div>\r\n                                  </div>\r\n                                );\r\n                              })}\r\n                            </div>\r\n                          </div>\r\n\r\n                          {/* Bio */}\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <>\r\n                                <div className=\"grid-item\">\r\n                                  <h4>Bio</h4>\r\n                                  <p className='bio-text'>{personal.bio}</p>\r\n                                  {/* Bio Edit */}\r\n\r\n                                  {personalInfoDetails.map((personal) => {\r\n                                    return (\r\n                                      <>\r\n                                        {personal.email === email ? (\r\n                                          <div className='bottom-edit-button'>\r\n                                            <Link\r\n                                              className='edit-button'\r\n                                              to={{\r\n                                                pathname: '/Profile',\r\n                                                state: {\r\n                                                  ProfileClick: true,\r\n                                                },\r\n                                              }}\r\n                                            >\r\n                                              <img src={pencil} alt='Profile' className='edit-image'\r\n\r\n                                              />\r\n                                            </Link>\r\n                                          </div>\r\n                                        ) : null}\r\n                                      </>\r\n                                    );\r\n                                  })}\r\n                                </div></>)\r\n                          })}\r\n\r\n                          {/* Personality */}\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <>\r\n                                <div className=\"grid-item\">\r\n                                  <h4>Personality</h4>\r\n                                  <div className=\"personality-content\">\r\n                                    {personalityDetails.map((personality) => {\r\n                                      return <p><span className='textwithbackground'>{personality.personalityName}</span></p>\r\n                                    })}\r\n                                  </div>\r\n                                </div></>)\r\n                          })}\r\n\r\n                          {/* Social Media */}\r\n                          <div className=\"grid-item\">\r\n                            <div className='info-row1'>\r\n                              <h4>Social Media</h4>\r\n                              {personalInfoDetails.map((socialmedia) => {\r\n                                return <>\r\n                                  {\r\n                                    socialmedia.faceBook === \"-\" ? null : <a\r\n                                      // href={`https://www.facebook.com/${socialmedia.faceBook}`} \r\n                                      title={socialmedia.faceBook}\r\n                                      target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                      <img src={facebook} alt=\"Facebook\" className=\"social-media-image\" />\r\n                                    </a>\r\n\r\n\r\n                                  }\r\n                                  {\r\n                                    socialmedia.whatsappNumber === \"-\" ? null : <a\r\n                                      // href={`https://api.whatsapp.com/send?phone=${socialmedia.whatsappNumber}`} \r\n                                      title={socialmedia.whatsappNumber}\r\n                                      target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                      <img src={whatsapp} alt=\"WhatsApp\" className=\"social-media-image\" />\r\n                                    </a>\r\n\r\n                                  }\r\n                                  {\r\n                                    socialmedia.linkedIn === \"-\" ? null : <a\r\n                                      // href={`https://www.linkedin.com/in/${socialmedia.linkedIn}`} \r\n                                      title={socialmedia.linkedIn}\r\n                                      target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                      <img src={linkedin} alt=\"LinkedIn\" className=\"social-media-image\" />\r\n                                    </a>\r\n\r\n                                  }\r\n                                  {\r\n                                    socialmedia.twitter === \"-\" ? null : <a\r\n                                      // href={`https://www.twitter.com/${socialmedia.twitter}`} \r\n                                      title={socialmedia.twitter}\r\n                                      target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                      <img src={twitter} alt=\"Twitter\" className=\"social-media-image\" />\r\n                                    </a>\r\n\r\n                                  }\r\n                                  {\r\n                                    socialmedia.skype === \"-\" ? null : <a\r\n                                      // href={`skype:${socialmedia.skype}?chat`} \r\n                                      title={socialmedia.skype}\r\n                                      target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                      <img src={Skype} alt=\"Skype\" className=\"social-media-image\" />\r\n                                    </a>\r\n\r\n                                  }\r\n\r\n                                  {/* Social Media Edit */}\r\n\r\n                                  {personalInfoDetails.map((personal) => {\r\n                                    return (\r\n                                      <>\r\n                                        {personal.email === email ?\r\n                                          <div className='bottom-edit-button'>\r\n                                            <Link\r\n                                              to={{\r\n                                                pathname: '/Profile',\r\n                                                state: {\r\n                                                  SocialClick: true,\r\n                                                }\r\n                                              }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                          </div>\r\n                                          : null}</>)\r\n                                  })}\r\n\r\n\r\n                                </>\r\n                              })}\r\n                            </div>\r\n                          </div>\r\n\r\n                          {/* Lifestyle */}\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <>\r\n                                <div className=\"grid-item\">\r\n                                  <h4>Life style</h4>\r\n                                  {\r\n                                    lifeStyleDetails.map((life) => {\r\n                                      return <div className=\"personality-content\">\r\n                                        <p><span className='textwithbackground'>{life.lifeStyle}</span></p>\r\n                                      </div>\r\n\r\n                                    })\r\n                                  }\r\n\r\n                                </div></>)\r\n                          })}\r\n\r\n                          {/* Professional */}\r\n                          <div className=\"grid-item\">\r\n                            <div className='newcontainer'>\r\n                              <h4>Professional</h4>\r\n                              <div>\r\n                                {details.map((d, index) => {\r\n                                  return (\r\n                                    <div key={index} className='biodata'>\r\n                                      <div className='info-row'>\r\n                                        <span className='tdright'>Department: </span>\r\n                                        <span className='tdleft'>{d.department}</span>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='tdright'>Designation: </span>\r\n                                        <span className='tdleft'>{d.designation}</span>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='tdright'>Role: </span>\r\n                                        <span className='tdleft'>{d.role}</span>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='tdright'>Reporting Manager: </span>\r\n                                        <span className='tdleft'>{d.report_Manager}</span>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='tdright'>Location: </span>\r\n                                        <span className='tdleft'>{d.primary_Ofc}</span>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='tdright'>Joining Date: </span>\r\n                                        <span className='tdleft'>{formatDate(d.joining_Date)}</span>\r\n                                      </div>\r\n                                    </div>\r\n                                  );\r\n                                })}\r\n\r\n                                {personalInfoDetails.map((personal) => {\r\n                                  return (\r\n                                    <>\r\n                                      {personal.adminEmail === email ? (\r\n                                        <div className='bottom-edit-button'>\r\n                                          <p className='edit-button'>\r\n                                            <img\r\n                                              src={pencil}\r\n                                              alt='Profile'\r\n                                              className='edit-image'\r\n                                              onClick={(e) => Editprofile(props.location.state.Id, e)}\r\n                                            />\r\n                                          </p>\r\n                                        </div>\r\n                                      ) : null}\r\n                                    </>\r\n                                  );\r\n                                })}\r\n\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n\r\n                          {/* Admin Banking and User Education */}\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <>\r\n                                {personal.email === email || personal.adminEmail === email ?\r\n                                  // Banking\r\n                                  <div className=\"grid-item\">\r\n                                    <h4>Banking</h4>\r\n                                    <div>\r\n                                      {personalInfoDetails.map((personal) => {\r\n                                        return <>\r\n                                          <div className='biodata'>\r\n                                            <div className='info-row'>\r\n                                              <span className='tdright'>Account Number: </span>\r\n                                              <span className='tdleft'>{maskNumber(personal.acNo)}</span>\r\n                                            </div >\r\n                                            <div className='info-row'>\r\n                                              <span className='tdright'>Account Type: </span>\r\n                                              <span className='tdleft'>{personal.acType}</span>\r\n                                            </div>\r\n                                            <div className='info-row'>\r\n                                              <span className='tdright'>IFSC CODE: </span>\r\n                                              <span className='tdleft'>{personal.ifsc}</span>\r\n                                            </div>\r\n                                            <div className='info-row'>\r\n                                              <span className='tdright'>Branch name: </span>\r\n                                              <span className='tdleft'>{personal.branchname}</span>\r\n                                            </div>\r\n                                            <div className='info-row'>\r\n                                              <span className='tdright'>Branch Address: </span>\r\n                                              <span className='tdleft'>{personal.branchaddress}</span>\r\n                                            </div>\r\n                                          </div>\r\n                                          {/* Banking Edit */}\r\n                                          <div className='info-row' style={{ marginTop: \"10px\" }}>\r\n                                            {personalInfoDetails.map((personal) => {\r\n                                              return (\r\n                                                <>\r\n                                                  {personal.email === email ? (\r\n                                                    <Link\r\n                                                      className='edit-button'\r\n                                                      to={{\r\n                                                        pathname: '/Profile',\r\n                                                        state: {\r\n                                                          ProfileClick: true,\r\n                                                        },\r\n                                                      }}\r\n                                                    >\r\n                                                      <img src={pencil} alt='Profile' className='edit-image' />\r\n                                                    </Link>\r\n                                                  ) : null}\r\n                                                </>\r\n                                              );\r\n                                            })}\r\n                                          </div>\r\n                                        </>\r\n                                      })}\r\n                                      {personalInfoDetails.map((personal) => {\r\n                                        return (\r\n                                          <>\r\n                                            {personal.email === email ?\r\n                                              <Link\r\n                                                to={{\r\n                                                  pathname: '/Profile',\r\n                                                  state: {\r\n                                                    BankClick: true,\r\n                                                  }\r\n                                                }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                              : null}</>)\r\n                                      })}\r\n                                    </div>\r\n                                  </div> :\r\n                                  // Education \r\n                                  <div className=\"grid-item\">\r\n                                    <h4>Education</h4>\r\n                                    {educationDetail.slice(0, EducationvisibleCount).map((educate, index) => (\r\n                                      <div key={index} className='biodata'>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Qualification Type: </span>\r\n                                          <span className='tdleft'>{educate.qualificationType}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Qualification: </span>\r\n                                          <span className='tdleft'>{educate.courseName}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Type: </span>\r\n                                          <span className='tdleft'>{educate.courseType}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Stream: </span>\r\n                                          <span className='tdleft'>{educate.stream}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Start Date: </span>\r\n                                          <span className='tdleft'>{educate.courseStartDate}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>END Date: </span>\r\n                                          <span className='tdleft'>{educate.courseEndDate}</span>\r\n                                        </div>\r\n                                        {/* Education Edit */}\r\n\r\n                                        {personalInfoDetails.map((personal) => {\r\n                                          return (\r\n                                            <>\r\n                                              {personal.email === email ? (\r\n                                                <div className='bottom-edit-button'>\r\n                                                  <Link\r\n                                                    className='edit-button'\r\n                                                    to={{\r\n                                                      pathname: '/Profile',\r\n                                                      state: {\r\n                                                        EducationClick: true,\r\n                                                      },\r\n                                                    }}\r\n                                                  >\r\n                                                    <img src={pencil} alt='Profile' className='edit-image' />\r\n                                                  </Link>\r\n                                                </div>\r\n                                              ) : personal.adminEmail === email ? (\r\n                                                <div className='bottom-edit-button'>\r\n                                                  <p className='edit-button'>\r\n                                                    <img\r\n                                                      src={pencil}\r\n                                                      alt='Profile'\r\n                                                      className='edit-image'\r\n                                                      onClick={(e) => togglePopup5(educate.id, e)}\r\n                                                    />\r\n                                                  </p>\r\n                                                </div>\r\n                                              ) : null}\r\n                                            </>\r\n                                          );\r\n                                        })}\r\n\r\n                                      </div>\r\n                                    ))}\r\n                                    <div className=\"button-container\">\r\n                                      {EducationvisibleCount < educationDetail.length && (\r\n                                        <button onClick={handleEducationSeeMore}>See More</button>\r\n                                      )}\r\n                                      {EducationvisibleCount > 1 && (\r\n                                        <button onClick={handleEducationSeeLess}>See Less</button>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                  </div>}</>)\r\n                          })}\r\n\r\n                          {/* Interest */}\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <>\r\n                                <div className=\"grid-item\">\r\n                                  <h4>Interests</h4>\r\n\r\n                                  <div className=\"personality-content\">\r\n                                    {interestDetails.map((int) => {\r\n                                      return <p><span className='textwithbackground'>{int.interests}</span></p>\r\n                                    })}\r\n                                  </div>\r\n                                </div></>)\r\n                          })}\r\n\r\n                          {/* Contact */}\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <>\r\n                                {personal.email === email || personal.adminEmail === email ? <div className=\"grid-item\">\r\n                                  <h4>Contact</h4>\r\n                                  {personalInfoDetails.map((educate, index) => (\r\n                                    <div key={index} className='biodata'>\r\n                                      <div className='info-row'>\r\n                                        <span className='tdright'>Official Email: </span>\r\n                                        <span className='tdleft'>{educate.email}</span>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='tdright'>Personal Email: </span>\r\n                                        <span className='tdleft'>{educate.officialEmail}</span>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='tdright'>Office Number: </span>\r\n                                        <span className='tdleft'>{educate.phoneNumber}</span>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='tdright'>Mobile Number: </span>\r\n                                        <span className='tdleft'>{educate.homeNumber}</span>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='tdright'>ALT. Mobile Number: </span>\r\n                                        <span className='tdleft'>{educate.alternatePhoneNo}</span>\r\n                                      </div>\r\n                                    </div>\r\n                                  ))}\r\n\r\n                                  {/* Contact Edit */}\r\n                                  {personalInfoDetails.map((personal) => {\r\n                                    return (\r\n                                      <>\r\n                                        {personal.email === email ? (\r\n                                          <div className='bottom-edit-button'>\r\n                                            <Link\r\n                                              className='edit-button'\r\n                                              to={{\r\n                                                pathname: '/Profile',\r\n                                                state: {\r\n                                                  ProfileClick: true,\r\n                                                },\r\n                                              }}\r\n                                            >\r\n                                              <img src={pencil} alt='Profile' className='edit-image' />\r\n                                            </Link>\r\n                                          </div>\r\n                                        ) : personal.adminEmail === email ? (\r\n                                          <div className='bottom-edit-button'>\r\n                                            <p className='edit-button'>\r\n                                              <img\r\n                                                src={pencil}\r\n                                                alt='Profile'\r\n                                                className='edit-image'\r\n                                                onClick={togglePopup3}\r\n                                              />\r\n                                            </p>\r\n                                          </div>\r\n                                        ) : null}\r\n                                      </>\r\n                                    );\r\n                                  })}\r\n\r\n                                </div> : <div className=\"grid-item-violet\">\r\n                                </div>}</>)\r\n                          })}\r\n\r\n                          {/* Admin Education and User Skill */}\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <>\r\n                                {personal.email === email || personal.adminEmail === email ?\r\n                                  <div className=\"grid-item\">\r\n                                    <h4>Education &nbsp; <i className=\"icofont icofont-plus\" onClick={togglePopup8} style={{ fontSize: \"10px\", cursor: \"pointer\" }}></i></h4>\r\n                                    {educationDetail.slice(0, EducationvisibleCount).map((educate, index) => (\r\n                                      <div key={index} className='biodata'>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Qualification Type: </span>\r\n                                          <span className='tdleft'>{educate.qualificationType}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Qualification: </span>\r\n                                          <span className='tdleft'>{educate.courseName}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Type: </span>\r\n                                          <span className='tdleft'>{educate.courseType}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Stream: </span>\r\n                                          <span className='tdleft'>{educate.stream}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Start Date: </span>\r\n                                          <span className='tdleft'>{educate.courseStartDate}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>END Date: </span>\r\n                                          <span className='tdleft'>{educate.courseEndDate}</span>\r\n                                        </div>\r\n                                        &nbsp;\r\n                                        {/* Education Edit */}\r\n                                        <div className='info-row'>\r\n                                          {personal.email === email ? (\r\n                                            <div>\r\n                                              <Link\r\n                                                className='edit-button'\r\n                                                to={{\r\n                                                  pathname: '/Profile',\r\n                                                  state: {\r\n                                                    EducationClick: true,\r\n                                                  },\r\n                                                }}\r\n                                              >\r\n                                                <img src={pencil} alt='Profile' className='edit-image' />\r\n                                              </Link>\r\n                                            </div>\r\n                                          ) : personal.adminEmail === email ? (\r\n                                            <div>\r\n                                              <p className='edit-button'>\r\n                                                <img\r\n                                                  src={pencil}\r\n                                                  alt='Profile'\r\n                                                  className='edit-image'\r\n                                                  onClick={(e) => togglePopup5(educate.id, e)}\r\n                                                />\r\n                                              </p>\r\n                                            </div>\r\n                                          ) : null}\r\n                                        </div>\r\n\r\n                                      </div>\r\n                                    ))}\r\n                                    <div className=\"button-container\">\r\n                                      {EducationvisibleCount < educationDetail.length && (\r\n                                        <button onClick={handleEducationSeeMore}>See More</button>\r\n                                      )}\r\n                                      {EducationvisibleCount > 1 && (\r\n                                        <button onClick={handleEducationSeeLess}>See Less</button>\r\n                                      )}\r\n                                    </div>\r\n                                  </div> :\r\n                                  // SKills  \r\n                                  <div className=\"grid-item\">\r\n                                    <h4>Skills</h4>\r\n                                    {displayedSkills.map((skill, index) => (\r\n                                      <ul key={index} className=\"skills-list\">\r\n                                        <li>{skill.skillName}&nbsp;&nbsp;\r\n                                          {personalInfoDetails.map((personal) => {\r\n                                            return (\r\n                                              <>\r\n                                                {personal.adminEmail === email ? (<span>\r\n                                                  <img\r\n                                                    src={pencil}\r\n                                                    alt='Profile'\r\n                                                    className='edit-image'\r\n                                                    onClick={(e) => togglePopup6(skill.id, e)}\r\n                                                  />\r\n                                                </span>) : null}\r\n                                              </>\r\n                                            );\r\n                                          })}\r\n                                        </li>\r\n                                      </ul>\r\n                                    ))}\r\n\r\n                                    <div className=\"button-container\">\r\n                                      {skillDetails.length > initialSkillsToShow && (\r\n                                        <button onClick={toggleSkills}>\r\n                                          {showAllSkills ? 'See less' : 'See more'}\r\n                                        </button>\r\n                                      )}\r\n                                    </div>\r\n                                    {/* Skills Edit */}\r\n                                    <div className='info-row' style={{ marginTop: \"10px\" }}>\r\n                                      {personalInfoDetails.map((personal) => {\r\n                                        return (\r\n                                          <>\r\n                                            {personal.email === email ? (\r\n                                              <Link\r\n                                                className='edit-button'\r\n                                                to={{\r\n                                                  pathname: '/Profile',\r\n                                                  state: {\r\n                                                    ProfileClick: true,\r\n                                                  },\r\n                                                }}\r\n                                              >\r\n                                                <img src={pencil} alt='Profile' className='edit-image' />\r\n                                              </Link>\r\n                                            ) : personal.adminEmail === email ? (\r\n                                              null\r\n                                            ) : null}\r\n                                          </>\r\n                                        );\r\n                                      })}\r\n                                    </div>\r\n\r\n                                  </div>\r\n                                }\r\n                              </>)\r\n                          })}\r\n\r\n                          {/* Activities */}\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <>\r\n                                <div className=\"grid-item\">\r\n                                  <h4>Activities</h4>\r\n                                  <div className=\"personality-content\">\r\n                                    {activitiesDetails.map((act) => {\r\n                                      return <p><span className='textwithbackground'>{act.activities}</span></p>\r\n                                    })}\r\n                                  </div>\r\n                                </div></>)\r\n                          })}\r\n\r\n                          {/* Empty */}\r\n                          <div className=\"grid-item-violet\">\r\n                          </div>\r\n\r\n                          {/* Admin Skills and user null */}\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <>\r\n                                {personal.email === email || personal.adminEmail === email ?\r\n                                  // Skills\r\n                                  <div className=\"grid-item\">\r\n                                    <h4>Skills &nbsp; <i className=\"icofont icofont-plus\" onClick={togglePopup10} style={{ fontSize: \"10px\", cursor: \"pointer\" }}></i></h4>\r\n                                    {displayedSkills.map((skill, index) => (\r\n                                      <ul key={index} className=\"skills-list\">\r\n                                        <li>{skill.skillName}&nbsp;&nbsp;\r\n                                         \r\n                                        </li>\r\n                                      </ul>\r\n                                    ))}\r\n\r\n                                    <div className=\"button-container\">\r\n                                      {skillDetails.length > initialSkillsToShow && (\r\n                                        <button onClick={toggleSkills}>\r\n                                          {showAllSkills ? 'See less' : 'See more'}\r\n                                        </button>\r\n                                      )}\r\n                                    </div>\r\n                                    {/* Skills Edit */}\r\n                                    <div className='info-row' style={{ marginTop: \"10px\" }}>\r\n                                      {personalInfoDetails.map((personal) => {\r\n                                        return (\r\n                                          <>\r\n                                            {personal.email === email ? (\r\n                                              <Link\r\n                                                className='edit-button'\r\n                                                to={{\r\n                                                  pathname: '/Profile',\r\n                                                  state: {\r\n                                                    ProfileClick: true,\r\n                                                  },\r\n                                                }}\r\n                                              >\r\n                                                <img src={pencil} alt='Profile' className='edit-image' />\r\n                                              </Link>\r\n                                            ) : personal.adminEmail === email ? (\r\n                                              null\r\n                                            ) : null}\r\n                                          </>\r\n                                        );\r\n                                      })}\r\n                                    </div>\r\n                                    {displayedSkills.length !== 0 ?\r\n                                    <>\r\n                                    {personal.adminEmail === email ? (<span>\r\n                                              <img\r\n                                                src={pencil}\r\n                                                alt='Profile'\r\n                                                className='edit-image'\r\n                                                onClick={togglePopup11}\r\n                                              />\r\n                                            </span>) : null}</>:null}\r\n\r\n                                  </div>\r\n                                  :\r\n                                  null\r\n                                }\r\n                              </>)\r\n                          })}\r\n\r\n\r\n                          {/* Family */}\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <>\r\n                                {personal.email === email || personal.adminEmail === email ?\r\n                                  <div className=\"grid-item\">\r\n                                    <h4>Family &nbsp; <i className=\"icofont icofont-plus\" onClick={togglePopup9} style={{ fontSize: \"10px\", cursor: \"pointer\" }}></i></h4>\r\n                                    {familyDetails.slice(0, visibleCount).map((family, index) => (\r\n                                      <div key={family.id} className='biodata'>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>First Name: </span>\r\n                                          <span className='tdleft'>{family.firstName}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Last Name: </span>\r\n                                          <span className='tdleft'>{family.lastName}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Relationship: </span>\r\n                                          <span className='tdleft'>{family.relationship}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Contact: </span>\r\n                                          <span className='tdleft'>{family.contact}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Email: </span>\r\n                                          <span className='tdleft'>{family.email}</span>\r\n                                        </div>\r\n                                        {family.emergencyContact === 'Yes' ? <div className='info-row'>\r\n                                          <span className='tdright'>Emergency Contact</span>\r\n                                          <span className='tdleft'>Yes</span>\r\n                                        </div>\r\n                                          : null} &nbsp;\r\n                                        {/* Family Edit */}\r\n\r\n                                        {personalInfoDetails.map((personal) => {\r\n                                          return (\r\n                                            <>\r\n                                              {personal.email === email ? (\r\n                                                <div>\r\n                                                  <Link\r\n                                                    className='edit-button'\r\n                                                    to={{\r\n                                                      pathname: '/Profile',\r\n                                                      state: {\r\n                                                        ProfileClick: true,\r\n                                                      },\r\n                                                    }}\r\n                                                  >\r\n                                                    <img src={pencil} alt='Profile' className='edit-image' />\r\n                                                  </Link>\r\n                                                </div>\r\n                                              ) : personal.adminEmail === email ? (\r\n                                                <div>\r\n                                                  <p className='edit-button'>\r\n                                                    <img\r\n                                                      src={pencil}\r\n                                                      alt='Profile'\r\n                                                      className='edit-image'\r\n                                                      onClick={(e) => {\r\n                                                        togglePopup7(family.id, e);\r\n                                                      }}\r\n                                                    />\r\n                                                  </p>\r\n                                                </div>\r\n                                              ) : null}\r\n                                            </>\r\n                                          );\r\n                                        })}\r\n                                      </div>\r\n\r\n                                    ))}\r\n                                    <div className=\"button-container\">\r\n                                      {visibleCount < familyDetails.length && (\r\n                                        <button onClick={handleSeeMore}>See More</button>\r\n                                      )}\r\n                                      {visibleCount > 1 && (\r\n                                        <button onClick={handleSeeLess}>See Less</button>\r\n                                      )}\r\n                                    </div>\r\n\r\n                                  </div> : null}</>)\r\n                          })}\r\n\r\n                          {/* Empty */}\r\n                          <div className=\"grid-item-violet\">\r\n                          </div>\r\n\r\n                          {/* Address */}\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <>\r\n                                {personal.email === email || personal.adminEmail === email ?\r\n                                  <div className=\"grid-item\">\r\n                                    <h4>Address</h4>\r\n                                    {personalInfoDetails.map((educate, index) => (\r\n                                      <div key={index} className='biodata'>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Current Address: </span>\r\n                                          <span className='tdleft'></span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>City: </span>\r\n                                          <span className='tdleft'>{educate.currentAddress_City}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>State: </span>\r\n                                          <span className='tdleft'>{educate.currentAddress_State}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Country: </span>\r\n                                          <span className='tdleft'>{educate.currentAddress_Country}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Pin code: </span>\r\n                                          <span className='tdleft'>{educate.currentAddress_Pincode}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>House Type: </span>\r\n                                          <span className='tdleft'>{educate.houseType}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Staying since: </span>\r\n                                          <span className='tdleft'>{educate.stayingSince.split('-')[0]}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Permanant Address: </span>\r\n                                          <span className='tdleft'></span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>City: </span>\r\n                                          <span className='tdleft'>{educate.permanentAddress_City}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>State: </span>\r\n                                          <span className='tdleft'>{educate.permanentAddress_State}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Country: </span>\r\n                                          <span className='tdleft'>{educate.permanentAddress_Country}</span>\r\n                                        </div>\r\n                                        <div className='info-row'>\r\n                                          <span className='tdright'>Pin code: </span>\r\n                                          <span className='tdleft'>{educate.permanentAddress_Pincode}</span>\r\n                                        </div>\r\n                                      </div>\r\n                                    ))}\r\n                                    {/* Address Edit */}\r\n\r\n                                    {personalInfoDetails.map((personal) => {\r\n                                      return (\r\n                                        <>\r\n                                          {personal.email === email ? (\r\n                                            <div className='bottom-edit-button'>\r\n                                              <Link\r\n                                                className='edit-button'\r\n                                                to={{\r\n                                                  pathname: '/Profile',\r\n                                                  state: {\r\n                                                    ProfileClick: true,\r\n                                                  },\r\n                                                }}\r\n                                              >\r\n                                                <img src={pencil} alt='Profile' className='edit-image' />\r\n                                              </Link>\r\n                                            </div>\r\n                                          ) : personal.adminEmail === email ? (\r\n                                            <div className='bottom-edit-button'>\r\n                                              <p className='edit-button'>\r\n                                                <img\r\n                                                  src={pencil}\r\n                                                  alt='Profile'\r\n                                                  className='edit-image'\r\n                                                  onClick={togglePopup4}\r\n                                                />\r\n                                              </p>\r\n                                            </div>\r\n                                          ) : null}\r\n                                        </>\r\n                                      );\r\n                                    })}\r\n\r\n                                  </div> : null}</>)\r\n                          })}\r\n                        </>\r\n                      })}\r\n                    </div>\r\n                      })}\r\n\r\n                    \r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n\r\n\r\n\r\n      {\r\n        contactopen ? <div className=\"pop\">\r\n          <div\r\n            className={\r\n              w > 768\r\n                ? \"popinnernormal oneFieldPop\"\r\n                : \"popinnernormal threeFieldPopMobile\"\r\n            }\r\n            style={w > 768 ? { padding: \"2%\" } : { padding: \"4%\" }}\r\n          >\r\n            <p onClick={(e) => setContactopen(false, e)} className='cornerleft'>x</p>\r\n            <form autoComplete=\"off\"\r\n              onSubmit={ContactEdit} >\r\n\r\n              {personalInfoDetails.map((personal) => {\r\n\r\n                return (\r\n                  <>\r\n                    <div className='info-row'>\r\n                      <input\r\n                        type=\"hidden\"\r\n                        name=\"Id\"\r\n                        defaultValue={\r\n                          personal.userId\r\n                        }\r\n                      />\r\n                    </div>\r\n                    <div className='info-row'>\r\n                      <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Official Email: </span>\r\n                      <input\r\n                        className=\"effect-16\"\r\n                        onFocus={(e) => e.target.select()}\r\n                        style={{\r\n                          width: \"82%\",\r\n                          pointerEvents: \"none\",\r\n                        }}\r\n                        type=\"text\"\r\n                        id=\"PersonalEmail\"\r\n                        name=\"Email\"\r\n                        value={personal.email}\r\n                        placeholder=\"Personal Email\"\r\n                      />\r\n\r\n                    </div>\r\n                    <div className='info-rowedit'>\r\n                      <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Office Number: </span>\r\n                      <input\r\n                        className=\"effect-16\"\r\n                        onFocus={(e) => e.target.select()}\r\n                        maxLength=\"10\"\r\n                        style={{ width: \"82%\" }}\r\n                        type=\"text\"\r\n                        id=\"PhoneNumber\"\r\n                        name=\"PhoneNumber\"\r\n                        onKeyPress={(event) => {\r\n                          const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                          if (isLetter) {\r\n                            event.preventDefault();\r\n                          }\r\n                        }}\r\n                        onInputCapture={(event) => {\r\n                          if (!/^[0-9]*$/.test(event.target.value)) {\r\n                            event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                          }\r\n                        }}\r\n                        defaultValue={personal.phoneNumber}\r\n                        placeholder=\"Office Number \"\r\n                      />\r\n\r\n                    </div>\r\n                    <div className='info-row'>\r\n                      <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Phone Number: </span>\r\n                      <input\r\n                        className=\"effect-16\"\r\n                        onFocus={(e) => e.target.select()}\r\n                        maxLength=\"10\"\r\n                        style={{ width: \"82%\" }}\r\n                        type=\"text\"\r\n                        id=\"HomeNumber\"\r\n                        name=\"HomeNumber\"\r\n                        onKeyPress={(event) => {\r\n                          const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                          if (isLetter) {\r\n                            event.preventDefault();\r\n                          }\r\n                        }}\r\n                        onInputCapture={(event) => {\r\n                          if (!/^[0-9]*$/.test(event.target.value)) {\r\n                            event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                          }\r\n                        }}\r\n                        defaultValue={personal.homeNumber}\r\n                        placeholder=\"Phone Number \"\r\n                      />\r\n\r\n                    </div>\r\n                    <div className='info-row'>\r\n                      <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Personal Email: </span>\r\n                      <input\r\n                        className=\"effect-16\"\r\n                        onFocus={(e) => e.target.select()}\r\n                        style={{ width: \"82%\" }}\r\n                        type=\"text\"\r\n                        id=\"OfficialEmail\"\r\n                        name=\"OfficialEmail\"\r\n                        defaultValue={\r\n                          personal.officialEmail\r\n                        }\r\n                        placeholder=\"-\"\r\n                      />\r\n\r\n                    </div>\r\n                    <div className='info-row'>\r\n                      <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Alternate Phone Number: </span>\r\n                      <input\r\n                        className=\"effect-16\"\r\n                        onFocus={(e) => e.target.select()}\r\n                        maxLength=\"10\"\r\n                        style={{ width: \"82%\" }}\r\n                        type=\"text\"\r\n                        id=\"AlternatePhoneNo\"\r\n                        onKeyPress={(event) => {\r\n                          const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                          if (isLetter) {\r\n                            event.preventDefault();\r\n                          }\r\n                        }}\r\n                        onInputCapture={(event) => {\r\n                          if (!/^[0-9]*$/.test(event.target.value)) {\r\n                            event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                          }\r\n                        }}\r\n                        defaultValue={\r\n                          personal.alternatePhoneNo\r\n                        }\r\n                        name=\"AlternatePhoneNo\"\r\n\r\n                        placeholder=\"-\"\r\n                      />\r\n\r\n                    </div>\r\n                  </>)\r\n              })}\r\n\r\n              <br />\r\n              <button\r\n                type=\"submit\"\r\n                // disabled={this.state.ButtonDisabled}\r\n                className=\"but\"\r\n                style={{\r\n                  height: \"39.5px\",\r\n                  width: \"83.36px\",\r\n                }}\r\n              >\r\n                Update\r\n              </button>\r\n              <button\r\n                type=\"reset\"\r\n                className=\" btn-Secondary\"\r\n                style={{\r\n                  marginLeft: \"1%\",\r\n                  height: \"39.5px\",\r\n                }}\r\n              // onClick={() =>\r\n              //   this.setState({ formErrors: \"\" })\r\n              // }\r\n              >\r\n                Cancel\r\n              </button>\r\n            </form>\r\n          </div>\r\n        </div> : null\r\n      }\r\n\r\n      {/* Profile Edit */}\r\n      <div>\r\n        {isPopupOpen && (\r\n          <div className=\"popup\">\r\n            <div className=\"popup-content\">\r\n              <center id=\"DiscAddPop\">\r\n                <div>\r\n                  <center>\r\n\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={togglePopupClose}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <h6\r\n                      className=\"placeholder\"\r\n                      style={{ fontWeight: \"bold\", marginTop: \"-2%\" }}\r\n                    >\r\n                      Profile\r\n                    </h6>\r\n\r\n                    {details.map((d, index) => (\r\n                      <div key={index} className=\"profile\">\r\n                        <p className='grid-user-name'>{d.firstName}\r\n                          {d.status === 1 ? (\r\n                            <span className='green-dot' title=\"Active\"></span>\r\n                          ) : (\r\n                            <span className='red-dot' title=\"Inactive\"></span>\r\n                          )}\r\n                        </p>\r\n                        {personalInfoDetails.map((personal, index) => (\r\n                          <img key={index} src={personal.profile_Picture} alt=\"Profile\" className=\"profile-image\" />\r\n                        ))}\r\n                        {/* <i\r\n                                                  className=\" fa fa-pencil editbtn\"\r\n                                                  aria-hidden=\"true\"\r\n                                                  type=\"file\" \r\n                                                  ref={fileInputRef} \r\n                                                  style={{ fontSize: \"20px\",\r\n                                                  paddingTop: \"8px\",\r\n                                                        paddingLeft: \"4px\",\r\n                                                        marginTop:'-15px'\r\n                                                   }}\r\n                                                ></i> */}\r\n\r\n                        <div className='newcontainer'>\r\n                          {personalInfoDetails.map((personal) => {\r\n                            const age = calculateAge(personal.dob);\r\n                            return (\r\n                              <div key={personal.id} className='biodata'>\r\n                                <form autoComplete=\"off\" onSubmit={submit}>\r\n                                  <div className=\"row justify-content-center\">\r\n                                    <div className='col-lg-12'>\r\n                                      <div className='info-row' >\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Employee ID: </span>\r\n                                        <input\r\n                                          className='effect-16'\r\n                                          value={d.teamId}\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <input\r\n                                          type=\"hidden\"\r\n                                          name=\"Id\"\r\n                                          defaultValue={\r\n                                            personal.userId\r\n                                          }\r\n                                        />\r\n\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          // onFocus={(e) => e.target.select()}\r\n                                          maxLength=\"20\"\r\n                                          defaultValue={personal.firstName}\r\n                                          name=\"FirstName\"\r\n                                          type=\"text\"\r\n                                          id=\"FirstNameinfo\"\r\n                                          placeholder=\"First Name\"\r\n                                          readOnly\r\n                                          hidden\r\n                                        />\r\n                                        <input\r\n                                          type=\"hidden\"\r\n                                          name=\"Old_middleName\"\r\n                                          defaultValue={\r\n                                            personal.middleName\r\n                                          }\r\n                                        />\r\n                                        <input\r\n                                          type=\"hidden\"\r\n                                          name=\"LastName\"\r\n                                          defaultValue={\r\n                                            personal.lastName\r\n                                          }\r\n                                        />\r\n                                        <input\r\n                                          accept=\"image/*\"\r\n                                          type=\"hidden\"\r\n                                          name=\"Old_Profile_Picture\"\r\n                                          defaultValue={\r\n                                            personal.profile_Picture\r\n                                          }\r\n                                        />\r\n                                      </div>\r\n\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>DOB: </span>\r\n                                        <input\r\n                                          className='effect-16'\r\n                                          type=\"date\"\r\n                                          id=\"DOB\"\r\n                                          max={new Date(\r\n                                            new Date().getFullYear() - 18,\r\n                                            new Date().getMonth(),\r\n                                            new Date().getDate()\r\n                                          ).toISOString().split('T')[0]}\r\n                                          min={new Date(\r\n                                            new Date().getFullYear() - 80,\r\n                                            new Date().getMonth(),\r\n                                            new Date().getDate()\r\n                                          ).toISOString().split('T')[0]}\r\n                                          defaultValue={reformatDate(personal.dob)}\r\n                                          name=\"DOB\"\r\n                                          onChange={handleInputChange}\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.DOBerr && <span className='error-messageedit' style={{ marginTop: \"0px\", marginLeft: \"0px\" }}>{formErrors.DOBerr}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Gender: </span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          defaultValue={personal.gender}\r\n                                          name=\"Gender\"\r\n\r\n                                          id=\"Genderinfo\"\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            // ...(isChrome && { marginLeft: '-3px' })\r\n                                          }}\r\n                                        >\r\n                                          <option hidden>{personal.gender}</option>\r\n                                          <option value=\"\">\r\n                                            Select your Gender\r\n                                          </option>\r\n                                          <option value=\"Male\">Male</option>\r\n                                          <option value=\"Female\">\r\n                                            Female\r\n                                          </option>\r\n                                          <option value=\"Transgender\">\r\n                                            Transgender\r\n                                          </option>\r\n                                        </select>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Status: </span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          defaultValue={\r\n                                            personal.maritalStatus\r\n                                          }\r\n                                          name=\"MaritalStatus\"\r\n\r\n                                          id=\"MaritalStatusinfo\"\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            // ...(isChrome && { marginLeft: '-3px' })\r\n                                          }}\r\n                                        >\r\n                                          <option hidden>{personal.maritalStatus}</option>\r\n                                          <option value=\"\">\r\n                                            Marital status\r\n                                          </option>\r\n                                          <option value=\"Single\">\r\n                                            Single\r\n                                          </option>\r\n                                          <option value=\"Married\">\r\n                                            Married\r\n                                          </option>\r\n                                          <option value=\"divorced\">\r\n                                            Divorced\r\n                                          </option>\r\n                                          <option value=\"widowed\">\r\n                                            Widowed\r\n                                          </option>\r\n                                        </select>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Blood group: </span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          defaultValue={personal.bloodGroup}\r\n                                          name=\"Bloodgroup\"\r\n                                          id=\"Bloodgroupinfo\"\r\n                                          // onChange={\r\n                                          //   this.handleprofilechange\r\n                                          // }\r\n                                          type=\"text\"\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            // ...(isChrome && { marginLeft: '-3px' })\r\n                                          }}\r\n                                        >\r\n                                          <option hidden>{personal.bloodGroup}</option>\r\n                                          <option value=\"\">\r\n                                            Blood Group\r\n                                          </option>\r\n                                          <option value=\"A+\">A+</option>\r\n                                          <option value=\"A-\">A-</option>\r\n                                          <option value=\"B+\">B+</option>\r\n                                          <option value=\"B-\">B-</option>\r\n                                          <option value=\"O+\">O+</option>\r\n                                          <option value=\"O-\">O-</option>\r\n                                          <option value=\"AB+\">AB+</option>\r\n                                          <option value=\"AB-\">AB-</option>\r\n                                        </select>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Email Address: </span>\r\n                                        <input\r\n                                          className='effect-16'\r\n                                          defaultValue={personal.email}\r\n                                          readOnly\r\n                                        />\r\n                                      </div>\r\n                                      {personal.adminEmail === email && (\r\n                                        <div className='info-row'>\r\n                                          <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Mobile: </span>\r\n                                          <input\r\n                                            className='effect-16'\r\n                                            name='HomeNumber'\r\n                                            maxLength={10}\r\n                                            readOnly\r\n                                            defaultValue={personal.homeNumber}\r\n                                          />\r\n                                        </div>\r\n\r\n                                      )}\r\n                                      <div className=\"col-lg-12\">\r\n                                        <br />\r\n                                        <div className=\"row  justify-content-center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#8e75ef\",\r\n                                              fontWeight: \"bold\",\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                          >\r\n                                            Update\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#716b6b\",\r\n                                              fontWeight: \"bold\",\r\n                                              marginLeft: \"2%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                          >\r\n                                            &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            );\r\n                          })}\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </center>\r\n                </div>\r\n              </center>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Bio Edit */}\r\n      <div>\r\n        {isPopupOpen1 && (\r\n          <div className=\"popup\">\r\n            <div className=\"popup-content\">\r\n              <center id=\"DiscAddPop\">\r\n                <div>\r\n                  <center>\r\n\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={togglePopupClose1}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <h6\r\n                      className=\"placeholder\"\r\n                      style={{ fontWeight: \"bold\", marginTop: \"-2%\" }}\r\n                    >\r\n                      Edit\r\n                    </h6>\r\n\r\n                    {details.map((d, index) => (\r\n                      <div key={index} className=\"profile\">\r\n                        <div className='newcontainer'>\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <div key={personal.id} className='biodata'>\r\n                                <form autoComplete=\"off\" onSubmit={BioEdit}>\r\n                                  <div className=\"row justify-content-center\">\r\n\r\n                                    <>\r\n                                      <input\r\n                                        type=\"hidden\"\r\n                                        name=\"Id\"\r\n                                        defaultValue={\r\n                                          personal.userId\r\n                                        }\r\n                                      />\r\n                                      <textarea\r\n                                        className=\"effect-16\"\r\n                                        style={{\r\n                                          width: \"82%\",\r\n                                        }}\r\n                                        type=\"text\"\r\n                                        defaultValue={personal.bio}\r\n                                        id=\"Bio\"\r\n                                        name=\"Bio\"\r\n\r\n                                        placeholder=\"Description\"\r\n                                      />\r\n                                    </>\r\n                                    <div className=\"col-lg-12\">\r\n                                      <br />\r\n                                      <div className=\"row  justify-content-center\">\r\n                                        <button\r\n                                          type=\"submit\"\r\n                                          className=\"button-30 sk-edit\"\r\n                                          style={{\r\n                                            color: \"#8e75ef\",\r\n                                            fontWeight: \"bold\",\r\n                                            height: \"39.5px\",\r\n                                            width: \"83.36px\",\r\n                                          }}\r\n                                        >\r\n                                          Update\r\n                                        </button>\r\n                                        <button\r\n                                          type=\"reset\"\r\n                                          className=\"button-30 sk-edit\"\r\n                                          style={{\r\n                                            color: \"#716b6b\",\r\n                                            fontWeight: \"bold\",\r\n                                            marginLeft: \"2%\",\r\n                                            height: \"39.5px\",\r\n                                          }}\r\n                                        >\r\n                                          &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            );\r\n                          })}\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </center>\r\n                </div>\r\n              </center>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Social Edit */}\r\n      <div>\r\n        {isPopupOpen2 && (\r\n          <div className=\"popup\">\r\n            <div className=\"popup-content\">\r\n              <center id=\"DiscAddPop\">\r\n                <div>\r\n                  <center>\r\n\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={togglePopupClose2}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <h6\r\n                      className=\"placeholder\"\r\n                      style={{ fontWeight: \"bold\", marginTop: \"-2%\" }}\r\n                    >\r\n                      Social Media\r\n                    </h6>\r\n\r\n                    {details.map((d, index) => (\r\n                      <div key={index} className=\"profile\">\r\n                        <div className='newcontainer'>\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <div key={personal.id} className='biodata'>\r\n                                <form autoComplete=\"off\" onSubmit={SocialEdit}>\r\n                                  <div className=\"row justify-content-center\">\r\n                                    <div className='col-lg-12'>\r\n                                      <div className='info-row'>\r\n                                        <input\r\n                                          type=\"hidden\"\r\n                                          name=\"Id\"\r\n                                          defaultValue={\r\n                                            personal.userId\r\n                                          }\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-rowedit'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>LinkedIn: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          type=\"text\"\r\n                                          name=\"LinkedIn\"\r\n                                          defaultValue={personal.linkedIn}\r\n                                          // onChange={this.handleSocailchange}\r\n                                          placeholder=\"LinkedIn \"\r\n                                          id=\"linkedIn\"\r\n                                        />\r\n\r\n                                      </div>\r\n                                      <div className='info-rowedit'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Skype: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          type=\"text\"\r\n                                          name=\"Skype\"\r\n                                          defaultValue={personal.skype}\r\n                                          // onChange={this.handleSocailchange}\r\n                                          placeholder=\"Skype \"\r\n                                          id=\"skype\"\r\n                                        />\r\n\r\n                                      </div>\r\n                                      <div className='info-rowedit'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>WhatsApp: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          type=\"text\"\r\n                                          name=\"Whatsapp\"\r\n                                          onChange={handleInputChange}\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          maxLength=\"10\"\r\n                                          defaultValue={\r\n                                            personal.whatsappNumber\r\n                                          }\r\n                                          onKeyPress={(event) => {\r\n                                            const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                            if (isLetter) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          onInputCapture={(event) => {\r\n                                            if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                              event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                            }\r\n                                          }}\r\n                                          placeholder=\"-\"\r\n                                          id=\"Whatsapp\"\r\n                                        />\r\n\r\n                                      </div>\r\n                                      {formErrors.WhatsappErr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\"\r\n                                      }}>{formErrors.WhatsappErr}</span>}\r\n                                      <div className='info-rowedit'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>FaceBook: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          type=\"text\"\r\n                                          name=\"facebook\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          defaultValue={personal.faceBook}\r\n                                          // onChange={this.handleSocailchange}\r\n                                          placeholder=\"FaceBook\"\r\n                                          id='facebk'\r\n                                        />\r\n\r\n                                      </div>\r\n                                      <div className='info-rowedit'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Twitter: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          type=\"text\"\r\n                                          // onChange={this.handleSocailchange}\r\n                                          name=\"Twitter\"\r\n                                          defaultValue={personal.twitter}\r\n                                          placeholder=\"Twitter\"\r\n                                          id=\"twitter\"\r\n                                        />\r\n\r\n                                      </div>\r\n                                      <div className=\"col-lg-12\">\r\n                                        <br />\r\n                                        <div className=\"row  justify-content-center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#8e75ef\",\r\n                                              fontWeight: \"bold\",\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                          >\r\n                                            Update\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#716b6b\",\r\n                                              fontWeight: \"bold\",\r\n                                              marginLeft: \"2%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                          >\r\n                                            &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            );\r\n                          })}\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </center>\r\n                </div>\r\n              </center>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Contact Edit */}\r\n      <div>\r\n        {isPopupOpen3 && (\r\n          <div className=\"popup\">\r\n            <div className=\"popup-content\">\r\n              <center id=\"DiscAddPop\">\r\n                <div>\r\n                  <center>\r\n\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={togglePopupClose3}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <h6\r\n                      className=\"placeholder\"\r\n                      style={{ fontWeight: \"bold\", marginTop: \"-2%\" }}\r\n                    >\r\n                      Contact\r\n                    </h6>\r\n\r\n                    {details.map((d, index) => (\r\n                      <div key={index} className=\"profile\">\r\n                        <div className='newcontainer'>\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <div key={personal.id} className='biodata'>\r\n                                <form autoComplete=\"off\" onSubmit={ContactEdit}>\r\n                                  <div className=\"row justify-content-center\">\r\n                                    <div className='col-lg-12'>\r\n                                      <div className='info-row'>\r\n                                        <input\r\n                                          type=\"hidden\"\r\n                                          name=\"Id\"\r\n                                          defaultValue={\r\n                                            personal.userId\r\n                                          }\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-rowedit'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Official Email: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          style={{\r\n                                            width: \"82%\",\r\n                                            pointerEvents: \"none\",\r\n                                          }}\r\n                                          type=\"text\"\r\n                                          id=\"PersonalEmail\"\r\n                                          name=\"Email\"\r\n                                          value={personal.email}\r\n                                          placeholder=\"Personal Email\"\r\n                                        />\r\n\r\n                                      </div>\r\n                                      <div className='info-rowedit'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Office Number: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          onChange={handleInputChange}\r\n                                          maxLength=\"10\"\r\n                                          style={{ width: \"82%\" }}\r\n                                          type=\"text\"\r\n                                          id=\"PhoneNumber\"\r\n                                          name=\"PhoneNumber\"\r\n                                          onKeyPress={(event) => {\r\n                                            const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                            if (isLetter) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          onInputCapture={(event) => {\r\n                                            if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                              event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                            }\r\n                                          }}\r\n                                          defaultValue={personal.phoneNumber}\r\n                                          placeholder=\"Office Number \"\r\n                                        />\r\n\r\n                                      </div>\r\n                                      {formErrors.contactphnerr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\",\r\n                                      }}>{formErrors.contactphnerr}</span>}\r\n                                      <div className='info-rowedit'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Phone Number: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          onChange={handleInputChange}\r\n                                          maxLength=\"10\"\r\n                                          style={{ width: \"82%\" }}\r\n                                          type=\"text\"\r\n                                          id=\"HomeNumber\"\r\n                                          name=\"HomeNumber\"\r\n                                          onKeyPress={(event) => {\r\n                                            const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                            if (isLetter) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          onInputCapture={(event) => {\r\n                                            if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                              event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                            }\r\n                                          }}\r\n                                          defaultValue={personal.homeNumber}\r\n                                          placeholder=\"Phone Number \"\r\n                                        />\r\n\r\n                                      </div>\r\n                                      {formErrors.HomeErr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\",\r\n                                      }}>{formErrors.HomeErr}</span>}\r\n                                      <div className='info-rowedit'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Personal Email: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          onChange={handleInputChange}\r\n                                          style={{ width: \"82%\" }}\r\n                                          type=\"text\"\r\n                                          id=\"OfficialEmail\"\r\n                                          name=\"OfficialEmail\"\r\n                                          defaultValue={\r\n                                            personal.officialEmail\r\n                                          }\r\n                                          placeholder=\"-\"\r\n                                        />\r\n\r\n                                      </div>\r\n                                      {formErrors.officialEmailerr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\",\r\n                                      }}>{formErrors.officialEmailerr}</span>}\r\n                                      <div className='info-rowedit'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Alternate Phone Number: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          onChange={handleInputChange}\r\n                                          maxLength=\"10\"\r\n                                          style={{ width: \"82%\" }}\r\n                                          type=\"text\"\r\n                                          id=\"AlternatePhoneNo\"\r\n                                          onKeyPress={(event) => {\r\n                                            const isLetter = /[a-zA-Z]/i.test(event.key);\r\n                                            if (isLetter) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          onInputCapture={(event) => {\r\n                                            if (!/^[0-9]*$/.test(event.target.value)) {\r\n                                              event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n                                            }\r\n                                          }}\r\n                                          defaultValue={\r\n                                            personal.alternatePhoneNo\r\n                                          }\r\n                                          name=\"AlternatePhoneNo\"\r\n\r\n                                          placeholder=\"-\"\r\n                                        />\r\n\r\n                                      </div>\r\n                                      {formErrors.AlternatePhoneNoerr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\",\r\n                                      }}>{formErrors.AlternatePhoneNoerr}</span>}\r\n                                      <div className=\"col-lg-12\">\r\n                                        <br />\r\n                                        <div className=\"row  justify-content-center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#8e75ef\",\r\n                                              fontWeight: \"bold\",\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                          >\r\n                                            Update\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#716b6b\",\r\n                                              fontWeight: \"bold\",\r\n                                              marginLeft: \"2%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                          >\r\n                                            &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            );\r\n                          })}\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </center>\r\n                </div>\r\n              </center>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Address Edit */}\r\n      <div>\r\n        {isPopupOpen4 && (\r\n          <div className=\"popup\">\r\n            <div className=\"popup-content\">\r\n              <center id=\"DiscAddPop\">\r\n                <div>\r\n                  <center>\r\n\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={togglePopupClose4}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <h6\r\n                      className=\"placeholder\"\r\n                      style={{ fontWeight: \"bold\", marginTop: \"-2%\" }}\r\n                    >\r\n                      Address\r\n                    </h6>\r\n\r\n                    {details.map((d, index) => (\r\n                      <div key={index} className=\"profile\">\r\n                        <div className='newcontainer'>\r\n                          {personalInfoDetails.map((personal) => {\r\n                            return (\r\n                              <div key={personal.id} className='biodata'>\r\n                                <form autoComplete=\"off\" onSubmit={AddressEdit}>\r\n                                  <div className=\"row justify-content-center\">\r\n                                    <div className='col-lg-12'>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>CURRENT ADDRESS:</span>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <input\r\n                                          type=\"hidden\"\r\n                                          name=\"Id\"\r\n                                          defaultValue={\r\n                                            personal.userId\r\n                                          }\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <input\r\n                                          type=\"hidden\"\r\n                                          defaultValue={\r\n                                            personal.currentAddress\r\n                                          }\r\n                                          name=\"CurrentAddress\"\r\n                                          id=\"CurrentAddress\"\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>CITY:</span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          onChange={handleInputChange}\r\n                                          onInputCapture={(event) => {\r\n                                            if (\r\n                                              !/[a-zA-Z\\s ]+/.test(\r\n                                                event.key\r\n                                              )\r\n                                            ) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          type=\"text\"\r\n                                          id=\"CurrentAddress_City\"\r\n                                          name=\"CurrentAddress_City\"\r\n                                          defaultValue={\r\n                                            personal.currentAddress_City\r\n                                          }\r\n                                          placeholder=\"City \"\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.CurrentAddress_Cityerr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\"\r\n                                      }}>{formErrors.CurrentAddress_Cityerr}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>COUNTRY:</span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          id=\"CurrentAddress_Country\"\r\n                                          name=\"CurrentAddress_Country\"\r\n                                          defaultValue={\r\n                                            personal.currentAddress_Country\r\n                                          }\r\n                                          data-default-value={personal.currentAddress_Country || \"\"}\r\n                                          type=\"text\"\r\n\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            // ...(isChrome && { marginLeft: '-3px' })\r\n                                          }}\r\n                                          onChange={\r\n                                            handleAddresschange\r\n                                          }\r\n                                        >\r\n                                          <option hidden>{personal.currentAddress_Country}</option>\r\n                                          <option value=\"\">Select</option>\r\n                                          <option value=\"Afghanistan\">\r\n                                            Afghanistan\r\n                                          </option>\r\n                                          <option value=\"Åland Islands\">\r\n                                            Åland Islands\r\n                                          </option>\r\n                                          <option value=\"Albania\">\r\n                                            Albania\r\n                                          </option>\r\n                                          <option value=\"Algeria\">\r\n                                            Algeria\r\n                                          </option>\r\n                                          <option value=\"American Samoa\">\r\n                                            American Samoa\r\n                                          </option>\r\n                                          <option value=\"Andorra\">\r\n                                            Andorra\r\n                                          </option>\r\n                                          <option value=\"Angola\">\r\n                                            Angola\r\n                                          </option>\r\n                                          <option value=\"Anguilla\">\r\n                                            Anguilla\r\n                                          </option>\r\n                                          <option value=\"Antarctica\">\r\n                                            Antarctica\r\n                                          </option>\r\n                                          <option value=\"Antigua and Barbuda\">\r\n                                            Antigua and Barbuda\r\n                                          </option>\r\n                                          <option value=\"Argentina\">\r\n                                            Argentina\r\n                                          </option>\r\n                                          <option value=\"Armenia\">\r\n                                            Armenia\r\n                                          </option>\r\n                                          <option value=\"Aruba\">\r\n                                            Aruba\r\n                                          </option>\r\n                                          <option value=\"Australia\">\r\n                                            Australia\r\n                                          </option>\r\n                                          <option value=\"Austria\">\r\n                                            Austria\r\n                                          </option>\r\n                                          <option value=\"Azerbaijan\">\r\n                                            Azerbaijan\r\n                                          </option>\r\n                                          <option value=\"Bahamas\">\r\n                                            Bahamas\r\n                                          </option>\r\n                                          <option value=\"Bahrain\">\r\n                                            Bahrain\r\n                                          </option>\r\n                                          <option value=\"Bangladesh\">\r\n                                            Bangladesh\r\n                                          </option>\r\n                                          <option value=\"Barbados\">\r\n                                            Barbados\r\n                                          </option>\r\n                                          <option value=\"Belarus\">\r\n                                            Belarus\r\n                                          </option>\r\n                                          <option value=\"Belgium\">\r\n                                            Belgium\r\n                                          </option>\r\n                                          <option value=\"Belize\">\r\n                                            Belize\r\n                                          </option>\r\n                                          <option value=\"Benin\">\r\n                                            Benin\r\n                                          </option>\r\n                                          <option value=\"Bermuda\">\r\n                                            Bermuda\r\n                                          </option>\r\n                                          <option value=\"Bhutan\">\r\n                                            Bhutan\r\n                                          </option>\r\n                                          <option value=\"Bolivia\">\r\n                                            Bolivia\r\n                                          </option>\r\n                                          <option value=\"Bosnia and Herzegovina\">\r\n                                            Bosnia and Herzegovina\r\n                                          </option>\r\n                                          <option value=\"Botswana\">\r\n                                            Botswana\r\n                                          </option>\r\n                                          <option value=\"Bouvet Island\">\r\n                                            Bouvet Island\r\n                                          </option>\r\n                                          <option value=\"Brazil\">\r\n                                            Brazil\r\n                                          </option>\r\n                                          <option value=\"British Indian Ocean Territory\">\r\n                                            British Indian Ocean Territory\r\n                                          </option>\r\n                                          <option value=\"Brunei Darussalam\">\r\n                                            Brunei Darussalam\r\n                                          </option>\r\n                                          <option value=\"Bulgaria\">\r\n                                            Bulgaria\r\n                                          </option>\r\n                                          <option value=\"Burkina Faso\">\r\n                                            Burkina Faso\r\n                                          </option>\r\n                                          <option value=\"Burundi\">\r\n                                            Burundi\r\n                                          </option>\r\n                                          <option value=\"Cambodia\">\r\n                                            Cambodia\r\n                                          </option>\r\n                                          <option value=\"Cameroon\">\r\n                                            Cameroon\r\n                                          </option>\r\n                                          <option value=\"Canada\">\r\n                                            Canada\r\n                                          </option>\r\n                                          <option value=\"Cape Verde\">\r\n                                            Cape Verde\r\n                                          </option>\r\n                                          <option value=\"Cayman Islands\">\r\n                                            Cayman Islands\r\n                                          </option>\r\n                                          <option value=\"Central African Republic\">\r\n                                            Central African Republic\r\n                                          </option>\r\n                                          <option value=\"Chad\">Chad</option>\r\n                                          <option value=\"Chile\">\r\n                                            Chile\r\n                                          </option>\r\n                                          <option value=\"China\">\r\n                                            China\r\n                                          </option>\r\n                                          <option value=\"Christmas Island\">\r\n                                            Christmas Island\r\n                                          </option>\r\n                                          <option value=\"Cocos (Keeling) Islands\">\r\n                                            Cocos (Keeling) Islands\r\n                                          </option>\r\n                                          <option value=\"Colombia\">\r\n                                            Colombia\r\n                                          </option>\r\n                                          <option value=\"Comoros\">\r\n                                            Comoros\r\n                                          </option>\r\n                                          <option value=\"Congo\">\r\n                                            Congo\r\n                                          </option>\r\n                                          <option value=\"Congo, The Democratic Republic of The\">\r\n                                            Congo, The Democratic Republic\r\n                                            of The\r\n                                          </option>\r\n                                          <option value=\"Cook Islands\">\r\n                                            Cook Islands\r\n                                          </option>\r\n                                          <option value=\"Costa Rica\">\r\n                                            Costa Rica\r\n                                          </option>\r\n                                          <option value=\"Cote D'ivoire\">\r\n                                            Cote D'ivoire\r\n                                          </option>\r\n                                          <option value=\"Croatia\">\r\n                                            Croatia\r\n                                          </option>\r\n                                          <option value=\"Cuba\">Cuba</option>\r\n                                          <option value=\"Cyprus\">\r\n                                            Cyprus\r\n                                          </option>\r\n                                          <option value=\"Czech Republic\">\r\n                                            Czech Republic\r\n                                          </option>\r\n                                          <option value=\"Denmark\">\r\n                                            Denmark\r\n                                          </option>\r\n                                          <option value=\"Djibouti\">\r\n                                            Djibouti\r\n                                          </option>\r\n                                          <option value=\"Dominica\">\r\n                                            Dominica\r\n                                          </option>\r\n                                          <option value=\"Dominican Republic\">\r\n                                            Dominican Republic\r\n                                          </option>\r\n                                          <option value=\"Ecuador\">\r\n                                            Ecuador\r\n                                          </option>\r\n                                          <option value=\"Egypt\">\r\n                                            Egypt\r\n                                          </option>\r\n                                          <option value=\"El Salvador\">\r\n                                            El Salvador\r\n                                          </option>\r\n                                          <option value=\"Equatorial Guinea\">\r\n                                            Equatorial Guinea\r\n                                          </option>\r\n                                          <option value=\"Eritrea\">\r\n                                            Eritrea\r\n                                          </option>\r\n                                          <option value=\"Estonia\">\r\n                                            Estonia\r\n                                          </option>\r\n                                          <option value=\"Ethiopia\">\r\n                                            Ethiopia\r\n                                          </option>\r\n                                          <option value=\"Falkland Islands (Malvinas)\">\r\n                                            Falkland Islands (Malvinas)\r\n                                          </option>\r\n                                          <option value=\"Faroe Islands\">\r\n                                            Faroe Islands\r\n                                          </option>\r\n                                          <option value=\"Fiji\">Fiji</option>\r\n                                          <option value=\"Finland\">\r\n                                            Finland\r\n                                          </option>\r\n                                          <option value=\"France\">\r\n                                            France\r\n                                          </option>\r\n                                          <option value=\"French Guiana\">\r\n                                            French Guiana\r\n                                          </option>\r\n                                          <option value=\"French Polynesia\">\r\n                                            French Polynesia\r\n                                          </option>\r\n                                          <option value=\"French Southern Territories\">\r\n                                            French Southern Territories\r\n                                          </option>\r\n                                          <option value=\"Gabon\">\r\n                                            Gabon\r\n                                          </option>\r\n                                          <option value=\"Gambia\">\r\n                                            Gambia\r\n                                          </option>\r\n                                          <option value=\"Georgia\">\r\n                                            Georgia\r\n                                          </option>\r\n                                          <option value=\"Germany\">\r\n                                            Germany\r\n                                          </option>\r\n                                          <option value=\"Ghana\">\r\n                                            Ghana\r\n                                          </option>\r\n                                          <option value=\"Gibraltar\">\r\n                                            Gibraltar\r\n                                          </option>\r\n                                          <option value=\"Greece\">\r\n                                            Greece\r\n                                          </option>\r\n                                          <option value=\"Greenland\">\r\n                                            Greenland\r\n                                          </option>\r\n                                          <option value=\"Grenada\">\r\n                                            Grenada\r\n                                          </option>\r\n                                          <option value=\"Guadeloupe\">\r\n                                            Guadeloupe\r\n                                          </option>\r\n                                          <option value=\"Guam\">Guam</option>\r\n                                          <option value=\"Guatemala\">\r\n                                            Guatemala\r\n                                          </option>\r\n                                          <option value=\"Guernsey\">\r\n                                            Guernsey\r\n                                          </option>\r\n                                          <option value=\"Guinea\">\r\n                                            Guinea\r\n                                          </option>\r\n                                          <option value=\"Guinea-bissau\">\r\n                                            Guinea-bissau\r\n                                          </option>\r\n                                          <option value=\"Guyana\">\r\n                                            Guyana\r\n                                          </option>\r\n                                          <option value=\"Haiti\">\r\n                                            Haiti\r\n                                          </option>\r\n                                          <option value=\"Heard Island and Mcdonald Islands\">\r\n                                            Heard Island and Mcdonald\r\n                                            Islands\r\n                                          </option>\r\n                                          <option value=\"Holy See (Vatican City State)\">\r\n                                            Holy See (Vatican City State)\r\n                                          </option>\r\n                                          <option value=\"Honduras\">\r\n                                            Honduras\r\n                                          </option>\r\n                                          <option value=\"Hong Kong\">\r\n                                            Hong Kong\r\n                                          </option>\r\n                                          <option value=\"Hungary\">\r\n                                            Hungary\r\n                                          </option>\r\n                                          <option value=\"Iceland\">\r\n                                            Iceland\r\n                                          </option>\r\n                                          <option value=\"India\">\r\n                                            India\r\n                                          </option>\r\n                                          <option value=\"Indonesia\">\r\n                                            Indonesia\r\n                                          </option>\r\n                                          <option value=\"Iran, Islamic Republic of\">\r\n                                            Iran, Islamic Republic of\r\n                                          </option>\r\n                                          <option value=\"Iraq\">Iraq</option>\r\n                                          <option value=\"Ireland\">\r\n                                            Ireland\r\n                                          </option>\r\n                                          <option value=\"Isle of Man\">\r\n                                            Isle of Man\r\n                                          </option>\r\n                                          <option value=\"Israel\">\r\n                                            Israel\r\n                                          </option>\r\n                                          <option value=\"Italy\">\r\n                                            Italy\r\n                                          </option>\r\n                                          <option value=\"Jamaica\">\r\n                                            Jamaica\r\n                                          </option>\r\n                                          <option value=\"Japan\">\r\n                                            Japan\r\n                                          </option>\r\n                                          <option value=\"Jersey\">\r\n                                            Jersey\r\n                                          </option>\r\n                                          <option value=\"Jordan\">\r\n                                            Jordan\r\n                                          </option>\r\n                                          <option value=\"Kazakhstan\">\r\n                                            Kazakhstan\r\n                                          </option>\r\n                                          <option value=\"Kenya\">\r\n                                            Kenya\r\n                                          </option>\r\n                                          <option value=\"Kiribati\">\r\n                                            Kiribati\r\n                                          </option>\r\n                                          <option value=\"Korea, Democratic People's Republic of\">\r\n                                            Korea, Democratic People's\r\n                                            Republic of\r\n                                          </option>\r\n                                          <option value=\"Korea, Republic of\">\r\n                                            Korea, Republic of\r\n                                          </option>\r\n                                          <option value=\"Kuwait\">\r\n                                            Kuwait\r\n                                          </option>\r\n                                          <option value=\"Kyrgyzstan\">\r\n                                            Kyrgyzstan\r\n                                          </option>\r\n                                          <option value=\"Lao People's Democratic Republic\">\r\n                                            Lao People's Democratic Republic\r\n                                          </option>\r\n                                          <option value=\"Latvia\">\r\n                                            Latvia\r\n                                          </option>\r\n                                          <option value=\"Lebanon\">\r\n                                            Lebanon\r\n                                          </option>\r\n                                          <option value=\"Lesotho\">\r\n                                            Lesotho\r\n                                          </option>\r\n                                          <option value=\"Liberia\">\r\n                                            Liberia\r\n                                          </option>\r\n                                          <option value=\"Libyan Arab Jamahiriya\">\r\n                                            Libyan Arab Jamahiriya\r\n                                          </option>\r\n                                          <option value=\"Liechtenstein\">\r\n                                            Liechtenstein\r\n                                          </option>\r\n                                          <option value=\"Lithuania\">\r\n                                            Lithuania\r\n                                          </option>\r\n                                          <option value=\"Luxembourg\">\r\n                                            Luxembourg\r\n                                          </option>\r\n                                          <option value=\"Macao\">\r\n                                            Macao\r\n                                          </option>\r\n                                          <option value=\"Macedonia, The Former Yugoslav Republic of\">\r\n                                            Macedonia, The Former Yugoslav\r\n                                            Republic of\r\n                                          </option>\r\n                                          <option value=\"Madagascar\">\r\n                                            Madagascar\r\n                                          </option>\r\n                                          <option value=\"Malawi\">\r\n                                            Malawi\r\n                                          </option>\r\n                                          <option value=\"Malaysia\">\r\n                                            Malaysia\r\n                                          </option>\r\n                                          <option value=\"Maldives\">\r\n                                            Maldives\r\n                                          </option>\r\n                                          <option value=\"Mali\">Mali</option>\r\n                                          <option value=\"Malta\">\r\n                                            Malta\r\n                                          </option>\r\n                                          <option value=\"Marshall Islands\">\r\n                                            Marshall Islands\r\n                                          </option>\r\n                                          <option value=\"Martinique\">\r\n                                            Martinique\r\n                                          </option>\r\n                                          <option value=\"Mauritania\">\r\n                                            Mauritania\r\n                                          </option>\r\n                                          <option value=\"Mauritius\">\r\n                                            Mauritius\r\n                                          </option>\r\n                                          <option value=\"Mayotte\">\r\n                                            Mayotte\r\n                                          </option>\r\n                                          <option value=\"Mexico\">\r\n                                            Mexico\r\n                                          </option>\r\n                                          <option value=\"Micronesia, Federated States of\">\r\n                                            Micronesia, Federated States of\r\n                                          </option>\r\n                                          <option value=\"Moldova, Republic of\">\r\n                                            Moldova, Republic of\r\n                                          </option>\r\n                                          <option value=\"Monaco\">\r\n                                            Monaco\r\n                                          </option>\r\n                                          <option value=\"Mongolia\">\r\n                                            Mongolia\r\n                                          </option>\r\n                                          <option value=\"Montenegro\">\r\n                                            Montenegro\r\n                                          </option>\r\n                                          <option value=\"Montserrat\">\r\n                                            Montserrat\r\n                                          </option>\r\n                                          <option value=\"Morocco\">\r\n                                            Morocco\r\n                                          </option>\r\n                                          <option value=\"Mozambique\">\r\n                                            Mozambique\r\n                                          </option>\r\n                                          <option value=\"Myanmar\">\r\n                                            Myanmar\r\n                                          </option>\r\n                                          <option value=\"Namibia\">\r\n                                            Namibia\r\n                                          </option>\r\n                                          <option value=\"Nauru\">\r\n                                            Nauru\r\n                                          </option>\r\n                                          <option value=\"Nepal\">\r\n                                            Nepal\r\n                                          </option>\r\n                                          <option value=\"Netherlands\">\r\n                                            Netherlands\r\n                                          </option>\r\n                                          <option value=\"Netherlands Antilles\">\r\n                                            Netherlands Antilles\r\n                                          </option>\r\n                                          <option value=\"New Caledonia\">\r\n                                            New Caledonia\r\n                                          </option>\r\n                                          <option value=\"New Zealand\">\r\n                                            New Zealand\r\n                                          </option>\r\n                                          <option value=\"Nicaragua\">\r\n                                            Nicaragua\r\n                                          </option>\r\n                                          <option value=\"Niger\">\r\n                                            Niger\r\n                                          </option>\r\n                                          <option value=\"Nigeria\">\r\n                                            Nigeria\r\n                                          </option>\r\n                                          <option value=\"Niue\">Niue</option>\r\n                                          <option value=\"Norfolk Island\">\r\n                                            Norfolk Island\r\n                                          </option>\r\n                                          <option value=\"Northern Mariana Islands\">\r\n                                            Northern Mariana Islands\r\n                                          </option>\r\n                                          <option value=\"Norway\">\r\n                                            Norway\r\n                                          </option>\r\n                                          <option value=\"Oman\">Oman</option>\r\n                                          <option value=\"Pakistan\">\r\n                                            Pakistan\r\n                                          </option>\r\n                                          <option value=\"Palau\">\r\n                                            Palau\r\n                                          </option>\r\n                                          <option value=\"Palestinian Territory, Occupied\">\r\n                                            Palestinian Territory, Occupied\r\n                                          </option>\r\n                                          <option value=\"Panama\">\r\n                                            Panama\r\n                                          </option>\r\n                                          <option value=\"Papua New Guinea\">\r\n                                            Papua New Guinea\r\n                                          </option>\r\n                                          <option value=\"Paraguay\">\r\n                                            Paraguay\r\n                                          </option>\r\n                                          <option value=\"Peru\">Peru</option>\r\n                                          <option value=\"Philippines\">\r\n                                            Philippines\r\n                                          </option>\r\n                                          <option value=\"Pitcairn\">\r\n                                            Pitcairn\r\n                                          </option>\r\n                                          <option value=\"Poland\">\r\n                                            Poland\r\n                                          </option>\r\n                                          <option value=\"Portugal\">\r\n                                            Portugal\r\n                                          </option>\r\n                                          <option value=\"Puerto Rico\">\r\n                                            Puerto Rico\r\n                                          </option>\r\n                                          <option value=\"Qatar\">\r\n                                            Qatar\r\n                                          </option>\r\n                                          <option value=\"Reunion\">\r\n                                            Reunion\r\n                                          </option>\r\n                                          <option value=\"Romania\">\r\n                                            Romania\r\n                                          </option>\r\n                                          <option value=\"Russian Federation\">\r\n                                            Russian Federation\r\n                                          </option>\r\n                                          <option value=\"Rwanda\">\r\n                                            Rwanda\r\n                                          </option>\r\n                                          <option value=\"Saint Helena\">\r\n                                            Saint Helena\r\n                                          </option>\r\n                                          <option value=\"Saint Kitts and Nevis\">\r\n                                            Saint Kitts and Nevis\r\n                                          </option>\r\n                                          <option value=\"Saint Lucia\">\r\n                                            Saint Lucia\r\n                                          </option>\r\n                                          <option value=\"Saint Pierre and Miquelon\">\r\n                                            Saint Pierre and Miquelon\r\n                                          </option>\r\n                                          <option value=\"Saint Vincent and The Grenadines\">\r\n                                            Saint Vincent and The Grenadines\r\n                                          </option>\r\n                                          <option value=\"Samoa\">\r\n                                            Samoa\r\n                                          </option>\r\n                                          <option value=\"San Marino\">\r\n                                            San Marino\r\n                                          </option>\r\n                                          <option value=\"Sao Tome and Principe\">\r\n                                            Sao Tome and Principe\r\n                                          </option>\r\n                                          <option value=\"Saudi Arabia\">\r\n                                            Saudi Arabia\r\n                                          </option>\r\n                                          <option value=\"Senegal\">\r\n                                            Senegal\r\n                                          </option>\r\n                                          <option value=\"Serbia\">\r\n                                            Serbia\r\n                                          </option>\r\n                                          <option value=\"Seychelles\">\r\n                                            Seychelles\r\n                                          </option>\r\n                                          <option value=\"Sierra Leone\">\r\n                                            Sierra Leone\r\n                                          </option>\r\n                                          <option value=\"Singapore\">\r\n                                            Singapore\r\n                                          </option>\r\n                                          <option value=\"Slovakia\">\r\n                                            Slovakia\r\n                                          </option>\r\n                                          <option value=\"Slovenia\">\r\n                                            Slovenia\r\n                                          </option>\r\n                                          <option value=\"Solomon Islands\">\r\n                                            Solomon Islands\r\n                                          </option>\r\n                                          <option value=\"Somalia\">\r\n                                            Somalia\r\n                                          </option>\r\n                                          <option value=\"South Africa\">\r\n                                            South Africa\r\n                                          </option>\r\n                                          <option value=\"South Georgia and The South Sandwich Islands\">\r\n                                            South Georgia and The South\r\n                                            Sandwich Islands\r\n                                          </option>\r\n                                          <option value=\"Spain\">\r\n                                            Spain\r\n                                          </option>\r\n                                          <option value=\"Sri Lanka\">\r\n                                            Sri Lanka\r\n                                          </option>\r\n                                          <option value=\"Sudan\">\r\n                                            Sudan\r\n                                          </option>\r\n                                          <option value=\"Suriname\">\r\n                                            Suriname\r\n                                          </option>\r\n                                          <option value=\"Svalbard and Jan Mayen\">\r\n                                            Svalbard and Jan Mayen\r\n                                          </option>\r\n                                          <option value=\"Swaziland\">\r\n                                            Swaziland\r\n                                          </option>\r\n                                          <option value=\"Sweden\">\r\n                                            Sweden\r\n                                          </option>\r\n                                          <option value=\"Switzerland\">\r\n                                            Switzerland\r\n                                          </option>\r\n                                          <option value=\"Syrian Arab Republic\">\r\n                                            Syrian Arab Republic\r\n                                          </option>\r\n                                          <option value=\"Taiwan, Province of China\">\r\n                                            Taiwan, Province of China\r\n                                          </option>\r\n                                          <option value=\"Tajikistan\">\r\n                                            Tajikistan\r\n                                          </option>\r\n                                          <option value=\"Tanzania, United Republic of\">\r\n                                            Tanzania, United Republic of\r\n                                          </option>\r\n                                          <option value=\"Thailand\">\r\n                                            Thailand\r\n                                          </option>\r\n                                          <option value=\"Timor-leste\">\r\n                                            Timor-leste\r\n                                          </option>\r\n                                          <option value=\"Togo\">Togo</option>\r\n                                          <option value=\"Tokelau\">\r\n                                            Tokelau\r\n                                          </option>\r\n                                          <option value=\"Tonga\">\r\n                                            Tonga\r\n                                          </option>\r\n                                          <option value=\"Trinidad and Tobago\">\r\n                                            Trinidad and Tobago\r\n                                          </option>\r\n                                          <option value=\"Tunisia\">\r\n                                            Tunisia\r\n                                          </option>\r\n                                          <option value=\"Turkey\">\r\n                                            Turkey\r\n                                          </option>\r\n                                          <option value=\"Turkmenistan\">\r\n                                            Turkmenistan\r\n                                          </option>\r\n                                          <option value=\"Turks and Caicos Islands\">\r\n                                            Turks and Caicos Islands\r\n                                          </option>\r\n                                          <option value=\"Tuvalu\">\r\n                                            Tuvalu\r\n                                          </option>\r\n                                          <option value=\"Uganda\">\r\n                                            Uganda\r\n                                          </option>\r\n                                          <option value=\"Ukraine\">\r\n                                            Ukraine\r\n                                          </option>\r\n                                          <option value=\"United Arab Emirates\">\r\n                                            United Arab Emirates\r\n                                          </option>\r\n                                          <option value=\"United Kingdom\">\r\n                                            United Kingdom\r\n                                          </option>\r\n                                          <option value=\"United States\">\r\n                                            United States\r\n                                          </option>\r\n                                          <option value=\"United States Minor Outlying Islands\">\r\n                                            United States Minor Outlying\r\n                                            Islands\r\n                                          </option>\r\n                                          <option value=\"Uruguay\">\r\n                                            Uruguay\r\n                                          </option>\r\n                                          <option value=\"Uzbekistan\">\r\n                                            Uzbekistan\r\n                                          </option>\r\n                                          <option value=\"Vanuatu\">\r\n                                            Vanuatu\r\n                                          </option>\r\n                                          <option value=\"Venezuela\">\r\n                                            Venezuela\r\n                                          </option>\r\n                                          <option value=\"Viet Nam\">\r\n                                            Viet Nam\r\n                                          </option>\r\n                                          <option value=\"Virgin Islands, British\">\r\n                                            Virgin Islands, British\r\n                                          </option>\r\n                                          <option value=\"Virgin Islands, U.S.\">\r\n                                            Virgin Islands, U.S.\r\n                                          </option>\r\n                                          <option value=\"Wallis and Futuna\">\r\n                                            Wallis and Futuna\r\n                                          </option>\r\n                                          <option value=\"Western Sahara\">\r\n                                            Western Sahara\r\n                                          </option>\r\n                                          <option value=\"Yemen\">\r\n                                            Yemen\r\n                                          </option>\r\n                                          <option value=\"Zambia\">\r\n                                            Zambia\r\n                                          </option>\r\n                                          <option value=\"Zimbabwe\">\r\n                                            Zimbabwe\r\n                                          </option>\r\n                                        </select>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>STATE:</span>\r\n                                        {isSelected ? (<select\r\n                                          id=\"CurrentAddress_State\"\r\n                                          name=\"CurrentAddress_State\"\r\n                                          className=\"effect-16\"\r\n                                          defaultValue={\r\n                                            personal.currentAddress_State\r\n                                          }\r\n                                          data-default-value={personal.currentAddress_State || \"\"}\r\n                                          onKeyPress={(event) => {\r\n                                            if (\r\n                                              !/[a-zA-Z\\s ]+/.test(\r\n                                                event.key\r\n                                              )\r\n                                            ) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            // ...(isChrome && { marginLeft: '-3px' })\r\n                                          }}\r\n                                        >\r\n                                          <option hidden>{personal.currentAddress_State}</option>\r\n                                          <option value=\"\">\r\n                                            Select state\r\n                                          </option>\r\n                                          <option value=\"Andaman and Nicobar Islands\">\r\n                                            Andaman and Nicobar Islands\r\n                                          </option>\r\n                                          <option value=\"Andhra Pradesh\">\r\n                                            Andhra Pradesh\r\n                                          </option>\r\n                                          <option value=\"Arunachal Pradesh\">\r\n                                            Arunachal Pradesh\r\n                                          </option>\r\n                                          <option value=\"Assam\">\r\n                                            Assam\r\n                                          </option>\r\n                                          <option value=\"Bihar\">\r\n                                            Bihar\r\n                                          </option>\r\n                                          <option value=\"Chandigarh\">\r\n                                            Chandigarh\r\n                                          </option>\r\n                                          <option value=\"Chhattisgarh\">\r\n                                            Chhattisgarh\r\n                                          </option>\r\n                                          <option value=\"Dadra and Nagar Haveli\">\r\n                                            Dadra and Nagar Haveli\r\n                                          </option>\r\n                                          <option value=\"Daman and Diu\">\r\n                                            Daman and Diu\r\n                                          </option>\r\n                                          <option value=\"Delhi\">\r\n                                            Delhi\r\n                                          </option>\r\n                                          <option value=\"Goa\">\r\n                                            Goa\r\n                                          </option>\r\n                                          <option value=\"Gujarat\">\r\n                                            Gujarat\r\n                                          </option>\r\n                                          <option value=\"Haryana\">\r\n                                            Haryana\r\n                                          </option>\r\n                                          <option value=\"Himachal Pradesh\">\r\n                                            Himachal Pradesh\r\n                                          </option>\r\n                                          <option value=\"Jammu and Kashmir\">\r\n                                            Jammu and Kashmir\r\n                                          </option>\r\n                                          <option value=\"Jharkhand\">\r\n                                            Jharkhand\r\n                                          </option>\r\n                                          <option value=\"Karnataka\">\r\n                                            Karnataka\r\n                                          </option>\r\n                                          <option value=\"Kerala\">\r\n                                            Kerala\r\n                                          </option>\r\n                                          <option value=\"Ladakh\">\r\n                                            Ladakh\r\n                                          </option>\r\n                                          <option value=\"Lakshadweep\">\r\n                                            Lakshadweep\r\n                                          </option>\r\n                                          <option value=\"Madhya Pradesh\">\r\n                                            Madhya Pradesh\r\n                                          </option>\r\n                                          <option value=\"Maharashtra\">\r\n                                            Maharashtra\r\n                                          </option>\r\n                                          <option value=\"Manipur\">\r\n                                            Manipur\r\n                                          </option>\r\n                                          <option value=\"Meghalaya\">\r\n                                            Meghalaya\r\n                                          </option>\r\n                                          <option value=\"Mizoram\">\r\n                                            Mizoram\r\n                                          </option>\r\n                                          <option value=\"Nagaland\">\r\n                                            Nagaland\r\n                                          </option>\r\n                                          <option value=\"Odisha\">\r\n                                            Odisha\r\n                                          </option>\r\n                                          <option value=\"Puducherry\">\r\n                                            Puducherry\r\n                                          </option>\r\n                                          <option value=\"Punjab\">\r\n                                            Punjab\r\n                                          </option>\r\n                                          <option value=\"Rajasthan\">\r\n                                            Rajasthan\r\n                                          </option>\r\n                                          <option value=\"Sikkim\">\r\n                                            Sikkim\r\n                                          </option>\r\n                                          <option value=\"Tamil Nadu\">\r\n                                            Tamil Nadu\r\n                                          </option>\r\n                                          <option value=\"Telangana\">\r\n                                            Telangana\r\n                                          </option>\r\n                                          <option value=\"Tripura\">\r\n                                            Tripura\r\n                                          </option>\r\n                                          <option value=\"Uttar Pradesh\">\r\n                                            Uttar Pradesh\r\n                                          </option>\r\n                                          <option value=\"Uttarakhand\">\r\n                                            Uttarakhand\r\n                                          </option>\r\n                                          <option value=\"West Bengal\">\r\n                                            West Bengal\r\n                                          </option>\r\n                                        </select>\r\n                                        ) : (\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            onFocus={(e) =>\r\n                                              e.target.select()\r\n                                            }\r\n                                            onInputCapture={(event) => {\r\n                                              if (\r\n                                                !/[a-zA-Z\\s ]+/.test(\r\n                                                  event.key\r\n                                                )\r\n                                              ) {\r\n                                                event.preventDefault();\r\n                                              }\r\n                                            }}\r\n                                            type=\"text\"\r\n                                            id=\"CurrentAddress_State\"\r\n                                            name=\"CurrentAddress_State\"\r\n                                            defaultValue={\r\n                                              personal.currentAddress_State\r\n                                            }\r\n                                            placeholder=\"State \"\r\n                                          // onChange={\r\n                                          //   handleAddresschange\r\n                                          // }\r\n                                          />)}\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>PIN CODE: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          type=\"text\"\r\n                                          id=\"CurrentAddress_Pincode\"\r\n                                          name=\"CurrentAddress_Pincode\"\r\n                                          onKeyPress={(event) => {\r\n                                            if (!/[0-9]/.test(event.key)) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          maxLength=\"6\"\r\n                                          defaultValue={\r\n                                            personal.currentAddress_Pincode\r\n                                          }\r\n                                          placeholder=\"Pincode \"\r\n                                          onInputCapture={(event) => {\r\n                                            if (!/[0-9]/.test(event.key)) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>HOUSE TYPE: </span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          defaultValue={personal.houseType}\r\n                                          // onInputCapture={this.HandleHouse}\r\n                                          data-default-value={personal.houseType || \"\"}\r\n                                          id=\"HouseType\"\r\n                                          name=\"HouseType\"\r\n\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            // ...(isChrome && { marginLeft: '-3px' })\r\n                                          }}\r\n                                        >\r\n                                          <option value={personal.houseType} hidden>{personal.houseType}</option>\r\n                                          <option value=\"\">Select</option>\r\n\r\n                                          {HouseTypeDrop.map(\r\n                                            (HouseTypeDrop) => (\r\n                                              <option\r\n                                                value={\r\n                                                  HouseTypeDrop.housetype\r\n                                                }\r\n                                                selected={\r\n                                                  HouseTypeDrop.housetype ===\r\n                                                  personal.houseType\r\n                                                }\r\n                                              >\r\n                                                {HouseTypeDrop.housetype}\r\n                                              </option>\r\n                                            )\r\n                                          )}\r\n                                          <option value=\"others\">\r\n                                            Others\r\n                                          </option>\r\n                                        </select>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>STAYING SINCE:</span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          type=\"date\"\r\n                                          name=\"StayingSince\"\r\n                                          max={new Date(\r\n                                            new Date().getFullYear(),\r\n                                            new Date().getMonth(),\r\n                                            new Date().getDate()\r\n                                          )\r\n                                            .toJSON()\r\n                                            .slice(0, 10)}\r\n                                          defaultValue={reformatDate(\r\n                                            personal.stayingSince\r\n                                          )}\r\n                                          id=\"StayingSince\"\r\n                                          placeholder=\"Staying Since\"\r\n                                          onChange={handleInputChange}\r\n                                          \r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.StayingSincerr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\"\r\n                                      }}>{formErrors.StayingSincerr}</span>}\r\n                                      <br />\r\n                                      <div className='info-row' >\r\n                                        <div\r\n                                          className=\"checkbox-fade fade-in-primary\"\r\n                                          style={{ marginLeft: \"10px\" }}\r\n                                        >\r\n                                          <label>\r\n                                            <input\r\n                                              type=\"checkbox\"\r\n                                              onClick={handlecheckbox}\r\n                                              onChange={\r\n                                                handleTextareaClick\r\n                                              }\r\n                                              defaultChecked = {(personal.currentAddress_City !== \"-\" && personal.currentAddress_City === personal.permanentAddress_City) && personal.currentAddress_Country === personal.permanentAddress_Country\r\n                                              && personal.currentAddress_State === personal.permanentAddress_State && personal.currentAddress_Pincode === personal.permanentAddress_Pincode}\r\n                                              name=\"SameAddress\"\r\n                                              id=\"SameAddress\"\r\n                                            />\r\n                                            <span className=\"cr\">\r\n                                              <i className=\"cr-icon icofont icofont-ui-check txt-primary\" />\r\n                                            </span>{\" \"}\r\n                                            <span>\r\n                                              Permanent address is the same as\r\n                                              current address\r\n                                            </span>\r\n                                          </label>\r\n                                        </div>\r\n\r\n                                      </div>\r\n                                      <div className='info-row' >\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>PERMANENT ADDRESS: </span>\r\n\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>CITY:</span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          onInputCapture={(event) => {\r\n                                            if (\r\n                                              !/[a-zA-Z\\s ]+/.test(\r\n                                                event.key\r\n                                              )\r\n                                            ) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          type=\"text\"\r\n                                          readOnly={isReadOnly}\r\n                                          id=\"PermanentAddress_City\"\r\n                                          name=\"PermanentAddress_City\"\r\n                                          defaultValue={\r\n                                            personal.permanentAddress_City\r\n                                          }\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.PermanentAddress_Cityerr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\"\r\n                                      }}>{formErrors.PermanentAddress_Cityerr}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>COUNTRY:</span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          id=\"PermanentAddress_Country\"\r\n                                          // disabled={this.state.isReadOnly}\r\n                                          name=\"PermanentAddress_Country\"\r\n                                          readOnly={isReadOnly}\r\n                                          defaultValue={\r\n                                            personal.permanentAddress_Country\r\n                                          }\r\n                                          data-default-value={personal.permanentAddress_Country || \"\"}\r\n                                          onChange={\r\n                                            handlePermanentAddress\r\n                                          }\r\n                                          type=\"text\"\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            // ...(isChrome && { marginLeft: '-3px' })\r\n                                          }}\r\n                                        >\r\n                                          <option hidden>{personal.permanentAddress_Country}</option>\r\n                                          <option value=\"\">Select</option>\r\n                                          <option value=\"Afghanistan\">\r\n                                            Afghanistan\r\n                                          </option>\r\n                                          <option value=\"Åland Islands\">\r\n                                            Åland Islands\r\n                                          </option>\r\n                                          <option value=\"Albania\">\r\n                                            Albania\r\n                                          </option>\r\n                                          <option value=\"Algeria\">\r\n                                            Algeria\r\n                                          </option>\r\n                                          <option value=\"American Samoa\">\r\n                                            American Samoa\r\n                                          </option>\r\n                                          <option value=\"Andorra\">\r\n                                            Andorra\r\n                                          </option>\r\n                                          <option value=\"Angola\">\r\n                                            Angola\r\n                                          </option>\r\n                                          <option value=\"Anguilla\">\r\n                                            Anguilla\r\n                                          </option>\r\n                                          <option value=\"Antarctica\">\r\n                                            Antarctica\r\n                                          </option>\r\n                                          <option value=\"Antigua and Barbuda\">\r\n                                            Antigua and Barbuda\r\n                                          </option>\r\n                                          <option value=\"Argentina\">\r\n                                            Argentina\r\n                                          </option>\r\n                                          <option value=\"Armenia\">\r\n                                            Armenia\r\n                                          </option>\r\n                                          <option value=\"Aruba\">\r\n                                            Aruba\r\n                                          </option>\r\n                                          <option value=\"Australia\">\r\n                                            Australia\r\n                                          </option>\r\n                                          <option value=\"Austria\">\r\n                                            Austria\r\n                                          </option>\r\n                                          <option value=\"Azerbaijan\">\r\n                                            Azerbaijan\r\n                                          </option>\r\n                                          <option value=\"Bahamas\">\r\n                                            Bahamas\r\n                                          </option>\r\n                                          <option value=\"Bahrain\">\r\n                                            Bahrain\r\n                                          </option>\r\n                                          <option value=\"Bangladesh\">\r\n                                            Bangladesh\r\n                                          </option>\r\n                                          <option value=\"Barbados\">\r\n                                            Barbados\r\n                                          </option>\r\n                                          <option value=\"Belarus\">\r\n                                            Belarus\r\n                                          </option>\r\n                                          <option value=\"Belgium\">\r\n                                            Belgium\r\n                                          </option>\r\n                                          <option value=\"Belize\">\r\n                                            Belize\r\n                                          </option>\r\n                                          <option value=\"Benin\">\r\n                                            Benin\r\n                                          </option>\r\n                                          <option value=\"Bermuda\">\r\n                                            Bermuda\r\n                                          </option>\r\n                                          <option value=\"Bhutan\">\r\n                                            Bhutan\r\n                                          </option>\r\n                                          <option value=\"Bolivia\">\r\n                                            Bolivia\r\n                                          </option>\r\n                                          <option value=\"Bosnia and Herzegovina\">\r\n                                            Bosnia and Herzegovina\r\n                                          </option>\r\n                                          <option value=\"Botswana\">\r\n                                            Botswana\r\n                                          </option>\r\n                                          <option value=\"Bouvet Island\">\r\n                                            Bouvet Island\r\n                                          </option>\r\n                                          <option value=\"Brazil\">\r\n                                            Brazil\r\n                                          </option>\r\n                                          <option value=\"British Indian Ocean Territory\">\r\n                                            British Indian Ocean Territory\r\n                                          </option>\r\n                                          <option value=\"Brunei Darussalam\">\r\n                                            Brunei Darussalam\r\n                                          </option>\r\n                                          <option value=\"Bulgaria\">\r\n                                            Bulgaria\r\n                                          </option>\r\n                                          <option value=\"Burkina Faso\">\r\n                                            Burkina Faso\r\n                                          </option>\r\n                                          <option value=\"Burundi\">\r\n                                            Burundi\r\n                                          </option>\r\n                                          <option value=\"Cambodia\">\r\n                                            Cambodia\r\n                                          </option>\r\n                                          <option value=\"Cameroon\">\r\n                                            Cameroon\r\n                                          </option>\r\n                                          <option value=\"Canada\">\r\n                                            Canada\r\n                                          </option>\r\n                                          <option value=\"Cape Verde\">\r\n                                            Cape Verde\r\n                                          </option>\r\n                                          <option value=\"Cayman Islands\">\r\n                                            Cayman Islands\r\n                                          </option>\r\n                                          <option value=\"Central African Republic\">\r\n                                            Central African Republic\r\n                                          </option>\r\n                                          <option value=\"Chad\">Chad</option>\r\n                                          <option value=\"Chile\">\r\n                                            Chile\r\n                                          </option>\r\n                                          <option value=\"China\">\r\n                                            China\r\n                                          </option>\r\n                                          <option value=\"Christmas Island\">\r\n                                            Christmas Island\r\n                                          </option>\r\n                                          <option value=\"Cocos (Keeling) Islands\">\r\n                                            Cocos (Keeling) Islands\r\n                                          </option>\r\n                                          <option value=\"Colombia\">\r\n                                            Colombia\r\n                                          </option>\r\n                                          <option value=\"Comoros\">\r\n                                            Comoros\r\n                                          </option>\r\n                                          <option value=\"Congo\">\r\n                                            Congo\r\n                                          </option>\r\n                                          <option value=\"Congo, The Democratic Republic of The\">\r\n                                            Congo, The Democratic Republic\r\n                                            of The\r\n                                          </option>\r\n                                          <option value=\"Cook Islands\">\r\n                                            Cook Islands\r\n                                          </option>\r\n                                          <option value=\"Costa Rica\">\r\n                                            Costa Rica\r\n                                          </option>\r\n                                          <option value=\"Cote D'ivoire\">\r\n                                            Cote D'ivoire\r\n                                          </option>\r\n                                          <option value=\"Croatia\">\r\n                                            Croatia\r\n                                          </option>\r\n                                          <option value=\"Cuba\">Cuba</option>\r\n                                          <option value=\"Cyprus\">\r\n                                            Cyprus\r\n                                          </option>\r\n                                          <option value=\"Czech Republic\">\r\n                                            Czech Republic\r\n                                          </option>\r\n                                          <option value=\"Denmark\">\r\n                                            Denmark\r\n                                          </option>\r\n                                          <option value=\"Djibouti\">\r\n                                            Djibouti\r\n                                          </option>\r\n                                          <option value=\"Dominica\">\r\n                                            Dominica\r\n                                          </option>\r\n                                          <option value=\"Dominican Republic\">\r\n                                            Dominican Republic\r\n                                          </option>\r\n                                          <option value=\"Ecuador\">\r\n                                            Ecuador\r\n                                          </option>\r\n                                          <option value=\"Egypt\">\r\n                                            Egypt\r\n                                          </option>\r\n                                          <option value=\"El Salvador\">\r\n                                            El Salvador\r\n                                          </option>\r\n                                          <option value=\"Equatorial Guinea\">\r\n                                            Equatorial Guinea\r\n                                          </option>\r\n                                          <option value=\"Eritrea\">\r\n                                            Eritrea\r\n                                          </option>\r\n                                          <option value=\"Estonia\">\r\n                                            Estonia\r\n                                          </option>\r\n                                          <option value=\"Ethiopia\">\r\n                                            Ethiopia\r\n                                          </option>\r\n                                          <option value=\"Falkland Islands (Malvinas)\">\r\n                                            Falkland Islands (Malvinas)\r\n                                          </option>\r\n                                          <option value=\"Faroe Islands\">\r\n                                            Faroe Islands\r\n                                          </option>\r\n                                          <option value=\"Fiji\">Fiji</option>\r\n                                          <option value=\"Finland\">\r\n                                            Finland\r\n                                          </option>\r\n                                          <option value=\"France\">\r\n                                            France\r\n                                          </option>\r\n                                          <option value=\"French Guiana\">\r\n                                            French Guiana\r\n                                          </option>\r\n                                          <option value=\"French Polynesia\">\r\n                                            French Polynesia\r\n                                          </option>\r\n                                          <option value=\"French Southern Territories\">\r\n                                            French Southern Territories\r\n                                          </option>\r\n                                          <option value=\"Gabon\">\r\n                                            Gabon\r\n                                          </option>\r\n                                          <option value=\"Gambia\">\r\n                                            Gambia\r\n                                          </option>\r\n                                          <option value=\"Georgia\">\r\n                                            Georgia\r\n                                          </option>\r\n                                          <option value=\"Germany\">\r\n                                            Germany\r\n                                          </option>\r\n                                          <option value=\"Ghana\">\r\n                                            Ghana\r\n                                          </option>\r\n                                          <option value=\"Gibraltar\">\r\n                                            Gibraltar\r\n                                          </option>\r\n                                          <option value=\"Greece\">\r\n                                            Greece\r\n                                          </option>\r\n                                          <option value=\"Greenland\">\r\n                                            Greenland\r\n                                          </option>\r\n                                          <option value=\"Grenada\">\r\n                                            Grenada\r\n                                          </option>\r\n                                          <option value=\"Guadeloupe\">\r\n                                            Guadeloupe\r\n                                          </option>\r\n                                          <option value=\"Guam\">Guam</option>\r\n                                          <option value=\"Guatemala\">\r\n                                            Guatemala\r\n                                          </option>\r\n                                          <option value=\"Guernsey\">\r\n                                            Guernsey\r\n                                          </option>\r\n                                          <option value=\"Guinea\">\r\n                                            Guinea\r\n                                          </option>\r\n                                          <option value=\"Guinea-bissau\">\r\n                                            Guinea-bissau\r\n                                          </option>\r\n                                          <option value=\"Guyana\">\r\n                                            Guyana\r\n                                          </option>\r\n                                          <option value=\"Haiti\">\r\n                                            Haiti\r\n                                          </option>\r\n                                          <option value=\"Heard Island and Mcdonald Islands\">\r\n                                            Heard Island and Mcdonald\r\n                                            Islands\r\n                                          </option>\r\n                                          <option value=\"Holy See (Vatican City State)\">\r\n                                            Holy See (Vatican City State)\r\n                                          </option>\r\n                                          <option value=\"Honduras\">\r\n                                            Honduras\r\n                                          </option>\r\n                                          <option value=\"Hong Kong\">\r\n                                            Hong Kong\r\n                                          </option>\r\n                                          <option value=\"Hungary\">\r\n                                            Hungary\r\n                                          </option>\r\n                                          <option value=\"Iceland\">\r\n                                            Iceland\r\n                                          </option>\r\n                                          <option value=\"India\">\r\n                                            India\r\n                                          </option>\r\n                                          <option value=\"Indonesia\">\r\n                                            Indonesia\r\n                                          </option>\r\n                                          <option value=\"Iran, Islamic Republic of\">\r\n                                            Iran, Islamic Republic of\r\n                                          </option>\r\n                                          <option value=\"Iraq\">Iraq</option>\r\n                                          <option value=\"Ireland\">\r\n                                            Ireland\r\n                                          </option>\r\n                                          <option value=\"Isle of Man\">\r\n                                            Isle of Man\r\n                                          </option>\r\n                                          <option value=\"Israel\">\r\n                                            Israel\r\n                                          </option>\r\n                                          <option value=\"Italy\">\r\n                                            Italy\r\n                                          </option>\r\n                                          <option value=\"Jamaica\">\r\n                                            Jamaica\r\n                                          </option>\r\n                                          <option value=\"Japan\">\r\n                                            Japan\r\n                                          </option>\r\n                                          <option value=\"Jersey\">\r\n                                            Jersey\r\n                                          </option>\r\n                                          <option value=\"Jordan\">\r\n                                            Jordan\r\n                                          </option>\r\n                                          <option value=\"Kazakhstan\">\r\n                                            Kazakhstan\r\n                                          </option>\r\n                                          <option value=\"Kenya\">\r\n                                            Kenya\r\n                                          </option>\r\n                                          <option value=\"Kiribati\">\r\n                                            Kiribati\r\n                                          </option>\r\n                                          <option value=\"Korea, Democratic People's Republic of\">\r\n                                            Korea, Democratic People's\r\n                                            Republic of\r\n                                          </option>\r\n                                          <option value=\"Korea, Republic of\">\r\n                                            Korea, Republic of\r\n                                          </option>\r\n                                          <option value=\"Kuwait\">\r\n                                            Kuwait\r\n                                          </option>\r\n                                          <option value=\"Kyrgyzstan\">\r\n                                            Kyrgyzstan\r\n                                          </option>\r\n                                          <option value=\"Lao People's Democratic Republic\">\r\n                                            Lao People's Democratic Republic\r\n                                          </option>\r\n                                          <option value=\"Latvia\">\r\n                                            Latvia\r\n                                          </option>\r\n                                          <option value=\"Lebanon\">\r\n                                            Lebanon\r\n                                          </option>\r\n                                          <option value=\"Lesotho\">\r\n                                            Lesotho\r\n                                          </option>\r\n                                          <option value=\"Liberia\">\r\n                                            Liberia\r\n                                          </option>\r\n                                          <option value=\"Libyan Arab Jamahiriya\">\r\n                                            Libyan Arab Jamahiriya\r\n                                          </option>\r\n                                          <option value=\"Liechtenstein\">\r\n                                            Liechtenstein\r\n                                          </option>\r\n                                          <option value=\"Lithuania\">\r\n                                            Lithuania\r\n                                          </option>\r\n                                          <option value=\"Luxembourg\">\r\n                                            Luxembourg\r\n                                          </option>\r\n                                          <option value=\"Macao\">\r\n                                            Macao\r\n                                          </option>\r\n                                          <option value=\"Macedonia, The Former Yugoslav Republic of\">\r\n                                            Macedonia, The Former Yugoslav\r\n                                            Republic of\r\n                                          </option>\r\n                                          <option value=\"Madagascar\">\r\n                                            Madagascar\r\n                                          </option>\r\n                                          <option value=\"Malawi\">\r\n                                            Malawi\r\n                                          </option>\r\n                                          <option value=\"Malaysia\">\r\n                                            Malaysia\r\n                                          </option>\r\n                                          <option value=\"Maldives\">\r\n                                            Maldives\r\n                                          </option>\r\n                                          <option value=\"Mali\">Mali</option>\r\n                                          <option value=\"Malta\">\r\n                                            Malta\r\n                                          </option>\r\n                                          <option value=\"Marshall Islands\">\r\n                                            Marshall Islands\r\n                                          </option>\r\n                                          <option value=\"Martinique\">\r\n                                            Martinique\r\n                                          </option>\r\n                                          <option value=\"Mauritania\">\r\n                                            Mauritania\r\n                                          </option>\r\n                                          <option value=\"Mauritius\">\r\n                                            Mauritius\r\n                                          </option>\r\n                                          <option value=\"Mayotte\">\r\n                                            Mayotte\r\n                                          </option>\r\n                                          <option value=\"Mexico\">\r\n                                            Mexico\r\n                                          </option>\r\n                                          <option value=\"Micronesia, Federated States of\">\r\n                                            Micronesia, Federated States of\r\n                                          </option>\r\n                                          <option value=\"Moldova, Republic of\">\r\n                                            Moldova, Republic of\r\n                                          </option>\r\n                                          <option value=\"Monaco\">\r\n                                            Monaco\r\n                                          </option>\r\n                                          <option value=\"Mongolia\">\r\n                                            Mongolia\r\n                                          </option>\r\n                                          <option value=\"Montenegro\">\r\n                                            Montenegro\r\n                                          </option>\r\n                                          <option value=\"Montserrat\">\r\n                                            Montserrat\r\n                                          </option>\r\n                                          <option value=\"Morocco\">\r\n                                            Morocco\r\n                                          </option>\r\n                                          <option value=\"Mozambique\">\r\n                                            Mozambique\r\n                                          </option>\r\n                                          <option value=\"Myanmar\">\r\n                                            Myanmar\r\n                                          </option>\r\n                                          <option value=\"Namibia\">\r\n                                            Namibia\r\n                                          </option>\r\n                                          <option value=\"Nauru\">\r\n                                            Nauru\r\n                                          </option>\r\n                                          <option value=\"Nepal\">\r\n                                            Nepal\r\n                                          </option>\r\n                                          <option value=\"Netherlands\">\r\n                                            Netherlands\r\n                                          </option>\r\n                                          <option value=\"Netherlands Antilles\">\r\n                                            Netherlands Antilles\r\n                                          </option>\r\n                                          <option value=\"New Caledonia\">\r\n                                            New Caledonia\r\n                                          </option>\r\n                                          <option value=\"New Zealand\">\r\n                                            New Zealand\r\n                                          </option>\r\n                                          <option value=\"Nicaragua\">\r\n                                            Nicaragua\r\n                                          </option>\r\n                                          <option value=\"Niger\">\r\n                                            Niger\r\n                                          </option>\r\n                                          <option value=\"Nigeria\">\r\n                                            Nigeria\r\n                                          </option>\r\n                                          <option value=\"Niue\">Niue</option>\r\n                                          <option value=\"Norfolk Island\">\r\n                                            Norfolk Island\r\n                                          </option>\r\n                                          <option value=\"Northern Mariana Islands\">\r\n                                            Northern Mariana Islands\r\n                                          </option>\r\n                                          <option value=\"Norway\">\r\n                                            Norway\r\n                                          </option>\r\n                                          <option value=\"Oman\">Oman</option>\r\n                                          <option value=\"Pakistan\">\r\n                                            Pakistan\r\n                                          </option>\r\n                                          <option value=\"Palau\">\r\n                                            Palau\r\n                                          </option>\r\n                                          <option value=\"Palestinian Territory, Occupied\">\r\n                                            Palestinian Territory, Occupied\r\n                                          </option>\r\n                                          <option value=\"Panama\">\r\n                                            Panama\r\n                                          </option>\r\n                                          <option value=\"Papua New Guinea\">\r\n                                            Papua New Guinea\r\n                                          </option>\r\n                                          <option value=\"Paraguay\">\r\n                                            Paraguay\r\n                                          </option>\r\n                                          <option value=\"Peru\">Peru</option>\r\n                                          <option value=\"Philippines\">\r\n                                            Philippines\r\n                                          </option>\r\n                                          <option value=\"Pitcairn\">\r\n                                            Pitcairn\r\n                                          </option>\r\n                                          <option value=\"Poland\">\r\n                                            Poland\r\n                                          </option>\r\n                                          <option value=\"Portugal\">\r\n                                            Portugal\r\n                                          </option>\r\n                                          <option value=\"Puerto Rico\">\r\n                                            Puerto Rico\r\n                                          </option>\r\n                                          <option value=\"Qatar\">\r\n                                            Qatar\r\n                                          </option>\r\n                                          <option value=\"Reunion\">\r\n                                            Reunion\r\n                                          </option>\r\n                                          <option value=\"Romania\">\r\n                                            Romania\r\n                                          </option>\r\n                                          <option value=\"Russian Federation\">\r\n                                            Russian Federation\r\n                                          </option>\r\n                                          <option value=\"Rwanda\">\r\n                                            Rwanda\r\n                                          </option>\r\n                                          <option value=\"Saint Helena\">\r\n                                            Saint Helena\r\n                                          </option>\r\n                                          <option value=\"Saint Kitts and Nevis\">\r\n                                            Saint Kitts and Nevis\r\n                                          </option>\r\n                                          <option value=\"Saint Lucia\">\r\n                                            Saint Lucia\r\n                                          </option>\r\n                                          <option value=\"Saint Pierre and Miquelon\">\r\n                                            Saint Pierre and Miquelon\r\n                                          </option>\r\n                                          <option value=\"Saint Vincent and The Grenadines\">\r\n                                            Saint Vincent and The Grenadines\r\n                                          </option>\r\n                                          <option value=\"Samoa\">\r\n                                            Samoa\r\n                                          </option>\r\n                                          <option value=\"San Marino\">\r\n                                            San Marino\r\n                                          </option>\r\n                                          <option value=\"Sao Tome and Principe\">\r\n                                            Sao Tome and Principe\r\n                                          </option>\r\n                                          <option value=\"Saudi Arabia\">\r\n                                            Saudi Arabia\r\n                                          </option>\r\n                                          <option value=\"Senegal\">\r\n                                            Senegal\r\n                                          </option>\r\n                                          <option value=\"Serbia\">\r\n                                            Serbia\r\n                                          </option>\r\n                                          <option value=\"Seychelles\">\r\n                                            Seychelles\r\n                                          </option>\r\n                                          <option value=\"Sierra Leone\">\r\n                                            Sierra Leone\r\n                                          </option>\r\n                                          <option value=\"Singapore\">\r\n                                            Singapore\r\n                                          </option>\r\n                                          <option value=\"Slovakia\">\r\n                                            Slovakia\r\n                                          </option>\r\n                                          <option value=\"Slovenia\">\r\n                                            Slovenia\r\n                                          </option>\r\n                                          <option value=\"Solomon Islands\">\r\n                                            Solomon Islands\r\n                                          </option>\r\n                                          <option value=\"Somalia\">\r\n                                            Somalia\r\n                                          </option>\r\n                                          <option value=\"South Africa\">\r\n                                            South Africa\r\n                                          </option>\r\n                                          <option value=\"South Georgia and The South Sandwich Islands\">\r\n                                            South Georgia and The South\r\n                                            Sandwich Islands\r\n                                          </option>\r\n                                          <option value=\"Spain\">\r\n                                            Spain\r\n                                          </option>\r\n                                          <option value=\"Sri Lanka\">\r\n                                            Sri Lanka\r\n                                          </option>\r\n                                          <option value=\"Sudan\">\r\n                                            Sudan\r\n                                          </option>\r\n                                          <option value=\"Suriname\">\r\n                                            Suriname\r\n                                          </option>\r\n                                          <option value=\"Svalbard and Jan Mayen\">\r\n                                            Svalbard and Jan Mayen\r\n                                          </option>\r\n                                          <option value=\"Swaziland\">\r\n                                            Swaziland\r\n                                          </option>\r\n                                          <option value=\"Sweden\">\r\n                                            Sweden\r\n                                          </option>\r\n                                          <option value=\"Switzerland\">\r\n                                            Switzerland\r\n                                          </option>\r\n                                          <option value=\"Syrian Arab Republic\">\r\n                                            Syrian Arab Republic\r\n                                          </option>\r\n                                          <option value=\"Taiwan, Province of China\">\r\n                                            Taiwan, Province of China\r\n                                          </option>\r\n                                          <option value=\"Tajikistan\">\r\n                                            Tajikistan\r\n                                          </option>\r\n                                          <option value=\"Tanzania, United Republic of\">\r\n                                            Tanzania, United Republic of\r\n                                          </option>\r\n                                          <option value=\"Thailand\">\r\n                                            Thailand\r\n                                          </option>\r\n                                          <option value=\"Timor-leste\">\r\n                                            Timor-leste\r\n                                          </option>\r\n                                          <option value=\"Togo\">Togo</option>\r\n                                          <option value=\"Tokelau\">\r\n                                            Tokelau\r\n                                          </option>\r\n                                          <option value=\"Tonga\">\r\n                                            Tonga\r\n                                          </option>\r\n                                          <option value=\"Trinidad and Tobago\">\r\n                                            Trinidad and Tobago\r\n                                          </option>\r\n                                          <option value=\"Tunisia\">\r\n                                            Tunisia\r\n                                          </option>\r\n                                          <option value=\"Turkey\">\r\n                                            Turkey\r\n                                          </option>\r\n                                          <option value=\"Turkmenistan\">\r\n                                            Turkmenistan\r\n                                          </option>\r\n                                          <option value=\"Turks and Caicos Islands\">\r\n                                            Turks and Caicos Islands\r\n                                          </option>\r\n                                          <option value=\"Tuvalu\">\r\n                                            Tuvalu\r\n                                          </option>\r\n                                          <option value=\"Uganda\">\r\n                                            Uganda\r\n                                          </option>\r\n                                          <option value=\"Ukraine\">\r\n                                            Ukraine\r\n                                          </option>\r\n                                          <option value=\"United Arab Emirates\">\r\n                                            United Arab Emirates\r\n                                          </option>\r\n                                          <option value=\"United Kingdom\">\r\n                                            United Kingdom\r\n                                          </option>\r\n                                          <option value=\"United States\">\r\n                                            United States\r\n                                          </option>\r\n                                          <option value=\"United States Minor Outlying Islands\">\r\n                                            United States Minor Outlying\r\n                                            Islands\r\n                                          </option>\r\n                                          <option value=\"Uruguay\">\r\n                                            Uruguay\r\n                                          </option>\r\n                                          <option value=\"Uzbekistan\">\r\n                                            Uzbekistan\r\n                                          </option>\r\n                                          <option value=\"Vanuatu\">\r\n                                            Vanuatu\r\n                                          </option>\r\n                                          <option value=\"Venezuela\">\r\n                                            Venezuela\r\n                                          </option>\r\n                                          <option value=\"Viet Nam\">\r\n                                            Viet Nam\r\n                                          </option>\r\n                                          <option value=\"Virgin Islands, British\">\r\n                                            Virgin Islands, British\r\n                                          </option>\r\n                                          <option value=\"Virgin Islands, U.S.\">\r\n                                            Virgin Islands, U.S.\r\n                                          </option>\r\n                                          <option value=\"Wallis and Futuna\">\r\n                                            Wallis and Futuna\r\n                                          </option>\r\n                                          <option value=\"Western Sahara\">\r\n                                            Western Sahara\r\n                                          </option>\r\n                                          <option value=\"Yemen\">\r\n                                            Yemen\r\n                                          </option>\r\n                                          <option value=\"Zambia\">\r\n                                            Zambia\r\n                                          </option>\r\n                                          <option value=\"Zimbabwe\">\r\n                                            Zimbabwe\r\n                                          </option>\r\n                                        </select>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>STATE:</span>\r\n                                        {isSelected1 ? (\r\n                                          <select\r\n                                            id=\"PermanentAddress_State\"\r\n                                            name=\"PermanentAddress_State\"\r\n                                            className=\"effect-16\"\r\n                                            readOnly={isReadOnly}\r\n\r\n                                            // onFocus={this.handleFocus}\r\n                                            defaultValue={\r\n                                              personal.permanentAddress_State\r\n                                            }\r\n                                            data-default-value={personal.permanentAddress_State || \"\"}\r\n                                            onKeyPress={(event) => {\r\n                                              if (\r\n                                                !/[a-zA-Z\\s ]+/.test(\r\n                                                  event.key\r\n                                                )\r\n                                              ) {\r\n                                                event.preventDefault();\r\n                                              }\r\n                                            }}\r\n                                            style={{\r\n                                              // Apply the marginLeft style only if the browser is Chrome\r\n                                              // ...(isChrome && { marginLeft: '-3px' })\r\n                                            }}\r\n                                          >\r\n                                            <option hidden>{profile.permanentAddress_State}</option>\r\n                                            <option value=\"\">\r\n                                              Select state\r\n                                            </option>\r\n                                            <option value=\"Andaman and Nicobar Islands\">\r\n                                              Andaman and Nicobar Islands\r\n                                            </option>\r\n                                            <option value=\"Andhra Pradesh\">\r\n                                              Andhra Pradesh\r\n                                            </option>\r\n                                            <option value=\"Arunachal Pradesh\">\r\n                                              Arunachal Pradesh\r\n                                            </option>\r\n                                            <option value=\"Assam\">\r\n                                              Assam\r\n                                            </option>\r\n                                            <option value=\"Bihar\">\r\n                                              Bihar\r\n                                            </option>\r\n                                            <option value=\"Chandigarh\">\r\n                                              Chandigarh\r\n                                            </option>\r\n                                            <option value=\"Chhattisgarh\">\r\n                                              Chhattisgarh\r\n                                            </option>\r\n                                            <option value=\"Dadra and Nagar Haveli\">\r\n                                              Dadra and Nagar Haveli\r\n                                            </option>\r\n                                            <option value=\"Daman and Diu\">\r\n                                              Daman and Diu\r\n                                            </option>\r\n                                            <option value=\"Delhi\">\r\n                                              Delhi\r\n                                            </option>\r\n                                            <option value=\"Goa\">\r\n                                              Goa\r\n                                            </option>\r\n                                            <option value=\"Gujarat\">\r\n                                              Gujarat\r\n                                            </option>\r\n                                            <option value=\"Haryana\">\r\n                                              Haryana\r\n                                            </option>\r\n                                            <option value=\"Himachal Pradesh\">\r\n                                              Himachal Pradesh\r\n                                            </option>\r\n                                            <option value=\"Jammu and Kashmir\">\r\n                                              Jammu and Kashmir\r\n                                            </option>\r\n                                            <option value=\"Jharkhand\">\r\n                                              Jharkhand\r\n                                            </option>\r\n                                            <option value=\"Karnataka\">\r\n                                              Karnataka\r\n                                            </option>\r\n                                            <option value=\"Kerala\">\r\n                                              Kerala\r\n                                            </option>\r\n                                            <option value=\"Ladakh\">\r\n                                              Ladakh\r\n                                            </option>\r\n                                            <option value=\"Lakshadweep\">\r\n                                              Lakshadweep\r\n                                            </option>\r\n                                            <option value=\"Madhya Pradesh\">\r\n                                              Madhya Pradesh\r\n                                            </option>\r\n                                            <option value=\"Maharashtra\">\r\n                                              Maharashtra\r\n                                            </option>\r\n                                            <option value=\"Manipur\">\r\n                                              Manipur\r\n                                            </option>\r\n                                            <option value=\"Meghalaya\">\r\n                                              Meghalaya\r\n                                            </option>\r\n                                            <option value=\"Mizoram\">\r\n                                              Mizoram\r\n                                            </option>\r\n                                            <option value=\"Nagaland\">\r\n                                              Nagaland\r\n                                            </option>\r\n                                            <option value=\"Odisha\">\r\n                                              Odisha\r\n                                            </option>\r\n                                            <option value=\"Puducherry\">\r\n                                              Puducherry\r\n                                            </option>\r\n                                            <option value=\"Punjab\">\r\n                                              Punjab\r\n                                            </option>\r\n                                            <option value=\"Rajasthan\">\r\n                                              Rajasthan\r\n                                            </option>\r\n                                            <option value=\"Sikkim\">\r\n                                              Sikkim\r\n                                            </option>\r\n                                            <option value=\"Tamil Nadu\">\r\n                                              Tamil Nadu\r\n                                            </option>\r\n                                            <option value=\"Telangana\">\r\n                                              Telangana\r\n                                            </option>\r\n                                            <option value=\"Tripura\">\r\n                                              Tripura\r\n                                            </option>\r\n                                            <option value=\"Uttar Pradesh\">\r\n                                              Uttar Pradesh\r\n                                            </option>\r\n                                            <option value=\"Uttarakhand\">\r\n                                              Uttarakhand\r\n                                            </option>\r\n                                            <option value=\"West Bengal\">\r\n                                              West Bengal\r\n                                            </option>\r\n                                          </select>\r\n                                        ) : (\r\n                                          <input\r\n                                            className=\"effect-16\"\r\n                                            onFocus={(e) =>\r\n                                              e.target.select()\r\n                                            }\r\n                                            onInputCapture={(event) => {\r\n                                              if (\r\n                                                !/[a-zA-Z\\s ]+/.test(\r\n                                                  event.key\r\n                                                )\r\n                                              ) {\r\n                                                event.preventDefault();\r\n                                              }\r\n                                            }}\r\n                                            type=\"text\"\r\n                                            id=\"PermanentAddress_State\"\r\n                                            name=\"PermanentAddress_State\"\r\n                                            defaultValue={\r\n                                              personal.permanentAddress_State\r\n                                            }\r\n                                            placeholder=\"State\"\r\n\r\n                                          />\r\n                                        )}\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>PIN CODE: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => e.target.select()}\r\n                                          type=\"text\"\r\n                                          onKeyPress={(event) => {\r\n                                            if (!/[0-9]/.test(event.key)) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          maxLength=\"6\"\r\n                                          id=\"PermanentAddress_Pincode\"\r\n                                          name=\"PermanentAddress_Pincode\"\r\n                                          readOnly={isReadOnly}\r\n                                          defaultValue={\r\n                                            personal.permanentAddress_Pincode\r\n                                          }\r\n\r\n                                        />\r\n                                      </div>\r\n                                      <div className=\"col-lg-12\">\r\n                                        <br />\r\n                                        <div className=\"row  justify-content-center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#8e75ef\",\r\n                                              fontWeight: \"bold\",\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                          >\r\n                                            Update\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#716b6b\",\r\n                                              fontWeight: \"bold\",\r\n                                              marginLeft: \"2%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                          >\r\n                                            &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            );\r\n                          })}\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </center>\r\n                </div>\r\n              </center>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/*Add Education*/}\r\n      <div>\r\n        {isPopupOpen8 && (\r\n          <div className=\"popup\">\r\n            <div className=\"popup-content\">\r\n              <center id=\"DiscAddPop\">\r\n                <div>\r\n                  <center>\r\n\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={togglePopupClose8}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <h6\r\n                      className=\"placeholder\"\r\n                      style={{ fontWeight: \"bold\", marginTop: \"-2%\" }}\r\n                    >\r\n                      Add Education\r\n                    </h6>\r\n\r\n                    {details.map((d, index) => (\r\n                      <div key={index} className=\"profile\">\r\n                        <div className='newcontainer'>\r\n                              <div className='biodata'>\r\n                                <form autoComplete=\"off\" onSubmit={EduSubmit}>\r\n                                  <div className=\"row justify-content-center\">\r\n                                    <div className='col-lg-12'>\r\n                                      {personalInfoDetails.map((details) => {\r\n                                        return (\r\n                                          <div className='info-row' >\r\n                                            <input\r\n                                              type='hidden'\r\n                                              id='id'\r\n                                              name='UserId'\r\n                                              value={details.id}\r\n                                              hidden\r\n                                            />\r\n                                          </div>)\r\n                                      })}\r\n                                      <div className='info-row' >\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>QUALIFICATION TYPE: </span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          id=\"Qualification\"\r\n                                          name=\"QualificationType\"\r\n                                          type=\"text\"\r\n                                          placeholder=\"Qualification Type\"\r\n                                          onChange={(e) => {\r\n                                            handlevalueChange(e);\r\n                                          }}\r\n                                          onChangeCapture={handleEducationChange}\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            // ...(isChrome && { marginLeft: '-8px' })\r\n                                          }}\r\n                                          onInputCapture={HandleQualification}\r\n                                        >\r\n                                          <option value=\"\">Select</option>\r\n                                          {educationDrop.map((EducationDrop) => (\r\n                                            <option value={EducationDrop.qualificationType}\r\n                                            >\r\n                                              {EducationDrop.qualificationType}\r\n                                            </option>\r\n                                          ))}\r\n                                          <option value=\"Others\">Others</option>\r\n                                        </select>\r\n                                      </div>\r\n                                      {formErrors.Qualification && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.Qualification}</span>}\r\n                                      <div className='info-row' id='othertypeinput' style={OtherStyle}> \r\n                                      <span  className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\",visibility:'hidden' }}>zzzzzzz</span>\r\n                                       <input\r\n                                        type=\"hidden\"\r\n                                        name=\"otherQualificationType\"\r\n                                        placeholder=\"Others Type\"\r\n                                        className=\"form\"\r\n                                        id=\"otherQType\"\r\n                                        maxLength={30}\r\n                                      />  </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>QUALIFICATION:</span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          maxLength=\"40\"\r\n                                          type=\"text\"\r\n                                           list=\"browsers\"\r\n                                          id=\"Coursename\"\r\n                                          name=\"Coursename\"\r\n                                          onChange={handleInputChange}\r\n                                          onChangeCapture={handleEducationChange}\r\n                                          placeholder=\"Course Name \"\r\n                                        />\r\n                                        <datalist id=\"browsers\">\r\n                                          {educationCourseName.map((EducationCourseName) => (\r\n                                            <option value={EducationCourseName.coursename}></option>\r\n                                          ))}\r\n                                        </datalist>\r\n                                      </div>\r\n                                      {formErrors.Coursename && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.Coursename}</span>}\r\n\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>TYPE:</span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          type=\"text\"\r\n                                          id=\"Coursetype\"\r\n                                          name=\"Coursetype\"\r\n                                          placeholder=\"Course Type \"\r\n                                          onChange={handleEducationChange}\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            // ...(isChrome && { marginLeft: '-3px' })\r\n                                          }}\r\n                                        >\r\n                                          <option value=\"\"> Course Type </option>\r\n                                          <option value=\"Part Time\">Part Time</option>\r\n                                          <option value=\"Full Time\">Full Time</option>\r\n                                          <option value=\"Distance Education\">Distance Education</option>\r\n                                        </select>\r\n                                      </div>\r\n                                      {formErrors.Coursetype && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.Coursetype}</span>}\r\n                                      <div className='info-row '>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>STREAM:</span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          maxLength=\"100\"\r\n                                          type=\"text\"\r\n                                          id=\"stream\"\r\n                                          name=\"Stream\"\r\n                                          placeholder=\"Specialization\"\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.stream && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.stream}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>START DATE:</span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => (e.target.type = \"month\")}\r\n                                          max={new Date(\r\n                                            new Date().getFullYear(),\r\n                                            new Date().getMonth() + 1\r\n                                          )\r\n                                            .toJSON()\r\n                                            .slice(0, 7)}\r\n                                          min={new Date(\r\n                                            new Date().getFullYear() - 60,\r\n                                            new Date().getMonth() + 1\r\n                                          )\r\n                                            .toJSON()\r\n                                            .slice(0, 7)}\r\n                                          type=\"text\"\r\n                                           id=\"Startdate\"\r\n                                          name=\"CourseStartDate\"\r\n                                          onChange={handleEducationChange}\r\n                                          placeholder=\"Course Start Date \"\r\n                                        />                                 \r\n                                      </div>\r\n                                      {formErrors.Startdate && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.Startdate}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>END DATE:</span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => (e.target.type = \"month\")}\r\n                                          max={new Date(\r\n                                            new Date().getFullYear(),\r\n                                            new Date().getMonth() + 1\r\n                                          )\r\n                                            .toJSON()\r\n                                            .slice(0, 7)}\r\n                                          min={new Date(\r\n                                            new Date().getFullYear() - 60,\r\n                                            new Date().getMonth() + 1\r\n                                          )\r\n                                            .toJSON()\r\n                                            .slice(0, 7)}\r\n                                       \r\n                                          id=\"Enddate\"\r\n                                          name=\"CourseEndDate\"\r\n                                          onChange={handleEducationChange}\r\n                                          placeholder=\"Course End Date \"\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.Enddate && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.Enddate}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>UNIVERSITY NAME:</span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          type=\"text\"\r\n                                          maxLength=\"80\"\r\n                                          id=\"unisty_name\"\r\n                                          name=\"UniversityName\"\r\n                                          onChange={handleEducationChange}\r\n                                          placeholder=\"University Name\"\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.unisty_name && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.unisty_name}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>COLLEGE NAME:</span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          maxLength=\"80\"\r\n                                          type=\"text\"\r\n                                          id=\"clg_name\"\r\n                                          name=\"CollegeName\"\r\n                                          onChange={handleEducationChange}\r\n                                          placeholder=\"College Name \"\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.clg_name && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.clg_name}</span>}\r\n                                      <div className=\"col-lg-12\">\r\n                                        <br />\r\n                                        <div className=\"row  justify-content-center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#8e75ef\",\r\n                                              fontWeight: \"bold\",\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#716b6b\",\r\n                                              fontWeight: \"bold\",\r\n                                              marginLeft: \"2%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                          >\r\n                                            &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                    </div>\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </center>\r\n                </div>\r\n              </center>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Education Edit */}\r\n      <div>\r\n        {isPopupOpen5 && (\r\n          <div className=\"popup\">\r\n            <div className=\"popup-content\">\r\n              <center id=\"DiscAddPop\">\r\n                <div>\r\n                  <center>\r\n\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={togglePopupClose5}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <h6\r\n                      className=\"placeholder\"\r\n                      style={{ fontWeight: \"bold\", marginTop: \"-2%\" }}\r\n                    >\r\n                      Education\r\n                    </h6>\r\n\r\n                    {details.map((d, index) => (\r\n                      <div key={index} className=\"profile\">\r\n                        <div className='newcontainer'>\r\n                          {educationDetail.filter(personal => personal.id === selectedId).map((personal) => {\r\n                            return (\r\n                              <div key={personal.id} className='biodata'>\r\n                                <form autoComplete=\"off\" onSubmit={EducationEdit}>\r\n                                  <div className=\"row justify-content-center\">\r\n                                    <div className='col-lg-12'>\r\n                                      <div className='info-row'>\r\n                                        <input\r\n                                          style={{ display: \"none\" }}\r\n                                          type=\"hidden\"\r\n                                          name=\"CreatedDate\"\r\n                                          value={personal.created_Date}\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row' >\r\n                                        <input\r\n                                          type='hidden'\r\n                                          id='id'\r\n                                          name='UserId'\r\n                                          defaultValue={personal.user_Id}\r\n                                          hidden\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row' >\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>QUALIFICATION TYPE: </span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          id=\"Qualification\"\r\n                                          defaultValue={personal.qualificationType}\r\n                                          name=\"QualificationType\"\r\n                                          type=\"text\"\r\n                                          placeholder=\"Qualification Type\"\r\n                                          onChange={(e) => {\r\n                                            handlevalueChange(e);\r\n                                          }}\r\n                                          onChangeCapture={handleEducationChange}\r\n                                          onInputCapture={HandleQualification}\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            // ...(isChrome && { marginLeft: '-8px' })\r\n                                          }}\r\n                                        >\r\n                                          <option hidden>{personal.qualificationType}</option>\r\n                                          <option value=\"\">Select</option>\r\n                                          {educationDrop.map((EducationDrop) => (\r\n                                            <option value={EducationDrop.qualificationType}\r\n                                              selected={\r\n                                                EducationDrop.qualificationType ===\r\n                                                personal.qualificationType\r\n                                              }\r\n                                            >\r\n                                              {EducationDrop.qualificationType}\r\n                                            </option>\r\n                                          ))}\r\n                                          <option value=\"Others\">Others</option>\r\n                                        </select>\r\n                                      </div>\r\n                                      {formErrors.Qualification && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.Qualification}</span>}\r\n                                      <div className='info-row' id='othertypeinput' style={OtherStyle}> \r\n                                      <span  className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\",visibility:'hidden' }}>zzzzzzz</span>\r\n                                       <input\r\n                                        type=\"hidden\"\r\n                                        name=\"otherQualificationType\"\r\n                                        placeholder=\"Others Type\"\r\n                                        className=\"form\"\r\n                                        id=\"otherQType\"\r\n                                        maxLength={30}\r\n                                      />  </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>QUALIFICATION:</span>\r\n                                        <input\r\n                                          type=\"hidden\"\r\n                                          name=\"OldCoursename\"\r\n                                          defaultValue={\r\n                                            personal.courseName\r\n                                          }\r\n                                        />\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          maxLength=\"40\"\r\n                                          type=\"text\"\r\n                                          list=\"browsers\"\r\n                                          id=\"Coursename\"\r\n                                          name=\"Coursename\"\r\n                                          onChange={handleInputChange}\r\n                                          onChangeCapture={handleEducationChange}\r\n                                          defaultValue={personal.courseName}\r\n                                          placeholder=\"Course Name \"\r\n                                        />\r\n                                        <datalist id=\"browsers\">\r\n                                          {educationCourseName.map((EducationCourseName) => (\r\n                                            <option value={EducationCourseName.coursename}></option>\r\n                                          ))}\r\n                                        </datalist>\r\n                                      </div>\r\n                                      {formErrors.Coursename && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.Coursename}</span>}\r\n\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>TYPE:</span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          type=\"text\"\r\n                                          id=\"Coursetype\"\r\n                                          name=\"Coursetype\"\r\n                                          defaultValue={personal.courseType}\r\n                                          placeholder=\"Course Type \"\r\n                                          onChange={handleEducationChange}\r\n                                          style={{\r\n                                            // Apply the marginLeft style only if the browser is Chrome\r\n                                            // ...(isChrome && { marginLeft: '-3px' })\r\n                                          }}\r\n                                        >\r\n                                          <option value=\"\"> Course Type </option>\r\n                                          <option value=\"Part Time\">Part Time</option>\r\n                                          <option value=\"Full Time\">Full Time</option>\r\n                                          <option value=\"Distance Education\">Distance Education</option>\r\n                                        </select>\r\n                                      </div>\r\n                                      {formErrors.Coursetype && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.Coursetype}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>STREAM:</span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          maxLength=\"100\"\r\n                                          type=\"text\"\r\n                                          id=\"stream\"\r\n                                          name=\"Stream\"\r\n                                          defaultValue={personal.stream}\r\n                                          placeholder=\"Specialization\"\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.stream && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.stream}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>START DATE:</span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => (e.target.type = \"month\")}\r\n                                          type=\"text\"\r\n                                          id=\"Startdate\"\r\n                                          name=\"CourseStartDate\"\r\n                                          defaultValue={personal.courseStartDate}\r\n                                          placeholder=\"Course Start Date \"\r\n                                          onChange={handleEducationChange}\r\n                                        />\r\n\r\n                                      </div>\r\n                                      {formErrors.Startdate && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.Startdate}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>END DATE:</span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onFocus={(e) => (e.target.type = \"month\")}\r\n                                          type=\"text\"\r\n                                          id=\"Enddate\"\r\n                                          name=\"CourseEndDate\"\r\n                                          defaultValue={personal.courseEndDate}\r\n                                          placeholder=\"Course End Date \"\r\n                                          onChange={handleEducationChange}\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.Enddate && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-1px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.Enddate}</span>}\r\n                                      <div className='info-row'>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          maxLength=\"80\"\r\n                                          type='hidden'\r\n                                          id=\"unisty_name\"\r\n                                          name=\"UniversityName\"\r\n                                          defaultValue={personal.universityName}\r\n                                          placeholder=\"University Name\"\r\n                                          hidden\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          maxLength=\"80\"\r\n                                          type=\"text\"\r\n                                          id=\"clg_name\"\r\n                                          name=\"CollegeName\"\r\n                                          defaultValue={personal.collegeName}\r\n                                          placeholder=\"College Name \"\r\n                                          hidden\r\n                                        />\r\n                                      </div>\r\n                                      <div className=\"col-lg-12\">\r\n                                        <br />\r\n                                        <div className=\"row  justify-content-center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#8e75ef\",\r\n                                              fontWeight: \"bold\",\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                          >\r\n                                            Update\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#716b6b\",\r\n                                              fontWeight: \"bold\",\r\n                                              marginLeft: \"2%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                          >\r\n                                            &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n\r\n                                    </div>\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            );\r\n                          })}\r\n\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </center>\r\n                </div>\r\n              </center>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Add Skill */}\r\n      <div>\r\n        {isPopupOpen10 && (\r\n          <div className=\"popup\">\r\n            <div className=\"popup-content\">\r\n              <center id=\"DiscAddPop\">\r\n                <div>\r\n                  <center>\r\n\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={togglePopupClose10}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <h6\r\n                      className=\"placeholder\"\r\n                      style={{ fontWeight: \"bold\", marginTop: \"-2%\", marginBottom: \"20px\" }}\r\n                    >\r\n                      Add Skills\r\n                    </h6>\r\n\r\n                    {details.map((d, index) => (\r\n                      <div key={index} className=\"profile\">\r\n                        <div className='newcontainer'>\r\n                              <div className='biodata'>\r\n                                <form autoComplete=\"off\" onSubmit={Skillsubmit}>\r\n                                  <div className=\"row justify-content-center\">\r\n                                    <div className='col-lg-12'>\r\n                                      {personalInfoDetails.map((details) => {\r\n                                        return (\r\n                                          <div className='info-row' >\r\n                                            <input\r\n                                              type='hidden'\r\n                                              id='id'\r\n                                              name='UserId'\r\n                                              value={details.id}\r\n                                              hidden\r\n                                            />\r\n                                          </div>)\r\n                                      })}\r\n\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Skill Name: </span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          name=\"SkillName\"\r\n                                          type=\"text\"\r\n                                          placeholder=\"SkillName\"\r\n                                          id=\"skillname\"\r\n                                        >\r\n                                          <option value=\"\">Name</option>\r\n                                          {SKillAdminNameDrop.map((SKillAdminNameDrop) => (\r\n                                            <option\r\n                                              value={SKillAdminNameDrop.skillName}\r\n                                            >\r\n                                              {SKillAdminNameDrop.skillName}\r\n                                            </option>\r\n                                          ))}\r\n                                        </select>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Experience: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          id=\"exp\"\r\n                                          name=\"Experience\"\r\n                                          type=\"text\"\r\n                                          onFocus={(e) =>\r\n                                            (e.target.type = \"date\")\r\n                                          }\r\n                                          max={calculateMaxDate}\r\n                                        />\r\n                                      </div>\r\n                                      <div className=\"col-lg-12\">\r\n                                        <br />\r\n                                        <div className=\"row  justify-content-center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#8e75ef\",\r\n                                              fontWeight: \"bold\",\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#716b6b\",\r\n                                              fontWeight: \"bold\",\r\n                                              marginLeft: \"2%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                          >\r\n                                            &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </center>\r\n                </div>\r\n              </center>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Skill Edit */}\r\n      <div>\r\n        {isPopupOpen6 && (\r\n          <div className=\"popup\">\r\n            <div className=\"popup-content\">\r\n              <center id=\"DiscAddPop\">\r\n                <div>\r\n                  <center>\r\n\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={togglePopupClose6}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <h6\r\n                      className=\"placeholder\"\r\n                      style={{ fontWeight: \"bold\", marginTop: \"-2%\", marginBottom: \"20px\" }}\r\n                    >\r\n                      SKILL NAME\r\n                    </h6>\r\n\r\n                    {details.map((d, index) => (\r\n                      <div key={index} className=\"profile\">\r\n                        <div className='newcontainer'>\r\n                          {displayedSkills.filter(personal => personal.id === selectedId).map((personal) => {\r\n                            return (\r\n                              <div key={personal.id} className='biodata'>\r\n                                <form autoComplete=\"off\" onSubmit={SkillEdit}>\r\n                                  <div className=\"row justify-content-center\">\r\n                                    <div className='col-lg-12'>\r\n                                      <input\r\n                                        style={{ display: \"none\" }}\r\n                                        type=\"hidden\"\r\n                                        name=\"CreatedDate\"\r\n                                        value={personal.created_Date}\r\n                                      />\r\n                                      <input\r\n                                        name=\"Experience\"\r\n                                        id=\"Experience\"\r\n                                        defaultValue={personal.experience}\r\n                                        type=\"hidden\"\r\n                                      />\r\n                                      <input\r\n                                        type=\"hidden\"\r\n                                        id=\"Trainer\"\r\n                                        defaultChecked={\r\n                                          personal.trainer === \"Yes\" ? true : false\r\n                                        }\r\n                                        name=\"Trainer\"\r\n                                      />\r\n                                      <input\r\n                                        name=\"SkillCoursename\"\r\n                                        defaultValue={personal.skillCoursename}\r\n                                        type=\"hidden\"\r\n                                        id=\"skillcourseName\"\r\n                                      />\r\n                                      <input\r\n                                        name=\"SkillStartdate\"\r\n                                        defaultValue={personal.skillStartdate}\r\n                                        id=\"skillcoursestartdate\"\r\n                                        type=\"hidden\"\r\n                                      />\r\n                                      <input\r\n                                        name=\"SkillEnddate\"\r\n                                        defaultValue={personal.skillEnddate}\r\n                                        id=\"skillCourseenddate\"\r\n                                        type=\"hidden\"\r\n                                      />\r\n                                      <input\r\n                                        name=\"UserId\"\r\n                                        defaultValue={personal.userId}\r\n                                        id=\"UserId\"\r\n                                        type=\"hidden\"\r\n                                      />\r\n                                      <div className='info-row'>\r\n                                        <input\r\n                                          type=\"hidden\"\r\n                                          name=\"OldSkillName\"\r\n                                          defaultValue={\r\n                                            personal.skillName\r\n                                          }\r\n                                        />\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Name: </span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          name=\"SkillName\"\r\n                                          type=\"text\"\r\n                                          placeholder=\"SkillName\"\r\n                                          id=\"skillname\"\r\n                                        >\r\n                                          <option hidden>{personal.skillName}</option>\r\n                                          <option value=\"\"> Skill Name</option>\r\n                                          {SKillAdminNameDrop.map((SKillAdminNameDrop) => (\r\n                                            <option\r\n                                              selected={\r\n                                                SKillAdminNameDrop.skillName ===\r\n                                                personal.skillName\r\n                                              }\r\n                                              value={SKillAdminNameDrop.skillName}\r\n                                            >\r\n                                              {SKillAdminNameDrop.skillName}\r\n                                            </option>\r\n                                          ))}\r\n                                        </select>\r\n                                      </div>\r\n                                      <div className=\"col-lg-12\">\r\n                                        <br />\r\n                                        <div className=\"row  justify-content-center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#8e75ef\",\r\n                                              fontWeight: \"bold\",\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                          >\r\n                                            Update\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#716b6b\",\r\n                                              fontWeight: \"bold\",\r\n                                              marginLeft: \"2%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                          >\r\n                                            &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            );\r\n                          })}\r\n\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </center>\r\n                </div>\r\n              </center>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Skill Display */}\r\n      <div>\r\n        {isPopupOpen11 && (\r\n          <div className=\"popup\">\r\n            <div className=\"popup-content\">\r\n              <center id=\"DiscAddPop\">\r\n                <div>\r\n\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={togglePopupClose11}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <h6\r\n                      className=\"placeholder\"\r\n                      style={{ fontWeight: \"bold\", marginTop: \"-2%\", marginBottom: \"20px\" }}\r\n                    >\r\n                      SKILL NAME\r\n                    </h6>\r\n                    {details.map((d, index) => (\r\n                      <div key={index} className=\"profile\">\r\n\r\n                        <div className=\"row justify-content-center\">\r\n                                    <div className=\"grid-item\">\r\n                                      {displayedSkills.map((skill, index) => (\r\n                                        <ul key={index} className=\"skills-list1\">\r\n                                          <li>{skill.skillName}&nbsp;&nbsp;&nbsp;&nbsp;\r\n                                          {personalInfoDetails.map((personal) => {\r\n                                            return (\r\n                                              <>\r\n                                            {personal.adminEmail === email ? (<span>\r\n                                                <img\r\n                                                  src={pencil}\r\n                                                  alt='Profile'\r\n                                                  className='edit-image'\r\n                                                  style={{float:\"right\"}}\r\n                                                  onClick={(e) => togglePopup6(skill.id, e)}\r\n                                                />\r\n                                              </span>):null}\r\n                                              </>\r\n                                            );\r\n                                          })}\r\n                                           \r\n                                          </li>\r\n                                        </ul>\r\n                                      ))}\r\n\r\n                                      <div className=\"button-container\">\r\n                                        {skillDetails.length > initialSkillsToShow && (\r\n                                          <button onClick={toggleSkills}>\r\n                                            {showAllSkills ? 'See less' : 'See more'}\r\n                                          </button>\r\n                                        )}\r\n                                      </div>\r\n\r\n                                    </div>\r\n                                    </div>\r\n                           \r\n                      </div>\r\n                    ))}\r\n                            \r\n                </div>\r\n                \r\n              </center>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/*Add Family*/}\r\n      <div>\r\n        {isPopupOpen9 && (\r\n          <div className=\"popup\">\r\n            <div className=\"popup-content\">\r\n              <center id=\"DiscAddPop\">\r\n                <div>\r\n                  <center>\r\n\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={togglePopupClose9}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <h6\r\n                      className=\"placeholder\"\r\n                      style={{ fontWeight: \"bold\", marginTop: \"-2%\" }}\r\n                    >\r\n                      Add Family\r\n                    </h6>\r\n\r\n                    {details.map((d, index) => (\r\n                      <div key={index} className=\"profile\">\r\n                        <div className='newcontainer'>\r\n                              <div className='biodata'>\r\n                                <form autoComplete=\"off\" onSubmit={FamlySubmit} id='familyform'>\r\n                                  <div className=\"row justify-content-center\">\r\n                                    <div className='col-lg-12'>\r\n                                      {personalInfoDetails.map((details) => {\r\n                                        return (<div className='info-row' >\r\n                                          <input\r\n                                            type='hidden'\r\n                                            id='id'\r\n                                            name='UserId'\r\n                                            value={details.id}\r\n                                            hidden\r\n                                          />\r\n                                        </div>)\r\n                                      })}\r\n                                      <div className='info-row' >\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>First Name: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          name=\"FirstName\"\r\n                                          type=\"text\"\r\n                                          id=\"Firstname\"\r\n                                          placeholder=\"First Name\"\r\n                                          onChange={Familyhandlechange}\r\n                                        />\r\n\r\n                                      </div>\r\n                                      {formErrors.FirstNameErr && <span className=\"error-messageedit-teamgrid\" style={{\r\n                                        float: \"left\",marginLeft: \"0px\", marginTop: \"-1px\"\r\n                                      }}>{formErrors.FirstNameErr}</span>}\r\n                                      <div className='info-row' >\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Middle Name: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          name=\"MiddleName\"\r\n                                          type=\"text\"\r\n                                          id=\"MiddleName\"\r\n                                          placeholder=\"Middle Name\"\r\n                                        />\r\n                                      </div>\r\n                                      {/* {formErrors.MiddleNameErr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\",marginLeft: \"0px\", marginTop: \"-1px\"\r\n                                      }}>{formErrors.MiddleNameErr}</span>} */}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Last Name: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          name=\"LastName\"\r\n                                          type=\"text\"\r\n                                          id=\"Lastname\"\r\n                                          placeholder=\"Last Name\"\r\n                                          onChange={Familyhandlechange}\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.LastNameErr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\",marginLeft: \"0px\", marginTop: \"-1px\"\r\n                                      }}>{formErrors.LastNameErr}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Relationship: </span>\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          name=\"Relationship\"\r\n                                          id=\"Relationship\"\r\n                                          placeholder=\"Relationship\"\r\n                                          onChange={Familyhandlechange}\r\n                                        >\r\n                                          <option value=\"\">Relationship</option>\r\n                                          {RelationshipDrop.map(\r\n                                            (RelationshipDrop) => (\r\n                                              <option\r\n                                                value={\r\n                                                  RelationshipDrop.relationship\r\n                                                }\r\n                                              >\r\n                                                {RelationshipDrop.relationship}\r\n                                              </option>\r\n                                            )\r\n                                          )}\r\n                                        </select>\r\n                                      </div>\r\n                                      {formErrors.RelationshipErr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\",marginLeft: \"0px\", marginTop: \"-1px\"\r\n                                      }}>{formErrors.RelationshipErr}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Contact: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          // onChange={handleInputChange}\r\n                                          name=\"Contact\"\r\n                                          type=\"text\"\r\n                                          maxLength=\"10\"\r\n                                          onKeyPress={(event) => {\r\n                                            if (!/[0-9]/.test(event.key)) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          id=\"famContact\"\r\n                                          placeholder=\"Contact\"\r\n                                          onChange={(event) => {\r\n                                            handleInputChange(event); // Call the first handler\r\n                                            Familyhandlechange(event); // Call the second handler\r\n                                          }}\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.ContactErr && <span className=\"error-messageedit\" style={{\r\n                                     float: \"left\",marginLeft: \"0px\", marginTop: \"-1px\"\r\n                                      }}>{formErrors.ContactErr}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Email: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          name=\"Email\"\r\n                                          type=\"text\"\r\n                                          id=\"famEmail\"\r\n                                          maxLength=\"50\"\r\n                                          placeholder=\"Email\"\r\n                                          onChange={(event) => {\r\n                                            handleInputChange(event); \r\n                                            Familyhandlechange(event); \r\n                                          }}\r\n                                         \r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.EmailErr && <span className=\"error-messageedit\" style={{\r\n                                       float: \"left\",marginLeft: \"0px\", marginTop: \"-1px\"\r\n                                      }}>{formErrors.EmailErr}</span>}\r\n                                      <center style={{ marginTop: \"17px\" }}>\r\n                                        <span style={{ color: \"#7c7c7c\" }}>\r\n                                          Emergency Contact\r\n                                        </span>\r\n                                        &nbsp;&nbsp;\r\n                                        {familyDetails.length === 0\r\n                                          ? true\r\n                                          : false}\r\n                                        <label\r\n                                          style={\r\n                                            familyDetails.length ===\r\n                                              0\r\n                                              ? { pointerEvents: \"none\" }\r\n                                              : { pointerEvents: \"all\" }\r\n                                          }\r\n                                          className=\"switch1 center\"\r\n                                        >\r\n                                          <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"EmergencyContact\"\r\n                                            defaultChecked={\r\n                                              familyDetails\r\n                                                .length === 0\r\n                                                ? true\r\n                                                : false\r\n                                            }\r\n                                            name=\"EmergencyContact\"\r\n                                          />\r\n                                          <span className=\"slider1 round1\" />\r\n                                        </label>\r\n                                      </center>\r\n                                      <div className=\"col-lg-12\">\r\n                                        <br />\r\n                                        <div className=\"row  justify-content-center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#8e75ef\",\r\n                                              fontWeight: \"bold\",\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                          >\r\n                                            Save\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#716b6b\",\r\n                                              fontWeight: \"bold\",\r\n                                              marginLeft: \"2%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                             onClick={messagecancel}\r\n                                          >\r\n                                            &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </center>\r\n                </div>\r\n              </center>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Family Edit */}\r\n      <div>\r\n        {isPopupOpen7 && (\r\n          <div className=\"popup\">\r\n            <div className=\"popup-content\">\r\n              <center id=\"DiscAddPop\">\r\n                <div>\r\n                  <center>\r\n\r\n                    <button\r\n                      id=\"close\"\r\n                      style={{\r\n                        float: \"right\",\r\n                        backgroundColor: \"#a0a3a305\",\r\n                        color: \"#797070\",\r\n                        border: \"1px solid #a3a5a505\",\r\n                      }}\r\n                      onClick={togglePopupClose7}\r\n                    >\r\n                      <CloseIcon />\r\n                    </button>\r\n\r\n                    <h6\r\n                      className=\"placeholder\"\r\n                      style={{ fontWeight: \"bold\", marginTop: \"-2%\" }}\r\n                    >\r\n                      Family\r\n                    </h6>\r\n\r\n                    {details.map((d, index) => (\r\n                      <div key={index} className=\"profile\">\r\n                        <div className='newcontainer'>\r\n                          {familyDetails.filter(family => family.id === selectedId).map((family, index) => {\r\n                            return (\r\n                              <div key={family.id} className='biodata'>\r\n                                <form autoComplete=\"off\" onSubmit={FamilyEdit}>\r\n                                  <div className=\"row justify-content-center\">\r\n                                    <div className='col-lg-12'>\r\n                                      <div className='info-row' >\r\n                                        <input\r\n                                          type='hidden'\r\n                                          id='id'\r\n                                          name='Id'\r\n                                          defaultValue={family.id}\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row' >\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>First Name: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          name=\"FirstName\"\r\n                                          type=\"text\"\r\n                                          maxLength=\"20\"\r\n                                          id=\"Firstname\"\r\n                                          defaultValue={family.firstName}\r\n                                          placeholder=\"First Name\"\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row' >\r\n                                        <input\r\n                                          name=\"MiddleName\"\r\n                                          type=\"hidden\"\r\n                                          id=\"MiddleName\"\r\n                                          defaultValue={family.middleName}\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row' >\r\n                                      <input\r\n  type=\"hidden\"\r\n  id=\"EmergencyContact\"\r\n  name=\"EmergencyContact\"\r\n  checked={family.emergencyContact}\r\n/>\r\n\r\n                                      </div>\r\n                                      <div className='info-row' >\r\n                                        <input\r\n                                          name=\"CreatedDate\"\r\n                                          type=\"hidden\"\r\n                                          id=\"CreatedDate\"\r\n                                          defaultValue={family.created_Date}\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row' >\r\n                                        <input\r\n                                          name=\"UserId\"\r\n                                          type=\"hidden\"\r\n                                          id=\"UserId\"\r\n                                          defaultValue={family.userId}\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Last Name: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          name=\"LastName\"\r\n                                          type=\"text\"\r\n                                          maxLength=\"20\"\r\n                                          id=\"Lastname\"\r\n                                          defaultValue={family.lastName}\r\n                                          placeholder=\"Last Name\"\r\n                                        />\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Relationship: </span>\r\n                                        <input\r\n                                          type=\"hidden\"\r\n                                          name=\"oldrelation\"\r\n                                          defaultValue={\r\n                                            family.relationship\r\n                                          }\r\n                                        />\r\n                                        <select\r\n                                          className=\"effect-16\"\r\n                                          name=\"Relationship\"\r\n                                          id=\"Relationship\"\r\n                                          defaultValue={family.relationship}\r\n                                          placeholder=\"Relationship\"\r\n                                        >\r\n                                          <option value=\"\">Relationship</option>\r\n                                          <option hidden>{family.relationship}</option>\r\n                                          {RelationshipDrop.map((RelationshipDrop) =>\r\n                                            RelationshipDrop.relationship ===\r\n                                              family.relationship ? (\r\n                                              <option value={RelationshipDrop.relationship} selected>\r\n                                                {RelationshipDrop.relationship}\r\n                                              </option>\r\n                                            ) : (\r\n                                              <option value={RelationshipDrop.relationship}>\r\n                                                {RelationshipDrop.relationship}\r\n                                              </option>\r\n                                            )\r\n                                          )}\r\n                                        </select>\r\n                                      </div>\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Contact: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          onChange={handleInputChange}\r\n                                          name=\"Contact\"\r\n                                          type=\"text\"\r\n                                          maxLength=\"10\"\r\n                                          onKeyPress={(event) => {\r\n                                            if (!/[0-9]/.test(event.key)) {\r\n                                              event.preventDefault();\r\n                                            }\r\n                                          }}\r\n                                          id=\"famContact\"\r\n                                          defaultValue={family.contact}\r\n                                          placeholder=\"Contact\"\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.ContactErr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-2px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.ContactErr}</span>}\r\n                                      <div className='info-row'>\r\n                                        <span className='effect-16' style={{ borderBottom: \"none\", textAlign: \"left\" }}>Email: </span>\r\n                                        <input\r\n                                          className=\"effect-16\"\r\n                                          name=\"Email\"\r\n                                          type=\"text\"\r\n                                          id=\"famEmail\"\r\n                                          maxLength=\"50\"\r\n                                          defaultValue={family.email}\r\n                                          placeholder=\"Email\"\r\n                                          onChange={handleInputChange}\r\n                                        />\r\n                                      </div>\r\n                                      {formErrors.EmailErr && <span className=\"error-messageedit\" style={{\r\n                                        float: \"left\", marginLeft: \"0px\", marginTop: \"-2px\", whiteSpace: \"nowrap\"\r\n                                      }}>{formErrors.EmailErr}</span>}\r\n                                      <div className=\"col-lg-12\">\r\n                                        <br />\r\n                                        <div className=\"row  justify-content-center\">\r\n                                          <button\r\n                                            type=\"submit\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#8e75ef\",\r\n                                              fontWeight: \"bold\",\r\n                                              height: \"39.5px\",\r\n                                              width: \"83.36px\",\r\n                                            }}\r\n                                          >\r\n                                            Update\r\n                                          </button>\r\n                                          <button\r\n                                            type=\"reset\"\r\n                                            className=\"button-30 sk-edit\"\r\n                                            style={{\r\n                                              color: \"#716b6b\",\r\n                                              fontWeight: \"bold\",\r\n                                              marginLeft: \"2%\",\r\n                                              height: \"39.5px\",\r\n                                            }}\r\n                                          >\r\n                                            &nbsp;&nbsp;Cancel&nbsp;&nbsp;\r\n                                          </button>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </form>\r\n                              </div>\r\n                            );\r\n                          })}\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </center>\r\n                </div>\r\n              </center>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Teamgriddetails","import React, { Component } from \"react\";\r\nimport { ExcelRenderer, OutTable } from \"react-excel-renderer\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport $ from \"jquery\";\r\nimport { ReactExcel, readFile } from \"@ramonak/react-excel\";\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"../../Css/Team.css\";\r\nimport Templateexcel from \"../../Assets/Files/TeamExl.xlsx\";\r\nimport LoadingPage from \"../../Common/LoadingPage\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport DataTable from 'react-data-table-component';\r\nimport \"../../Css/excel.css\";\r\nimport axios from \"axios\";\r\nimport Profile from \"../../Assets/images/Avatar.png\";\r\nvar XLSX = require(\"xlsx\");\r\nexport default class UserTeam extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      Active: [],\r\n      InActive: [],\r\n      All: [],\r\n      rows: [],\r\n      cols: [],\r\n      Team: [],\r\n      Teams: [],\r\n      XlTeam: [],\r\n      Notification: [],\r\n      Id_delete: \"\",\r\n      ExistEmail: [],\r\n      currentSheet: {},\r\n      comlogo: [],\r\n      initialData: undefined,\r\n      xlmty: \"\",\r\n      SelectedNames: [],\r\n      loading: false,\r\n      dispinvite: false,\r\n      cancelOption: false,\r\n      Filterpop: false,\r\n      letters: [],\r\n      FilterData: \"\",\r\n      filterValue: '',\r\n      showSelectAll: false,\r\n      showDelete: false,\r\n      showInvite: false,\r\n      inviteCount: 0,\r\n      showDeleteCount: false,\r\n      dispinvite: false,\r\n      selectAllChecked: false,\r\n      delay: false,\r\n      UserLogo: [],\r\n      AllUserLogo: [],\r\n      shouldClickButton3: false,\r\n      Allteamdetailsdata: [],\r\n      Allteamdetailsdata1: [],\r\n      NonAccessdata: [],\r\n      currentPage: 1,\r\n      itemsPerPage: 8,\r\n      loader:true,\r\n    };\r\n    this.initialState = this.state;\r\n  }\r\n  handleClickPage = (event, pageNumber) => {\r\n    event.preventDefault();\r\n    this.setState({ currentPage: pageNumber });\r\n  };\r\n  handleClickLink = () => {\r\n    this.setState({ shouldClickButton3: true });\r\n  };\r\n  changeHandler = (event) => {\r\n    let fileObj = event.target.files[0];\r\n\r\n    ExcelRenderer(fileObj, (err, resp) => {\r\n      if (err) {\r\n      } else {\r\n        this.setState({\r\n          cols: resp.cols,\r\n          rows: resp.rows,\r\n        });\r\n      }\r\n    });\r\n  };\r\n  handleItemsPerPageChange = (e) => {\r\n    const itemsPerPage = parseInt(e.target.value, 10);\r\n    this.setState({ itemsPerPage, currentPage: 1 });\r\n  };\r\n\r\n  handleSelectAllChange = (event) => {\r\n    const { checked } = event.target;\r\n    this.setState({ selectAllChecked: checked });\r\n  };\r\n\r\n  openteamgrid(Id,aspnetId) {\r\n    var page = {\r\n      pathname: \"/Teamgriddetails\",\r\n      state: {\r\n        Id: Id,\r\n        aspnetId:aspnetId\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n\r\n\r\n  Team() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetUserTeam`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        data.sort((a, b) => parseInt(a.teamId) - parseInt(b.teamId));\r\n        var email = JSON.parse(localStorage.email);\r\n\r\n        let Idfilterdata = data.filter(item => item.email !== email);\r\n\r\n        const firstnamefilterdata = Idfilterdata.sort((a, b) => {\r\n          const teamIdA = a.firstName.toUpperCase();\r\n          const teamIdB = b.firstName.toUpperCase();\r\n\r\n          if (teamIdA < teamIdB) {\r\n            return -1;\r\n          }\r\n          if (teamIdA > teamIdB) {\r\n            return 1;\r\n          }\r\n          return 0;\r\n        });\r\n        this.setState({\r\n          Team: firstnamefilterdata,\r\n          Teams: firstnamefilterdata,\r\n        });\r\n\r\n\r\n\r\n        // console.log(\"hess\", firstnamefilterdata);\r\n      });\r\n\r\n\r\n\r\n  }\r\n\r\n  TopId = () => {\r\n    const sortedData = [...this.state.Team].sort((a, b) => parseInt(a.teamId) - parseInt(b.teamId));\r\n    this.setState({ Team: sortedData });\r\n  };\r\n\r\n  DownId = () => {\r\n    const sortedData = [...this.state.Team].sort((a, b) => parseInt(b.teamId) - parseInt(a.teamId));\r\n    this.setState({ Team: sortedData });\r\n  };\r\n\r\n  DownName = () => {\r\n    const sortedData = [...this.state.Team].sort((a, b) => b.firstName.localeCompare(a.firstName));\r\n    this.setState({ Team: sortedData });\r\n  };\r\n\r\n  TopName = () => {\r\n    const sortedData = [...this.state.Team].sort((a, b) => a.firstName.localeCompare(b.firstName));\r\n    this.setState({ Team: sortedData });\r\n  };\r\n\r\n  TopStatus = () => {\r\n    const sortedData = [...this.state.Team].sort((a, b) => parseInt(a.invite) - parseInt(b.invite));\r\n    this.setState({ Team: sortedData });\r\n  };\r\n\r\n  DownStatus = () => {\r\n    const sortedData = [...this.state.Team].sort((a, b) => parseInt(b.invite) - parseInt(a.invite));\r\n    this.setState({ Team: sortedData });\r\n  };\r\n\r\n  handleKeyPress = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  onKeyUp = (e) => {\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"invite\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n    this.handleFilter(e, e.target.value);\r\n  };\r\n\r\n  componentWillMount() {\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").click(function () {\r\n        $(\"#add-row\").hide();\r\n      });\r\n      $(\"#addBtn\").click(function () {\r\n        $(\"#add-row\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").hide();\r\n    });\r\n    // Search User columns\r\n\r\n    $(\"#searchorg\").keyup(function () {\r\n      // Search Text\r\n      var search = $(this).val();\r\n\r\n      // Hide all table tbody rows\r\n      $(\"table tbody tr\").hide();\r\n\r\n      // Count total search result\r\n      var len = $(\r\n        'table tbody tr:not(.notfound) td:contains(\"' + search + '\")'\r\n      ).length;\r\n\r\n      if (len > 0) {\r\n        // Searching text in columns and show match row\r\n        $('table tbody tr:not(.notfound) td:contains(\"' + search + '\")').each(\r\n          function () {\r\n            $(this).closest(\"tr\").show();\r\n          }\r\n        );\r\n      } else {\r\n        $(\".notfound\").show();\r\n      }\r\n    });\r\n  }\r\n\r\n  GetExistEmail() {\r\n    const options = {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    fetch(`${BASE_URLs}/Team/GetExistEmail`, options)\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({ ExistEmail: data });\r\n      });\r\n  }\r\n\r\n  GetOrgLogo() {\r\n    let url = `${BASE_URLs}/AddOrganization/Userclogo`;\r\n\r\n    let user = JSON.parse(localStorage.getItem(\"user\"));\r\n    const accessToken = user;\r\n    fetch(url, {\r\n      method: \"GET\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Authorization: \"Bearer \" + accessToken,\r\n        \"Content-type\": \"application/json\",\r\n        Accept: \"application/json\",\r\n        \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers \",\r\n      },\r\n      //body:JSON.stringify(data)\r\n    })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.setState({\r\n          comlogo: data,\r\n        });\r\n      });\r\n  }\r\n\r\n  componentDidMount() {\r\n\r\n    setTimeout(() => {\r\n      this.setState({ delay: true })\r\n    }, 2000);\r\n    setTimeout(() => {\r\n      this.setState({ loader:false })\r\n    }, 2000);\r\n    $(\"#add-row\").click(function () {\r\n      $(\"#add-row\").hide();\r\n    });\r\n    $(\"#addBtn\").click(function () {\r\n      $(\"#add-row\").show();\r\n    });\r\n    // this.GetNonAccess();\r\n    this.GetOrgLogo();\r\n    this.GetUserLogo();\r\n    this.Team();\r\n    const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\r\n\r\n    this.setState({ letters: alphabet });\r\n  }\r\n\r\n  componentWillMount() {\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").click(function () {\r\n        $(\"#add-row\").hide();\r\n      });\r\n\r\n      $(\"#addBtn\").click(function () {\r\n        $(\"#add-row\").show();\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n      $(\"#add-row\").hide();\r\n    });\r\n  }\r\n\r\n  submit = (Email, firstName, lastName, Id, dn) => {\r\n    const { SelectedNames } = this.state;\r\n\r\n    SelectedNames.forEach((row) => {\r\n      this.setState({ loading: true });\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: JSON.stringify({\r\n          Email: row.email,\r\n          firstName: row.firstName,\r\n          lastName: row.lastName,\r\n          Id: row.id,\r\n          displayName: row.displayName,\r\n        }),\r\n      };\r\n      fetch(`${BASE_URLs}/Team/SendEmail`, options)\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (resp.status === \"Error\") {\r\n            toast.error(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n              onClose: () => {\r\n                window.location.reload(true);\r\n              }\r\n            });\r\n            this.setState({ loading: false });\r\n          } else {\r\n            toast.success(resp.message, {\r\n              position: \"top-center\",\r\n              autoClose: 3200,\r\n              hideProgressBar: false,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n              onClose: () => {\r\n                window.location.reload(true);\r\n              }\r\n            });\r\n            this.setState({ loading: false });\r\n          }\r\n          this.Team();\r\n        });\r\n    });\r\n\r\n    // console.log(\r\n    //   \"Email, firstName, lastName, Id, dn\",\r\n    //   Email,\r\n    //   firstName,\r\n    //   lastName,\r\n    //   Id,\r\n    //   dn\r\n    // );\r\n  };\r\n\r\n  Edit1(Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/EditTeam\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    this.props.history.push(page);\r\n  }\r\n  Detail1(Id) {\r\n    //localStorage.setItem(\"status\",\"Pending\")\r\n    var page = {\r\n      pathname: \"/Teamdetail\",\r\n      state: {\r\n        Id: Id,\r\n      },\r\n    };\r\n    // // console.log(\"checking\", Id);\r\n    this.props.history.push(page);\r\n  }\r\n\r\n  reSubmit = (Email, firstName, lastName, Id, dn) => {\r\n    this.setState({ loading: true });\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Email: Email,\r\n        firstName: firstName,\r\n        lastName: lastName,\r\n        Id: Id,\r\n        displayName: dn,\r\n      }),\r\n    };\r\n    fetch(`${BASE_URLs}/Team/ReSendEmail`, options)\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.setState({ loading: false });\r\n        } else {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.setState({ loading: false });\r\n        }\r\n        this.Team();\r\n      });\r\n  };\r\n\r\n  checkAll(e) {\r\n    var sa = document.getElementById(\"selectall\");\r\n    var checkboxes = document.getElementsByName(\"Id_delete\");\r\n\r\n    // if()\r\n    let SelectedNames = [...this.state.SelectedNames];\r\n\r\n    for (var j = 0; j < this.state.Team.length; j++) {\r\n      if (sa.checked) {\r\n        let obj = SelectedNames.includes(this.state.Team[j].firstName);\r\n        if (!obj) {\r\n          SelectedNames.push(this.state.Team[j].firstName);\r\n        }\r\n      } else {\r\n        SelectedNames.splice(j);\r\n      }\r\n      this.setState({ SelectedNames });\r\n    }\r\n\r\n    let inviteCount = [];\r\n    this.state.Team.map((d) => {\r\n      if (d.invite === 1) {\r\n        return null;\r\n      } else {\r\n        return inviteCount.push(d);\r\n      }\r\n    });\r\n\r\n    let count = checkboxes.length;\r\n    let countinvite = inviteCount.length;\r\n    if (sa.checked) {\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = true;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility:visible ;\");\r\n        document\r\n          .getElementById(\"invite\")\r\n          .setAttribute(\"style\", \"visibility: visible;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\r\n            \"style\",\r\n            \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7); margin-top: -1px;\"\r\n          );\r\n        var msg = document.getElementById(\"deletecount\");\r\n\r\n        // document.getElementById(\"invite\").setAttribute('style', 'visibility:visible ;');\r\n        // document.getElementById(\"invitecount\").setAttribute('style', 'visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);');\r\n        // var msg = document.getElementById(\"invitecount\")\r\n\r\n        if (countinvite === 0) {\r\n          msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n          this.setState({\r\n            dispinvite: false,\r\n          });\r\n        } else {\r\n          msg.innerHTML =\r\n            \"<span> \" +\r\n            count +\r\n            \" selected </span> \" +\r\n            \"<br />\" +\r\n            \"<span> \" +\r\n            countinvite +\r\n            \" Invite </span> \";\r\n          this.setState({\r\n            dispinvite: true,\r\n          });\r\n        }\r\n      }\r\n    } else {\r\n      for (i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document\r\n          .getElementById(\"delete\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"invite\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n        document\r\n          .getElementById(\"deletecount\")\r\n          .setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n  }\r\n  onesubmit = (Email, firstName, lastName, Id, dn) => {\r\n    this.setState({ loading: true });\r\n    var options = {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        Accept: \"application/json\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n      body: JSON.stringify({\r\n        Email: Email,\r\n        firstName: firstName,\r\n        lastName: lastName,\r\n        Id: Id,\r\n        displayName: dn,\r\n      }),\r\n    };\r\n    fetch(`${BASE_URLs}/Team/SendEmail`, options)\r\n      .then((res) => res.json())\r\n      .then((resp) => {\r\n        if (resp.status === \"Error\") {\r\n          toast.error(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.setState({ loading: false });\r\n        } else {\r\n          toast.success(resp.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          });\r\n          this.setState({ loading: false });\r\n          window.location.reload();\r\n        }\r\n        this.Team();\r\n      });\r\n  };\r\n\r\n  // handleFilter = (letter, event) => {\r\n  //   event.preventDefault();\r\n  //   const Team = this.state.Teams.filter((item) => {\r\n  //     return (\r\n  //       item.displayName.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n  //       item.email.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n  //       item.department.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n  //       item.designation.charAt(0).toLowerCase() === letter.toLowerCase() ||\r\n  //       item.role.charAt(0).toLowerCase() === letter.toLowerCase()\r\n  //     );\r\n  //   });\r\n  //   this.setState({ Team, showResults: true, FilterData: Team });\r\n  // };\r\n  handleFilter = (event, letters) => {\r\n    const { Teams } = this.state; // Use originalRecords for filtering\r\n    const filterValue = Teams.filter(row => {\r\n      // Check if the row's businessUnit contains all the specified letters\r\n      return letters.split('').every(letter => row.firstName.toLowerCase().includes(letter.toLowerCase()));\r\n    });\r\n\r\n    // Update the state with the filtered data\r\n    this.setState({ Team: filterValue });\r\n  }\r\n\r\n  handleLetterFilter = (event, letters) => {\r\n    const { Teams } = this.state; // Use originalRecords for filtering\r\n    const filterValue = Teams.filter(row => {\r\n      // Check if the row's businessUnit contains all the specified letters\r\n      return letters.split('').every(letter => row.firstName.toLowerCase().startsWith(letter.toLowerCase()));\r\n    });\r\n\r\n    // Update the state with the filtered data\r\n    this.setState({ Team: filterValue });\r\n  }\r\n\r\n  handlecheckbox = (state) => {\r\n    const selectedRows = state.selectedRows;\r\n\r\n    this.setState({ SelectedNames: selectedRows });\r\n\r\n    // Calculate counts based on selected rows\r\n    const inviteCount = selectedRows.filter(row => row.invite !== 1).length;\r\n    const hasCommonValue = inviteCount > 0;\r\n\r\n    this.setState({\r\n      showSelectAll: selectedRows.length >= 2,\r\n      showDelete: selectedRows.length >= 1,\r\n      showInvite: selectedRows.length >= 1,\r\n      inviteCount: inviteCount,\r\n      showDeleteCount: selectedRows.length > 0,\r\n      dispinvite: hasCommonValue\r\n    });\r\n  };\r\n\r\n\r\n\r\n\r\n\r\n  // handlecheckbox(name) {\r\n  //   //\r\n  //   let SelectedNames = [...this.state.SelectedNames];\r\n  //   let obj = SelectedNames.includes(name);\r\n  //   // Add item to it\r\n  //   if (!obj) {\r\n  //     SelectedNames.push(name);\r\n  //   } else {\r\n  //     var index = SelectedNames.indexOf(name);\r\n  //     SelectedNames.splice(index, 1);\r\n  //   }\r\n  //   // Set state\r\n\r\n  //   this.setState({ SelectedNames });\r\n\r\n  //   let checkboxes = document.querySelectorAll(\r\n  //     '#tablepadding input[type=\"checkbox\"]:checked'\r\n  //   );\r\n  //   let Total = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //   // selectalldiv\r\n  //   if (checkboxes.length >= 2) {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"selectalldiv\")\r\n  //       .setAttribute(\"style\", \"visibility:hidden ;\");\r\n  //   }\r\n  //   if (checkboxes.length >= 1) {\r\n  //     let inviteCount = [];\r\n  //     this.state.Team.map((d) => {\r\n  //       if (d.invite === 1) {\r\n  //         return null;\r\n  //       } else {\r\n  //         return inviteCount.push(d);\r\n  //       }\r\n  //     });\r\n  //     //   const checkboxes = document.querySelectorAll('input[type=\"checkbox\"]');\r\n  //     const checkedValues = [];\r\n\r\n  //     checkboxes.forEach((checkbox) => {\r\n  //       if (checkbox.checked) {\r\n  //         checkedValues.push(checkbox.value);\r\n  //       }\r\n  //     });\r\n\r\n  //     let inviteUserId = [];\r\n\r\n  //     inviteCount.map((d) => {\r\n  //       return inviteUserId.push(d.id.toString());\r\n  //     });\r\n\r\n  //     let hasCommonValue = false;\r\n\r\n  //     for (let i = 0; i < inviteUserId.length; i++) {\r\n  //       if (checkedValues.includes(inviteUserId[i])) {\r\n  //         hasCommonValue = true;\r\n  //         break; // Exit the loop as soon as a common value is found\r\n  //       }\r\n  //     }\r\n\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility:visible ;\");\r\n  //     document\r\n  //       .getElementById(\"invite\")\r\n  //       .setAttribute(\"style\", \"visibility: visible;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\r\n  //         \"style\",\r\n  //         \"visibility: visible;background-color: #007bff;background: linear-gradient(135deg, #ce9ffc00, #a6f2ddf7);\"\r\n  //       );\r\n  //     let countinvite = inviteCount.length;\r\n  //     var msg = document.getElementById(\"deletecount\");\r\n  //     let count = checkboxes.length - 1;\r\n\r\n  //     if (document.getElementById(\"tablepadding\").checked) {\r\n  //       msg.innerHTML = \"<span> \" + count + \" selected </span> \";\r\n  //     } else {\r\n  //       if (countinvite !== 0 && hasCommonValue === true) {\r\n  //         msg.innerHTML =\r\n  //           \"<span> \" +\r\n  //           checkboxes.length +\r\n  //           \" selected </span> \" +\r\n  //           \"<br />\" +\r\n  //           \"<span> \" +\r\n  //           inviteUserId.filter((element) => checkedValues.includes(element))\r\n  //             .length +\r\n  //           \" Invite </span> \";\r\n\r\n  //         this.setState({\r\n  //           dispinvite: true,\r\n  //         });\r\n  //       } else {\r\n  //         msg.innerHTML = \"<span> \" + checkboxes.length + \" selected </span> \";\r\n  //         this.setState({\r\n  //           dispinvite: false,\r\n  //         });\r\n  //       }\r\n  //     }\r\n  //   } else {\r\n  //     document\r\n  //       .getElementById(\"delete\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"invite\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //     document\r\n  //       .getElementById(\"deletecount\")\r\n  //       .setAttribute(\"style\", \"visibility: hidden;\");\r\n  //   }\r\n  //   if (document.getElementById(\"selectall\").checked === false) {\r\n  //     if (checkboxes.length === Total.length - 1) {\r\n  //       document.getElementById(\"selectall\").checked = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (document.getElementById(\"selectall\").checked) {\r\n  //       if (checkboxes.length - 2 !== Total.length) {\r\n  //         document.getElementById(\"selectall\").checked = false;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  Multidelete = (event) => {\r\n    event.preventDefault();\r\n\r\n    // Construct FormData with row IDs\r\n    const data = new FormData();\r\n    this.state.SelectedNames.forEach((row) => {\r\n      data.append('id_delete[]', row.id); // Assuming 'id' is the key for the row's identifier\r\n    });\r\n\r\n    // // console.log(\"FormData:\", data);\r\n\r\n    // Calculate the value to display in the confirmation dialog\r\n    let value = this.state.SelectedNames.length === 1 ? this.state.SelectedNames[0].displayName : this.state.SelectedNames.length;\r\n\r\n    // Show confirmation dialog\r\n    if (window.confirm(\"Are you sure you want to delete \" + value + \" records permanently?\")) {\r\n      // Prepare options for the fetch request\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          'Authorization': `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n\r\n      // Send the delete request to the backend\r\n      fetch(`${BASE_URLs}/Team/Multidelete`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          // Handle success response (if needed)\r\n          this.Team();\r\n          toast.success(data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n            onClose: () => {\r\n              window.location.reload(true);\r\n            }\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          // Handle error response (if needed)\r\n          // console.error('Error:', error);\r\n        });\r\n\r\n      // Reset state after deletion\r\n      this.setState({\r\n        showDelete: false,\r\n        showInvite: false,\r\n        showDeleteCount: false,\r\n        SelectedNames: [],\r\n        selectAllChecked: false, // Reset the select all checkbox state\r\n      });\r\n    }\r\n\r\n    // Reload the page\r\n    // window.location.reload(true);\r\n  };\r\n\r\n  handleSubmit = (event) => {\r\n    event.preventDefault();\r\n\r\n    // if (!userPassword) {\r\n    //   alert(\"Please fill Password\");\r\n    //   return;\r\n    // }\r\n    this.state.Teams.map((d) => {\r\n      if (/\\d/.test(d.firstName)) {\r\n        return alert(`The firstName ${d.firstName} contains a number.`);\r\n      }\r\n    })\r\n    // else\r\n    // {\r\n    try {\r\n      const data = new FormData(event.target);\r\n      fetch(`${BASE_URLs}/Team/Excelroot`, {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n          \"Access-Control-Allow-Origin\": \"*\",\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      })\r\n        .then((res) => res.json())\r\n        .then((resp) => {\r\n          if (typeof resp === \"string\") {\r\n            alert(resp);\r\n          } else {\r\n            if (resp === undefined) {\r\n              alert(\"0  Records  inserted \");\r\n            }\r\n            if (resp === 0) {\r\n\r\n              alert(\"Records added Successfully\");\r\n            } else {\r\n              alert(\r\n                resp > 1 ?\r\n                  +resp + \" Records not inserted, Email or Id is already exists\"\r\n                  : +resp + \" Record not inserted, Email or Id is already exists\"\r\n              );\r\n            }\r\n          }\r\n\r\n          this.Team();\r\n          this.setState({ initialData: undefined });\r\n          this.setState({ currentSheet: {} });\r\n          var file = document.getElementById(\"files\");\r\n          var emptyFile = document.createElement(\"input\");\r\n          emptyFile.type = \"file\";\r\n          file.files = emptyFile.files;\r\n        });\r\n    } catch (error) { }\r\n    // }\r\n    // })\r\n\r\n    //   this.state.Teams.map((d) => {\r\n    //     if (/\\d/.test(d.firstName)) {\r\n    //         // Do something if the firstName contains a number\r\n    //         // // console.log(`The firstName ${d.firstName} contains a number.`);\r\n    //     } else {\r\n    // try {\r\n    //   const data = new FormData(event.target);\r\n    //   fetch(`${BASE_URLs}/Team/Excelroot`, {\r\n    //     method: \"POST\",\r\n    //     headers: {\r\n    //       \"Access-Control-Allow-Origin\": \"*\",\r\n    //       \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n    //       \"Access-Control-Allow-Origin\": \"*\",\r\n    //       Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n    //     },\r\n    //     body: data,\r\n    //   })\r\n    //     .then((res) => res.json())\r\n    //     .then((resp) => {\r\n    //       if (typeof resp === \"string\") {\r\n    //         alert(resp);\r\n    //       } else {\r\n    //         if (resp === undefined) {\r\n    //           alert(\"0  Records  inserted \");\r\n    //         }\r\n    //         if (resp === 0) {\r\n    //           alert(\"Records added Successfully\");\r\n    //         } else {\r\n    //           alert(\r\n    //             +resp + \" Records not inserted, Email or Id is already exists\"\r\n    //           );\r\n    //         }\r\n    //       }\r\n\r\n    //       this.Team();\r\n    //       this.setState({ initialData: undefined });\r\n    //       this.setState({ currentSheet: {} });\r\n    //       var file = document.getElementById(\"files\");\r\n    //       var emptyFile = document.createElement(\"input\");\r\n    //       emptyFile.type = \"file\";\r\n    //       file.files = emptyFile.files;\r\n    //     });\r\n    // } catch (error) {}\r\n    // }\r\n    // });\r\n\r\n  };\r\n  handleUpload = (event) => {\r\n    this.setState({ showExcel: true });\r\n\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (document.getElementsByName(\"Id_delete\")) {\r\n      var checkboxes = document.getElementsByName(\"Id_delete\");\r\n      for (var i = 0; i < checkboxes.length; i++) {\r\n        checkboxes[i].checked = false;\r\n        document.getElementById(\"delete\").setAttribute(\"style\", \"visibility: hidden;\");\r\n        document.getElementById(\"deletecount\").setAttribute(\"style\", \"visibility: hidden;\");\r\n      }\r\n    }\r\n\r\n    // Get the uploaded file\r\n    var inputElement = document.getElementById(\"files\");\r\n    var files = inputElement.files;\r\n    var filename = files[0].name;\r\n    var extension = filename.substr(filename.lastIndexOf(\".\"));\r\n    var allowedExtensionsRegx = /(\\.xlsx|\\.xlsm)$/i;\r\n    var isAllowed = allowedExtensionsRegx.test(extension);\r\n\r\n    // Check if the file is allowed\r\n    if (isAllowed) {\r\n      // Read the file using FileReader\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        const data = e.target.result;\r\n        const workbook = XLSX.read(data, { type: 'binary' });\r\n        const sheetName = workbook.SheetNames[0];\r\n        const sheet = workbook.Sheets[sheetName];\r\n        const parsedData = XLSX.utils.sheet_to_json(sheet);\r\n\r\n        // Check if the parsed data is empty\r\n        if (parsedData.length === 0) {\r\n          toast.error(\"The uploaded Excel file is empty.\", { autoClose: 3200 });\r\n          this.setState({ initialData: [], showExcel: false });\r\n        } else {\r\n          this.setState({ initialData: parsedData });\r\n        }\r\n      };\r\n      reader.onerror = (error) => {\r\n        // console.error(\"Error reading file:\", error);\r\n      };\r\n      reader.readAsBinaryString(files[0]);\r\n\r\n      return true; // Indicate successful file upload\r\n    } else {\r\n      alert(\"Invalid File Type.\");\r\n      return false; // Indicate failed file upload\r\n    }\r\n  };\r\n\r\n  exportXlsx(filename) {\r\n    // Acquire Data (reference to the HTML table)\r\n    var table_elt = document.getElementById(\"emp\");\r\n    // Extract Data (create a workbook object from the table)\r\n    var workbook = XLSX.utils.table_to_book(table_elt);\r\n    // Process Data (add a new row)\r\n    // var ws = workbook.Sheets[\"Sheet1\"];\r\n    // Package and Release Data (`writeFile` tries to write and save an XLSX file)\r\n    XLSX.writeFile(workbook, \"\" + filename + \".xlsx\");\r\n  }\r\n\r\n  GetUserLogo() {\r\n    const options = {\r\n      headers: {\r\n        \"Access-Control-Allow-Origin\": \"*\",\r\n        \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n        \"Content-Type\": \"application/json\",\r\n        Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n      },\r\n    };\r\n    axios.get(`${BASE_URLs}/Team/GetTeamUsersLogo`, options)\r\n      .then((response) => {\r\n        this.setState({\r\n          UserLogo: response.data,\r\n          AllUserLogo: response.data,\r\n        });\r\n        // // console.log(\"UsersLogo\", response.data);\r\n      })\r\n      .catch((error) => {\r\n        // console.error(\"Error fetching\", error);\r\n      });\r\n  }\r\n\r\n  cancel = () => {\r\n\r\n    var inputElement = document.getElementById(\"files\");\r\n    inputElement.value = \"\";\r\n\r\n    this.setState({ showExcel: false });\r\n\r\n  };\r\n\r\n  // excelvalidation(){\r\n  //   var fstn=document.getElementById(\"fn\").value;\r\n  //   var lstn=document.getElementById(\"ln\").value;\r\n  //   var eml= document.getElementById(\"el\").value;\r\n  //   var mbl= document.getElementById(\"mb\").value;\r\n  //   var rol= document.getElementById(\"ro\").value;\r\n  //   var dpmt= document.getElementById(\"dpt\").value;\r\n  //   var dsgn= document.getElementById(\"dsg\").value;\r\n  //   var rptm= document.getElementById(\"rm\").value;\r\n  //   var office= document.getElementById(\"ofl\").value;\r\n  //   var jod= document.getElementById(\"jd\").value;\r\n  //   var dpln= document.getElementById(\"dn\").value;\r\n\r\n  //   if(fstn==null){\r\n  //     alert(\"firstname is empty\");\r\n  //     return false;\r\n  //   }\r\n  //   else if(fstn.length>0){\r\n  //     return true;\r\n  //   }\r\n  //   else if(lstn==null){\r\n  //     alert(\"lastname is empty\");\r\n  //     return false;\r\n  //   }\r\n  //   else if(lstn.length>0){\r\n  //     return true;\r\n  //   }\r\n  //   else if(eml==null){\r\n  //     alert(\"email is empty\");\r\n  //     return false;\r\n  //   }\r\n  //   else if(eml.length>0){\r\n  //     return true;\r\n  //   }\r\n\r\n  // }\r\n  DeleteButton = (id) => {\r\n    const data = new FormData();\r\n    data.append(\"Id_delete\", id);\r\n    if (document.getElementById(\"selectall\")) {\r\n      document.getElementById(\"selectall\").checked = false;\r\n    }\r\n    if (\r\n      window.confirm(\"Are you sure you want to delete this record permanently?\")\r\n    ) {\r\n      var options = {\r\n        method: \"POST\",\r\n        headers: {\r\n          //'Accept': 'application/json',\r\n\r\n          Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n        },\r\n        body: data,\r\n      };\r\n      fetch(`${BASE_URLs}/Team/Multidelete`, options)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.Team();\r\n          toast.success(data.message, {\r\n            position: \"top-center\",\r\n            autoClose: 3200,\r\n            hideProgressBar: false,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n            onClose: () => {\r\n              window.location.reload(true);\r\n            }\r\n          });\r\n        });\r\n      document\r\n        .getElementById(\"delete\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      document\r\n        .getElementById(\"deletecount\")\r\n        .setAttribute(\"style\", \"visibility: hidden;\");\r\n      var checkboxes = document.querySelectorAll('input[type=\"checkbox\"]:checked');\r\n      checkboxes.forEach((checkbox) => {\r\n        checkbox.checked = false;\r\n      });\r\n\r\n    }\r\n    // window.location.reload(true);\r\n  };\r\n\r\n\r\n  containsEmailAddress(element) {\r\n    // Traverse up the DOM tree to check for email address in element or its ancestors\r\n    while (element) {\r\n      // Check if the element's content or attribute contains an email pattern\r\n      if (element.innerText && /\\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}\\b/i.test(element.innerText)) {\r\n        return true; // Found an email address\r\n      }\r\n      element = element.parentElement; // Move up to the parent element\r\n    }\r\n    return false; // No email address found\r\n  }\r\n  conditionalRowStyles = (row, rowIndex) => {\r\n    return {\r\n      display: row.firstName ? 'none' : 'table-row' // Hide rows with a value in the firstName column\r\n    };\r\n  };\r\n\r\n  render() {\r\n    const customStyles = {\r\n      headCells: {\r\n        style: {\r\n          flex: \"0.5\"\r\n        }\r\n      },\r\n      header: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\"  // Make header text bold\r\n        },\r\n      },\r\n      headCells: {\r\n        style: {\r\n          fontWeight: 'bold',\r\n          fontSize: \"14px\",\r\n          flex: \"0\",\r\n          borderBottom: \"1px solid #ccc\",\r\n          wordBreak: \"normal\"\r\n        },\r\n      },\r\n\r\n      columns: {\r\n        idHeader: {\r\n          style: {\r\n            fontWeight: 'bold',\r\n            fontSize: \"14px\",\r\n            flex: \"0\"\r\n          },\r\n        },\r\n      },\r\n    };\r\n\r\n    const columns = [\r\n      {\r\n        selector: row => row.teamId,\r\n        id: \"isheader\",\r\n        grow: 0.5,\r\n        sortable: false,\r\n        name: (\r\n          <div>\r\n            Id{\" \"}\r\n            <span>\r\n              <i\r\n                onClick={this.TopId}\r\n                title=\"A-Z for Id\"\r\n                className=\"icofont icofont-arrow-up\"\r\n              ></i>{\" \"}\r\n              <i\r\n                title=\"Z-A for Id\"\r\n                onClick={this.DownId}\r\n                className=\"icofont icofont-arrow-down\"\r\n              ></i>\r\n            </span>\r\n          </div>\r\n        ),\r\n        cell: row => (\r\n          <div onClick={() =>\r\n            this.Detail1(row.id)\r\n          } style={{ cursor: 'pointer' }}>\r\n            {row.teamId} {/* Assuming you want to display the teamId */}\r\n          </div>\r\n        )\r\n      },\r\n      {\r\n        name: (\r\n          <div style={{ display: \"contents\" }}>\r\n            Name{\" \"}\r\n            <span\r\n              style={{ display: \"flex\", wordBreak: \"normal\" }}\r\n            >\r\n              <i\r\n                onClick={this.TopName}\r\n                title=\"A-Z for Id\"\r\n                className=\"icofont icofont-arrow-up\"\r\n              ></i>{\" \"}\r\n              <i\r\n                title=\"Z-A for Id\"\r\n                onClick={this.DownName}\r\n                className=\"icofont icofont-arrow-down\"\r\n              ></i>\r\n            </span>\r\n          </div>\r\n        ),\r\n        selector: row => row.displayName,\r\n        grow: 0.5,\r\n        sortable: false,\r\n        cell: row => (\r\n          <div onClick={() =>\r\n            this.Detail1(row.id)\r\n          } style={{ cursor: 'pointer', textTransform: \"uppercase\" }}>\r\n            {row.displayName} {/* Assuming you want to display the teamId */}\r\n          </div>\r\n        )\r\n      },\r\n      {\r\n        name: 'Email',\r\n        selector: row => row.email,\r\n        grow: 2,\r\n        sortable: false,\r\n        cell: row => <span style={{ textTransform: \"uppercase\", wordBreak: \"breakWord\", display: \"contents\" }}>{row.email}</span>,\r\n\r\n      },\r\n      {\r\n        name: 'Role',\r\n        grow: 0.5,\r\n        selector: row => row.role,\r\n        sortable: false,\r\n        cell: row => <span style={{ textTransform: \"uppercase\" }}>{row.role}</span>,\r\n\r\n      },\r\n      {\r\n        name: (\r\n          <div style={{ display: \"contents\" }}>\r\n            Status{\" \"}\r\n            <span style={{ display: \"flex\", wordBreak: \"normal\" }}>\r\n              <i\r\n                onClick={this.TopStatus}\r\n                title=\"A-Z for Id\"\r\n                className=\"icofont icofont-arrow-up\"\r\n              ></i>{\" \"}\r\n              <i\r\n                title=\"Z-A for Id\"\r\n                onClick={this.DownStatus}\r\n                className=\"icofont icofont-arrow-down\"\r\n              ></i>\r\n            </span>\r\n          </div>\r\n        ),\r\n        selector: row => row.status,\r\n        sortable: false,\r\n        grow: 1,\r\n        cell: row => (\r\n          <b>\r\n            {row.status === 1\r\n              ? 'Active'\r\n              : row.status === 2 && row.invite === 0\r\n                ? <>\r\n                  <span\r\n                    className=\"invitebtn\"\r\n                    onClick={() =>\r\n                      this.onesubmit(\r\n                        row.email,\r\n                        row.firstName,\r\n                        row.lastName,\r\n                        row.id,\r\n                        row.displayName\r\n                      )\r\n                    }\r\n                  >\r\n                    Invite\r\n                  </span>\r\n                </>\r\n                : row.invite === 1 && row.status === 2\r\n                  ? <>\r\n                    <span>Pending</span> /{\" \"}\r\n                    <span\r\n                      className=\"pendingbtn\"\r\n                      id=\"Resend\"\r\n                      onClick={() =>\r\n                        this.reSubmit(\r\n                          row.email,\r\n                          row.firstName,\r\n                          row.lastName,\r\n                          row.id,\r\n                          row.displayName\r\n                        )\r\n                      }\r\n                    >\r\n                      Resend\r\n                    </span>\r\n                  </>\r\n                  : row.status === 3\r\n                    ? 'Terminate'\r\n                    : 'Inactive'}\r\n          </b>\r\n        )\r\n      },\r\n      {\r\n        name: 'Action',\r\n        grow: 0,\r\n        cell: row => (\r\n          <div>\r\n            <button\r\n              className=\"button-30 sk-del\"\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                this.DeleteButton(row.id);\r\n              }}\r\n              title=\"Delete\"\r\n              style={{ marginLeft: \"-10px\" }}\r\n            >\r\n              <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            &nbsp;&nbsp;\r\n            {\" \"}\r\n            <button\r\n              className=\"button-30 sk-details\"\r\n              title=\"Details\"\r\n              type=\"button\"\r\n              onClick={() => this.Detail1(row.id)}\r\n              style={{ color: \"rgb(94,217,135)\" }}\r\n            >\r\n              <i className=\"fa fa-info-circle\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        )\r\n      }\r\n    ];\r\n    const { Teams, comlogo, UserLogo, Allteamdetailsdata, currentPage, itemsPerPage,loader } = this.state;\r\n    const data = Teams.filter(team => team.status !== 3);\r\n    var username = JSON.parse(localStorage.uname);\r\n    var email = JSON.parse(localStorage.email);\r\n    var filename = `OAT_${username}_Team_${new Date().toDateString()}`;\r\n    const { delay, Team, Filterpop, FilterData, filterValue, showExcel } = this.state;\r\n    const indexOfLastItem = currentPage * itemsPerPage;\r\n    const indexOfFirstItem = indexOfLastItem - itemsPerPage;\r\n    const currentItems = Team.slice(indexOfFirstItem, indexOfLastItem);\r\n\r\n    // console.log({currentItems})\r\n\r\n    const renderItems =loader ? (\r\n      <div>\r\n        <p>Loading...</p>\r\n      </div>\r\n    ) : currentItems.length === 0 ? (\r\n      <div>\r\n        <p>No Members</p>\r\n      </div>\r\n    ) :\r\n     (\r\n      currentItems.map((Team) => (\r\n        <div className=\"col-md-3\" key={Team.id}>\r\n          <div className=\"card\" style={{ boxShadow: \"0 20px 20px 5px rgba(0,0,0,0.25)\", borderRadius: \"0.5rem\" }}\r\n            onClick={(event) => {\r\n              const clickedElement = event.target.closest(\"#clicked\");\r\n              const clickedElement1 = event.target.closest(\"#message\");\r\n              if (!clickedElement && !clickedElement1) {\r\n                if (!this.containsEmailAddress(event.target)) {\r\n                  this.openteamgrid(Team.id, Team.particularId, Team.email, event);\r\n                }\r\n                else {\r\n                  this.openteamgrid(Team.id, Team.particularId, Team.email, event);\r\n                }\r\n              }\r\n            }}\r\n          >\r\n            <div >\r\n              <div className=\"container1\">\r\n                {comlogo.map((comlogo) => (\r\n                  <div className=\"image-container\" style={{ width: \"100%\", height: \"100px\" }} key={comlogo.id}>\r\n                    <img src={comlogo.com_logo} alt=\"Company Logo\" />\r\n                  </div>\r\n                ))}\r\n                {UserLogo.map((logo) => (\r\n                  <div key={logo.id} className=\"round-image\" style={{ cursor: \"pointer\" }} onClick={(event) => this.openteamgrid(Team.id,Team.particularId,Team.email, event)}>\r\n                    {logo.email === Team.email && <img src={logo.profile_Picture} alt=\"User Profile\" />}\r\n                  </div>\r\n                ))}\r\n                {Team.invite === 0 && Team.status === 2 ?\r\n                  <div className=\"round-image\" style={{ cursor: \"pointer\" }}>\r\n                    <img src={Profile} alt=\"User Profile\" /> </div> : null}\r\n              </div>\r\n              <br /><br /><br /><br />\r\n              <div className=\"card_content\">\r\n                <div style={{ textAlign: \"center\", marginTop: \"5px\", cursor: \"pointer\" }} onClick={(event) => this.openteamgrid(Team.id,Team.particularId,Team.email, event)}><b>{Team.firstName}</b></div>\r\n                <div style={{ textAlign: \"center\", marginTop: \"5px\" }}>{Team.designation}</div>\r\n                <div style={{ textAlign: \"center\", marginTop: \"5px\" }}><b>{Team.department}</b></div>\r\n                <p style={{ textAlign: \"center\", marginTop: \"5px\", wordWrap: \"break-word\" }}>\r\n                  {/* <a href={`mailto:${Team.email}`}> */}\r\n                  {Team.status === 1 ?\r\n                    <div id=\"clicked\">\r\n                      <Link\r\n                        to={{\r\n                          pathname: '/Userchating',\r\n                          state: {\r\n                            shouldClickButton3: true,\r\n                            FirstName: Team.firstName,\r\n                            UserName: Team.email,\r\n                            pic: Team.profile_Picture,\r\n                            senderId: Team.senderId,\r\n                            particularId: Team.particularId\r\n                          }\r\n                        }}\r\n                      > {Team.email}\r\n                      </Link></div> : <p>{Team.email}</p>}\r\n                  {/* </a> */}\r\n                </p>\r\n                <p style={{ textAlign: \"center\",marginTop:\"5px\"}} className=\"card_text\">{Team.mobile}</p>\r\n              </div>\r\n            </div>\r\n            <div style={{ textAlign: \"center\" }}>\r\n              {/* <a href={`mailto:${Team.email}`}><i className=\"fa fa-envelope\" aria-hidden=\"true\"></i></a>&nbsp;&nbsp;&nbsp;&nbsp; */}\r\n              <div style={{ textAlign: \"center\" }} id=\"message\">\r\n                <Link\r\n                  to={{\r\n                    pathname: '/Userchating',\r\n                    state: {\r\n                      shouldClickButton3: true,\r\n                      FirstName: Team.firstName,\r\n                      UserName: Team.email,\r\n                      pic: Team.profile_Picture,\r\n                      senderId: Team.senderId,\r\n                      particularId: Team.particularId\r\n                    }\r\n                  }}\r\n                >\r\n                  {Team.status === 1 ? <i className=\"fa fa-comment\" aria-hidden=\"true\"></i> : null}\r\n                </Link>&nbsp;&nbsp;&nbsp;&nbsp;\r\n              </div>\r\n            </div><br />\r\n          </div>\r\n        </div>\r\n      ))\r\n    );\r\n\r\n    const totalPages = Math.ceil(Team.length / itemsPerPage);\r\n\r\n    let pageNumbers = [];\r\n    if (currentPage > 1) {\r\n      pageNumbers.push(\r\n        <li className=\"page-item\" key=\"prev\">\r\n          <a href=\"#\" className=\"page-link\" onClick={(e) => this.handleClickPage(e, currentPage - 1)}>\r\n            Previous\r\n          </a>\r\n        </li>\r\n      );\r\n    }\r\n\r\n    for (let i = 1; i <= totalPages; i++) {\r\n      pageNumbers.push(\r\n        <li className={`page-item ${currentPage === i ? 'active' : ''}`} key={i}>\r\n          <a href=\"#\" className=\"page-link\" onClick={(e) => this.handleClickPage(e, i)}>\r\n            {i}\r\n          </a>\r\n        </li>\r\n      );\r\n    }\r\n\r\n    if (currentPage < totalPages) {\r\n      pageNumbers.push(\r\n        <li className=\"page-item\" key=\"next\">\r\n          <a href=\"#\" className=\"page-link\" onClick={(e) => this.handleClickPage(e, currentPage + 1)}>\r\n            Next\r\n          </a>\r\n        </li>\r\n      );\r\n    }\r\n    return (\r\n      <div>\r\n        <ToastContainer\r\n          position=\"top-center\"\r\n          autoClose={1500}\r\n          hideProgressBar={false}\r\n          newestOnTop={false}\r\n          closeOnClick\r\n          rtl={false}\r\n          pauseOnFocusLoss\r\n          draggable\r\n          pauseOnHover\r\n        />\r\n        {this.state.loading ? <LoadingPage /> : null}\r\n        {this.state.loader ?  null : <div style={{ visibility: 'hidden' }}></div>}\r\n        <SideBar active={window.location.pathname} />\r\n        <div className=\"pcoded-content \">\r\n          <div className=\"pcoded-inner-content\">\r\n            <div className=\"main-body\">\r\n              <div className=\"page-wrapper\">\r\n                <div className=\"page-header\">\r\n                  <div className=\"page-header-title\"></div>\r\n                </div>\r\n                {/*  Start */}\r\n                <div className=\"page-body \">\r\n                  {/*  */}\r\n                  <div className=\"row\">\r\n                    <div className=\"col-sm-12\">\r\n                      <div className=\"card\">\r\n                        <div className=\"glowBox\">\r\n                          <div>\r\n                            <div style={{ float: \"left\" }}>\r\n                              <a\r\n                                href\r\n                                onClick={() => this.props.history.goBack()}\r\n                              >\r\n                                <i\r\n                                  className=\"icofont icofont-arrow-left\"\r\n                                  style={{ fontSize: \"45px\", color: \"white\" }}\r\n                                />\r\n                              </a>{\" \"}\r\n                            </div>\r\n                          </div>\r\n                          <h4 className=\"title\" style={{ marginRight: \"83px\" }}>\r\n                            Team\r\n                          </h4>\r\n                        </div>\r\n                        <form onSubmit={this.handleSubmit}>\r\n                          {/* <div className=\"col-xl-12 \" style={{marginBottom:\"95px\"}}> */}\r\n                          <div className=\"card-block\">\r\n                            <div className=\"row\" style={{ display: \"flex\" }}>\r\n                              <div className=\"col  btnalign\"></div>\r\n                              <div style={{ padding: \"7px\" }}></div>\r\n\r\n                              <div\r\n                                className=\"col-lg-1\"\r\n                                style={{\r\n                                  overflow: \"scroll\",\r\n                                  height: \"73px\",\r\n                                  textAlign: \"center\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {/* Just for design */}\r\n                              </div>\r\n\r\n                              <div\r\n                              >\r\n                                <input\r\n                                  className=\"Searchbox\"\r\n                                  id=\"CNSearch\"\r\n                                  placeholder=\"Search\"\r\n                                  onKeyUp={this.onKeyUp}\r\n                                  type=\"text\"\r\n                                  value={filterValue}\r\n                                  style={{ float: \"right\" }}\r\n                                  onKeyPress={this.handleKeyPress}\r\n                                  onClick={() => {\r\n                                    this.setState({\r\n                                      // Filterpop: true,\r\n                                      Filterpop: !this.state.Filterpop,\r\n                                    });\r\n                                  }}\r\n                                  readOnly\r\n                                />\r\n                              </div>\r\n\r\n                              {/* {this.state.Teams.length === 0 ? null : (\r\n                                <div className=\"col-lg-4\">\r\n                                  <input\r\n                                    className=\"Searchbox\"\r\n                                    placeholder=\"Search\"\r\n                                    onKeyUp={this.onKeyUp}\r\n                                    style={{ float: \"right\" }}\r\n                                    onKeyPress={this.handleKeyPress}\r\n                                  />\r\n                                </div>\r\n                              )} */}\r\n                            </div>\r\n                            {/* </div> */}\r\n                            <div\r\n                            >\r\n                              <input\r\n                                className=\"Searchbox\"\r\n                                id=\"CNSearch1\"\r\n                                placeholder=\"Search\"\r\n                                onKeyPress={this.handleKeyPress}\r\n                                onKeyUp={this.myFunction}\r\n                                value={filterValue}\r\n                                onClick={() => {\r\n                                  this.setState({\r\n                                    Filterpop: !this.state.Filterpop,\r\n                                  });\r\n                                }}\r\n                                readOnly\r\n                              />\r\n                            </div>\r\n                            <center>\r\n                              {showExcel && this.state.initialData !== undefined ? (\r\n                                <table className=\"table\" id=\"tableDesign\">\r\n                                  <thead>\r\n                                    <tr>\r\n                                      {Object.keys(this.state.initialData[0]).map((key) => (\r\n                                        <th key={key} id=\"team1design\">{key}</th>\r\n                                      ))}\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody>\r\n                                    {this.state.initialData\r\n                                      .filter(row => Object.values(row).some(value => value !== \"\")) // Filter out empty rows\r\n                                      .map((row, rowIndex) => (\r\n                                        <tr key={rowIndex}>\r\n                                          {Object.values(row).map((value, cellIndex) => (\r\n                                            <td key={cellIndex} id=\"teamdesign\">{value}</td>\r\n                                          ))}\r\n                                        </tr>\r\n                                      ))}\r\n                                  </tbody>\r\n                                </table>\r\n                              ) : null}\r\n                            </center>\r\n                            {showExcel && this.state.initialData !== undefined ? (\r\n                              <div className=\"savebtndiv\" style={{ marginBottom: \"10px\" }}>\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                >\r\n                                  Save\r\n                                </button>\r\n                                <button\r\n                                  className=\"btn\"\r\n                                  id=\"add-row\"\r\n                                  style={{ width: \"150px\" }}\r\n                                  onClick={this.cancel}\r\n                                >\r\n                                  Cancel\r\n                                </button>\r\n                              </div>\r\n                            ) : null}\r\n\r\n                          </div>\r\n                        </form>{\" \"}\r\n                        <div\r\n                        // style={{ margin: \"-3.5% 7%\" }}\r\n                        >\r\n                          <OutTable\r\n                            data={this.state.rows}\r\n                            columns={this.state.cols}\r\n                            tableClassName=\"ExcelTable2007\"\r\n                            tableHeaderRowclassName=\"heading\"\r\n                          />\r\n                        </div>\r\n                        <form\r\n                          id=\"multidelfm\"\r\n                          onSubmit={this.Multidelete}\r\n                          onKeyPress={this.handleKeyPress}\r\n                          style={{ marginTop: \"-3%\", zIndex: 2 }}\r\n                        >\r\n                          <button\r\n                            type=\"submit\"\r\n                            className=\"multitrash\"\r\n                            id=\"delete\"\r\n                            style={{ float: \"right\", visibility: this.state.showDelete ? 'visible' : 'hidden' }}\r\n                          >\r\n                            <i\r\n                              className=\"icofont icofont-delete-alt\"\r\n                              style={{ color: \"darkgray\" }}\r\n                            ></i>\r\n                          </button>\r\n                          <div>\r\n                            <span\r\n                              id=\"deletecount\"\r\n                              className=\"multitrash\"\r\n                              style={{ visibility: this.state.showDeleteCount ? 'visible' : 'hidden', fontSize: \"17px\" }}\r\n                            >\r\n                              {this.state.showDeleteCount && (\r\n                                <span style={{ backgroundColor: \"#007bff\", background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\" }}>{this.state.SelectedNames.length} selected</span>\r\n                              )}\r\n                              {this.state.dispinvite && (\r\n                                <>\r\n                                  <br />\r\n                                  <span style={{ backgroundColor: \"#007bff\", background: \"linear-gradient(135deg, #ce9ffc00, #a6f2ddf7)\" }}>{this.state.inviteCount} Invite</span>\r\n                                </>\r\n                              )}\r\n                            </span>\r\n                          </div>\r\n                          <br /><br />\r\n                          <div className=\"container\">\r\n                            <div className=\"row\">\r\n                              {renderItems}\r\n                            </div>\r\n                            <div className=\"items-per-page-selector\">\r\n                              <label htmlFor=\"itemsPerPage\">Items per page: </label>\r\n                              <select id=\"itemsPerPage\" value={itemsPerPage} onChange={this.handleItemsPerPageChange}>\r\n                                <option value={10}>10</option>\r\n                                <option value={15}>15</option>\r\n                                <option value={20}>20</option>\r\n                                <option value={30}>30</option>\r\n                                <option value={50}>50</option>\r\n                                <option value={100}>100</option>\r\n                              </select>\r\n                            </div>\r\n                            <nav>\r\n                              <ul className=\"pagination\">\r\n                                {pageNumbers}\r\n                              </ul>\r\n                            </nav>\r\n                          </div>\r\n                        </form>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              {Filterpop && (\r\n                <div className=\"popSearchTeam\">\r\n                  <div className=\"popSearchinnernormalTeam\">\r\n                    <div\r\n                      className=\"popSearchinnertitle\"\r\n                      id=\"popSearchinnernormal\"\r\n                    >\r\n                      <button\r\n                        id=\"close\"\r\n                        style={{\r\n                          float: \"right\",\r\n                          backgroundColor: \"#a0a3a305\",\r\n                          color: \"#797070\",\r\n                          border: \"1px solid #a3a5a505\",\r\n                          marginTop: \"-20px\",\r\n                          marginRight: \"-20px\",\r\n                        }}\r\n                        onClick={() => {\r\n                          this.setState({ Filterpop: false });\r\n                          this.Team();\r\n                        }}\r\n                      >\r\n                        <CloseIcon />\r\n                      </button>\r\n\r\n                      <div className=\"checkboxes\">\r\n                        <i\r\n                          className=\"fa fa-search\"\r\n                          aria-hidden=\"true\"\r\n                          style={{\r\n                            fontSize: \"20px\",\r\n                            color: \"gray\",\r\n                            marginLeft: \"-1%\",\r\n                            position: \"absolute\",\r\n                            marginTop: \"0.5%\",\r\n                          }}\r\n                        ></i>\r\n                        <input\r\n                          className=\"Searchbox\"\r\n                          placeholder=\"Search\"\r\n                          onKeyUp={this.onKeyUp}\r\n                          style={{ float: \"right\", width: \"80%\" }}\r\n                        />\r\n                        <br></br>\r\n                        {this.state.letters.map((letter, index) => (\r\n                          <button\r\n                            className=\"filter\"\r\n                            key={index}\r\n                            onClick={(event) => this.handleLetterFilter(event, letter)}\r\n                          >\r\n                            {letter}\r\n                          </button>\r\n                        ))}\r\n                        <br></br>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport '../Css/Teamgriddetails.css'\r\nimport profile from '../Assets/images/avatar-1.png'\r\nimport whatsapp from '../Assets/images/whatsapp.jpg'\r\nimport twitter from '../Assets/images/twitter.png'\r\nimport linkedin from '../Assets/images/linkedin.png'\r\nimport facebook from '../Assets/images/facebook.jpg'\r\nimport Skype from '../Assets/images/skype.png'\r\nimport pencil from '../Assets/images/pencil.png'\r\nimport SideBar from \"./Sidebar\";\r\nimport { useEffect, useState } from 'react'\r\nimport { BASE_URLs } from \"../Config/Base\";\r\nimport axios from 'axios';\r\n\r\nconst ProfileGridDetails = (props) => {\r\n    const [details, setDetails] = useState([]);\r\n    const [visibleCount, setVisibleCount] = useState(1);\r\n    const [EducationvisibleCount, setEducationvisibleCount] = useState(1);\r\n    const [personalInfoDetails, setPersonalInfoDetails] = useState([]);\r\n    const [educationDetail, setEducationDetail] = useState([]);\r\n    const [skillDetails, setSkillDetails] = useState([]);\r\n    const [lifeStyleDetails, setLifeStyleDetails] = useState([]);\r\n    const [personalityDetails, setPersonalityDetails] = useState([]);\r\n    const [interestDetails, setInterestDetails] = useState([]);\r\n    const [activitiesDetails, setActivitiesDetails] = useState([]);\r\n    const [teamDetails, setTeamDetails] = useState([]);\r\n\r\n    const [familyDetails, setFamilyDetails] = useState([]);\r\n    const [teamSts, setTeamSts] = useState('');\r\n    const [emailDetailsForInfo, setEmailDetailsForInfo] = useState('');\r\n    const [showAllSkills, setShowAllSkills] = useState(false);\r\n    const initialSkillsToShow = 5;\r\n    const displayedSkills = showAllSkills ? skillDetails : skillDetails.slice(0, initialSkillsToShow);\r\n    var email = JSON.parse(localStorage.email);\r\n\r\n    const toggleSkills = () => {\r\n        setShowAllSkills(!showAllSkills);\r\n    };\r\n    const handleSeeMore = () => {\r\n        setVisibleCount(visibleCount + 1);\r\n    };\r\n    \r\n  const handleEducationSeeMore = () => {\r\n    setEducationvisibleCount(EducationvisibleCount + 1);\r\n  };\r\n\r\n  const handleEducationSeeLess = () => {\r\n    setEducationvisibleCount(EducationvisibleCount - 1);\r\n  };\r\n\r\n    const handleSeeLess = () => {\r\n        setVisibleCount(visibleCount - 1);\r\n    };\r\n\r\n    const formatDate = (dateString) => {\r\n        const date = new Date(dateString);\r\n        const options = { day: '2-digit', month: 'long', year: 'numeric' };\r\n        return date.toLocaleDateString('en-GB', options);\r\n    };\r\n\r\n    useEffect(() => {\r\n        Getdetail();\r\n        // fetchTeamDetails()\r\n        fetchPersonalInfoDetails();\r\n        fetchSkillDetails();\r\n        fetchEducationDetail();\r\n        fetchFamilyDetails();\r\n        fetchLifeStyleDetails();\r\n        fetchPersonalityDetails();\r\n        fetchInterestDetails();\r\n        fetchActivitiesDetails();\r\n    }, [])\r\n\r\n    const Editprofile = (Id) => {\r\n        localStorage.setItem(\"status\", \"Pending\")\r\n        var page = {\r\n            pathname: \"/EditTeam\",\r\n            state: {\r\n                Id: Id,\r\n            },\r\n        };\r\n        localStorage.setItem(\"TeamId\", Id);\r\n        props.history.push(page);\r\n\r\n    }\r\n\r\n\r\n    const calculateAge = (dob) => {\r\n        const birthDate = new Date(dob);\r\n        const currentDate = new Date();\r\n\r\n        let age = currentDate.getFullYear() - birthDate.getFullYear();\r\n        const monthDifference = currentDate.getMonth() - birthDate.getMonth();\r\n\r\n        if (monthDifference < 0 || (monthDifference === 0 && currentDate.getDate() < birthDate.getDate())) {\r\n            age--;\r\n        }\r\n\r\n        return age;\r\n    };\r\n\r\n    function maskNumber(number) {\r\n        const numberStr = number.toString();\r\n        const maskedStr = numberStr.slice(0, -2).replace(/./g, '*') + numberStr.slice(-2);\r\n        return maskedStr;\r\n    }\r\n\r\n    const fetchDetails = async (tableName, setterFunction) => {\r\n        const Id = JSON.parse(localStorage.getItem(\"userId\"));;\r\n        const url = `${BASE_URLs}/AdminProfile/GetTabDetails?TableName=${tableName}&Id=${Id}`;\r\n        let user = JSON.parse(localStorage.getItem(\"user\"));\r\n        const accessToken = user;\r\n\r\n        try {\r\n            const response = await fetch(url, {\r\n                method: \"GET\",\r\n                headers: {\r\n                    \"Content-type\": \"application/json\",\r\n                    Accept: \"application/json\",\r\n                    \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n                    Authorization: `Bearer ${accessToken}`,\r\n                },\r\n            });\r\n            const data = await response.json();\r\n            setterFunction(data);\r\n        } catch (error) {\r\n            // console.error(`Error fetching ${tableName} details:`, error);\r\n        }\r\n    };\r\n\r\n    const fetchPersonalityDetails = () => {\r\n        fetchDetails(\"AdminPersonality\", setPersonalityDetails);\r\n    };\r\n\r\n    const fetchLifeStyleDetails = () => {\r\n        fetchDetails(\"AdminLifeStyle\", setLifeStyleDetails);\r\n    };\r\n\r\n    const fetchInterestDetails = () => {\r\n        fetchDetails(\"AdminInterests\", setInterestDetails);\r\n    };\r\n\r\n    const fetchActivitiesDetails = () => {\r\n        fetchDetails(\"AdminActivities\", setActivitiesDetails);\r\n    };\r\n\r\n    const fetchTeamDetails = async () => {\r\n        const Id = props.location.state.Id;\r\n        const options = {\r\n            method: \"GET\",\r\n            headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                \"Content-Type\": \"application/json\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n        };\r\n\r\n        try {\r\n            const response = await axios.get(`${BASE_URLs}/Team/GetTeam`, options);\r\n\r\n            setTeamDetails(response.data);\r\n        } catch (error) {\r\n            // console.error(\"Error fetching personal info details\", error);\r\n        }\r\n    };\r\n\r\n\r\n    const fetchPersonalInfoDetails = async () => {\r\n        const options = {\r\n            headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                \"Content-Type\": \"application/json\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n        };\r\n\r\n        try {\r\n            const response = await axios.get(`${BASE_URLs}/Team/GetUserPersonal`, options);\r\n            setPersonalInfoDetails(response.data);\r\n        } catch (error) {\r\n            // console.error(\"Error fetching personal info details\", error);\r\n        }\r\n    };\r\n\r\n    const fetchEducationDetail = async () => {\r\n        const options = {\r\n            headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                \"Content-Type\": \"application/json\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n        };\r\n\r\n        try {\r\n            const response = await axios.get(`${BASE_URLs}/UserEducationDetails/GetUserEducationInfo`, options);\r\n            setEducationDetail(response.data);\r\n        } catch (error) {\r\n            // console.error(\"Error fetching education details\", error);\r\n        }\r\n    };\r\n\r\n    const fetchFamilyDetails = async () => {\r\n        const options = {\r\n            headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                \"Content-Type\": \"application/json\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n        };\r\n\r\n        try {\r\n            const response = await axios.get(`${BASE_URLs}/Family/GetUserFamilyInfo`, options);\r\n\r\n            setFamilyDetails(response.data);\r\n\r\n            // console.log(\"Family\", response.data)\r\n\r\n        } catch (error) {\r\n            // console.error(\"Error fetching family details\", error);\r\n        }\r\n    };\r\n\r\n\r\n    const fetchSkillDetails = async () => {\r\n        const options = {\r\n            headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                \"Content-Type\": \"application/json\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n        };\r\n\r\n        try {\r\n            const response = await axios.get(`${BASE_URLs}/UserSkillDetails/GetUserSkillsInfo`, options);\r\n            setSkillDetails(response.data);\r\n            // console.log(\"SkillDetails\", response.data)\r\n        } catch (error) {\r\n            // console.error(\"Error fetching personal info details\", error);\r\n        }\r\n    };\r\n\r\n\r\n    const Getdetail = () => {\r\n        let url = `${BASE_URLs}/Team/GetUserProfessional`;\r\n\r\n        axios.get(url, {\r\n            headers: {\r\n                'Access-Control-Allow-Origin': '*',\r\n                'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',\r\n                'Content-type': 'application/json',\r\n                'Access-Control-Allow-Headers': 'Access-Control-Request-Headers',\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n        })\r\n            .then((response) => {\r\n                const data = response.data;\r\n                setDetails(data);\r\n                setTeamSts(data[0].status);\r\n                setEmailDetailsForInfo(data[0].email);\r\n            })\r\n            .catch((error) => {\r\n                // console.error('There was an error fetching the details!', error);\r\n            });\r\n    };\r\n\r\n    return (\r\n\r\n        <div>\r\n            <SideBar active={window.location.pathname} />\r\n\r\n            <div className=\"pcoded-content \">\r\n                <div className=\"pcoded-inner-content\">\r\n                    <div className=\"main-body\">\r\n                        <div className=\"page-wrapper\">\r\n\r\n                            {/*  Start */}\r\n                            <div className=\"page-body \">\r\n                                {/*  */}\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-sm-12\">\r\n                                        <div className=\"card\">\r\n\r\n                                            {/* Main content */}\r\n                                            <div className=\"grid-container\">\r\n\r\n\r\n\r\n                                                {/* Personal Profile */}\r\n                                                <div className=\"grid-item1\">\r\n                                                    <div className=\"profile\">\r\n                                                        {personalInfoDetails.map((personal) => {\r\n                                                            return <p className='grid-user-name'>{personal.firstName} <span className='green-dot'></span></p>\r\n                                                        })}\r\n                                                        {personalInfoDetails.map((personal) => {\r\n                                                            return <img src={personal.profile_Picture} alt=\"Profile\" className=\"profile-image\" />\r\n                                                        })}\r\n                                                    </div>\r\n\r\n                                                    <div className='newcontainer'>\r\n                                                        {personalInfoDetails.map((personal) => {\r\n                                                            const age = calculateAge(personal.dob);\r\n                                                            return (\r\n                                                                <div key={personal.id} className='biodata'>\r\n                                                                    {details.map((d) =>{\r\n\r\n                                                                    \r\n                                                                    return <div className='info-row'>\r\n                                                                        <span className='tdright'>Employee ID: </span>\r\n                                                                        <span className='tdleft'>{d.teamId}</span>\r\n                                                                    </div>\r\n                                                                    })}\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>AGE: </span>\r\n                                                                        <span className='tdleft'>{age}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Gender: </span>\r\n                                                                        <span className='tdleft'>{personal.gender}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Status: </span>\r\n                                                                        <span className='tdleft'>{personal.maritalStatus}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Blood group: </span>\r\n                                                                        <span className='tdleft'>{personal.bloodGroup}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-Profile'>\r\n                                                                        <span className='tdright'>Email Address: </span>\r\n                                                                        <span className='tdleft'>{personal.email}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'style={{marginBottom:\"19px\"}}>\r\n                                                                        <span className='tdright'>Mobile: </span>\r\n                                                                        <span className='tdleft'>{personal.homeNumber}</span>\r\n                                                                    </div>\r\n                                                                    <div className='bottom-edit-button'>\r\n                                                                        <Link\r\n                                                                            to={{\r\n                                                                                pathname: '/Profile',\r\n                                                                                state: {\r\n                                                                                    ProfileClick: true,\r\n                                                                                }\r\n                                                                            }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            );\r\n                                                        })}\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                {/* Bio */}\r\n                                                {personalInfoDetails.map((personal) => {\r\n                                                    return (\r\n                                                        <>\r\n                                                            {personal.email === email || personal.adminEmail === email ? <div className=\"grid-item\">\r\n                                                                <h4>Bio</h4>\r\n                                                                <p className='bio-text'>{personal.bio}</p>\r\n\r\n                                                                <div className='bottom-edit-button'>\r\n                                                                <Link\r\n                                                                    to={{\r\n                                                                        pathname: '/Profile',\r\n                                                                        state: {\r\n                                                                            BioClick: true,\r\n                                                                        }\r\n                                                                    }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                    </div>\r\n                                                            </div> : null}</>)\r\n\r\n\r\n                                                })}\r\n\r\n                                                {/* Personality */}\r\n                                                {personalInfoDetails.map((personal) => {\r\n                                                    return (\r\n                                                        <>\r\n                                                            {personal.email === email || personal.adminEmail === email ? <div className=\"grid-item\">\r\n                                                                <h4>Personality</h4>\r\n                                                                <div className=\"personality-content\">\r\n                                                                    {personalityDetails.map((personality) => {\r\n                                                                        return <p><span className='textwithbackground'>{personality.personalityName}</span></p>\r\n                                                                    })}\r\n                                                                </div>\r\n                                                                <div className='bottom-edit-button'>\r\n                                                                <Link\r\n                                                                    to={{\r\n                                                                        pathname: '/Profile',\r\n                                                                        state: {\r\n                                                                            PersonalityClick: true,\r\n                                                                        }\r\n                                                                    }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                    </div>\r\n                                                            </div> : null}</>)\r\n                                                })}\r\n\r\n                                                {/* Social Media */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <div className='info-row1'>\r\n                                                    <h4>Social Media</h4>\r\n\r\n                                                    {personalInfoDetails.map((socialmedia) => {\r\n                                                        return <>\r\n                                                            {\r\n                                                                socialmedia.faceBook === \"-\" ? null : \r\n                                                                <a \r\n                                                                title={socialmedia.faceBook}\r\n                                                                // href={`https://www.facebook.com/${socialmedia.faceBook}`} \r\n                                                                target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                                                    <img src={facebook} alt=\"Facebook\" className=\"social-media-image\" />\r\n                                                                </a>\r\n\r\n\r\n                                                            }\r\n                                                            {\r\n                                                                socialmedia.whatsappNumber === \"-\" ? null : \r\n                                                                <a \r\n                                                                title={socialmedia.whatsappNumber}\r\n                                                                // href={`https://api.whatsapp.com/send?phone=${socialmedia.whatsappNumber}`} \r\n                                                                target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                                                    <img src={whatsapp} alt=\"WhatsApp\" className=\"social-media-image\" />\r\n                                                                </a>\r\n\r\n                                                            }\r\n                                                            {\r\n                                                                socialmedia.linkedIn === \"-\" ? null : \r\n                                                                <a \r\n                                                                title={socialmedia.linkedIn}\r\n                                                                // href={`https://www.linkedin.com/in/${socialmedia.linkedIn}`} \r\n                                                                target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                                                    <img src={linkedin} alt=\"LinkedIn\" className=\"social-media-image\" />\r\n                                                                </a>\r\n\r\n                                                            }\r\n                                                            {\r\n                                                                socialmedia.twitter === \"-\" ? null : \r\n                                                                <a \r\n                                                                title={socialmedia.twitter}\r\n                                                                // href={`https://www.twitter.com/${socialmedia.twitter}`} \r\n                                                                target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                                                    <img src={twitter} alt=\"Twitter\" className=\"social-media-image\" />\r\n                                                                </a>\r\n\r\n                                                            }\r\n                                                            {\r\n                                                                socialmedia.skype === \"-\" ? null : \r\n                                                                <a \r\n                                                                title={socialmedia.skype}\r\n                                                                // href={`skype:${socialmedia.skype}?chat`} \r\n                                                                target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                                                    <img src={Skype} alt=\"Skype\" className=\"social-media-image\" />\r\n                                                                </a>\r\n\r\n                                                            }\r\n                                                        </>\r\n                                                    })}\r\n                                                    <br /><br />\r\n                                                    {personalInfoDetails.map((personal) => {\r\n                                                        return (\r\n                                                            <>\r\n                                                                {personal.email === email ?\r\n                                                                <div className='bottom-edit-button'>\r\n                                                                    <Link\r\n                                                                        to={{\r\n                                                                            pathname: '/Profile',\r\n                                                                            state: {\r\n                                                                                SocialClick: true,\r\n                                                                            }\r\n                                                                        }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                        </div>\r\n                                                                    : null}</>)\r\n                                                    })}\r\n                                                 </div>\r\n                                                </div>\r\n\r\n                                                {/* Lifestyle */}\r\n                                                {personalInfoDetails.map((personal) => {\r\n                                                    return (\r\n                                                        <>\r\n                                                            {personal.email === email || personal.adminEmail === email ? <div className=\"grid-item\">\r\n                                                                <h4>Life style</h4>\r\n                                                                <div className=\"personality-content\">\r\n                                                                    {\r\n                                                                        lifeStyleDetails.map((life) => {\r\n                                                                            return <div className=\"personality-content\">\r\n                                                                                <p><span className='textwithbackground'>{life.lifeStyle}</span></p>\r\n                                                                            </div>\r\n\r\n                                                                        })\r\n                                                                    }\r\n                                                                </div>\r\n                                                                <div className='bottom-edit-button'>\r\n                                                                <Link\r\n                                                                    to={{\r\n                                                                        pathname: '/Profile',\r\n                                                                        state: {\r\n                                                                            LifeStyleClick: true,\r\n                                                                        }\r\n                                                                    }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                    </div>\r\n                                                            </div> : null}</>)\r\n                                                })}\r\n\r\n                                                {/* Professional */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <div className='newcontainer'>\r\n                                                        <h4>Professional</h4>\r\n                                                        <div>\r\n                                                            {details.map((d, index) => {\r\n                                                                return (\r\n                                                                    <div key={index} className='biodata'>\r\n                                                                        <div className='info-row'>\r\n                                                                            <span className='tdright'>Department: </span>\r\n                                                                            <span className='tdleft'>{d.department}</span>\r\n                                                                        </div>\r\n                                                                        <div className='info-row'>\r\n                                                                            <span className='tdright'>Designation: </span>\r\n                                                                            <span className='tdleft'>{d.designation}</span>\r\n                                                                        </div>\r\n                                                                        <div className='info-row'>\r\n                                                                            <span className='tdright'>Role: </span>\r\n                                                                            <span className='tdleft'>{d.role}</span>\r\n                                                                        </div>\r\n                                                                        <div className='info-row'>\r\n                                                                            <span className='tdright'>Reporting Manager: </span>\r\n                                                                            <span className='tdleft'>{d.report_Manager}</span>\r\n                                                                        </div>\r\n                                                                        <div className='info-row'>\r\n                                                                            <span className='tdright'>Location: </span>\r\n                                                                            <span className='tdleft'>{d.primary_Ofc}</span>\r\n                                                                        </div>\r\n                                                                        <div className='info-row'>\r\n                                                                            <span className='tdright'>Joining Date: </span>\r\n                                                                            <span className='tdleft'>{formatDate(d.joining_Date)}</span>\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                );\r\n                                                            })}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n\r\n                                                {/* Banking */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Banking</h4>\r\n                                                    <div>\r\n                                                        {personalInfoDetails.map((personal) => (\r\n                                                            <div key={personal.id} className='biodata'>\r\n                                                                <div className='info-row'>\r\n                                                                    <span className='tdright'>Account Number: </span>\r\n                                                                    <span className='tdleft'>{maskNumber(personal.acNo)}</span>\r\n                                                                </div >\r\n                                                                <div className='info-row'>\r\n                                                                    <span className='tdright'>Account Type: </span>\r\n                                                                    <span className='tdleft'>{personal.acType}</span>\r\n                                                                </div>\r\n                                                                <div className='info-row'>\r\n                                                                    <span className='tdright'>IFSC CODE: </span>\r\n                                                                    <span className='tdleft'>{personal.ifsc}</span>\r\n                                                                </div>\r\n                                                                <div className='info-row'>\r\n                                                                    <span className='tdright'>Branch name: </span>\r\n                                                                    <span className='tdleft'>{personal.branchname}</span>\r\n                                                                </div>\r\n                                                                <div className='info-row' style={{marginBottom:\"19px\"}}>\r\n                                                                    <span className='tdright'>Branch Address: </span>\r\n                                                                    <span className='tdleft' style={{wordBreak:\"break-word\"}}>{personal.branchaddress}</span>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        ))}\r\n                                                        {personalInfoDetails.map((personal) => {\r\n                                                            return (\r\n                                                                <>\r\n                                                                    {personal.email === email ?\r\n                                                                    <div className='bottom-edit-button'>\r\n                                                                        <Link\r\n                                                                            to={{\r\n                                                                                pathname: '/Profile',\r\n                                                                                state: {\r\n                                                                                    BankClick: true,\r\n                                                                                }\r\n                                                                            }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                            </div>\r\n                                                                        : null}</>)\r\n                                                        })}\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                {/* Interest */}\r\n                                                {personalInfoDetails.map((personal) => {\r\n                                                    return (\r\n                                                        <>\r\n                                                            {personal.email === email || personal.adminEmail === email ? <div className=\"grid-item\">\r\n                                                                <h4>Interests</h4>\r\n                                                                <div className=\"personality-content\">\r\n                                                                    {interestDetails.map((int) => {\r\n                                                                        return <p><span className='textwithbackground'>{int.interests}</span></p>\r\n                                                                    })}\r\n                                                                </div>\r\n                                                                <div className='bottom-edit-button'>\r\n                                                                <Link\r\n                                                                    to={{\r\n                                                                        pathname: '/Profile',\r\n                                                                        state: {\r\n                                                                            InterestClick: true,\r\n                                                                        }\r\n                                                                    }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                    </div>\r\n                                                            </div> : null}</>)\r\n                                                })}\r\n\r\n                                                {/* Contact */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Contact</h4>\r\n                                                    {personalInfoDetails.map((educate, index) => (\r\n                                                        <div key={index} className='biodata'>\r\n\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Official Email: </span>\r\n                                                                <span className='tdleft'>{educate.email}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Personal Email: </span>\r\n                                                                <span className='tdleft'>{educate.officialEmail}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Office Number: </span>\r\n                                                                <span className='tdleft'>{educate.phoneNumber}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Mobile Number: </span>\r\n                                                                <span className='tdleft'>{educate.homeNumber}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row' style={{marginBottom:\"19px\"}}>\r\n                                                                <span className='tdright'>ALT. Mobile Number: </span>\r\n                                                                <span className='tdleft'>{educate.alternatePhoneNo}</span>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    ))}\r\n                                                    <div className='bottom-edit-button'>\r\n                                                            <Link\r\n                                                                to={{\r\n                                                                    pathname: '/Profile',\r\n                                                                    state: {\r\n                                                                        ContactsClicks: true,\r\n                                                                    }\r\n                                                                }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                        </div>\r\n                                                </div>\r\n\r\n                                                {/* Education */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Education</h4>\r\n                                                    {educationDetail.slice(0, EducationvisibleCount).map((educate, index) => (\r\n                                                        <div key={index} className='biodata'>\r\n\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Qualification Type: </span>\r\n                                                                <span className='tdleft'>{educate.qualificationType}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Qualification: </span>\r\n                                                                <span className='tdleft'>{educate.courseName}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Type: </span>\r\n                                                                <span className='tdleft'>{educate.courseType}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Stream: </span>\r\n                                                                <span className='tdleft'>{educate.stream}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Start Date: </span>\r\n                                                                <span className='tdleft'>{educate.courseStartDate}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'style={{marginBottom:\"19px\"}}>\r\n                                                                <span className='tdright'>END Date: </span>\r\n                                                                <span className='tdleft'>{educate.courseEndDate}</span>\r\n                                                            </div>\r\n\r\n\r\n                                                        </div>\r\n                                                    ))}\r\n                                                    <div className=\"button-container\">\r\n                                                        {EducationvisibleCount < educationDetail.length && (\r\n                                                            <button onClick={handleEducationSeeMore}>See More</button>\r\n                                                        )}\r\n                                                        {EducationvisibleCount > 1 && (\r\n                                                            <button onClick={handleEducationSeeLess}>See Less</button>\r\n                                                        )}\r\n                                                    </div>\r\n                                                    <div className='bottom-edit-button'>\r\n                                                    <Link\r\n                                                        to={{\r\n                                                            pathname: '/Profile',\r\n                                                            state: {\r\n                                                                EducationClick: true,\r\n                                                            }\r\n                                                        }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n\r\n                                                </div>\r\n                                                </div>\r\n\r\n                                                {/* Activities */}\r\n                                                {personalInfoDetails.map((personal) => {\r\n                                                    return (\r\n                                                        <>\r\n                                                            {personal.email === email || personal.adminEmail === email ? <div className=\"grid-item\">\r\n                                                                <h4>Activities</h4>\r\n                                                                <div className=\"personality-content\">\r\n                                                                    {activitiesDetails.map((act) => {\r\n                                                                        return <p><span className='textwithbackground'>{act.activities}</span></p>\r\n                                                                    })}\r\n                                                                </div>\r\n                                                                <div className='bottom-edit-button'>\r\n                                                                <Link\r\n                                                                    to={{\r\n                                                                        pathname: '/Profile',\r\n                                                                        state: {\r\n                                                                            ActivitiesClick: true,\r\n                                                                        }\r\n                                                                    }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                    </div>\r\n                                                            </div> : null}</>)\r\n                                                })}\r\n\r\n                                                {/* Empty */}\r\n                                                <div className=\"grid-item-violet\">\r\n                                                </div>\r\n\r\n                                                {/* Skills */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Skills</h4>\r\n                                                    {displayedSkills.map((skill, index) => (\r\n                                                        <ul key={index} className=\"skills-list\">\r\n                                                            <li>{skill.skillName}</li>\r\n                                                        </ul>\r\n                                                    ))}\r\n <div className='bottom-edit-button'>\r\n                                                    <Link\r\n                                                        to={{\r\n                                                            pathname: '/Profile',\r\n                                                            state: {\r\n                                                                SkillClick: true,\r\n                                                            }\r\n                                                        }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n</div>\r\n                                                    <div className=\"button-container\">\r\n                                                        {skillDetails.length > initialSkillsToShow && (\r\n                                                            <button onClick={toggleSkills}>\r\n                                                                {showAllSkills ? 'See less' : 'See more'}\r\n                                                            </button>\r\n                                                        )}\r\n                                                    </div>\r\n\r\n\r\n                                                </div>\r\n\r\n                                                {/* Family */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Family</h4>\r\n                                                    {familyDetails.slice(0, visibleCount).map((family, index) => (\r\n                                                        <div key={index} className='biodata'>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>First Name: </span>\r\n                                                                <span className='tdleft'>{family.firstName}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Last Name: </span>\r\n                                                                <span className='tdleft'>{family.lastName}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Relationship: </span>\r\n                                                                <span className='tdleft'>{family.relationship}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Contact: </span>\r\n                                                                <span className='tdleft'>{family.contact}</span>\r\n                                                            </div>\r\n                                                            <div className='info-UserProfile'>\r\n                                                                <span className='tdright'>Email: </span>\r\n                                                                <span className='tdleft'>{family.email}</span>\r\n                                                            </div>\r\n\r\n                                                            {familyDetails.slice(0, visibleCount) ? <div className='bottom-edit-button'><Link\r\n                                                                to={{\r\n                                                                    pathname: '/Profile',\r\n                                                                    state: {\r\n                                                                        FamilyClick: true,\r\n                                                                    }\r\n                                                                }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link></div> : null}\r\n                                                        </div>\r\n                                                    ))}\r\n                                                    <div className=\"button-container\">\r\n                                                        {visibleCount < familyDetails.length && (\r\n                                                            <button onClick={handleSeeMore}>See More</button>\r\n                                                        )}\r\n                                                        {visibleCount > 1 && (\r\n                                                            <button onClick={handleSeeLess}>See Less</button>\r\n                                                        )}\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                {/* Empty */}\r\n                                                <div className=\"grid-item-violet\">\r\n                                                </div>\r\n\r\n                                                {/* Address */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Address</h4>\r\n                                                    {personalInfoDetails.map((educate, index) => (\r\n                                                        <div key={index}>\r\n                                                            {personalInfoDetails.map((educate, index) => (\r\n                                        <div key={index} className='biodata'>\r\n                                          <div className='info-row'>\r\n                                            <span className='tdright'>Current Address: </span>\r\n                                            <span className='tdleft'></span>\r\n                                          </div>\r\n                                          <div className='info-row'>\r\n                                            <span className='tdright'>City: </span>\r\n                                            <span className='tdleft'>{educate.currentAddress_City}</span>\r\n                                          </div>\r\n                                          <div className='info-row'>\r\n                                            <span className='tdright'>State: </span>\r\n                                            <span className='tdleft'>{educate.currentAddress_State}</span>\r\n                                          </div>\r\n                                          <div className='info-row'>\r\n                                            <span className='tdright'>Country: </span>\r\n                                            <span className='tdleft'>{educate.currentAddress_Country}</span>\r\n                                          </div>\r\n                                          <div className='info-row'>\r\n                                            <span className='tdright'>Pin code: </span>\r\n                                            <span className='tdleft'>{educate.currentAddress_Pincode}</span>\r\n                                          </div>\r\n                                          <div className='info-row'>\r\n                                            <span className='tdright'>House Type: </span>\r\n                                            <span className='tdleft'>{educate.houseType}</span>\r\n                                          </div>\r\n                                          <div className='info-row'>\r\n                                            <span className='tdright'>Staying since: </span>\r\n                                            <span className='tdleft'>{educate.stayingSince.split('-')[0]}</span>\r\n                                          </div>\r\n                                          <div className='info-row'>\r\n                                            <span className='tdright'>Permanant Address: </span>\r\n                                            <span className='tdleft'></span>\r\n                                          </div>\r\n                                          <div className='info-row'>\r\n                                            <span className='tdright'>City: </span>\r\n                                            <span className='tdleft'>{educate.permanentAddress_City}</span>\r\n                                          </div>\r\n                                          <div className='info-row'>\r\n                                            <span className='tdright'>State: </span>\r\n                                            <span className='tdleft'>{educate.permanentAddress_State}</span>\r\n                                          </div>\r\n                                          <div className='info-row'>\r\n                                            <span className='tdright'>Country: </span>\r\n                                            <span className='tdleft'>{educate.permanentAddress_Country}</span>\r\n                                          </div>\r\n                                          <div className='info-row'style={{marginBottom:\"19px\"}}>\r\n                                            <span className='tdright'>Pin code: </span>\r\n                                            <span className='tdleft'>{educate.permanentAddress_Pincode}</span>\r\n                                          </div>\r\n                                        </div>\r\n                                      ))}\r\n                                      <div className='bottom-edit-button'>\r\n                                                            <Link\r\n                                                                to={{\r\n                                                                    pathname: '/Profile',\r\n                                                                    state: {\r\n                                                                        AddressClick: true,\r\n                                                                    }\r\n                                                                }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                        </div>\r\n                                                        </div>\r\n                                                    ))}\r\n                                                </div>\r\n\r\n\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div >\r\n    )\r\n}\r\n\r\nexport default ProfileGridDetails","import React from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport '../../Css/Teamgriddetails.css'\r\nimport profile from '../../Assets/images/avatar-1.png'\r\nimport whatsapp from '../../Assets/images/whatsapp.jpg'\r\nimport twitter from '../../Assets/images/twitter.png'\r\nimport linkedin from '../../Assets/images/linkedin.png'\r\nimport facebook from '../../Assets/images/facebook.jpg'\r\nimport Skype from '../../Assets/images/skype.png'\r\nimport pencil from '../../Assets/images/pencil.png'\r\nimport SideBar from \"../../Common/Sidebar\";\r\nimport { useEffect, useState } from 'react'\r\nimport { BASE_URLs } from \"../../Config/Base\";\r\nimport axios from 'axios';\r\n\r\nconst AdminProfileGrid = (props) => {\r\n    const [details, setDetails] = useState([]);\r\n    const [visibleCount, setVisibleCount] = useState(1);\r\n    const [EducationvisibleCount, setEducationvisibleCount] = useState(1);\r\n    const [personalInfoDetails, setPersonalInfoDetails] = useState([]);\r\n    const [educationDetail, setEducationDetail] = useState([]);\r\n    const [skillDetails, setSkillDetails] = useState([]);\r\n    const [teamDetails, setTeamDetails] = useState([]);\r\n    const [lifeStyleDetails, setLifeStyleDetails] = useState([]);\r\n    const [personalityDetails, setPersonalityDetails] = useState([]);\r\n    const [interestDetails, setInterestDetails] = useState([]);\r\n    const [activitiesDetails, setActivitiesDetails] = useState([]);\r\n    const [familyDetails, setFamilyDetails] = useState([]);\r\n    const [teamSts, setTeamSts] = useState('');\r\n    const [emailDetailsForInfo, setEmailDetailsForInfo] = useState('');\r\n    const [showAllSkills, setShowAllSkills] = useState(false);\r\n    const initialSkillsToShow = 5;\r\n    const displayedSkills = showAllSkills ? skillDetails : skillDetails.slice(0, initialSkillsToShow);\r\n    var email = JSON.parse(localStorage.email);\r\n\r\n    const toggleSkills = () => {\r\n        setShowAllSkills(!showAllSkills);\r\n    };\r\n    const handleSeeMore = () => {\r\n        setVisibleCount(visibleCount + 1);\r\n    };\r\n\r\n    const handleEducationSeeMore = () => {\r\n        setEducationvisibleCount(EducationvisibleCount + 1);\r\n    };\r\n    const handleSeeLess = () => {\r\n        setVisibleCount(visibleCount - 1);\r\n    };\r\n    const handleEducationSeeLess = () => {\r\n        setEducationvisibleCount(EducationvisibleCount - 1);\r\n    };\r\n\r\n    const formatDate = (dateString) => {\r\n        const date = new Date(dateString);\r\n        const options = { day: '2-digit', month: 'long', year: 'numeric' };\r\n        return date.toLocaleDateString('en-GB', options);\r\n    };\r\n\r\n    useEffect(() => {\r\n        Getdetail();\r\n        // fetchTeamDetails()\r\n        fetchPersonalInfoDetails();\r\n        fetchSkillDetails();\r\n        fetchEducationDetail();\r\n        fetchFamilyDetails();\r\n        fetchFamilyDetails();\r\n        fetchLifeStyleDetails();\r\n        fetchPersonalityDetails();\r\n        fetchInterestDetails();\r\n    }, [])\r\n\r\n    const fetchDetails = async (tableName, setterFunction) => {\r\n        const Id = JSON.parse(localStorage.getItem(\"userId\"));;\r\n        const url = `${BASE_URLs}/AdminProfile/GetTabDetails?TableName=${tableName}&Id=${Id}`;\r\n        let user = JSON.parse(localStorage.getItem(\"user\"));\r\n        const accessToken = user;\r\n\r\n        try {\r\n            const response = await fetch(url, {\r\n                method: \"GET\",\r\n                headers: {\r\n                    \"Content-type\": \"application/json\",\r\n                    Accept: \"application/json\",\r\n                    \"Access-Control-Allow-Headers\": \"Access-Control-Request-Headers\",\r\n                    Authorization: `Bearer ${accessToken}`,\r\n                },\r\n            });\r\n            const data = await response.json();\r\n            setterFunction(data);\r\n        } catch (error) {\r\n            // console.error(`Error fetching ${tableName} details:`, error);\r\n        }\r\n    };\r\n\r\n    const fetchPersonalityDetails = () => {\r\n        fetchDetails(\"AdminPersonality\", setPersonalityDetails);\r\n    };\r\n\r\n    const fetchLifeStyleDetails = () => {\r\n        fetchDetails(\"AdminLifeStyle\", setLifeStyleDetails);\r\n    };\r\n\r\n    const fetchInterestDetails = () => {\r\n        fetchDetails(\"AdminInterests\", setInterestDetails);\r\n    };\r\n\r\n    const fetchActivitiesDetails = () => {\r\n        fetchDetails(\"AdminActivities\", setActivitiesDetails);\r\n    };\r\n\r\n    const Editprofile = (Id) => {\r\n        localStorage.setItem(\"status\", \"Pending\")\r\n        var page = {\r\n            pathname: \"/EditTeam\",\r\n            state: {\r\n                Id: Id,\r\n            },\r\n        };\r\n        localStorage.setItem(\"TeamId\", Id);\r\n        props.history.push(page);\r\n\r\n    }\r\n\r\n\r\n    const calculateAge = (dob) => {\r\n        const birthDate = new Date(dob);\r\n        const currentDate = new Date();\r\n\r\n        let age = currentDate.getFullYear() - birthDate.getFullYear();\r\n        const monthDifference = currentDate.getMonth() - birthDate.getMonth();\r\n\r\n        if (monthDifference < 0 || (monthDifference === 0 && currentDate.getDate() < birthDate.getDate())) {\r\n            age--;\r\n        }\r\n\r\n        return age;\r\n    };\r\n\r\n    function maskNumber(number) {\r\n        const numberStr = number.toString();\r\n        const maskedStr = numberStr.slice(0, -2).replace(/./g, '*') + numberStr.slice(-2);\r\n        return maskedStr;\r\n    }\r\n\r\n    const fetchTeamDetails = async () => {\r\n        const Id = props.location.state.Id;\r\n        const options = {\r\n            method: \"GET\",\r\n            headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                \"Content-Type\": \"application/json\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n        };\r\n\r\n        try {\r\n            const response = await axios.get(`${BASE_URLs}/Team/GetTeam`, options);\r\n\r\n            setTeamDetails(response.data);\r\n        } catch (error) {\r\n            // console.error(\"Error fetching personal info details\", error);\r\n        }\r\n    };\r\n\r\n\r\n    const fetchPersonalInfoDetails = async () => {\r\n        const options = {\r\n            headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                \"Content-Type\": \"application/json\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n        };\r\n\r\n        try {\r\n            const response = await axios.get(`${BASE_URLs}/Team/GetAdminPersonal`, options);\r\n            setPersonalInfoDetails(response.data);\r\n            // console.log(\"PersonalInfoDetails\", response.data)\r\n        } catch (error) {\r\n            // console.error(\"Error fetching personal info details\", error);\r\n        }\r\n    };\r\n\r\n    const fetchEducationDetail = async () => {\r\n        const options = {\r\n            headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                \"Content-Type\": \"application/json\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n        };\r\n\r\n        try {\r\n            const response = await axios.get(`${BASE_URLs}/UserEducationDetails/GetAdminProfileEducation`, options);\r\n            setEducationDetail(response.data);\r\n        } catch (error) {\r\n            // console.error(\"Error fetching education details\", error);\r\n        }\r\n    };\r\n\r\n    const fetchFamilyDetails = async () => {\r\n        const options = {\r\n            headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                \"Content-Type\": \"application/json\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n        };\r\n\r\n        try {\r\n            const response = await axios.get(`${BASE_URLs}/Family/GetAdminProfileFamily`, options);\r\n\r\n            setFamilyDetails(response.data);\r\n\r\n            // console.log(\"Family\", response.data)\r\n\r\n        } catch (error) {\r\n            // console.error(\"Error fetching family details\", error);\r\n        }\r\n    };\r\n\r\n\r\n    const fetchSkillDetails = async () => {\r\n        const options = {\r\n            headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\r\n                \"Content-Type\": \"application/json\",\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n        };\r\n\r\n        try {\r\n            const response = await axios.get(`${BASE_URLs}/UserSkillDetails/GetAdminSkillsInfo`, options);\r\n            setSkillDetails(response.data);\r\n            // console.log(\"SkillDetails\", response.data)\r\n        } catch (error) {\r\n            // console.error(\"Error fetching personal info details\", error);\r\n        }\r\n    };\r\n\r\n\r\n    const Getdetail = () => {\r\n        let url = `${BASE_URLs}/Team/GetUserProfessional`;\r\n\r\n        axios.get(url, {\r\n            headers: {\r\n                'Access-Control-Allow-Origin': '*',\r\n                'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',\r\n                'Content-type': 'application/json',\r\n                'Access-Control-Allow-Headers': 'Access-Control-Request-Headers',\r\n                Authorization: `Bearer ${JSON.parse(localStorage.user)}`,\r\n            },\r\n        })\r\n            .then((response) => {\r\n                const data = response.data;\r\n                setDetails(data);\r\n                setTeamSts(data[0].status);\r\n                setEmailDetailsForInfo(data[0].email);\r\n            })\r\n            .catch((error) => {\r\n                // console.error('There was an error fetching the details!', error);\r\n            });\r\n    };\r\n\r\n    return (\r\n\r\n        <div>\r\n            <SideBar active={window.location.pathname} />\r\n\r\n            <div className=\"pcoded-content \">\r\n                <div className=\"pcoded-inner-content\">\r\n                    <div className=\"main-body\">\r\n                        <div className=\"page-wrapper\">\r\n\r\n                            {/*  Start */}\r\n                            <div className=\"page-body \">\r\n                                {/*  */}\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-sm-12\">\r\n                                        <div className=\"card\">\r\n\r\n                                            {/* Main content */}\r\n                                            <div className=\"grid-container\">\r\n\r\n\r\n\r\n                                                {/* Personal Profile */}\r\n                                                <div className=\"grid-item1\">\r\n                                                    <div className=\"profile\">\r\n                                                        {personalInfoDetails.map((personal) => {\r\n                                                            return <p className='grid-user-name'>{personal.firstName} <span className='green-dot'></span></p>\r\n                                                        })}\r\n                                                        {personalInfoDetails.map((personal) => {\r\n                                                            return <img src={personal.profile_Picture} alt=\"Profile\" className=\"profile-image\" />\r\n                                                        })}\r\n                                                    </div>\r\n\r\n                                                    <div className='newcontainer'>\r\n\r\n                                                        {personalInfoDetails.map((personal) => {\r\n                                                            const age = calculateAge(personal.dob);\r\n                                                            return (\r\n                                                                <div key={personal.id} className='biodata'>\r\n                                                                    {/* <div className='info-row'>\r\n        <span className='tdright'>Employee ID: </span>\r\n        <span className='tdleft'>{personal.teamId}</span>\r\n      </div> */}\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>AGE: </span>\r\n                                                                        <span className='tdleft'>{age}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Gender: </span>\r\n                                                                        <span className='tdleft'>{personal.gender}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Status: </span>\r\n                                                                        <span className='tdleft'>{personal.maritalStatus}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Blood group: </span>\r\n                                                                        <span className='tdleft'>{personal.bloodGroup}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Email Address: </span>\r\n                                                                        <span className='tdleft'>{personal.email}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Mobile: </span>\r\n                                                                        <span className='tdleft'>{personal.homeNumber}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row' style={{ marginTop: \"10px\" }}>\r\n                                                                        {personalInfoDetails.map((personal) => {\r\n                                                                            return (\r\n                                                                                <>\r\n                                                                                    {personal.email === email ? (\r\n                                                                                        <div className='bottom-edit-button'>\r\n                                                                                        <Link\r\n                                                                                            className='edit-button'\r\n                                                                                            to={{\r\n                                                                                                pathname: '/AdminProfile',\r\n                                                                                                state: {\r\n                                                                                                    ProfileClick: true,\r\n                                                                                                },\r\n                                                                                            }}\r\n                                                                                        >\r\n                                                                                            <img src={pencil} alt='Profile' className='edit-image' />\r\n                                                                                        </Link>\r\n                                                                                        </div>\r\n                                                                                    ) : personal.adminEmail === email ? (\r\n                                                                                        <div className='bottom-edit-button'>\r\n                                                                                        <p className='edit-button'>\r\n                                                                                            <img\r\n                                                                                                src={pencil}\r\n                                                                                                alt='Profile'\r\n                                                                                                className='edit-image'\r\n                                                                                                onClick={(e) => Editprofile(props.location.state.Id, e)}\r\n                                                                                            />\r\n                                                                                        </p>\r\n                                                                                        </div>\r\n                                                                                    ) : null}\r\n                                                                                </>\r\n                                                                            );\r\n                                                                        })}\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            );\r\n                                                        })}\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                {/* Bio */}\r\n                                                {personalInfoDetails.map((personal) => {\r\n                                                    return (\r\n                                                        <>\r\n                                                            {personal.email === email || personal.adminEmail === email ? <div className=\"grid-item\">\r\n                                                                <h4>Bio</h4>\r\n                                                                <p className='bio-text'>{personal.bio}</p>\r\n                                                                <div className='bottom-edit-button'>\r\n                                                                <Link\r\n                                                                    to={{\r\n                                                                        pathname: '/AdminProfile',\r\n                                                                        state: {\r\n                                                                            BioClick: true,\r\n                                                                        }\r\n                                                                    }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                    </div>\r\n                                                            </div> : null}</>)\r\n\r\n\r\n                                                })}\r\n\r\n                                                {/* Personality */}\r\n                                                {personalInfoDetails.map((personal) => {\r\n                                                    return (\r\n                                                        <>\r\n                                                            {personal.email === email || personal.adminEmail === email ? <div className=\"grid-item\">\r\n                                                                <h4>Personality</h4>\r\n                                                                <div className=\"personality-content\">\r\n                                                                    {personalityDetails.map((personality) => {\r\n                                                                        return <p><span className='textwithbackground'>{personality.personalityName}</span></p>\r\n                                                                    })}\r\n                                                                </div>\r\n                                                                <div className='bottom-edit-button'>\r\n                                                                <Link\r\n                                                                    to={{\r\n                                                                        pathname: '/AdminProfile',\r\n                                                                        state: {\r\n                                                                            PersonalityClick: true,\r\n                                                                        }\r\n                                                                    }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                            </div>\r\n                                                            </div> : null}</>)\r\n                                                })}\r\n\r\n                                                {/* Social Media */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Social Media</h4>\r\n\r\n                                                    {personalInfoDetails.map((socialmedia) => {\r\n                                                        return <>\r\n                                                            {\r\n                                                                socialmedia.faceBook === \"-\" ? null : \r\n                                                                <a \r\n                                                                // href={`https://www.facebook.com/${socialmedia.faceBook}`} \r\n                                                                title={socialmedia.faceBook}\r\n                                                                target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                                                    <img src={facebook} alt=\"Facebook\" className=\"social-media-image\" />\r\n                                                                </a>\r\n\r\n\r\n                                                            }\r\n                                                            {\r\n                                                                socialmedia.whatsappNumber === \"-\" ? null : \r\n                                                                <a \r\n                                                                title={socialmedia.whatsappNumber}\r\n                                                                // href={`https://api.whatsapp.com/send?phone=${socialmedia.whatsappNumber}`} \r\n                                                                target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                                                    <img src={whatsapp} alt=\"WhatsApp\" className=\"social-media-image\" />\r\n                                                                </a>\r\n\r\n                                                            }\r\n                                                            {\r\n                                                                socialmedia.linkedIn === \"-\" ? null : <a \r\n                                                                title={socialmedia.linkedIn}\r\n                                                                // href={`https://www.linkedin.com/in/${socialmedia.linkedIn}`} \r\n                                                                target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                                                    <img src={linkedin} alt=\"LinkedIn\" className=\"social-media-image\" />\r\n                                                                </a>\r\n\r\n                                                            }\r\n                                                            {\r\n                                                                socialmedia.twitter === \"-\" ? null : <a \r\n                                                                title={socialmedia.twitter}\r\n                                                                // href={`https://www.twitter.com/${socialmedia.twitter}`} \r\n                                                                target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                                                    <img src={twitter} alt=\"Twitter\" className=\"social-media-image\" />\r\n                                                                </a>\r\n\r\n                                                            }\r\n                                                            {\r\n                                                                socialmedia.skype === \"-\" ? null : <a \r\n                                                                title={socialmedia.skype}\r\n                                                                // href={`skype:${socialmedia.skype}?chat`} \r\n                                                                target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                                                    <img src={Skype} alt=\"Skype\" className=\"social-media-image\" />\r\n                                                                </a>\r\n\r\n                                                            }\r\n                                                        </>\r\n                                                    })}\r\n                                                    <br /><br />\r\n                                                    {personalInfoDetails.map((personal) => {\r\n                                                        return (\r\n                                                            <>\r\n                                                                {personal.email === email ?\r\n                                                                <div className='bottom-edit-button'>\r\n                                                                    <Link\r\n                                                                        to={{\r\n                                                                            pathname: '/AdminProfile',\r\n                                                                            state: {\r\n                                                                                SocialClick: true,\r\n                                                                            }\r\n                                                                        }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                        </div>\r\n                                                                    : null}</>)\r\n                                                    })}\r\n\r\n                                                </div>\r\n\r\n                                                {/* Lifestyle */}\r\n                                                {personalInfoDetails.map((personal) => {\r\n                                                    return (\r\n                                                        <>\r\n                                                            {personal.email === email || personal.adminEmail === email ? <div className=\"grid-item\">\r\n                                                                <h4>Life style</h4>\r\n                                                                <div className=\"personality-content\">\r\n                                                                    {\r\n                                                                        lifeStyleDetails.map((life) => {\r\n                                                                            return <div className=\"personality-content\">\r\n                                                                                <p><span className='textwithbackground'>{life.lifeStyle}</span></p>\r\n                                                                            </div>\r\n\r\n                                                                        })\r\n                                                                    }\r\n                                                                </div>\r\n                                                                <div className='bottom-edit-button'>\r\n                                                                <Link\r\n                                                                    to={{\r\n                                                                        pathname: '/AdminProfile',\r\n                                                                        state: {\r\n                                                                            LifeStyleClick: true,\r\n                                                                        }\r\n                                                                    }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                    </div>\r\n                                                            </div> : null}</>)\r\n                                                })}\r\n\r\n                                                {/* Hobbies */}\r\n                                                <div className=\"grid-item\">\r\n                                                    {personalInfoDetails.map((personal) => {\r\n                                                        return (\r\n                                                            <>\r\n                                                                <h4>Hobbies</h4>\r\n                                                                <p className='bio-text' style={{wordBreak:\"break-word\"}}>{personal.hobbies}</p>\r\n                                                            </>)\r\n                                                    })}\r\n                                                    <div className='bottom-edit-button'>\r\n                                                                <Link\r\n                                                                    to={{\r\n                                                                        pathname: '/AdminProfile',\r\n                                                                        state: {\r\n                                                                            HobbiesClick: true,\r\n                                                                        }\r\n                                                                    }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                    </div>\r\n                                                </div>\r\n\r\n                                                {/* Banking */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Banking</h4>\r\n                                                    <div>\r\n                                                        {personalInfoDetails.map((personal) => (\r\n                                                            <div key={personal.id} className='biodata'>\r\n                                                                <div className='info-row'>\r\n                                                                    <span className='tdright'>Account Number: </span>\r\n                                                                    <span className='tdleft'>{maskNumber(personal.acNo)}</span>\r\n                                                                </div >\r\n                                                                <div className='info-row'>\r\n                                                                    <span className='tdright'>Account Type: </span>\r\n                                                                    <span className='tdleft'>{personal.acType}</span>\r\n                                                                </div>\r\n                                                                <div className='info-row'>\r\n                                                                    <span className='tdright'>IFSC CODE: </span>\r\n                                                                    <span className='tdleft'>{personal.ifsc}</span>\r\n                                                                </div>\r\n                                                                <div className='info-row'>\r\n                                                                    <span className='tdright'>Branch name: </span>\r\n                                                                    <span className='tdleft'>{personal.branchname}</span>\r\n                                                                </div>\r\n                                                                <div className='info-row'style={{marginBottom:\"19px\"}}>\r\n                                                                    <span className='tdright'>Branch Address: </span>\r\n                                                                    <span className='tdleft' style={{wordBreak:\"break-word\"}}>{personal.branchaddress}</span>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        ))}\r\n                                                        {personalInfoDetails.map((personal) => {\r\n                                                            return (\r\n                                                                <>\r\n                                                                    {personal.email === email ?\r\n                                                                    <div className='bottom-edit-button'>\r\n                                                                        <Link\r\n                                                                            to={{\r\n                                                                                pathname: '/AdminProfile',\r\n                                                                                state: {\r\n                                                                                    BankClick: true,\r\n                                                                                }\r\n                                                                            }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                            </div>\r\n                                                                        : null}</>)\r\n                                                        })}\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                {/* Interest */}\r\n                                                {personalInfoDetails.map((personal) => {\r\n                                                    return (\r\n                                                        <>\r\n                                                            {personal.email === email || personal.adminEmail === email ? <div className=\"grid-item\">\r\n                                                                <h4>Interests</h4>\r\n                                                                <div className=\"personality-content\">\r\n                                                                    {interestDetails.map((int) => {\r\n                                                                        return <p><span className='textwithbackground'>{int.interests}</span></p>\r\n                                                                    })}\r\n                                                                </div>\r\n                                                                <div className='bottom-edit-button'>\r\n                                                                <Link\r\n                                                                    to={{\r\n                                                                        pathname: '/AdminProfile',\r\n                                                                        state: {\r\n                                                                            InterestClick: true,\r\n                                                                        }\r\n                                                                    }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                    </div>\r\n                                                            </div> : null}</>)\r\n                                                })}\r\n\r\n                                                {/* Contact */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Contact</h4>\r\n                                                    {personalInfoDetails.map((educate, index) => (\r\n                                                        <div key={index}>\r\n                                                            <div key={index} className='biodata'>\r\n                                                                <div className='info-row'>\r\n                                                                    <span className='tdright'>Official Email: </span>\r\n                                                                    <span className='tdleft'>{educate.email}</span>\r\n                                                                </div>\r\n                                                                <div className='info-row'>\r\n                                                                    <span className='tdright'>Personal Email: </span>\r\n                                                                    <span className='tdleft'>{educate.officialEmail}</span>\r\n                                                                </div>\r\n                                                                <div className='info-row'>\r\n                                                                    <span className='tdright'>Office Number: </span>\r\n                                                                    <span className='tdleft'>{educate.phoneNumber}</span>\r\n                                                                </div>\r\n                                                                <div className='info-row'>\r\n                                                                    <span className='tdright'>Mobile Number: </span>\r\n                                                                    <span className='tdleft'>{educate.homeNumber}</span>\r\n                                                                </div>\r\n                                                                <div className='info-row'style={{marginBottom:\"19px\"}}>\r\n                                                                    <span className='tdright'>ALT. Mobile Number: </span>\r\n                                                                    <span className='tdleft'>{educate.alternatePhoneNo}</span>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    ))}\r\n                                                    <div className='bottom-edit-button'>\r\n                                                            <Link\r\n                                                                to={{\r\n                                                                    pathname: '/AdminProfile',\r\n                                                                    state: {\r\n                                                                        ContactsClicks: true,\r\n                                                                    }\r\n                                                                }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                        </div>\r\n                                                </div>\r\n\r\n                                                {/* Education */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Education</h4>\r\n                                                    {educationDetail.slice(0, EducationvisibleCount).map((educate, index) => (\r\n                                                        <div key={index} className='biodata'>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Qualification Type: </span>\r\n                                                                <span className='tdleft'>{educate.qualificationType}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Qualification: </span>\r\n                                                                <span className='tdleft'>{educate.courseName}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Type: </span>\r\n                                                                <span className='tdleft'>{educate.courseType}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Stream: </span>\r\n                                                                <span className='tdleft'>{educate.stream}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Start Date: </span>\r\n                                                                <span className='tdleft'>{educate.courseStartDate}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row' style={{marginBottom:\"19px\"}}>\r\n                                                                <span className='tdright'>END Date: </span>\r\n                                                                <span className='tdleft'>{educate.courseEndDate}</span>\r\n                                                            </div>\r\n                                                            <div className='bottom-edit-button'>\r\n                                                            <Link\r\n                                                                to={{\r\n                                                                    pathname: '/AdminProfile',\r\n                                                                    state: {\r\n                                                                        EducationClick: true,\r\n                                                                    }\r\n                                                                }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n\r\n                                                        </div>\r\n                                                        </div>\r\n                                                    ))}\r\n                                                    <div className=\"button-container\">\r\n                                                        {EducationvisibleCount < educationDetail.length && (\r\n                                                            <button onClick={handleEducationSeeMore}>See More</button>\r\n                                                        )}\r\n                                                        {EducationvisibleCount > 1 && (\r\n                                                            <button onClick={handleEducationSeeLess}>See Less</button>\r\n                                                        )}\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                {/* Activities */}\r\n                                                {personalInfoDetails.map((personal) => {\r\n                                                    return (\r\n                                                        <>\r\n                                                            {personal.email === email || personal.adminEmail === email ? <div className=\"grid-item\">\r\n                                                                <h4>Activities</h4>\r\n                                                                <div className=\"personality-content\">\r\n                                                                    {activitiesDetails.map((act) => {\r\n                                                                        return <p><span className='textwithbackground'>{act.activities}</span></p>\r\n                                                                    })}\r\n                                                                </div>\r\n                                                                <div className='bottom-edit-button'>\r\n                                                                <Link\r\n                                                                    to={{\r\n                                                                        pathname: '/AdminProfile',\r\n                                                                        state: {\r\n                                                                            ActivitiesClick: true,\r\n                                                                        }\r\n                                                                    }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                                    </div>\r\n                                                            </div> : null}</>)\r\n                                                })}\r\n\r\n                                                {/* Empty */}\r\n                                                <div className=\"grid-item-violet\">\r\n                                                </div>\r\n\r\n                                                {/* Skills */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Skills</h4>\r\n                                                    {displayedSkills.map((skill, index) => (\r\n                                                        <ul key={index} className=\"skills-list\">\r\n                                                            <li>{skill.skillName}</li>\r\n                                                        </ul>\r\n                                                    ))}\r\n<div className='bottom-edit-button'>\r\n                                                    <Link\r\n                                                        to={{\r\n                                                            pathname: '/AdminProfile',\r\n                                                            state: {\r\n                                                                SkillClick: true,\r\n                                                            }\r\n                                                        }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n</div>\r\n                                                    <div className=\"button-container\">\r\n                                                        {skillDetails.length > initialSkillsToShow && (\r\n                                                            <button onClick={toggleSkills}>\r\n                                                                {showAllSkills ? 'See less' : 'See more'}\r\n                                                            </button>\r\n                                                        )}\r\n                                                    </div>\r\n\r\n\r\n                                                </div>\r\n\r\n                                                {/* Family */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Family</h4>\r\n                                                    {familyDetails.slice(0, visibleCount).map((family, index) => (\r\n                                                        <div key={index} className='biodata'>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>First Name: </span>\r\n                                                                <span className='tdleft'>{family.firstName}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Last Name: </span>\r\n                                                                <span className='tdleft'>{family.lastName}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Relationship: </span>\r\n                                                                <span className='tdleft'>{family.relationship}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Contact: </span>\r\n                                                                <span className='tdleft'>{family.contact}</span>\r\n                                                            </div>\r\n                                                            <div className='info-row'>\r\n                                                                <span className='tdright'>Email: </span>\r\n                                                                <span className='tdleft'>{family.email}</span>\r\n                                                            </div>\r\n                                                            {familyDetails.slice(0, visibleCount) ? <div className='bottom-edit-button'><Link\r\n                                                                to={{\r\n                                                                    pathname: '/AdminProfile',\r\n                                                                    state: {\r\n                                                                        FamilyClick: true,\r\n                                                                    }\r\n                                                                }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link> </div> : null}\r\n                                                        </div>\r\n                                                    ))}\r\n                                                    <div className=\"button-container\">\r\n                                                        {visibleCount < familyDetails.length && (\r\n                                                            <button onClick={handleSeeMore}>See More</button>\r\n                                                        )}\r\n                                                        {visibleCount > 1 && (\r\n                                                            <button onClick={handleSeeLess}>See Less</button>\r\n                                                        )}\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                {/* Empty */}\r\n                                                <div className=\"grid-item-violet\">\r\n                                                </div>\r\n\r\n                                                {/* Skills */}\r\n                                                <div className=\"grid-item\">\r\n                                                    <h4>Address</h4>\r\n                                                    {personalInfoDetails.map((educate, index) => (\r\n                                                        <div key={index}>\r\n                                                            {personalInfoDetails.map((educate, index) => (\r\n                                                                <div key={index} className='biodata'>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Current Address: </span>\r\n                                                                        <span className='tdleft'></span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>City: </span>\r\n                                                                        <span className='tdleft'>{educate.currentAddress_City}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>State: </span>\r\n                                                                        <span className='tdleft'>{educate.currentAddress_State}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Country: </span>\r\n                                                                        <span className='tdleft'>{educate.currentAddress_Country}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Pin code: </span>\r\n                                                                        <span className='tdleft'>{educate.currentAddress_Pincode}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>House Type: </span>\r\n                                                                        <span className='tdleft'>{educate.houseType}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Staying since: </span>\r\n                                                                        <span className='tdleft'>{educate.stayingSince.split('-')[0]}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Permanant Address: </span>\r\n                                                                        <span className='tdleft'></span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>City: </span>\r\n                                                                        <span className='tdleft'>{educate.permanentAddress_City}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>State: </span>\r\n                                                                        <span className='tdleft'>{educate.permanentAddress_State}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row'>\r\n                                                                        <span className='tdright'>Country: </span>\r\n                                                                        <span className='tdleft'>{educate.permanentAddress_Country}</span>\r\n                                                                    </div>\r\n                                                                    <div className='info-row' style={{marginBottom:\"19px\"}}>\r\n                                                                        <span className='tdright'>Pin code: </span>\r\n                                                                        <span className='tdleft'>{educate.permanentAddress_Pincode}</span>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            ))}\r\n                                                            <div className='bottom-edit-button'>\r\n                                                            <Link\r\n                                                                to={{\r\n                                                                    pathname: '/AdminProfile',\r\n                                                                    state: {\r\n                                                                        AddressClick: true,\r\n                                                                    }\r\n                                                                }}><img src={pencil} style={{ width: \"15px\" }} alt=\"Profile\" /></Link>\r\n                                                        </div>\r\n                                                        </div>\r\n                                                    ))}\r\n                                                </div>\r\n\r\n\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default AdminProfileGrid","import React from \"react\";\r\nimport { BrowserRouter, Route, Switch } from \"react-router-dom\";\r\nimport \"./App.css\";\r\nimport AddBusinessPop from \"./Components/Common/AddBusinessPop\";\r\nimport AddDepartmentpop from \"./Components/Common/AddDepartmentpop\";\r\nimport AddDesignationModel from \"./Components/Common/AddDesignationModel\";\r\nimport AddHolidaysPop from \"./Components/Common/AddHolidaysPop\";\r\nimport AddLocationModel from \"./Components/Common/AddLocationModel\";\r\nimport AddManagerPop from \"./Components/Common/AddManagerPop\";\r\nimport AddOfficeDocumentModel from \"./Components/Common/AddOfficeDocumentModel\";\r\nimport AnnouncementPopup from \"./Components/Common/AnnouncementPopup\";\r\nimport Chat from \"./Components/Common/Chat\";\r\nimport CommonSuccess from \"./Components/Common/CommonSuccess\";\r\nimport DashPie from \"./Components/Common/DashPie\";\r\nimport EditAdminEduModel from \"./Components/Common/EditAdminEduModel\";\r\nimport EditAdminFamilyModel from \"./Components/Common/EditAdminFamilyModel\";\r\nimport EditAnnouncementpop from \"./Components/Common/EditAnnouncementpop\";\r\nimport EditBusinessPop from \"./Components/Common/EditBusinessPop\";\r\nimport { default as EditDepartPop, default as EditHolidayPop } from \"./Components/Common/EditDepartPop\";\r\nimport EditEmergencyModel from \"./Components/Common/EditEmergencyModel\";\r\nimport EditFamilyModel from \"./Components/Common/EditFamilyModel\";\r\nimport EditSkillModel from \"./Components/Common/EditSkillModel\";\r\nimport Export from \"./Components/Common/Export\";\r\nimport GroupPop from \"./Components/Common/GroupPop\";\r\nimport LastChatpop from \"./Components/Common/LastChatpop\";\r\nimport LastGroup from \"./Components/Common/LastGroup\";\r\nimport LoadingPage from \"./Components/Common/LoadingPage\";\r\nimport LogoCompo from \"./Components/Common/LogoCompo\";\r\nimport LogoutConfirmPop from \"./Components/Common/LogoutConfirmPop\";\r\nimport OTPmsgpop from \"./Components/Common/OTPmsgpop\";\r\nimport Online from \"./Components/Common/Online\";\r\nimport Pie from \"./Components/Common/Pie\";\r\nimport RegMsgPop from \"./Components/Common/RegMsgPop\";\r\nimport Sidebar from \"./Components/Common/Sidebar\";\r\nimport SuccessPopup from \"./Components/Common/SuccessPopup\";\r\nimport Tempfile from \"./Components/Common/Tempfile\";\r\nimport AddOrganization from \"./Components/Screen/AddOrganization\";\r\nimport AddEducation from \"./Components/Screen/Admin/AddEducation\";\r\nimport AddSkills from \"./Components/Screen/Admin/AddSkills\";\r\nimport AdminAnnouncement from \"./Components/Screen/Admin/AdminAnnouncement\";\r\nimport AdminBusiness from \"./Components/Screen/Admin/AdminBusiness\";\r\nimport AdminDesignation from \"./Components/Screen/Admin/AdminDesignation\";\r\nimport AdminHome from \"./Components/Screen/Admin/AdminHome\";\r\nimport AdminLocation from \"./Components/Screen/Admin/AdminLocation\";\r\nimport AdminOfficeDocument from \"./Components/Screen/Admin/AdminOfficeDocument\";\r\nimport AdminOtp from \"./Components/Screen/Admin/AdminOtp\";\r\nimport AdminProfile from \"./Components/Screen/Admin/AdminProfile\";\r\nimport AllAnnouncement from \"./Components/Screen/Admin/AllAnnouncement\";\r\nimport BusiUnitDash from \"./Components/Screen/Admin/BusiUnitDash\";\r\nimport CompanyDocument from \"./Components/Screen/Admin/CompanyDocument\";\r\nimport CompanyDocumentDash from \"./Components/Screen/Admin/CompanyDocumentDash\";\r\nimport Department from \"./Components/Screen/Admin/Department\";\r\nimport DepartmentDash from \"./Components/Screen/Admin/DepartmentDash\";\r\nimport DesignationDash from \"./Components/Screen/Admin/DesignationDash\";\r\nimport EditAdSkil from \"./Components/Screen/Admin/EditAdSkil\";\r\nimport EditOrganization from \"./Components/Screen/Admin/EditOrganization\";\r\nimport EditPG from \"./Components/Screen/Admin/EditPG\";\r\nimport EditPHD from \"./Components/Screen/Admin/EditPHD\";\r\nimport EditSkill from \"./Components/Screen/Admin/EditSkill\";\r\nimport EditTeam from \"./Components/Screen/Admin/EditTeam\";\r\nimport EditUserEducation from \"./Components/Screen/Admin/EditUserEducation\";\r\nimport EduDash from \"./Components/Screen/Admin/EduDash\";\r\nimport Education from \"./Components/Screen/Admin/Education\";\r\nimport EduDropDown from \"./Components/Screen/Admin/EducationGrid\";\r\nimport ManagerDash from \"./Components/Screen/Admin/ManagerDash\";\r\nimport Managers from \"./Components/Screen/Admin/Managers\";\r\nimport MasterSkills from \"./Components/Screen/Admin/MasterSkills\";\r\nimport OfficeLocationDash from \"./Components/Screen/Admin/OfficeLocationDash\";\r\nimport OfficialHolidayDash from \"./Components/Screen/Admin/OfficialHolidayDash\";\r\nimport OfficialHolidays from \"./Components/Screen/Admin/OfficialHolidays\";\r\nimport SkillCard from \"./Components/Screen/Admin/SkillCard\";\r\nimport SkillGrid from \"./Components/Screen/Admin/SkillGrid\";\r\nimport SkillMaster from \"./Components/Screen/Admin/SkillMaster\";\r\nimport Team from \"./Components/Screen/Admin/Team\";\r\nimport TeamDash from \"./Components/Screen/Admin/TeamDash\";\r\nimport Teamadd from \"./Components/Screen/Admin/Teamadd\";\r\nimport ChangePwd from \"./Components/Screen/ChangePwd\";\r\nimport Contact from \"./Components/Screen/Contact\";\r\nimport DashBoard from \"./Components/Screen/DashBoard\";\r\nimport Dummyfntn from \"./Components/Screen/Dummyfntn\";\r\nimport Forgot from \"./Components/Screen/Forgot\";\r\nimport InviteDashboard from \"./Components/Screen/InviteDashboard\";\r\nimport LandingPage from \"./Components/Screen/LandingPage\";\r\nimport Login_form from \"./Components/Screen/Login_form\";\r\nimport NewPassword from \"./Components/Screen/NewPassword\";\r\nimport OTP from \"./Components/Screen/OTP\";\r\nimport Organization from \"./Components/Screen/Organization\";\r\nimport OrganizationDetail from \"./Components/Screen/OrganizationDetail\";\r\nimport Piechart from \"./Components/Screen/Piechart\";\r\nimport SignUp from \"./Components/Screen/Sign-Up\";\r\nimport ActiveReson from \"./Components/Screen/SuperAdmin/ActiveReson\";\r\nimport Announcement from \"./Components/Screen/SuperAdmin/Announcement\";\r\nimport EditMasterPG from \"./Components/Screen/SuperAdmin/EditMasterPG\";\r\nimport EditMasterPHD from \"./Components/Screen/SuperAdmin/EditMasterPHD\";\r\nimport EditMasterUG from \"./Components/Screen/SuperAdmin/EditMasterUG\";\r\nimport EditSuperEducation from \"./Components/Screen/SuperAdmin/EditSuperEducation\";\r\nimport EditSuperSkill from \"./Components/Screen/SuperAdmin/EditSuperSkill\";\r\nimport GridEducation from \"./Components/Screen/SuperAdmin/GridEducation\";\r\nimport Gridskil from \"./Components/Screen/SuperAdmin/Gridskil\";\r\nimport Masterpage from \"./Components/Screen/SuperAdmin/Masterpage\";\r\nimport Messages from \"./Components/Screen/SuperAdmin/Messages\";\r\nimport Notifications from \"./Components/Screen/SuperAdmin/Notifications\";\r\nimport RejectOrg from \"./Components/Screen/SuperAdmin/RejectOrg\";\r\nimport SuperEducation from \"./Components/Screen/SuperAdmin/SuperEducation\";\r\nimport LoginUser from \"./Components/Screen/User/LoginUser\";\r\nimport Profile from \"./Components/Screen/User/Profile\";\r\nimport TestDrop from \"./Components/Screen/User/TestDrop\";\r\nimport UserAnnouncement from \"./Components/Screen/User/UserAnnouncement\";\r\nimport UserCompanyDocument from \"./Components/Screen/User/UserCompanyDocument\";\r\nimport UserDashboard from \"./Components/Screen/User/UserDashboard\";\r\nimport UserHoliday from \"./Components/Screen/User/UserHoliday\";\r\nimport UserRequest from \"./Components/Screen/User/UserRequest\";\r\nimport UserReset from \"./Components/Screen/User/UserReset\";\r\nimport Userchating from \"./Components/Screen/User/Userchating\";\r\nimport dummy from \"./Components/Screen/dummy\";\r\nimport Lifestyle from \"./Components/Screen/SuperAdmin/Lifestyle\";\r\nimport Personality from \"./Components/Screen/SuperAdmin/Personality\";\r\nimport Intrest from \"./Components/Screen/SuperAdmin/Intrest\";\r\nimport Activities from \"./Components/Screen/SuperAdmin/Activities\";\r\n// import FBTest from './Components/FBTest';\r\n// import Fileupload from './Components/Screen/Admin/Fileupload'\r\nimport AdminSkillPop from \"./Components/Common/AdminSkillPop\";\r\nimport Aspuserlistchat from \"./Components/Common/Aspuserlistchat\";\r\nimport ChatGrupPop from \"./Components/Common/ChatGrupPop\";\r\nimport Chatbox from \"./Components/Common/Chatbox\";\r\nimport EntityList from \"./Components/Common/EntityList\";\r\nimport Planet from \"./Components/Common/Planet\";\r\nimport SPEditAnnouncement from \"./Components/Common/SPEditAnnouncement\";\r\nimport AdminAnnouncmentpop from \"./Components/Screen/Admin/AdminAnnouncmentpop\";\r\nimport AdminNotification from \"./Components/Screen/Admin/AdminNotification\";\r\nimport AnnouncementPreview from \"./Components/Screen/Admin/AnnouncementPreview\";\r\nimport CategoryMaster from \"./Components/Screen/Admin/CategoryMaster\";\r\nimport CourseName from \"./Components/Screen/Admin/CourseName\";\r\nimport MasterDegree from \"./Components/Screen/Admin/MasterDegree\";\r\nimport MasterDegreeLevel from \"./Components/Screen/Admin/MasterDegreeLevel\";\r\nimport Specialization from \"./Components/Screen/Admin/Specialization\";\r\nimport Teamdetail from \"./Components/Screen/Admin/Teamdetail\";\r\nimport SASpecialization from \"./Components/Screen/SuperAdmin//SASpecialization\";\r\nimport AnnouncementPreviewSP from \"./Components/Screen/SuperAdmin/AnnouncementPreviewSP\";\r\nimport Contactmsg from \"./Components/Screen/SuperAdmin/Contactmsg\";\r\nimport Gridskill from \"./Components/Screen/SuperAdmin/Gridskil\";\r\nimport SACategory from \"./Components/Screen/SuperAdmin/SACategory\";\r\nimport SACourse from \"./Components/Screen/SuperAdmin/SACourse\";\r\nimport SADegree from \"./Components/Screen/SuperAdmin/SADegree\";\r\nimport SADegreeLevel from \"./Components/Screen/SuperAdmin/SADegreeLevel\";\r\nimport SADepartment from \"./Components/Screen/SuperAdmin/SADepartment\";\r\nimport SADesignation from \"./Components/Screen/SuperAdmin/SADesignation\";\r\nimport UserAnnouncementpopup from \"./Components/Screen/User/UserAnnouncementpopup\";\r\nimport UserMessageNotification from \"./Components/Screen/User/UserMessageNotification\";\r\nimport UserNotifications from \"./Components/Screen/User/UserNotifications\";\r\n// import Messagebox from './Components/Common/Messagebox';\r\n// import ButtonandInput from './Components/Common/ButtonandInput';\r\n// import ListView from './Components/Common/ListView';\r\n// test\r\nimport AddLearning from \"./Components/Common/AddLearning\";\r\nimport AddTrainerpop from \"./Components/Common/AddTrainerpop\";\r\nimport AddTrainingpopDesign from \"./Components/Common/AddTrainingPopDesign\";\r\nimport AddTrainingpop from \"./Components/Common/AddTrainingpop\";\r\nimport Chatconfirm from \"./Components/Common/Chatconfirm\";\r\nimport EditSchedule from \"./Components/Common/EditSchedule\";\r\nimport EditTrainerpop from \"./Components/Common/EditTrainerpop\";\r\nimport EditTrainingpop from \"./Components/Common/EditTrainingpop\";\r\nimport SearchPopup from \"./Components/Common/SearchPopup\";\r\nimport TrainingEditTraineesPop from \"./Components/Common/TrainingEditTraineesPop\";\r\nimport UserChatPopUp from \"./Components/Common/UserChatPopUp\";\r\nimport AdminMessageNotification from \"./Components/Screen/Admin/AdminMessageNotification\";\r\nimport AssignTraining from \"./Components/Screen/Admin/AssignTraining\";\r\nimport LearningSchedule from \"./Components/Screen/Admin/LearningSchedule\";\r\nimport TrainerList from \"./Components/Screen/Admin/TrainerList\";\r\nimport TrainingCard from \"./Components/Screen/Admin/TrainingCard\";\r\nimport TrainingSchedule from \"./Components/Screen/Admin/TrainingSchedule\";\r\nimport Train from \"./Components/Screen/SuperAdmin/Train\";\r\nimport EntityListUser from \"./Components/Screen/User/EntityListUser\";\r\n\r\nimport TrainingEditTrainerPop from \"./Components/Common/TrainingEditTrainerPop\";\r\nimport AddTrainer from \"./Components/Screen/Admin/AddTrainer\";\r\nimport TrainerDetails from \"./Components/Screen/Admin/TrainerDetails\";\r\nimport TrainerSchedule from \"./Components/Screen/Admin/TrainerSchedule\";\r\nimport UserActiveTraining from \"./Components/Screen/Admin/UserActiveTraining\";\r\nimport UserAssignTraining from \"./Components/Screen/Admin/UserAssignTraining\";\r\nimport UserTrainingDocument from \"./Components/Screen/Admin/UserTrainingDocument\";\r\n\r\nimport AddTraineeExistingPop from \"./Components/Common/AddTraineeExistingPop\";\r\nimport AddTraineePop from \"./Components/Common/AddTraineePop\";\r\nimport Settings from \"./Components/Common/Settings\";\r\nimport TrainingClassPopup from \"./Components/Common/TrainingClassPopup\";\r\nimport TrainingsLandingPage from \"./Components/Screen/Admin/TrainingsLandingPage\";\r\nimport AllAnnouncementSA from \"./Components/Screen/SuperAdmin/AllAnnouncementSA\";\r\nimport Attendees from \"./Components/Screen/User/Attendees\";\r\nimport EditActiveTrainer from \"./Components/Screen/User/EditActiveTrainer\";\r\nimport MeetingLink from \"./Components/Screen/User/MeetingLink\";\r\nimport TrainerActiveTraining from \"./Components/Screen/User/TrainerActiveTraining\";\r\nimport TrainerAssign from \"./Components/Screen/User/TrainerAssign\";\r\nimport TrainerAssignTraining from \"./Components/Screen/User/TrainerAssignTraining\";\r\nimport TrainerTrainingDocuments from \"./Components/Screen/User/TrainerTrainingDocuments\";\r\nimport TrainingsDocuments from \"./Components/Screen/User/TrainingsDocuments\";\r\nimport MyComponent from \"./Components/Screen/dummy\";\r\nimport ContactMessages from \"./Components/Screen/Admin/ContactMessages\";\r\nimport MessagePrev from \"./Components/Screen/Admin/MessagePrev\";\r\nimport EditMessagepop from \"./Components/Common/EditMessagepop\";\r\nimport Teamgriddetails from \"./Components/Common/Teamgriddetails\";\r\nimport UserTeam from \"./Components/Screen/User/UserTeam\";\r\nimport ProfileGridDetails from \"./Components/Common/ProfileGridDetails\";\r\nimport AdminProfileGrid from \"./Components/Screen/Admin/AdminProfileGrid\";\r\n\r\nfunction App() {\r\n  return (\r\n    <>\r\n      <BrowserRouter>\r\n        <Switch>\r\n          <Route path=\"/Sidebar\" component={Sidebar} />\r\n          <Route exact path=\"/\" component={LandingPage} />\r\n          <Route path=\"/Sign-Up\" component={SignUp} />\r\n          <Route path=\"/Teamgriddetails\" component={Teamgriddetails} />\r\n          <Route path=\"/DashBoard\" component={DashBoard} />\r\n          <Route path=\"/GroupPop\" component={GroupPop} />\r\n          <Route path=\"/AddOrganization\" component={AddOrganization} />\r\n          <Route path=\"/Organization\" component={Organization} />\r\n          <Route path=\"/Userchating\" component={Userchating} />\r\n          <Route path=\"/Sign-up\" component={SignUp} />\r\n          <Route path=\"/LastChatpop\" component={LastChatpop} />\r\n          <Route path=\"/LastGroup\" component={LastGroup} />\r\n          <Route path=\"/Login_form\" component={Login_form} />\r\n          <Route path=\"/EducationGrid\" component={EduDropDown} />\r\n          <Route path=\"/Profile\" component={Profile} />\r\n          <Route path=\"/OrganizationDetail\" component={OrganizationDetail} />\r\n          <Route path=\"/EditOrganization\" component={EditOrganization} />\r\n          <Route path=\"/announcement\" component={Announcement} />\r\n          <Route path=\"/Notifications\" component={Notifications} />\r\n          <Route path=\"/Messages\" component={Messages} />\r\n          <Route path=\"/RejectOrg\" component={RejectOrg} />\r\n          <Route path=\"/Team\" component={Team} />\r\n          <Route path=\"/UserTeam\" component={UserTeam} />\r\n          <Route path=\"/ProfileGridDetails\" component={ProfileGridDetails} />\r\n          <Route path=\"/AdminProfileGrid\" component={AdminProfileGrid} />\r\n          <Route path=\"/AddTeam\" component={Teamadd} />\r\n          <Route path=\"/AdminAnnouncmentpop\" component={AdminAnnouncmentpop} />\r\n          <Route path=\"/SkillMaster\" component={SkillMaster} />\r\n          <Route path=\"/AddSkills\" component={AddSkills} />\r\n          <Route path=\"/Education\" component={Education} />\r\n          <Route path=\"/AddEducation\" component={AddEducation} />\r\n          <Route path=\"/Editskill\" component={EditSkill} />\r\n          <Route path=\"/Contact\" component={Contact} />\r\n          <Route path=\"/EduDash\" component={EduDash} />\r\n          <Route path=\"/Gridskil\" component={Gridskil} />\r\n          <Route path=\"/GridEducation\" component={GridEducation} />\r\n          <Route path=\"/SkillCard\" component={SkillCard} />\r\n          <Route path=\"/Login/:email\" component={LoginUser} />\r\n          <Route path=\"/Teamdash\" component={TeamDash} />\r\n          <Route path=\"/Piechart\" component={Piechart} />\r\n          <Route path=\"/Pie\" component={Pie} />\r\n          <Route path=\"/DashPie\" component={DashPie} />\r\n          <Route path=\"/Masterpage\" component={Masterpage} />\r\n          <Route path=\"/Settings\" component={Settings}/>\r\n          <Route path=\"/EditSuperSkill\" component={EditSuperSkill} />\r\n          <Route path=\"/EditSuperEducation\" component={EditSuperEducation} />\r\n          <Route path=\"/SuperEducation\" component={SuperEducation} />\r\n          <Route path=\"/Export\" component={Export} />\r\n          <Route path=\"/SkillGrid\" component={SkillGrid} />\r\n          <Route path=\"/EditUserEducation\" component={EditUserEducation} />\r\n          <Route path=\"/EditTeam\" component={EditTeam} />\r\n          <Route path=\"/ChangePwd\" component={ChangePwd} />\r\n          <Route path=\"/UserDashboard\" component={UserDashboard} />\r\n          <Route path=\"/Forgot\" component={Forgot} />\r\n          <Route path=\"/OTP\" component={OTP} />\r\n          <Route path=\"/NewPassword\" component={NewPassword} />\r\n          <Route path=\"/EditFamilyModel\" component={EditFamilyModel} />\r\n          <Route\r\n            path=\"/EditAdminFamilyModel\"\r\n            component={EditAdminFamilyModel}\r\n          />\r\n          <Route path=\"/ContactMessages\" component={ContactMessages} />\r\n          <Route path=\"/MessagePrev\" component={MessagePrev} />\r\n          <Route path=\"/EditMessagepop\" component={EditMessagepop} />\r\n          <Route path=\"/EditEmergencyModel\" component={EditEmergencyModel} />\r\n          <Route path=\"/EditSkillModel\" component={EditSkillModel} />\r\n          <Route path=\"/EditAdminEduModel\" component={EditAdminEduModel} />\r\n          <Route path=\"/InviteDashboard\" component={InviteDashboard} />\r\n          <Route path=\"/UserReset\" component={UserReset} />\r\n          <Route path=\"/AdminOtp\" component={AdminOtp} />\r\n          <Route path=\"/LandingPage\" component={LandingPage} />\r\n          <Route path=\"/AdminHome\" component={AdminHome} />\r\n          <Route path=\"/Department\" component={Department} />\r\n          <Route path=\"/Managers\" component={Managers} />\r\n          <Route path=\"/EditAnnouncementpop\" component={EditAnnouncementpop} />\r\n          <Route path=\"/AddDepartmentpop\" component={AddDepartmentpop} />\r\n          <Route path=\"/AddManagerPop\" component={AddManagerPop} />\r\n          <Route path=\"/OfficialHolidays\" component={OfficialHolidays} />\r\n          <Route path=\"/AddHolidaysPop\" component={AddHolidaysPop} />\r\n          <Route path=\"/AdminDesignation\" component={AdminDesignation} />\r\n          <Route path=\"/AdminLocation\" component={AdminLocation} />\r\n          <Route path=\"/AdminOfficeDocument\" component={AdminOfficeDocument} />\r\n          <Route path=\"/CompanyDocumentDash\" component={CompanyDocumentDash} />\r\n          <Route path=\"/OfficialHolidayDash\" component={OfficialHolidayDash} />\r\n          <Route path=\"/ManagerDash\" component={ManagerDash} />\r\n          <Route path=\"/OfficeLocationDash\" component={OfficeLocationDash} />\r\n          <Route path=\"/DesignationDash\" component={DesignationDash} />\r\n          <Route path=\"/DepartmentDash\" component={DepartmentDash} />\r\n          <Route\r\n            path=\"/AddOfficeDocumentModel\"\r\n            component={AddOfficeDocumentModel}\r\n          />\r\n          <Route path=\"/AddDesignationModel\" component={AddDesignationModel} />\r\n          <Route path=\"/AddLocationModel\" component={AddLocationModel} />\r\n          <Route path=\"/EditDepartPop\" component={EditDepartPop} />\r\n          <Route path=\"/EditHolidayPop\" component={EditHolidayPop} />\r\n          <Route path=\"/AdminBusiness\" component={AdminBusiness} />\r\n          <Route path=\"/AddBusinessPop\" component={AddBusinessPop} />\r\n          <Route path=\"/EditBusinessPop\" component={EditBusinessPop} />\r\n          <Route path=\"/AdminProfile\" component={AdminProfile} />\r\n          <Route path=\"/CompanyDocument\" component={CompanyDocument} />\r\n          <Route path=\"/UserRequest\" component={UserRequest} />\r\n          <Route path=\"/UserHoliday\" component={UserHoliday} />\r\n          <Route path=\"/UserCompanyDocument\" component={UserCompanyDocument} />\r\n          <Route path=\"/AnnouncementPopup\" component={AnnouncementPopup} />\r\n          <Route path=\"/LogoCompo\" component={LogoCompo} />\r\n          <Route path=\"/AllAnnouncement\" component={AllAnnouncement} />\r\n          <Route path=\"/AllAnnouncementSA\" component={AllAnnouncementSA} />\r\n          <Route path=\"/AdminAnnouncement\" component={AdminAnnouncement} />\r\n          <Route path=\"/UserAnnouncement\" component={UserAnnouncement} />\r\n          <Route path=\"/EditPG\" component={EditPG} />\r\n          <Route path=\"/EditPHD\" component={EditPHD} />\r\n          <Route path=\"/EditMasterUG\" component={EditMasterUG} />\r\n          <Route path=\"/EditMasterPG\" component={EditMasterPG} />\r\n          <Route path=\"/EditMasterPHD\" component={EditMasterPHD} />\r\n          <Route path=\"/BusiUnitDash\" component={BusiUnitDash} />\r\n          <Route path=\"/SuccessPopup\" component={SuccessPopup} />\r\n          <Route path=\"/RegMsgPop\" component={RegMsgPop} />\r\n          <Route path=\"/OTPmsgpop\" component={OTPmsgpop} />\r\n          <Route path=\"/CommonSuccess\" component={CommonSuccess} />\r\n          <Route path=\"/Dummy\" component={dummy} />\r\n          <Route path=\"/Dummyfntn\" component={Dummyfntn} />\r\n          <Route path=\"/MasterSkills\" component={MasterSkills} />\r\n          <Route path=\"/EditMasterSkill\" component={EditAdSkil} />\r\n          <Route path=\"/ActiveReson\" component={ActiveReson} />\r\n          <Route path=\"/Loadingpage\" component={LoadingPage} />\r\n          <Route path=\"/LogoutConfirm\" component={LogoutConfirmPop} />\r\n          <Route path=\"/TestDrop\" component={TestDrop} />\r\n          <Route path=\"/Testimg\" component={Tempfile} />\r\n          <Route path=\"/Online\" component={Online} />\r\n          <Route path=\"/Chat\" component={Chat} />\r\n          {/* <Route path=\"/FB\" component={FBTest}  /> */}\r\n          <Route path=\"/SPEditAnnouncement\" component={SPEditAnnouncement} />\r\n          <Route path=\"/Planet\" component={Planet} />\r\n          <Route path=\"/AdminNotification\" component={AdminNotification} />\r\n          <Route path=\"/AdminSkillPop\" component={AdminSkillPop} />\r\n          <Route path=\"/CategoryMaster\" component={CategoryMaster} />\r\n          <Route path=\"/MasterDegree\" component={MasterDegree} />\r\n          <Route path=\"/MasterDegreeLevel\" component={MasterDegreeLevel} />\r\n          <Route path=\"/CourseName\" component={CourseName} />\r\n          <Route path=\"/Specialization\" component={Specialization} />\r\n          <Route path=\"/SACategory\" component={SACategory} />\r\n          <Route path=\"/SACourse\" component={SACourse} />\r\n          <Route path=\"/SASpecialization\" component={SASpecialization} />\r\n          <Route path=\"/SADegree\" component={SADegree} />\r\n          <Route path=\"/SADegreeLevel\" component={SADegreeLevel} />\r\n          <Route path=\"/Gridskill\" component={Gridskill} />\r\n          <Route path=\"/Lifestyle\" component={Lifestyle} />\r\n          <Route path=\"/Personality\" component={Personality} />\r\n          <Route path=\"/Intrest\" component={Intrest} />\r\n          <Route path=\"/Activities\" component={Activities} />\r\n          <Route path=\"/SADesignation\" component={SADesignation} />\r\n          <Route path=\"/SADepartment\" component={SADepartment} />\r\n          <Route path=\"/Contactmsg\" component={Contactmsg} />\r\n          <Route path=\"/regmsg\" component={CommonSuccess} />\r\n          <Route path=\"/UserNotifications\" component={UserNotifications} />\r\n          <Route path=\"/Teamdetail\" component={Teamdetail} />\r\n          <Route\r\n            path=\"/UserAnnouncementpopup\"\r\n            component={UserAnnouncementpopup}\r\n          />\r\n          <Route path=\"/AnnouncementPreview\" component={AnnouncementPreview} />\r\n          <Route\r\n            path=\"/AnnouncementPreviewSP\"\r\n            component={AnnouncementPreviewSP}\r\n          />\r\n          <Route path=\"/Chatbox\" component={Chatbox} />\r\n          <Route path=\"/EntityList\" component={EntityList} />\r\n          <Route path=\"/Aspuserlistchat\" component={Aspuserlistchat} />\r\n          <Route path=\"/SearchPopup\" component={SearchPopup}></Route>\r\n          <Route path=\"/ChatGrupPop\" component={ChatGrupPop}></Route>\r\n          <Route path=\"/Chatconfirm\" component={Chatconfirm}></Route>\r\n          <Route path=\"/UserChatPopUp\" component={UserChatPopUp}></Route>\r\n\r\n          {/* <Route path='/Messagebox' component={Messagebox}></Route>\r\n           <Route path='/ButtonandInput' component={ButtonandInput}></Route>\r\n           <Route path='/ListView' component={ListView}></Route> */}\r\n          <Route path=\"/EntityListUser\" component={EntityListUser}></Route>\r\n          <Route path=\"/EditTrainingpop\" component={EditTrainingpop} />\r\n          <Route path=\"/AddTrainingpop\" component={AddTrainingpop} />\r\n          <Route\r\n            path=\"/AddTrainingpopDesign\"\r\n            component={AddTrainingpopDesign}\r\n          />\r\n          <Route path=\"/Train\" component={Train} />\r\n          <Route path=\"/TrainingCard\" component={TrainingCard} />\r\n          <Route path=\"/LearningSchedule\" component={LearningSchedule} />\r\n          <Route path=\"/TrainingSchedule\" component={TrainingSchedule} />\r\n          <Route path=\"/TrainerList\" component={TrainerList} />\r\n          <Route path=\"/AddTrainerpop\" component={AddTrainerpop} />\r\n          <Route path=\"/EditTrainerpop\" component={EditTrainerpop} />\r\n          <Route path=\"/AssignTraining\" component={AssignTraining} />\r\n          <Route path=\"/AddLearning\" component={AddLearning} />\r\n          <Route path=\"/EditSchedule\" component={EditSchedule} />\r\n          <Route\r\n            path=\"/TrainingEditTraineesPop\"\r\n            component={TrainingEditTraineesPop}\r\n          />\r\n          <Route\r\n            path=\"/TrainingEditTrainerPop\"\r\n            component={TrainingEditTrainerPop}\r\n          />\r\n          <Route path=\"/AddTrainer\" component={AddTrainer} />\r\n          <Route path=\"/TrainerSchedule\" component={TrainerSchedule} />\r\n          <Route path=\"/TrainerDetails\" component={TrainerDetails} />\r\n          <Route path=\"/UserAssignTraining\" component={UserAssignTraining} />\r\n          <Route path=\"/UserActiveTraining\" component={UserActiveTraining} />\r\n          <Route\r\n            path=\"/UserTrainingDocument\"\r\n            component={UserTrainingDocument}\r\n          />\r\n          <Route\r\n            path=\"/TrainerAssignTraining\"\r\n            component={TrainerAssignTraining}\r\n          />\r\n          <Route path=\"/TrainerAssign\" component={TrainerAssign} />\r\n          <Route\r\n            path=\"/TrainerActiveTraining\"\r\n            component={TrainerActiveTraining}\r\n          />\r\n          <Route path=\"/EditActiveTrainer\" component={EditActiveTrainer} />\r\n          <Route path=\"/AddTraineePop\" component={AddTraineePop} />\r\n          <Route\r\n            path=\"/TrainerTrainingDocuments\"\r\n            component={TrainerTrainingDocuments}\r\n          />\r\n          <Route path=\"/Attendees\" component={Attendees} />\r\n          <Route path=\"/MeetingLink\" component={MeetingLink} />\r\n          <Route path=\"/TrainingsDocuments\" component={TrainingsDocuments} />\r\n          <Route\r\n            path=\"/AddTraineeExistingPop\"\r\n            component={AddTraineeExistingPop}\r\n          />\r\n          <Route\r\n            path=\"/TrainingsLandingPage\"\r\n            component={TrainingsLandingPage}\r\n          />\r\n          <Route path=\"/dm\" component={MyComponent} />\r\n          <Route\r\n            path=\"/AdminMessageNotification\"\r\n            component={AdminMessageNotification}\r\n          ></Route>\r\n          <Route\r\n            path=\"/UserMessageNotification\"\r\n            component={UserMessageNotification}\r\n          ></Route>\r\n\r\n          <Route\r\n            path=\"/TrainingClassPopup\"\r\n            component={TrainingClassPopup}\r\n          ></Route>\r\n        </Switch>\r\n      </BrowserRouter>\r\n    </>\r\n  );\r\n}\r\nexport default App;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport {BrowserRouter } from \"react-router-dom\";\r\nimport * as timeago from 'timeago.js';\r\n\r\n// import it first.\r\nimport vi from 'timeago.js/lib/lang/vi';\r\nimport App from \"./App\";\r\n// import * as serviceWorker from \"./serviceWorker\";\r\nimport JavascriptTimeAgo from 'javascript-time-ago'\r\n \r\n// The desired locales.\r\nimport en from 'javascript-time-ago/locale/en'\r\nimport ru from 'javascript-time-ago/locale/ru'\r\n \r\n// Initialize the desired locales.\r\nJavascriptTimeAgo.locale(en)\r\nJavascriptTimeAgo.locale(ru)\r\n\r\n\r\n\r\n// register it.\r\ntimeago.register('vi', vi);\r\nReactDOM.render(\r\n    <BrowserRouter> \r\n        < >\r\n     <App/>\r\n        </>\r\n    \r\n    </BrowserRouter>,\r\n    document.getElementById(\"root\")\r\n);\r\n\r\n// serviceWorker.unregister();"],"sourceRoot":""}